@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
#page_header{background-image: url("../img/header_img_pc.svg");}
#page_header h2.black{color:#333;}
#page_header h3{font-size: 1.6em;}

.title_h2{font-size: 2.2em;margin: 0 0 1em;color: #595757 !important;line-height: 1.14em;}
.title_h2 span{font-size: 0.7em;display: block;}


/* ---------- section_03 ------- */
.matt_box{margin-bottom: 5em;}
.mt5em{margin-top: 5em}
.w40per{width: 30%;}
.w60per{width: 60%;}
.w60per img{width: 100%;}
.pad_5per{padding: 5%;}
.column-outside-right{
    flex: 1;
    margin-right: calc(6% - 8vw);
    padding-bottom: 2%;
	margin-bottom: 2%;
	font-size: 1.2em;
	color:#595757;
}
.column-outside-left{
    flex: 1;
    margin-left: calc(6% - 8vw);
	padding-left: 22%;
    padding-bottom: 2%;
	margin-bottom: 2%;
	font-size: 1.2em;
	color:#595757;
}

/* ---------- section_04 ------- */
.sec04_center_h3{text-align: center;font-size: 1.6em;color: #595757;}
.sec04_illust{width: 60%;margin: 0 auto;}
.sec04_text_p{text-align: center;font-size: 1.4em;margin-top: 0.6em;margin-bottom: 1em;}

/* ---------- section_05.06 ------- */
.border_bottom{border-bottom: solid 1px #595757;padding-bottom: 0.4em;}
.sec06_h3{font-size: 1.6em;margin: 1.2em 0 0.6em;}
.w70per{width: 66%;margin-left: 4%;}
.green_box{background-color:#e7eead;padding: 2em;margin: 2em 0 0;display: flex;}
.sec06_text_p{font-size: 1.24em;margin-top: 0.6em;margin-bottom: 1em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {


	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.svg");background-color: #ced530;}
#page_header h3{font-size: 1.2em;}

.title_h2{font-size: 1.6em;margin: 0 0 1em;color: #595757 !important;line-height: 1.14em;}
.title_h2 span{font-size: 0.7em;display: block;}

/* ---------- section_03 ------- */	
.matt_box{width: 100%;padding: 0 5%;box-sizing: border-box; margin-bottom: 5em;}
.w40per{width: 100%;margin-bottom: 3%;}
.w60per{width: 100%;}
.pad_5per{padding: 0%;}
.column-outside-right{
    flex: 1;
    margin-right: 0;
    border-bottom: solid 2px #727171;
	padding-bottom: 2%;
	margin-bottom: 2%;
	font-size: 1.2em;
}
.column-outside-left{
    flex: 1;
    margin-left: 0;
	padding-left: 0%;
    border-bottom: solid 2px #727171;
	padding-bottom: 2%;
	margin-bottom: 2%;
	font-size: 1.2em;
}
/* ---------- section_04 ------- */
.sec04_center_h3{font-size: 1.2em;}
.sec04_illust{width: 80%;}
.sec04_text_p{font-size: 0.9em;}
	
/* ---------- section_05.06 ------- */
.sec06_h3{font-size: 1.2em;line-height: 1.14em;}
.w70per{width: 100%;margin-left: 0%;}
.green_box{padding:1em;margin: 2em 0 0;display: block;}
.sec06_text_p{font-size: 0.9em;margin-top: 0.6em;margin-bottom: 1em;}
.first_p{font-size: 0.9em;line-height: 1.5em!important;margin-top: 0.4em;}
.w30per{width: 100%;}
}