@charset "utf-8";

/* **********************************************************
	loading
********************************************************** */
@-webkit-keyframes loading_logo {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes loading_logo {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}
.loading { background-color: #ffffff; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 200; }
.loading span { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.loading span img { -webkit-animation: loading_logo 3s linear 0s infinite; animation: loading_logo 3s linear 0s infinite; width: 80px; }
@media (max-width: 767px) {
}

/* **********************************************************
	section_title
********************************************************** */
.section_title { position: relative; z-index: 20; }
.section_title .title_bg { font-size: 0; line-height: 0; overflow: hidden; position: relative; transform: skewY(5deg); margin-top: -5%; }
.section_title .title_bg span { display: block; transform: skewY(-5deg); position: relative; }
.section_title .title_bg span img { transform: translate3d(0, 8%, 0); width: 100%; }
.section_title .title_bg span::after { background-color: #ffffff; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 200%; }
.section_title .title_text { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; line-height: 1.4; text-align: left; position: absolute; top: 0px; right: 0px; padding-left: 6.25%; width: 50%; height: 100%; }
.section_title .title_text p { color: #ffffff; font-size: 2.375vw; }
.section_title .title_text p span { display: block; }
.section_title .title_text p span:nth-of-type(2) { padding-left: 3.5em; }
.section_title .title_text h1 { font-size: 0; line-height: 0; margin-top: 2.8125vw; width: 31.5625vw; }
.section_title .title_text h1 img { width: 100%; }
@media (max-width: 767px) {
.section_title .title_bg { margin-top: -5%; }
.section_title .title_bg span img { transform: translate3d(0, 4%, 0); }
.section_title .title_block { text-align: center; width: 100%; }
.section_title .title_text { align-items: flex-end; padding: 0 0 12.6666vw 0; width: 100%; }
.section_title .title_text p { font-size: 5.0666vw; }
.section_title .title_text p span { display: inline; }
.section_title .title_text p span:nth-of-type(2) { padding-left: 0; }
.section_title .title_text h1 { margin-top: 3.3333vw; width: auto; }
.section_title .title_text h1 img { width: 67.3333vw; }
}

/* **********************************************************
	section_course
********************************************************** */
.section_intro { background: url(/costcap/img/bg_intro.jpg) left center no-repeat; background-size: cover; background-attachment: fixed; margin-top: -5%; }
.section_intro .container { -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 5%; padding-bottom: 5%; height: 830px; }
.section_intro p { font-size: 2.8rem; }
.section_intro p:nth-of-type(2) { font-size: 3.6rem; font-weight: 700; margin-top: 50px; }
.section_intro p:nth-of-type(3) { margin-top: 50px; }
@media (max-width: 767px) {
.section_intro { background: url(/costcap/img/bg_intro_sp.jpg) left center no-repeat; background-size: cover; background-attachment: scroll; margin-top: -5%; }
.section_intro .container { padding-top: 110px; padding-bottom: 115px; height: auto; }
.section_intro p { font-size: 1.5rem; }
.section_intro p:nth-of-type(2) { font-size: 2.0rem; margin-top: 25px; }
.section_intro p:nth-of-type(3) { margin-top: 25px; }
}

/* **********************************************************
	section_strong
********************************************************** */
.section_strong { background-color: #21388b; color: #ffffff; position: relative; padding: 50px 0 100px 0; z-index: 10; }
.section_strong::before { content: ""; position: absolute; bottom: 100%; left: 0px; width: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 8.75vw 100vw; border-color: transparent transparent #21388b transparent; }
.section_strong::after { content: ""; position: absolute; top: 100%; left: 0px; width: 100%; width: 0; height: 0; border-style: solid; border-width: 0 100vw 8.75vw 0; border-color: transparent #21388b transparent transparent; }
.section_strong .heading_strong { font-size: 0; line-height: 0; text-align: center; }
.section_strong .heading_strong img { width: 480px; }
.section_strong .heading_case { text-align: center; margin-bottom: 60px; }
.section_strong .heading_case span:nth-of-type(1) { display: block; font-size: 0; line-height: 0; }
.section_strong .heading_case span:nth-of-type(1) img { width: 83px; }
.section_strong .heading_case span:nth-of-type(2) { display: block; font-size: 2.4rem; font-weight: normal; margin-top: 55px; }
.section_strong .strong_arw { font-size: 0; line-height: 0; text-align: center; margin-top: 40px; }
.section_strong .strong_arw img { width: 87px; }
.section_strong .strong_txt { font-size: 3.0rem; font-weight: 700; text-align: center; margin: 25px 0 40px 0; }
.section_strong .strong_summary { position: relative; }
.section_strong .strong_summary .summary_bg { font-size: 0; line-height: 0; position: absolute; top: 50%; left: 0px; text-align: center; margin-top: -113px; opacity: 0.2; width: 100%; height: 226px; }
.section_strong .strong_summary .summary_bg img { height: 226px; }
.section_strong .strong_summary p { display: flex; align-items: center; justify-content: center; font-size: 3.4rem; font-weight: 700; text-align: center; position: relative; margin-top: 135px; min-height: 226px; z-index: +1; }

.section_strong .strong_img { display: flex; font-size: 0; line-height: 0; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 786px; }
.section_strong .strong_img p:nth-of-type(1) { text-align: right; width: 37.0229%; } /* 291px */
.section_strong .strong_img p:nth-of-type(2) { width: 25.9541%; } /* 204px */
.section_strong .strong_img p:nth-of-type(3) { width: 37.0229%; } /* 291px */

.section_strong .strong_case1 { margin-top: 95px; }
.section_strong .strong_case1 .img_1 p:nth-of-type(1) img { margin-right: 10.6529%; width: 83.5051%; }
.section_strong .strong_case1 .img_1 p:nth-of-type(2) img { margin-top: 18.1372%; width: 100%; }
.section_strong .strong_case1 .img_1 p:nth-of-type(3) img { margin-left: 13.402%; width: 83.5051%; }
.section_strong .strong_case1 .img_2 p:nth-of-type(1) img { margin-right: 6.8728%; width: 93.1271%; }
.section_strong .strong_case1 .img_2 p:nth-of-type(2) img { margin-top: 10.2941%; width: 100%; }
.section_strong .strong_case1 .img_2 p:nth-of-type(3) img { margin: 12.7147% 0 0 20.9621%; width: 61.512%; }

.section_strong .strong_case2 { margin-top: 140px; }
.section_strong .strong_case2 .heading_case { margin-bottom: 15px; }
.section_strong .strong_case2 .img_1 p:nth-of-type(1) img { margin-right: 10.3092%; width: 83.5051%; }
.section_strong .strong_case2 .img_1 p:nth-of-type(2) img { margin-top: 19.6078%; width: 100%; }
.section_strong .strong_case2 .img_1 p:nth-of-type(3) img { margin: 13.0584% 0 0 4.4673%; width: 91.4089%; }
.section_strong .strong_case2 .img_2 p:nth-of-type(1) img { margin-right: 5.4982%; width: 92.7835%; }
.section_strong .strong_case2 .img_2 p:nth-of-type(2) img { margin-top: 20.5882%; width: 100%; }
.section_strong .strong_case2 .img_2 p:nth-of-type(3) img { margin: 14.0893% 0 0 5.4982%; width: 85.567%; }
@media (max-width: 767px) {
.section_strong { padding: 45px 0 75px 0; }
.section_strong::before { border-width: 0 0 9.3333vw 100vw; }
.section_strong::after { border-width: 0 100vw 9.3333vw 0; }
.section_strong .heading_strong img { width: 240px; }
.section_strong .heading_case { margin-bottom: 20px; }
.section_strong .heading_case span:nth-of-type(1) img { width: 41px; }
.section_strong .heading_case span:nth-of-type(2) { font-size: 1.5rem; margin-top: 25px; }
.section_strong .strong_arw { margin-top: 20px; }
.section_strong .strong_arw img { width: 43px; }
.section_strong .strong_txt { font-size: 1.5rem; margin: 12px 0 25px 0; }
.section_strong .strong_summary .summary_bg { margin-top: -56px; height: 113px; }
.section_strong .strong_summary .summary_bg img { height: 113px; }
.section_strong .strong_summary p { font-size: 1.7rem; margin-top: 55px; min-height: 113px; }

.section_strong .strong_img { margin: 0; width: auto; max-width: none; }
.section_strong .strong_img p:nth-of-type(1) { text-align: left; width: 36.2318%; } /* 250px */
.section_strong .strong_img p:nth-of-type(2) { width: 27.5362%; } /* 190px */
.section_strong .strong_img p:nth-of-type(3) { text-align: right; width: 36.2318%; } /* 250px */

.section_strong .strong_case1 { margin-top: 55px; }
.section_strong .strong_case1 .img_1 p:nth-of-type(1) img { margin-right: 0; width: 88.8%; }
.section_strong .strong_case1 .img_1 p:nth-of-type(2) img { margin-top: 15.7594%; width: 100%; }
.section_strong .strong_case1 .img_1 p:nth-of-type(3) img { margin-left: 0; width: 88.8%; }
.section_strong .strong_case1 .img_2 p:nth-of-type(1) img { margin-right: 0; width: 92.8%; }
.section_strong .strong_case1 .img_2 p:nth-of-type(2) img { margin-top: 0; width: 100%; }
.section_strong .strong_case1 .img_2 p:nth-of-type(3) img { margin: 7.6% 16.4% 0 0; width: 67.2%; }

.section_strong .strong_case2 { margin-top: 50px; }
.section_strong .strong_case2 .heading_case { margin-bottom: 20px; }
.section_strong .strong_case2 .img_1 p:nth-of-type(1) img { margin-right: 0; width: 88.8%; }
.section_strong .strong_case2 .img_1 p:nth-of-type(2) img { margin-top: 18.9473%; width: 100%; }
.section_strong .strong_case2 .img_1 p:nth-of-type(3) img { margin: 14.4% 0 0 0; width: 95.2%; }
.section_strong .strong_case2 .img_2 p:nth-of-type(1) img { margin-right: 0; width: 97.6%; }
.section_strong .strong_case2 .img_2 p:nth-of-type(2) img { margin-top: 2%; width: 100%; }
.section_strong .strong_case2 .img_2 p:nth-of-type(3) img { margin: 2% 0 0 0; width: 90%; }
}

/* **********************************************************
	section_about
********************************************************** */
.section_about { position: relative; padding: 295px 0 210px 0; }
.section_about::after { background: url(/costcap/img/bg_about.jpg) left top no-repeat; background-size: 100% auto; content: ""; position: absolute; top: 0px; left: 0px; padding-bottom: 46.125%; width: 100%; }
.section_about .container { z-index: +5; }
.section_about .heading_about { font-size: 0; line-height: 0; text-align: center; }
.section_about .heading_about img { width: 512px; }
.section_about .about_title { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; height: 226px; }
.section_about .about_title::after { background: url(/costcap/common/img/mark_taiyo_blue.svg) center center no-repeat; background-size: auto 226px; content: ""; position: absolute; top: 50%; left: 0px; margin-top: -113px; opacity: 0.15; width: 100%; height: 226px; }
.section_about .about_title .title_block { position: relative; z-index: +1; }
.section_about .about_title .title_block .heading_title { font-weight: 700; line-height: 1.2; }
.section_about .about_title .title_block .heading_title small { display: block; font-size: 4.0rem; }
.section_about .about_title .title_block .heading_title span { display: block; font-size: 4.8rem; }
.section_about .about_title .title_block p { font-size: 2.4rem; margin-top: 25px; }
.section_about .about_column { display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; width: 100%; max-width: 1134px; }
.section_about .about_column .about_cell { width: 48.0599%; } /* 545px */
.section_about .about_column.reverse .about_cell:nth-of-type(1) { order: 2; }
.section_about .about_column.reverse .about_cell:nth-of-type(2) { order: 1; }
.section_about .heading_column { background-color: #21388b; color: #ffffff; display: flex; align-items: center; font-size: 2.8rem; font-weight: 400; position: relative; padding: 35px 60px; }
.section_about .heading_column small { background-color: #183073; display: inline-block; position: absolute; left: -33px; bottom: calc(100% - 25px); padding: 10px 20px; }
.section_about .heading_column.right small { left: auto; right: -33px; }
.section_about .heading_column span { display: block; width: 100%; }
.section_about .heading_column.center span { text-align: center; }
.section_about .about_photo { font-size: 0; line-height: 0; position: relative; margin-right: -22.9357%; }
.section_about .about_photo::before { background-color: #11225f; content: ""; position: absolute; right: 0px; bottom: 0px; width: calc(100% - 17px); height: calc(100% - 17px); z-index: -2; }
.section_about .about_photo span { display: block; padding: 0 17px 17px 0; }
.section_about .about_photo span img { width: 100%; }
.section_about .about_lead { font-size: 1.8rem; margin-top: 30px; }
.section_about .about_img { font-size: 0; line-height: 0; }
.section_about .about_img img { max-width: 100%; }
.section_about .about_lead + .about_img { margin-top: 45px; }

.section_about .about_img.img_1 img { max-width: 91.3761%; }
.section_about .about_img.img_2 { margin-top: -80px; }
.section_about .about_img.img_2 img { max-width: 93.211%; }
.section_about .about_img.img_5 { text-align: center; }
.section_about .about_img.img_5 img { max-width: 90.2752%; }

.section_about .about_asbestos { margin-top: 220px; }
.section_about .asbestos_title { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 100px auto 0 auto; padding: 0 24px 24px 0; width: 100%; max-width: 1155px; } /* 1002px */
.section_about .asbestos_title::before { background-color: #11225f; content: ""; position: absolute; right: 0px; bottom: 0px; width: calc(100% - 17px); height: calc(100% - 17px); z-index: -2; }
.section_about .asbestos_title .title_block { background-color: #21388b; color: #ffffff; display: flex; justify-content: space-between; padding: 60px; }
.section_about .asbestos_title dl { width: 58.8822%; }
.section_about .asbestos_title dl dt { font-size: 2.4rem; }
.section_about .asbestos_title dl dd { line-height: 2; margin-top: 20px; }
.section_about .asbestos_title p { font-size: 0; line-height: 0; width: 33.4331%; }
.section_about .asbestos_title p img { width: 100%; }
.section_about .asbestos_1 { margin-top: 160px; }
.section_about .asbestos_2 { margin-top: 160px; }

.section_about .about_soil { margin-top: 180px; }
.section_about .soil_1 { margin-top: 110px; }
.section_about .soil_2 { margin-top: 120px; }
.section_about .soil_3 { margin-top: 115px; }
@media (max-width: 767px) {
.section_about { padding: 130px 0 65px 0; }
.section_about::after { background: url(/costcap/img/bg_about_sp.jpg) left top no-repeat; background-size: 100% auto; padding-bottom: 93.2%; }
.section_about .heading_about img { width: 256px; }
.section_about .about_title { display: block; height: auto; }
.section_about .about_title::after { background-size: auto 107px; top: 0px; margin-top: 0; height: 107px; }
.section_about .about_title .title_block .heading_title { display: flex; flex-direction: column; justify-content: center; height: 107px; }
.section_about .about_title .title_block .heading_title small { font-size: 2.0rem; }
.section_about .about_title .title_block .heading_title span { font-size: 2.4rem; }
.section_about .about_title .title_block p { font-size: 1.5rem; margin-top: 15px; }
.section_about .about_column { display: block; margin-left: 0; margin-right: 0; width: auto; max-width: none; }
.section_about .about_column .about_cell { width: auto; }
.section_about .about_column .about_cell:nth-of-type(2) { margin-top: 35px; }
.section_about .heading_column { display: block; font-size: 2.0rem; padding: 20px 30px; }
.section_about .heading_column small { font-size: 1.5rem; left: 0px; bottom: calc(100% - 17px); padding: 5px 10px; }
.section_about .heading_column.right small { right: 0px; }
.section_about .about_photo { margin-right: 0; }
.section_about .about_photo::before { background-color: #23397e; width: calc(100% - 12px); height: calc(100% - 12px); }
.section_about .about_photo span { padding: 0 12px 12px 0; }
.section_about .about_lead { font-size: 1.5rem; margin-top: 30px; }
.section_about .about_lead + .about_img { margin-top: 35px; }

.section_about .about_img { text-align: center; }
.section_about .about_img.img_1 img { max-width: 90%; }
.section_about .about_img.img_2 { margin-top: 0; }
.section_about .about_img.img_2 img { max-width: 91.884%; }
.section_about .about_img.img_3 img { max-width: 90.4347%; }
.section_about .about_img.img_4 img { max-width: 90.4347%; }
.section_about .about_img.img_5 img { max-width: 89.2753%; }

.section_about .about_asbestos { margin-top: 140px; }
.section_about .asbestos_title { margin: 30px 0 0 15px; padding: 0 12px 12px 0; width: auto; max-width: none; }
.section_about .asbestos_title::before { width: calc(100% - 19px); height: calc(100% - 19px); z-index: -2; }
.section_about .asbestos_title .title_block { display: block; padding: 20px 15px; }
.section_about .asbestos_title dl { width: auto; }
.section_about .asbestos_title dl dt { font-size: 1.5rem; }
.section_about .asbestos_title dl dd { margin-top: 15px; }
.section_about .asbestos_title p { text-align: center; margin-top: 30px; width: auto; }
.section_about .asbestos_title p img { width: 58.6666vw; }
.section_about .asbestos_1 { margin-top: 55px; }
.section_about .asbestos_2 { margin-top: 50px; }

.section_about .about_soil { margin-top: 90px; }
.section_about .soil_1 { margin-top: 45px; }
.section_about .soil_2 { margin-top: 55px; }
.section_about .soil_3 { margin-top: 45px; }
}

/* **********************************************************
	section_flow
********************************************************** */
.section_flow { background-color: #21388b; color: #ffffff; position: relative; padding: 120px 0 180px 0; z-index: 10; }
.section_flow::before { content: ""; position: absolute; bottom: 100%; left: 0px; width: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 8.75vw 100vw; border-color: transparent transparent #21388b transparent; }
.section_flow .container { text-align: center; }
.section_flow .heading_flow { font-size: 4.8rem; font-weight: 700; text-align: center; padding-top: 145px; }
.section_flow .heading_flow::after { background: url(/costcap/img/icon_flow.svg) center top no-repeat; background-size: auto 110px; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 110px; }
.section_flow .heading_flow span { display: block; }
.section_flow .flow_lead { font-size: 2.4rem; text-align: left; margin: 30px auto 0 auto; width: 100%; max-width: 36em; }
.section_flow .flow_list { display: flex; justify-content: space-between; margin: 50px auto 0 auto; width: 100%; max-width: 1140px; }
.section_flow .flow_list dl { -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #ffffff; position: relative; padding: 15px 24px; width: 20.5263%; } /* 234px */
.section_flow .flow_list dl::after { background: url(/costcap/img/arw_flow.png) no-repeat; background-size: cover; content: ""; position: absolute; left: 112%; top: 50%; margin-top: -9.4%; padding-bottom: 18.8034%; width: 8.547%; }
.section_flow .flow_list dl dt { font-size: 2.4rem; }
.section_flow .flow_list dl dd { border-top: 1px solid #ffffff; font-size: 1.7rem; text-align: left; margin-top: 15px; padding-top: 15px; }
.section_flow .flow_list p { -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #ffffff; display: flex; align-items: center; justify-content: center; padding: 15px 24px; width: 20.5263%; }
.section_flow .flow_list p span { background: url(/costcap/common/img/mark_taiyo_white.svg) center top no-repeat; background-size: auto 105px; display: block; font-size: 2.0rem; padding-top: 120px; }
@media (max-width: 767px) {
.section_flow { padding: 30px 0 55px 0; }
.section_flow::before { border-width: 0 0 9.3333vw 100vw; }
.section_flow .heading_flow { font-size: 2.4rem; line-height: 1.3; padding-top: 85px; }
.section_flow .heading_flow::after { background-size: auto 55px; height: 55px; }
.section_flow .flow_lead { font-size: 1.5rem; margin: 20px 0 0 0; width: auto; max-width: none; }
.section_flow .flow_list { display: block; margin: 40px 0 0 0; width: auto; max-width: none; }
.section_flow .flow_list dl { border: 1px solid #ffffff; padding: 10px 14px; margin-top: 47px; width: auto; }
.section_flow .flow_list dl:nth-of-type(1) { margin-top: 0; }
.section_flow .flow_list dl::after { background: url(/costcap/img/arw_flow_sp.png) no-repeat; background-size: cover; left: 50%; top: calc(100% + 15px); margin: 0 0 0 -20px; padding-bottom: 0; width: 40px; height: 18px; }
.section_flow .flow_list dl dt { font-size: 2.0rem; }
.section_flow .flow_list dl dd { font-size: 1.2rem; margin-top: 10px; padding-top: 10px; min-height: 3.2em; }
.section_flow .flow_list p { border: 1px solid #ffffff; padding: 0 14px; margin-top: 47px; width: auto; }
.section_flow .flow_list p span { background: url(/costcap/common/img/mark_taiyo_white.svg) left center no-repeat; background-size: 48px auto; font-size: 1.8rem; padding: 35px 0 35px 70px; }
}

/* **********************************************************
	section_summary
********************************************************** */
.section_summary { padding: 120px 0 145px 0; }
.section_summary .heading_summary {  font-size: 4.8rem; font-weight: 700; text-align: center; }
.section_summary .summary_lead { font-size: 2.4rem; text-align: left; margin: 45px auto 0 auto; width: 100%; max-width: 25em; }
.section_summary .summary_column { display: flex; align-items: flex-start; }
.section_summary .summary_column.summary_1 { justify-content: flex-end; margin-top: 80px; }
.section_summary .summary_column.summary_2 { justify-content: flex-start; margin-top: 105px; }
.section_summary .summary_column.summary_3 { justify-content: flex-end; margin-top: 105px; }
.section_summary .summary_column .summary_photo { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; line-height: 0; position: relative; padding: 40px 3.3333% 3.3333% 0; width: 49.8333%; z-index: +1; } /* 598px */
.section_summary .summary_column .summary_photo::after { background-color: #bcc3dc; content: ""; position: absolute; right: 0px; bottom: 0px; width: calc(100% - 40px); height: calc(100% - 80px); z-index: -1; }
.section_summary .summary_column .summary_photo img { position: relative; width: 100%; }
.section_summary .summary_column.summary_1 .summary_photo { margin-right: -5.25%; }
.section_summary .summary_column.summary_2 .summary_photo { order: 1; margin-left: -2.5833%; }
.section_summary .summary_column.summary_2 .summary_photo::after { height: calc(100% - 100px); }
.section_summary .summary_column.summary_3 .summary_photo { margin-right: -5.25%; }
.section_summary .summary_column .summary_text { width: 58.3333%; } /* 700px */
.section_summary .summary_column.summary_1 .summary_text { margin-right: -11.25%; }
.section_summary .summary_column.summary_2 .summary_text { order: 2; margin-left: -14.3333%; }
.section_summary .summary_column.summary_3 .summary_text { margin-right: -11.25%; }
.section_summary .summary_column .summary_text .heading_text { background-color: #21388b; color: #ffffff; font-size: 4.0rem; font-weight: 400; line-height: 100px; padding: 0 25px; }
.section_summary .summary_column.summary_2 .summary_text .heading_text { text-align: right; }
.section_summary .summary_column .summary_text p { font-size: 1.8rem; line-height: 2; margin-top: 40px; }
.section_summary .summary_column.summary_1 .summary_text p { padding-right: 28.5714%; }
.section_summary .summary_column.summary_2 .summary_text p { padding-left: 28.5714%; }
.section_summary .summary_column.summary_3 .summary_text p { padding-right: 28.5714%; }
.section_summary .summary_column .summary_text p + p { margin-top: 1em; }
.section_summary .summary_contact { text-align: center; margin-top: 100px; }
.section_summary .summary_contact dt { font-size: 2.4rem; }
.section_summary .summary_contact dd { font-size: 0; line-height: 0; margin-top: 60px; }
.section_summary .summary_contact dd a { display: inline-block; }
.section_summary .summary_contact dd a img { width: 430px; }
.section_summary .summary_contact p { margin-top: 75px; }
.section_summary .summary_contact p a { background-color: #21388b; color: #ffffff; display: inline-block; font-size: 2.4rem; padding: 35px 90px; }
.section_summary .summary_contact p a:hover { text-decoration: none; }
@media (min-width: 768px) {
.section_summary .summary_contact dd a { pointer-events: none; }
.section_summary .summary_contact p a{ -webkit-transition: opacity .3s; transition: opacity .3s; }
.section_summary .summary_contact p a:hover { opacity: 0.7; }
}
@media (max-width: 767px) {
.section_summary { padding: 30px 0 135px 0; }
.section_summary .heading_summary { font-size: 2.4rem; line-height: 1.4; }
.section_summary .summary_lead { font-size: 1.5rem; margin: 25px 0 0 0; width: auto; max-width: none; }
.section_summary .summary_column { display: block; }
.section_summary .summary_column.summary_1 { margin-top: 60px; }
.section_summary .summary_column.summary_2 { margin-top: 70px; }
.section_summary .summary_column.summary_3 { margin-top: 70px; }
.section_summary .summary_column .summary_photo { margin-top: 35px; padding: 0 25px 25px 0; width: auto; }
.section_summary .summary_column .summary_photo::after { width: calc(100% - 25px); height: calc(100% - 25px); }
.section_summary .summary_column.summary_1 .summary_photo { margin-right: 0; }
.section_summary .summary_column.summary_2 .summary_photo { margin-left: 0; }
.section_summary .summary_column.summary_2 .summary_photo::after { height: calc(100% - 25px); }
.section_summary .summary_column.summary_3 .summary_photo { margin-right: 0; }
.section_summary .summary_column .summary_text { width: auto; }
.section_summary .summary_column.summary_1 .summary_text { margin-right: 0; }
.section_summary .summary_column.summary_2 .summary_text { margin-left:0; }
.section_summary .summary_column.summary_3 .summary_text { margin-right: 0; }
.section_summary .summary_column .summary_text .heading_text { font-size: 2.0rem; line-height: 1.2; padding: 10px 15px; }
.section_summary .summary_column .summary_text p { font-size: 1.5rem; line-height: 1.6; margin-top: 25px; }
.section_summary .summary_column.summary_1 .summary_text p { padding-right: 0; }
.section_summary .summary_column.summary_2 .summary_text p { padding-left: 0; }
.section_summary .summary_column.summary_3 .summary_text p { padding-right: 0; }
.section_summary .summary_contact { margin-top: 55px; }
.section_summary .summary_contact dt { font-size: 1.5rem; }
.section_summary .summary_contact dd { margin-top: 35px; }
.section_summary .summary_contact dd a img { width: 280px; }
.section_summary .summary_contact p { margin-top: 40px; }
.section_summary .summary_contact p a { display: block; font-size: 1.5rem; padding: 20px 10px; }
}

/* **********************************************************
	animetion
********************************************************** */
.section_title .title_bg span::after { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 1; }
.section_title.play .title_bg span::after { opacity: 0; }
.section_title .title_bg span img { -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: scale(1.3) translate3d(0, 8%, 0); transform: scale(1.3) translate3d(0, 8%, 0); }
.section_title.play .title_bg span img { -webkit-transform: scale(1) translate3d(0, 8%, 0); transform: scale(1) translate3d(0, 8%, 0); }
.section_title .title_text { -webkit-transition: opacity 1s 0.5s ease-out; transition: opacity 1s 0.5s ease-out; opacity: 0; }
.section_title.play .title_text { opacity: 1; }
.inFade,
.inAfterTop::after,
.inAfterLeft::after,
.inAfterRight::after,
.inAfterBottom::after,
.inBeforeTop::before,
.inBeforeLeft::before,
.inBeforeRight::before,
.inBeforeBottom::before,
.inTop,
.inLeft,
.inRight,
.inBottom { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 0; }
.inFade.play,
.inAfterTop::after,
.inAfterLeft::after,
.inAfterRight::after,
.inAfterBottom::after,
.inBeforeTop::before,
.inBeforeLeft::before,
.inBeforeRight::before,
.inBeforeBottom::before,
.inTop.play,
.inLeft.play,
.inRight.play,
.inBottom.play { opacity: 1; }
.inAfterTop::after { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
.inAfterTop.play::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inAfterLeft::after { -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
.inAfterLeft.play::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inAfterRight::after { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
.inAfterRight.play::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inAfterBottom::after { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
.inAfterBottom.play::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inBeforeTop::before { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
.inBeforeTop.play::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inBeforeLeft::before { -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
.inBeforeLeft.play::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inBeforeRight::before { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
.inBeforeRight.play::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inBeforeBottom::before { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
.inBeforeBottom.play::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inTop { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
.inTop.play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inLeft { -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
.inLeft.play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inRight { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
.inRight.play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.inBottom { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
.inBottom.play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.inPhoto { display: block; overflow: hidden; position: relative; }
.inPhoto::after { -webkit-transition: width 0.5s cubic-bezier(.215,.61,.355,1); transition: width 0.5s cubic-bezier(.215,.61,.355,1); background-color: #21388b; content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; }
.inPhoto.play::after { width: 0%; }

.inDelay1 { transition-delay: 0.25s; }
.inDelay2 { transition-delay: 0.5s; }
.inDelay3 { transition-delay: 0.75s; }
.inDelay4 { transition-delay: 1s; }
.inDelay5 { transition-delay: 1.25s; }
@media (max-width: 767px) {
.section_title .title_bg span::after { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 1; }
.section_title.play .title_bg span::after { opacity: 0; }
.section_title .title_bg span img { -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: scale(1.3) translate3d(0, 4%, 0); transform: scale(1.3) translate3d(0, 4%, 0); }
.section_title.play .title_bg span img { -webkit-transform: scale(1) translate3d(0, 4%, 0); transform: scale(1) translate3d(0, 4%, 0); }
.section_title .title_text { -webkit-transition: opacity 1s 0.5s ease-out; transition: opacity 1s 0.5s ease-out; opacity: 0; }
.section_title.play .title_text { opacity: 1; }

.inDelay1 { transition-delay: 0.25s; }
.inDelay2 { transition-delay: 0.25s; }
.inDelay3 { transition-delay: 0.25s; }
.inDelay4 { transition-delay: 0.25s; }
.inDelay5 { transition-delay: 0.25s; }
}