@charset "utf-8";

/* @media only screen and (max-width: 640px) {
	html{scroll-padding-top: 124px;}
} */

/*-------------------------
 * loading
--------------------------*/
body.loading { overflow: hidden; }
.loading_cover { background: #ffffff url(/saiyo/graduates/environment/benefit/images/loading.gif) center center no-repeat; background-size: 32px 32px; font-size: 0; line-height: 0; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1002; }
@media print {
body.loading { overflow: visible; }
.loading_cover { display: none; }
}

/*-------------------------
 * animation
--------------------------*/
.anmInFade { -webkit-transition: opacity 1s; transition: opacity 1s; opacity: 0; }
.anmInFade.isPlay { opacity: 1; }
.anmDelayInFade .delayChild { -webkit-transition: opacity 1s; transition: opacity 1s; opacity: 0; }
.anmDelayInFade.isPlay .delayChild { opacity: 1; }
.anmDelayInFade .delayChild.delay_0 { transition-delay: 0s; }
.anmDelayInFade .delayChild.delay_1 { transition-delay: 0.3s; }
.anmDelayInFade .delayChild.delay_2 { transition-delay: 0.6s; }
.anmDelayInFade .delayChild.delay_3 { transition-delay: 0.9s; }
.anmDelayInFade .delayChild.delay_4 { transition-delay: 1.2s; }
.anmDelayInFade .delayChild.delay_5 { transition-delay: 1.5s; }
.anmDelayInFade .delayChild.delay_6 { transition-delay: 1.8s; }
.anmInBottom { -webkit-transition: transform 1s,opacity 1s; transition: transform 1s,opacity 1s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
.anmInBottom.isPlay { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
@media print {
.anmInFade { opacity: 1; }
.anmDelayInFade .delayChild { opacity: 1; }
.anmInBottom { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}

/*-------------------------
 * anchor_adjust
--------------------------*/
.anchor_adjust { font-size: 0; line-height: 0; position: relative; }
/* .anchor_adjust span { position: absolute; top: 10px; left: 0px; }
@media only screen and (max-width: 640px) {
.anchor_adjust span { top: 82px; }
} */

/*-------------------------
 * セクション・レイアウト
--------------------------*/
#benefit_contents .sub_section + .sub_section { margin-top: 1.75em; padding-top: 1.75em; border-top: 1px solid #ccc; }

.text_wrap {
    float: left;
    max-width: 640px;
    width: 62.3%;
}
.thumb1 {
    float: right;
    max-width: 300px;
    width: 30.6%;
}
.thumb1 img {
    max-width: 100%;
    vertical-align: bottom;
    margin:1.5em 0 0 -2em;
}
#dkids{
/* margin-top: -70px;
padding-top: 70px;
padding-left: 1em; */
}

dl.indent dt {
    padding-left: 2em;
    text-indent: -1em;
}
dl.indent dd {
    padding-left: 1em;
}

dl.indent dt.gaiyo{
    padding-left: 1.5em;
}

#content{
    background-color: #fff;
    max-width: none;
    margin: auto;
    width: auto;
}
.main_banner{
    background: url(../images/bg_banner.jpg)no-repeat center bottom;
    background-size: cover;
    height: 370px;
    letter-spacing: 0.05em;
}
.main_banner .inner_banner .main_title{
    font-size: 285.714%;
    color: #634e4a;
    font-weight: 300;
}
.main_banner .inner_banner .main_text{
    font-size: 114.286%;
    color: #634e4a;
    line-height: 2;
    margin-top: 29px;
}
.main_banner .inner_banner{
    text-align: center;
    padding: 69px 13px 117px;
}
.benefit_block{
    margin-top: 86px;
    margin-bottom: 92px;
}
.section{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 13px;
}
.benefit_block .headtitle{
    font-size: 257.143%;
    color: #634e4a;
    text-align: center;
    font-weight: 300;
}
.benefit_block .headtitle span{
    color: #e88e2e;
}
.text_lead{
    font-size: 114.286%;
    text-align: center;
    margin-top: 27px;
    font-weight: 300;
}
.benefit_block .beneft_list{
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 53px;
    font-weight: 300;
}
.benefit_block .beneft_list li{
    width: 15.409%;
}
.benefit_block .beneft_list li img{
    width: 100%;
}
.benefit_block .beneft_list li img:nth-of-type(2){
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 81.1428% 0 0 45.7142%;
    width: 9.1428%;
}
.benefit_block .beneft_list li a{
    display: inline-block;
    color: #634e4a;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
	position: relative;
}
.benefit_block .beneft_list li a:hover{
    opacity:.7;
    filter: alpha(opacity=70);
}
.benefit_block .beneft_list li span{
    display: block;
    font-size: 142.857%;
    text-align: center;
}
.bg_color{
    background-color: #f8f5ef;
}
#house,#wealth_formation,#life_security,#leisure_related,#other{
    padding-top: 90px;
    padding-bottom: 113px;
}
#house .subhead_ttl{
    color: #65afc2;
}
#wealth_formation .subhead_ttl{
    color: #df9a2d;
}
#life_security .subhead_ttl{
    color: #cc7777;
}
#leisure_related .subhead_ttl{
    color: #93ba6c;
}
#other .subhead_ttl{
    color: #ae8db5;
}

