@charset "UTF-8";


#header .global-navi{ position: absolute; width: 100%; margin-top: 640px; border-top: 3px solid #0a31bd; border-bottom: 1px solid #e0e0e0; }
#header .global-navi .navi-list .navi{ width: 218px; }
#header .global-navi .navi-list .navi::before{ width: 220px; }
#header .global-navi .navi-list .navi-home{ display: none; }
#main .main-visual{ position: relative; overflow: hidden; margin-bottom: 60px; }
#main .main-visual .ttl,
#main .main-visual .txt{ position: absolute; left: 50%; top: 0; margin-left: -525px; margin-top: 142px; z-index: 5; }
#main .main-visual .txt{ transform: translateY(140px); }
#main .main-visual .icon{ position: absolute; right: 50%; top: 0; margin-top: 30px; margin-right: -525px; z-index: 5; }
#main .main-visual .photo{ width: 1400px; position: relative; left: 50%; margin-left: -700px; }
#main .main-visual .photo img{ width: 100%; height: auto; }
#main .section-home01{ text-align: center; }
#main .section-home01 .intro{ font-size: 3rem; color: #000033; padding: 60px 0; }
#main .section-home01 .split-view{ display: -ms-flex; display: flex; }
#main .section-home01 .split-view .item{ width: 50%; background-color: #0a4cc5; position: relative; padding-bottom: 110px; }
#main .section-home01 .split-view .item+.item{ background-color: #0844b6; }
#main .section-home01 .split-view .item .photo{ overflow: hidden; }
#main .section-home01 .split-view .item .photo img{ width: 100%; height: auto; transition: transform 1s ease; }
#main .section-home01 .split-view .item .ttl{ color: #ffffff; font-size: 1.86rem; margin-top: 20px; }
#main .section-home01 .split-view .item .txt{ color: #ffffff; }
#main .section-home01 .split-view .item .navi{ width: 230px; box-sizing: border-box; border: 1px solid #6e95dc; padding: 10px 0; color: #ffffff; font-size: 1.14rem; font-weight: bold; position: absolute; bottom: 30px; left: 50%; margin-left: -115px; transition: background-color 0.25s linear; }
#main .section-home01 .split-view .item .navi::after{ content: ''; width: 16px; height: 8px; background: url(../image/parts/icon_allow01.gif) 0 0 no-repeat; background-size: 100% 100%; position: absolute; box-sizing: border-box; right: 15px; bottom: 50%; margin-bottom: -2px; opacity: 0.5; }
#main .section-home01 .split-view .item .overlay{ position: absolute; left: 0; top: 0; background-color: #ffffff; width: 100%; height: 100%; opacity: 0; z-index: 10; }
#main .section-home01 .split-view .item .overlay:hover~.photo img{ transform: scale(1.05); }
#main .section-home01 .split-view .item .overlay:hover~.navi{ background-color: #ffffff; color: #000033; border-color: #ffffff; }
#main .section-home01 .split-view .item .overlay:hover~.navi::after{ background-image: url(../image/parts/icon_allow03.gif); opacity: 1; }
#main .section-home02{ background-color: #000033; padding-bottom: 70px; overflow: hidden; }
#main .section-home02 .ttl{ text-align: center; color: #ffffff; font-weight: 300; font-style: italic; font-size: 2.43rem; padding-top: 50px; position: relative; }
#main .section-home02 .list-item{ margin: 20px auto 0; width: 1044px; display: -ms-flex; display: flex; justify-content: space-between; }
#main .section-home02 .list-item .item{ position: relative; }
#main .section-home02 .list-item .item .txt{ font-size: 1.14rem; color: #ffffff; font-weight: bold; padding: 70px 10px 10px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); width: 100%; box-sizing: border-box; }
#main .section-home02 .list-item .item .photo{ overflow: hidden; width: 208px; }
#main .section-home02 .list-item .item .photo img{ margin-left: -108px; }
#main .section-home02 .list-item .item01 .photo img{ margin-left: -68px; }
#main .section-home02 .list-item .item05 .photo img{ margin-left: -216px; }
#main .section-home02 .list-item .item a{ text-decoration: none; background: linear-gradient(to right, rgba(11,45,188,0.9) 0%,rgba(9,92,202,0.9) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ffffff; display: -ms-flex; display: flex; align-items: center; justify-content: center; font-style: italic; opacity: 0; }
#main .section-home02 .list-item .item a:hover{ opacity: 1; }
#main .section-home03{ padding: 100px 0; }
#main .section-home03 .ttl{ text-align: center; color: #000033; font-weight: 300; font-style: italic; font-size: 2.43rem; color: #000033; }
#main .section-home03 .notice{ width: 840px; margin: 30px auto 0; }
#main .section-home03 .notice .item{ border: dotted #bfbfbf; border-width: 1px 0; overflow: hidden; padding: 15px 0; }
#main .section-home03 .notice .item+.item{ margin-top: -1px; }
#main .section-home03 .notice .item .category{ color: #ffffff; text-align: center; width: 106px; float: left; }
#main .section-home03 .notice .item .category01{ background-color: #8b4760; }
#main .section-home03 .notice .item .category02{ background-color: #60a2c3; }
#main .section-home03 .notice .item .date{ color: #01316c; float: left; width: 80px; text-align: left; margin-left: 20px; }
#main .section-home03 .notice .item .txt{ float: left; width: 610px; margin-left: 20px; }
#main .section-home03 .notice .navi{ margin-top: 10px; }
#main .section-home03 .notice .navi a{ margin-left: auto; display: block; width: 150px; padding: 10px 15px; box-sizing: border-box; color: #ffffff; text-decoration: none; position: relative; color: #666666; }
#main .section-home03 .notice .navi a:hover{ opacity: 1; color: #ffffff; }
#main .section-home03 .notice .navi a::before{ content: ''; position: absolute; left: 0; top: 0; background: linear-gradient(to right, #0b2dbc 0%,#095cca 100%); width: 100%; height: 100%; opacity: 0; transition: opacity 0.25s linear; z-index: -1; }
#main .section-home03 .notice .navi a:hover::before{ opacity: 1; }
#main .section-home03 .notice .navi a::after{ content: ''; width: 16px; height: 8px; background: url(../image/parts/icon_allow02.gif) 0 0 no-repeat; background-size: 100% 100%; position: absolute; box-sizing: border-box; right: 15px; bottom: 50%; margin-bottom: -2px; }
#main .section-home03 .notice .navi a:hover::after{ background-image: url(../image/parts/icon_allow01.gif); }
#main .section-home04{ display: -ms-flex; display: flex; align-items: center; background-color: #000033; }
#main .section-home04 .photo-body{ width: 50%; overflow: hidden; }
#main .section-home04 .photo-body .photo{ width: 700px; position: relative; left: 50%; margin-left: -350px; }
#main .section-home04 .photo-body .photo img{ width: 100%; height: auto; }
#main .section-home04 .txt-body{ width: 50%; padding-left: 60px; box-sizing: border-box; }
#main .section-home04 .txt-body .ttl{ font-size: 2.14rem; color: #ffffff; }
#main .section-home04 .txt-body .ttl .en{ font-size: 1rem; display: block; font-weight: normal; font-style: italic; color: #ffffff; }
#main .section-home04 .txt-body .txt{ margin-top: 20px; font-size: 1.14rem; color: #ffffff; }
#main .section-home04 .txt-body .navi-list{ display: -ms-flex; display: flex; margin-top: 40px; }
#main .section-home04 .txt-body .navi-list .navi+.navi{ margin-left: 20px; }
#main .section-home04 .txt-body .navi-list .navi a{ margin-left: auto; display: block; width: 220px; padding: 20px; box-sizing: border-box; text-decoration: none; position: relative; color: #ffffff; border: 1px solid #ffffff; }
#main .section-home04 .txt-body .navi-list .navi a:hover{ opacity: 1; color: #000033; background-color: #ffffff; }
#main .section-home04 .txt-body .navi-list .navi a::before{ content: ''; position: absolute; left: 0; top: 0; background: linear-gradient(to right, #0b2dbc 0%,#095cca 100%); width: 100%; height: 100%; opacity: 0; transition: opacity 0.25s linear; z-index: -1; }
#main .section-home04 .txt-body .navi-list .navi a:hover::before{ opacity: 1; }
#main .section-home04 .txt-body .navi-list .navi a::after{ content: ''; width: 16px; height: 8px; background: url(../image/parts/icon_allow01.gif) 0 0 no-repeat; background-size: 100% 100%; position: absolute; box-sizing: border-box; right: 15px; bottom: 50%; margin-bottom: -2px; }
#main .section-home04 .txt-body .navi-list .navi a:hover::after{ background-image: url(../image/parts/icon_allow03.gif); }
#main .bnr-link{ padding: 70px 0 120px; text-align: center; }


