@charset "utf-8";
/* CSS Document */

.under_visual {
	background: url(../img/visual.png)no-repeat center center;
    background-size: cover;
	text-align: center;
	padding: 150px 0 90px;
}

.pege_name {
	font-size: 260%;
	font-weight: bold;
    padding: 0 0 5px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #ee7d32;
	display: inline-block;
}

.page_name_en {
	font-size: 100%;
	font-weight: bold;
}

.main {
    max-width: 1000px;
	width: 100%;
    margin: auto;
    padding: 30px 0;
}

/* ==========================
==========　メイン　===========
============================= */

.main .ap_txt:first-child {
    margin-bottom: 20px;
}

.ap_txt {
    text-indent: -1em;
    padding-left: 2em;
}

.appeal_txt p {
    margin: auto;
    font-size: 100%;
    padding-bottom: 30px;
}

.manner_auter {
    margin: 30px 0;
	padding: 30px;
	background: #eeedef;
}

.manner_box {
	padding: 30px;
	background: #FFFFFF;
    margin-bottom: 30px;
}

.manner_auter .manner_box:last-child {
	margin-bottom: 0px;
}

.manner_title {
	font-size: 130%;
	font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.manner_title span.tit_number {
	color: #fff;
	padding: 4px 15px;
    border-radius: 20px;
    margin-right: 15px;
}

.manner_title.mt01 {
    border-bottom: 2px dashed #ee7c33;
}
.manner_title.mt01 span.tit_number {
	background: #ee7d32;
}

.manner_title.mt02 {
    border-bottom: 2px dashed #2caae9;
}
.manner_title.mt02 span.tit_number {
	background: #2caae9;
}

.manner_title.mt03 {
    border-bottom: 2px dashed #3bb03b;
}
.manner_title.mt03 span.tit_number {
	background: #3bb03b;
}

.manner_title.mt04 {
    border-bottom: 2px dashed #ee7d32;
}
.manner_title.mt04 span.tit_number {
	background: #ee7d32;
}


.manner_about {
	overflow: hidden;
}
.manner_about .txtBox {
	float: right;
	width: 100%;
	max-width: 565px;
	line-height: 1.8;
}
.manner_about .imgBox {
	float: left;
}






/* 固有のスマホ対応記述
========================== */

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){
	
	.ap_txt {
		padding: 0 30px;
	}
	
	.manner_about .txtBox {
		float: none;
	}
	.manner_about .imgBox {
		float: none;
		text-align: center;
	    margin-bottom: 15px;
	}
	
	.manner_auter {
		padding: 10px;
	}
	.manner_box {
		padding: 15px;	
	}
	
	.manner_title {
		line-height: 2;
	}
	
}

/* 390pxより小さい場合 */
@media screen and ( max-width: 390px ){
	
}