.subhead_ttl{
    font-size: 214.286%;
    text-align: center;
}
.subhead_ttl .inner_subttl{
    display: block;
    margin-top: -9px;
    font-weight: 300;
}
.subhead_ttl .underline{
	font-family: 'Lato', sans-serif;
    margin-right: 13px;
    position: relative;
}
#house .subhead_ttl .underline:after{
    background-color: #65afc2;
}
#wealth_formation .subhead_ttl .underline:after{
    background-color: #df9a2d;
}
#life_security .subhead_ttl .underline:after{
    background-color: #cc7777;
}
#leisure_related .subhead_ttl .underline:after{
    background-color: #93ba6c;
}
#other .subhead_ttl .underline:after{
    background-color: #ae8db5;
}
.subhead_ttl .underline:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    top: calc(50% + 0.65em);
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.subhead_ttl img{
    width: 7.347%;
}
.inner_section{
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}
.inner_section .img_block img{
    width: 100%;
}
.inner_section .img_block{
    width: 48%;
}
.inner_section .text_block{
    width: 48%;
}
.text + .title_list{
    margin-top: 38px;
}
.title_list{
    font-size: 142.857%;
    color: #634e4a;
    position: relative;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 11px;
    padding-left: 1.5em;
    margin-bottom: 22px;
    font-weight: 300;
}
#house .title_list:before{
    color: #65afc2;
}
#wealth_formation .title_list:before{
    color: #df9a2d;
}
#life_security .title_list:before{
    color: #cc7777;
}
#leisure_related .title_list:before{
    color: #93ba6c;
}
#other .title_list:before{
    color: #ae8db5;
}

.title_list:before{
    content: "●";
    position: absolute;
    left: 0;
}
.text{
    font-size: 114.286%;
    color: #222;
    font-weight: 300;
}
.inner_section + .title_list{
    margin-top: 30px;
}
.section_06 {
    margin-top: 87px;
    margin-bottom: 92px;
}
.section_06 .text_lead{margin-top: 30px;}
.title_measure{
    font-size: 257.143%;
    color: #634e4a;
    text-align: center;
    letter-spacing: -0.05em;
    font-weight: 300;
}
.title_measure span{
    color: #e88e2e;
}
.work.banner_blk{
    position: relative;
    margin-top: 52px;
    background: url(../images/banner_img01.jpg)no-repeat center;
    background-size: cover;
    height: 250px;
}
.support.banner_blk{
    position: relative;
    margin-top: 52px;
    background: url(../images/banner_img02.jpg)no-repeat center;
    background-size: cover;
    height: 250px;
}