@media screen and (min-width: 1400px){
	#header .global-navi{ margin-top: 45.71%; }
	#main .main-visual .ttl{ margin-top: 10.14%; left: 12.5%; margin-left: 0; }
	#main .main-visual .txt{ margin-top: 10.14%; left: 12.5%; margin-left: 0; }
	#main .main-visual .icon{ margin-top: 2.14%; right: 12.5%; margin-right: 0; }
	#main .main-visual .photo{ width: 100%; left: 0; margin-left: 0; }
	#main .section-home04 .photo-body .photo{ width: 100%; left: 0; margin-left: 0; }
	#main .section-home04 .txt-body{ padding-left: 4.29%; }
}

@media screen and (max-width: 480px){ /*480px以下のcss*/
	#header .global-navi{ position: fixed; width: 100%; margin-top: 0; border: none; }
	#header .global-navi .navi-list .navi{ width: 100%; }
	#header .global-navi .navi-list .navi-home{ display: block; }
	#main .main-visual{ margin-bottom: 0; }
	#main .main-visual img{ vertical-align: top; }
	#main .main-visual .ttl{ top: 0; left: 0; margin: 6.04% 0 0 6.04%; width: 78.75%; }
	#main .main-visual .txt{ top: 0; left: 0; margin: 25% 0 0 6.04%; width: 45.21%; transform: translateY(0); }
	#main .main-visual .icon{ width: 31.46%; right: auto; left: 0; top: 0; margin: 47.29% 0 0 6.04%; }
	#main .main-visual .photo{ width: auto; left: 0; margin-left: 0; }
	#main .section-home01 .intro{ font-size: 2.4rem; line-height: 1.5; padding: 10% 0; }
	#main .section-home01 .split-view{ display: block; }
	#main .section-home01 .split-view .item{ width: 100%; padding-bottom: 10%; }
	#main .section-home01 .split-view .item .ttl{ margin-top: 5%; }
	#main .section-home01 .split-view .item .navi{ position: relative; bottom: auto; left: auto; margin: 5% auto 0; }
	#main .section-home02{ padding-bottom: 0; }
	#main .section-home02 .ttl{ padding-top: 10%; }
	#main .section-home02 .list-item{ margin-top: 5%; width: auto; display: block; }
	#main .section-home02 .list-item .item::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,51,0.1); }
	#main .section-home02 .list-item .item::after{ content: ''; position: absolute; width: 20px; height: 20px; border: solid #ffffff; border-width: 1px 1px 0 0; transform: translateY(-50%) rotate(45deg); right: 5%; top: 50%; }
	#main .section-home02 .list-item .item .txt{ font-size: 1.5rem; }
	#main .section-home02 .list-item .item .photo{ width: auto; }
	#main .section-home02 .list-item .item .photo img{ width: 100%; height: auto; margin: -14% 0; }
	#main .section-home02 .list-item .item04 .photo img{ margin: -3% 0 -25%; }
	#main .section-home03{ padding: 10% 5%; }
	#main .section-home03 .notice{ width: auto; margin-top: 5%; }
	#main .section-home03 .notice .item .category{ color: #ffffff; text-align: center; width: 80px; float: left; }
	#main .section-home03 .notice .item .date,
	#main .section-home03 .notice .item .txt{ float: none; width: auto; margin-left: 0; padding-left: 100px; line-height: 1.5; }
	#main .section-home04{ display: block; }
	#main .section-home04 .photo-body{ width: 100%; }
	#main .section-home04 .photo-body .photo{ width: 100%; left: 0; margin-left: 0; }
	#main .section-home04 .txt-body{ width: 100%; padding: 10% 5%; }
	#main .section-home04 .txt-body .ttl{ font-size: 1.86rem; line-height: 1.5; }
	#main .section-home04 .txt-body .txt{ margin-top: 5%; font-size: 1rem; }
	#main .section-home04 .txt-body .navi-list{ margin-top: 5%; justify-content: space-between; }
	#main .section-home04 .txt-body .navi-list .navi{ width: 48%; }
	#main .section-home04 .txt-body .navi-list .navi+.navi{ margin: 0; }
	#main .section-home04 .txt-body .navi-list .navi a{ width: 100%; line-height: 1.5; }
	#main .bnr-link{ padding: 10% 5%; }
}