@charset "UTF-8";



#main-content{ /*background-color: #000000;*/ position: relative; }
#main-content img{ width: 100%; height: auto; }
#main-content .en{ font-family: 'YakuHanJP', "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 161px; background-color: #000000; }
#main-content .voice-body{ padding-top: 161px; max-width: 1112px; margin: 0 auto; }
#main-content .hero .caption{ position: relative; right: auto; left: 0; background-color: transparent; color: #666666; padding: 0; margin-top: 5px; }
#main-content .navi-list{ display: flex; display: -ms-flex; justify-content: space-between; margin: 30px auto 0; }
#main-content .navi-list .navi{ width: 31.8681%; position: relative; color: #ffffff; overflow: hidden; border-radius: 5px; background-color: #2f5061; }
#main-content .navi-list .navi .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; opacity: 0; transition: opacity 0.5s; }
#main-content .navi-list .navi .overlay:hover{ opacity: 0.3; }
#main-content .navi-list .navi .num{ width: 9.6552%; height: 100%; position: absolute; left: 0; top: 0; background-color: #1a323e; display: flex; display: -ms-flex; justify-content: center; align-items: center; color: inherit; font-size: 14px; line-height: 1.7; }
#main-content .navi-list .navi .txt{ padding: 5% 5% 5% 14.6552%; height: 100%; display: flex; display: -ms-flex; justify-content: center; align-items: center; color: inherit; box-sizing: border-box; font-size: 14px; line-height: 1.7; }
#main-content .section{ margin-top: 50px; }
#main-content .section+.section{ margin-top: 80px; }
#main-content .section .anchor{ position: absolute; transform: translateY(-211px); }
#main-content .section .section-head{ display: flex; display: -ms-flex; justify-content: flex-start; background-color: #2f5061; color: #ffffff; }
#main-content .section .section-head .num{ display: flex; display: -ms-flex; justify-content: center; align-items: center; background-color: #1a323e; width: 6.3158%; padding: 2% 0; color: inherit; font-size: 18px; line-height: 1.7; }
#main-content .section .section-head .ttl{ display: flex; display: -ms-flex; justify-content: flex-start; align-items: center; padding: 2%; color: inherit; font-size: 18px; line-height: 1.7; font-weight: normal; flex: 1; }
#main-content .section .section-copy{ font-size: 18px; line-height: 1.7; margin-top: 20px; }
#main-content .section .split-view01{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 20px; }
#main-content .section .split-view01 .item{ width: 66.1538%; }
#main-content .section .split-view01 .inner-split{ width: 31.8681%; }
#main-content .section .split-view01 .inner-split .inner-item:nth-child(n+2){ margin-top: 7%; }
#main-content .section .split-view01 .caption{ margin-top: 5px; }
#main-content .section .split-view02{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 40px; }
#main-content .section .split-view02 .person{ width: 31.8681%; }
#main-content .section .split-view02 .txt-body{ width: 66.1538%; }
#main-content .section .split-view02 .txt-body .txt{ line-height: 1.7; }
#main-content .section .split-view02 .txt-body .txt:nth-child(n+2){ margin-top: 20px; }
#main-content .section .split-view02 .caption{ margin-top: 5px; }
#main-content .section .split-view03{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 40px; }
#main-content .section .split-view03 .item{ width: 48.5%; }
#main-content .section .split-view03 .item .copy{ font-size: 18px; line-height: 1.7; color: #1a323e; margin-top: 10px; }
#main-content .section .split-view03 .item .txt{ line-height: 1.7; margin-top: 10px; }
#main-content .section .split-view03 .caption{ margin-top: 5px; }
#main-content .section .split-view04{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 40px; }
#main-content .section .split-view04 .photo-body,
#main-content .section .split-view04 .txt-body{ width: 48.5%; }
#main-content .section .split-view04 .txt-body .copy{ font-size: 18px; line-height: 1.7; color: #1a323e; }
#main-content .section .split-view04 .txt-body .txt{ line-height: 1.7; margin-top: 10px; }
#main-content .section .split-view04 .txt-body .txt+.txt{ margin-top: 20px; }
#main-content .section .split-view04 .caption{ margin-top: 5px; }




/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content::before{ display: none; }
	#main-content .voice-body{ padding-top: 0; }
#main-content .hero .caption{ padding: 0 5px; }
#main-content .navi-list{ margin: 5% 3% 0; }
#main-content .navi-list .navi .overlay:hover{ opacity: 0; }
#main-content .navi-list .navi .overlay:active{ opacity: 0.3; }
#main-content .navi-list .navi .num{ font-size: 2vw; }
#main-content .navi-list .navi .txt{ font-size: 2vw; }
#main-content .section{ margin-top: 10%; padding: 0 5%; }
#main-content .section+.section{ margin-top: 15%; }
#main-content .section .anchor{ transform: translateY(-60px); }
#main-content .section .section-head .num{ font-size: 16px; }
#main-content .section .section-head .ttl{ font-size: 16px; }
#main-content .section .section-copy{ font-size: 16px; margin-top: 5%; }
#main-content .section .split-view01{ display: block; margin-top: 5%; }
#main-content .section .split-view01 .item{ width: 100%; }
#main-content .section .split-view01 .inner-split{ width: 100%; display: flex; display: -ms-flex; justify-content: space-between; margin-top: 5%; }
#main-content .section .split-view01 .inner-split .inner-item{ width: 48%; }
#main-content .section .split-view01 .inner-split .inner-item:nth-child(n+2){ margin-top: 0; }
#main-content .section .split-view02{ display: block; margin-top: 7%; }
#main-content .section .split-view02 .person{ width: 100%; }
#main-content .section .split-view02 .person .photo{ width: 50%; margin: 0 auto; }
#main-content .section .split-view02 .txt-body{ width: 100%; margin-top: 7%; }
#main-content .section .split-view02 .txt-body .txt:nth-child(n+2){ margin-top: 5%; }
#main-content .section .split-view03{ display: block; margin-top: 7%; }
#main-content .section .split-view03 .item{ width: 100%; }
#main-content .section .split-view03 .item:nth-child(n+2){ margin-top: 7%; }
#main-content .section .split-view03 .item .copy{ font-size: 16px; }
#main-content .section .split-view04{ display: block; margin-top: 7%; }
#main-content .section .split-view04 .photo-body,
#main-content .section .split-view04 .txt-body{ width: 100%; }
#main-content .section .split-view04 .txt-body{ margin-top: 10px; }
#main-content .section .split-view04 .txt-body .copy{ font-size: 16px; }
#main-content .section .split-view04 .txt-body .txt+.txt{ margin-top: 5%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}