.support .banner_blk{
    margin-top: 99px;
}
.banner_txt_blk{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.banner_txt_blk .banner_ttl{
	font-family: 'Oswald', sans-serif;
    font-size: 142.857%;
    letter-spacing: 0.4em;
    text-align: center;
}
.banner_txt_blk .banner_text{
    font-size: 257.143%;
    letter-spacing: 0.4em;
    font-weight: 300;
}
.inner_block{
    margin-top: 50px;
}
.border_title{
    font-size: 185.714%;
    color: #634e4a;
    font-weight: normal;
    text-align: center;
    position: relative;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 5px;
    font-weight: 300;

}
.border_title span{
	display: inline-block;
	vertical-align: top;
    position: relative;
}
.border_title span:after{
    position: absolute;
    left: 50%;
    bottom: -7px;
    content: '';
    display: block;
    width: 75px;
    height: 4px;
    background-color: #e88e2e;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.duty_detail{
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
    letter-spacing: 300;
}
.duty_list{
    border: 4px solid #f0f0f0;
    padding: 24px 24px 24px;
    width: 32%;
    box-sizing: border-box;
}
.duty_list:nth-child(n+4){
    margin-top: 20px;
}
.duty_wide .duty_list {
	width: auto;
	margin-top: 50px;
}
.duty_ttl{
    font-size: 114.286%;
    font-weight: normal;
    color: #634e4a;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 300;
}
.duty_text{
    font-size: 100%;
    color: #222222;
    font-weight: 300;
}
.duty_detail .bold_title strong{
    font-weight: 500;
}
.images_section{
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}
.images_list{
    width: 32%;
    box-sizing: border-box;
}
.images_caption{
    font-size: 114.286%;
    color: #222222;
    text-align: center;
    font-weight: 300;
}
.images_image{
	width:100%;
}
.inner_section .text_block .duty_list{
    width: auto;
}
.inner_section .text_block .duty_list + .duty_list{
    margin-top: 20px;
}
.inner_section .text_block .images_list{
    width: auto;
}
.inner_section .text_block .images_list + .images_list{
    margin-top: 20px;
}
.link{
    position: relative;
    font-size: 100%;
    color: #e88e2e;
    margin-top: 20px;
    display: inline-block;
    padding-left: 1.5em;
    font-weight: 300;
}
.link:before{
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e88e2e;
    border-right: 2px solid #e88e2e;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.under_text{
    font-size: 114.286%;
    color: #222222;
    margin-top: 27px;
    font-weight: 300;
}
.employment_system .under_text{
    margin-top: 37px;
    font-weight: 300;
}
.childcare_work .title_list:before{
    color: #e88e2e;
}
.section_04 .images_section{
    margin-top: 40px;
}
.section_04 .images_list {
    width: 32%;
}
.section_04 .images_list:nth-child(n+4){
    margin-top: 0;
}
.institution .duty_detail{
    margin-top: 33px;
}
.institution .duty_list {
    width: 23.5%;
}
.institution .duty_list:nth-child(n+4){
    margin-top: 0;
}
.related_link_block{
    max-width: 700px;
    margin: 0 auto;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 38px;
}
.item{
    width: 45.715%;
    margin-left: 8.57%;
}
.item{
    background-color: #fff;
}
.related_link_block .item:first-of-type{
    margin-left: 0;
}
.item .wrap{
    padding: 19px 25px;
}
.item .thumb img{
    vertical-align: bottom;
	width: 100%;
}
.item a{
    display: block;
    text-decoration: none;
	height: 100%;
}
.none_border_title{
    font-size: 185.714%;
    color: #634e4a;
    font-weight: normal;
    text-align: center;
    font-weight: 300;
}
.section_07{
    position: relative;
    padding-top: 45px;
    padding-bottom: 76px;
}
.section_07:before{
    position: absolute;
    bottom: 0;
    left: 50%;
    top: 0;
    content: '';
    display: block;
    width: 75px;
    height: 4px;
    background-color: #e88e2e;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.item .wrap .label{
    font-size: 142.857%;
    color: #005e8c;
    font-weight: 300;
}
.item .wrap .summary{
    font-size: 100%;
    color: #222;
    margin-top: 9px;
    font-weight: 300;
}
@media only screen and (min-width: 641px) {
.benefit_block .beneft_list li img:nth-of-type(2){
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.benefit_block .beneft_list li a:hover img:nth-of-type(2){
	-webkit-transform: translate3d(0, 80%, 0);
	transform: translate3d(0, 80%, 0);
}
.item a{
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	background-color: #ffffff;
}
.item:hover a{
    background-color: #ebe7df;
}
}
@media only screen and (max-width: 640px) {
	.section {padding: 0 20px;}
	.text_wrap { float: none; width: 100%; max-width: inherit; }
	.text_wrap .bold { margin-bottom: 0.35em; }
	.text_wrap .gaiyo { margin-bottom: 0.35em; }
	.thumb1 { float: none; width: 80%; max-width: inherit; margin-top: inherit; padding: 0 10%; }
	.thumb1 img {max-width: 100%; vertical-align: bottom; margin:0; }
	dl.indent{padding: 0 5%; }
	dl.indent dt { padding: 0 1em; text-indent: -1emem; }
	dl.indent dd { padding: 0; }
	dl.indent dt.gaiyo{padding-left: 0.5em;}


    .main_banner{background: url(../images/bg_banner_2x.jpg)no-repeat center bottom;background-size: cover;height: auto;}
    .main_banner .inner_banner{padding:53px 20px 67px;text-align: left;}
    .main_banner .inner_banner .main_text{margin-top: 25px;}
    .main_banner .inner_banner .main_title{font-size: 185.714%;text-align: center;}
    .benefit_block{margin-top: 59px;margin-bottom: 30px;}
    .benefit_block .headtitle{font-size: 150%;}
    .text_lead{font-size: 100%;margin-top: 27px;}
    .benefit_block .beneft_list li{width: 26%;margin-right: 20px;}
    .benefit_block .beneft_list li:nth-child(3),.benefit_block .beneft_list li:nth-child(5){margin-right: 0;}
    .benefit_block .beneft_list li:nth-child(n+4){margin-top: 10px;}
    .benefit_block .beneft_list{justify-content: center;margin-top: 38px;}
    .benefit_block .beneft_list li span{font-size: 100%;margin-top: 7px;}
    .subhead_ttl img{width: 14.523%;}
    .subhead_ttl{font-size: 150%;}
    .subhead_ttl .underline{font-size: 95.238%;margin-right: 8px;}
    .subhead_ttl .inner_subttl{margin-top: 12px;}
    .inner_section{display: block;margin-top: 25px;}
    .inner_section .img_block,.inner_section .text_block{width: auto;}
    .inner_section .text_block{margin-top: 30px;}
    #house, #wealth_formation, #life_security, #leisure_related, #other{padding-top: 30px;padding-bottom: 60px;}
    .title_list{font-size: 114.286%;padding-bottom: 20px;margin-bottom: 20px;}
    .text + .title_list{margin-top: 30px;}
    .section_02 .inner_section,.section_04 .inner_section{display: flex;flex-direction: column;}
    .section_02 .inner_section .img_block,.section_04 .inner_section .img_block{ order: 1; }
    .section_02 .inner_section .text_block,.section_04 .inner_section .text_block{ order: 2; }
    .title_measure{padding: 0 20px;font-size: 150%;}
    .banner_blk img{width: 100%;}
    .banner_txt_blk .banner_ttl{font-size: 107.143%;}
    .banner_txt_blk .banner_text{font-size: 150%;text-align: center;}
    .section_06{margin-top: 60px;}
    .banner_blk{margin-top: 38px;}
    .work.banner_blk {margin-top: 52px;background: url(../images/banner_img01_2x.jpg)no-repeat center;background-size: cover;height: 280px;}
    .support.banner_blk {margin-top: 52px;background: url(../images/banner_img02_2x.jpg)no-repeat center;background-size: cover;height: 280px;}
    .support.banner_blk{margin-top: 50px;}
    .inner_block{margin-top: 30px;}
    .border_title{font-size: 128.5712%;}
    .border_title:after{bottom: -50%;}
    .border_title span:after{width: 53px;}
    .duty_detail{display: block;margin-top: 30px;}
    .duty_list{width: auto;}
    .duty_list + .duty_list{margin-top: 20px;}
	.images_section{display: block;margin-top: 30px;}
	.images_list{width: auto;}
    .images_list + .images_list{margin-top: 20px;}
	.section_04 .images_list{width: auto;}
    .section_04 .images_list + .images_list{margin-top: 20px;}
    .section_06 .case_study .inner_section {display: flex;flex-direction: column;margin-top: 30px;}
    .section_06 .case_study .inner_section .img_block{ order: 1;}
    .section_06 .case_study .inner_section .text_block{ order: 2; margin-top: 20px;}
    .section_07{margin-top: 30px;padding-bottom: 40px;}
    .none_border_title{font-size: 128.5712%;}
    .institution .duty_list{width: auto;}
    .institution .duty_list + .duty_list{margin-top: 20px;}
    .related_link_block{display: block;margin-top: 30px;}
    .item{width: auto; margin-left: auto;}
    .item + .item{margin-top: 20px;}
    .item .wrap .label{font-size: 114.286%;}
    .item .wrap{padding: 25px 30px;}
    .item .wrap .summary{margin-top: 15px;}

}

/*-------------------------
 * パーツ
--------------------------*/
.note { margin-top: 3.5em; }

@media only screen and (max-width: 640px) {
	.note { margin-top: 2em; }
}

/*-------------------------
 * print
--------------------------*/
@media print {

}

/*-------------------------
 * 20220307追記
--------------------------*/
@media only screen and (min-width: 641px) {
.w_img2{max-width:720px; margin:40px auto 0;}
.w_img2 .images_list{width:45%;}
}

/* css end ------------ */