@charset "utf-8";


@media screen and (min-width:0px) and ( max-width:860px) { 
	/*　画面サイズが0pxから860pxまではここを読み込む　*/
	/* body{border: 10px solid green;} */
														body.Sp-Navi-Open_and_BodyScroll-Fixed {height: 100%;overflow: hidden;}
														#Sp-Header {
															position: fixed;
															z-index: 9998;
															left: 0;
															top: 0;
															width: 100%;
														}
														#Sp-Header .Sp-Header-area{
															position: absolute;
															z-index: 9999;
															width: 100%;
															height: 40px;
															background-color: rgba(255, 255, 255, 1.0);
															box-shadow: 0 2px 6px rgba(0,0,0,.16);
														}
														#Sp-Header .Sp-Header-area .logo-area{padding:8px 0 0 10px;}
														#Sp-Header .Sp-Header-area .logo-area img{height: 26px;}
														#Sp-Header .Sp-Header-area .hamburger {
															position: absolute;
															z-index: 9999;
															right: 10px;
															top: 0;
															width: 40px; /* 三アイコン枠サイズ */
															height: 40px; /* 三アイコン枠サイズ */
															cursor: pointer;
														}
														.hamburger-line {position: absolute; left: 11px; width: 28px; top: 20px; height: 2px; background-color: #333; transition: all .2s;}
														.hamburger-line-1 {top: 12px;}
														.hamburger-line-2 {top: 20px;}
														.hamburger-line-3 {top: 28px;}

														.Sp-Navi {
															position: fixed;
															z-index: 9996;
															top: 0px; /* ヘッダの高さ分 表示位置を下げる */
															right: -100%; /* これで隠れる */
															width: 100%; /* スマホに収まるくらい */
															height: 100vh;
															padding-top: 60px;
															background-color: rgba(255, 255, 255, 0.98);
															transition: all .4s;/* 速度 */
															overflow-y: auto; /* メニューが多くなったらスクロールできるように */
															-webkit-appearance: none; -ms-overflow-style: none;    /* スクロールバー非表示：IE, Edge */
															scrollbar-width: none;       /* スクロールバー非表示：Firefox */
														}
														.Sp-Navi::-webkit-scrollbar {display:none;}/* スクロールバー非表示：Chrome, Safari */

														/* lang-area */
														#Sp-Header .Sp-Navi-list .lang-area {overflow: hidden;margin: 0 10px 20px 10px;}
														#Sp-Header .Sp-Navi-list .lang-area ul{display: table;table-layout: fixed;text-align: center;width: 100%;}
														#Sp-Header .Sp-Navi-list .lang-area ul li{display: table-cell;text-align: center;vertical-align: middle;}
														#Sp-Header .Sp-Navi-list .lang-area ul li a{display: block; font-size: 0.8rem;margin:0.2rem;padding:0.4rem 0.2rem;color: rgba(5, 31, 102, 1.0); text-decoration: none;}
														#Sp-Header .Sp-Navi-list .lang-area ul li a:hover{background-color: #ebebeb;}
														#Sp-Header .Sp-Navi-list .lang-area ul li a.active{border: 2px solid transparent; border-bottom: 2px solid rgba(5, 31, 102, 1.0);background-color: rgba(5, 31, 102, 0.05);}
														#Sp-Header .Sp-Navi-list .lang-area ul li img{height:14px;}
														/* memu-area */
														#Sp-Header .Sp-Navi-list .memu-area {overflow: hidden;margin: 0 10px 30px 10px; padding: 2px; background-color: rgba(5, 31, 102, 1.0);}
														#Sp-Header .Sp-Navi-list .memu-area ul{display: table;table-layout: fixed;text-align: center;width: 100%;}
														#Sp-Header .Sp-Navi-list .memu-area ul li{display: table-cell;text-align: center;vertical-align: middle;}
														#Sp-Header .Sp-Navi-list .memu-area ul li a{display: block; font-size: 0.8rem;margin:1px;padding:0.4rem 0.2rem;border: 2px solid rgba(5, 31, 102, 1.0);color: rgba(5, 31, 102, 1.0); background-color: #fff; text-decoration: none;}
														#Sp-Header .Sp-Navi-list .memu-area ul li a:hover{background-color: #ebebeb;}
														#Sp-Header .Sp-Navi-list .memu-area ul li a.active{border: 2px solid transparent; border: 2px solid rgba(5, 31, 102, 1.0);background-color: rgba(5, 31, 102, 1.0);color: #fff;}
														#Sp-Header .Sp-Navi-list .memu-area ul li img{height:40px;}
														/* navi-area */
														#Sp-Header .Sp-Navi-list .navi-area {margin: 0 10px; padding: 0 0 180px 0; /* スマホ下部のデフォルトメニュー分 空間をもたせる*/
														}
														#Sp-Header .Sp-Navi-list .navi-area h2 {text-align: center; margin: 1rem 0 0.6rem 0; padding: 0;font-weight: normal;font-size: 1.2rem;border-bottom: 2px solid rgba(5, 31, 102, 1.0);}
														#Sp-Header .Sp-Navi-list .navi-area h2 img {vertical-align: middle;margin-right:10px;height:34px;}
														#Sp-Header .Sp-Navi-list .navi-area h2 a {color: #333;text-decoration: none;display: block;padding: 4px 30px 4px 4px;}
														#Sp-Header .Sp-Navi-list .navi-area h2 a:hover {background-color: #ebebeb;}
														#Sp-Header .Sp-Navi-list .navi-area ul {margin: 0 0 50px 0;padding: 0;
															background-image: url("../img/bg_logo.svg");
															background-position: right 0 top 0;
															background-repeat: repeat-y;
															background-size: 30px;
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li {list-style: none;padding: 0;margin: 0;}
														#Sp-Header .Sp-Navi-list .navi-area ul li a {display: block; padding: 8px 30px; border-bottom: 1px solid #eee; text-decoration: none; color: #111;font-size: 1.0rem;
															background-image: url("../img/svg/icn_arw_tgl_r.svg");
															background-position: left 10px center ;
															background-repeat: no-repeat;
															background-size: 8px;
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li a:hover {background-color: #eee;}
														#Sp-Header .Sp-Navi-list .navi-area ul li a.active {color: #fff;
															background-image: url("../img/svg/icn_arw_tgl_r_w.svg");
															background-color: rgba(5, 31, 102, 1.0);
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li a.active:hover {background-color: rgba(5, 31, 102, 1.0);color: #fff;}

														#Sp-Header .Sp-Navi-list .navi-area ul li ul {margin: 0;padding: 0;
															background-image: none;
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul li{list-style: none;padding: 0;margin: 0;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul li a{display: block; padding: 4px 0 4px 2.8rem;font-size: 0.8rem;
															background-image: url("../img/svg/icn_arw_r.svg");
															background-position: left 2rem center ;
															background-repeat: no-repeat;
															background-size: 6px;
														}

														#Sp-Header .Sp-Navi-list .navi-area ul li ul li a.active{display: block; padding: 4px 0 4px 2.8rem;font-size: 0.8rem;
															background-image: url("../img/svg/icn_arw_r.svg");
															background-position: left 2rem center ;
															background-repeat: no-repeat;
															background-size: 6px;
															background-color: transparent;
															color: rgba(5, 31, 102, 1.0);
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul li a:hover.active{
															background-image: url("../img/svg/icn_arw_r_w.svg");
															color: #fff;
														}

														/* gloup-child */
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child {overflow: hidden; padding-left:2.0rem;border-bottom: 1px solid #eee;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li{list-style: none;padding: 0;margin: 0.2rem; float: left;width: 28%;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(4),
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(5),
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(6),
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(7)
														 {width: 20.5%;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li a{display: block; padding: 0;border-bottom:none;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li a img{width: 100%;}

														.black-bg {position: fixed; left: 0; top: 40px; width: 100vw; height: 100vh; z-index: 100;  visibility: hidden; cursor: pointer;
															background:linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0.5) 100%); opacity: 0; transition: all .6s;}
														/* 表示された時用のCSS */
														.Sp-Navi-Open_and_BodyScroll-Fixed .Sp-Navi {right: 0;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .black-bg {opacity: .8;visibility: visible;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .hamburger-line-1 {transform: rotate(45deg);top: 20px;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .hamburger-line-2 {width: 0;left: 50%;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .hamburger-line-3 {top: 20px;transform: rotate(-45deg);}

}
@media screen and (min-width:860px) and ( max-width:1360px) {
	/*　画面サイズが860pxから1360pxまではここを読み込む　*/
	/* body{border: 10px solid blue;} */

													#Sp-Header {display: none;}
}
@media screen and (min-width:1360px) {
	/*　画面サイズが1360pxから最大幅はここを読み込む　*/
	/* body{border: 10px solid red;} */

														body.Sp-Navi-Open_and_BodyScroll-Fixed {height: 100%;overflow: hidden;}
														#Sp-Header {
															position: fixed;
															z-index: 9998;
															left: 0;
															top: 0;
															width: 100%;
														}
														#Sp-Header .Sp-Header-area{
															position: absolute;
															z-index: 9999;
															width: 100%;
															height: 1px;
															background-color: none;
															box-shadow: none;
														}
														#Sp-Header .Sp-Header-area .logo-area{display: none;}
														#Sp-Header .Sp-Header-area .hamburger {
															position: absolute;
															z-index: 9999;
															right: 24px;
															top: 20px;
															width: 50px; /* 三アイコン枠サイズ */
															height: 44px; /* 三アイコン枠サイズ */
															cursor: pointer;
															border: 1px solid #fff;
															background-color: rgba(5, 31, 102, 1.0);
														}
														.hamburger-line {position: absolute; left: 11px; width: 28px; top: 20px; height: 2px; background-color: #fff; transition: all .2s;}
														.hamburger-line-1 {top: 12px;}
														.hamburger-line-2 {top: 20px;}
														.hamburger-line-3 {top: 28px;}

														.Sp-Navi {
															position: fixed;
															z-index: 9996;
															top: 0px; /* ヘッダの高さ分 表示位置を下げる */
															right: -31%; /* これで隠れる */
															width: 30%; /* スマホに収まるくらい */
															height: 100vh;
															padding-top: 100px;
															background-color: rgba(255, 255, 255, 0.98);
															transition: all .4s;/* 速度 */
															box-shadow: 0 0px 20px rgba(0,0,0,0.4);
															overflow-y: auto; /* メニューが多くなったらスクロールできるように */
															/*-webkit-appearance: none; -ms-overflow-style: none;*/    /* スクロールバー非表示：IE, Edge */
															/*scrollbar-width: none; */       /* スクロールバー非表示：Firefox */
															background-image: url("../img/bg_logo2.svg");
															background-position: left 10px top 10px;
															background-repeat: no-repeat;
															background-size: 78%;
															background-attachment: scroll;
														}
														/*.Sp-Navi::-webkit-scrollbar {display:none;} */    /* スクロールバー非表示：Chrome, Safari */

														/* lang-area */
														#Sp-Header .Sp-Navi-list .lang-area {overflow: hidden;margin: 0 10px 20px 10px;}
														#Sp-Header .Sp-Navi-list .lang-area ul{display: table;table-layout: fixed;text-align: center;width: 100%;}
														#Sp-Header .Sp-Navi-list .lang-area ul li{display: table-cell;text-align: center;vertical-align: middle;}
														#Sp-Header .Sp-Navi-list .lang-area ul li a{display: block; font-size: 0.8rem;margin:0.2rem;padding:0.4rem 0.2rem;color: rgba(5, 31, 102, 1.0); text-decoration: none;}
														#Sp-Header .Sp-Navi-list .lang-area ul li a:hover{background-color: #ebebeb;}
														#Sp-Header .Sp-Navi-list .lang-area ul li a.active{border: 2px solid transparent; border-bottom: 2px solid rgba(5, 31, 102, 1.0);background-color: rgba(5, 31, 102, 0.05);}
														#Sp-Header .Sp-Navi-list .lang-area ul li img{height:14px;}
														/* memu-area */
														#Sp-Header .Sp-Navi-list .memu-area {overflow: hidden;margin: 0 10px 70px 10px; padding: 4px; background-color: rgba(5, 31, 102, 1.0);}
														#Sp-Header .Sp-Navi-list .memu-area ul{display: table;table-layout: fixed;text-align: center;width: 100%;}
														#Sp-Header .Sp-Navi-list .memu-area ul li{display: table-cell;text-align: center;vertical-align: middle;}
														#Sp-Header .Sp-Navi-list .memu-area ul li a{display: block; font-size: 1.0rem;margin:2px;padding:0.4rem 0.2rem;border: 2px solid rgba(5, 31, 102, 1.0);color: rgba(5, 31, 102, 1.0); background-color: #fff; text-decoration: none;}
														#Sp-Header .Sp-Navi-list .memu-area ul li a:hover{background-color: #ebebeb;}
														#Sp-Header .Sp-Navi-list .memu-area ul li a.active{border: 2px solid transparent; border: 2px solid rgba(5, 31, 102, 1.0);background-color: rgba(5, 31, 102, 1.0);color: #fff;}
														#Sp-Header .Sp-Navi-list .memu-area ul li img{height:40px;}
														/* navi-area */
														#Sp-Header .Sp-Navi-list .navi-area {margin: 0 10px; padding: 0 0 180px 0; /* スマホ下部のデフォルトメニュー分 空間をもたせる*/}
														#Sp-Header .Sp-Navi-list .navi-area h2 {text-align: center; margin: 1rem 0 0.6rem 0; padding: 0;font-weight: normal;font-size: 1.2rem;border-bottom: 2px solid rgba(5, 31, 102, 1.0);}
														#Sp-Header .Sp-Navi-list .navi-area h2 img {vertical-align: middle;margin-right:10px;height:34px;}
														#Sp-Header .Sp-Navi-list .navi-area h2 a {color: #333;text-decoration: none;display: block;padding: 4px 30px 4px 4px;}
														#Sp-Header .Sp-Navi-list .navi-area h2 a:hover {background-color: #ebebeb;}
														#Sp-Header .Sp-Navi-list .navi-area ul {margin: 0 0 50px 0;padding: 0;
															/* background-image: url("../img/bg_logo.svg"); */
															/* background-position: right 0 top 0; */
															/* background-repeat: repeat-y; */
															/* background-size: 30px; */
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li {list-style: none;padding: 0;margin: 0;}
														#Sp-Header .Sp-Navi-list .navi-area ul li a {display: block; padding: 8px 30px; border-bottom: 1px solid #eee; text-decoration: none; color: #111;font-size: 1.0rem;
															background-image: url("../img/svg/icn_arw_tgl_r.svg");
															background-position: left 10px center ;
															background-repeat: no-repeat;
															background-size: 8px;
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li a:hover {background-color: #eee;}
														#Sp-Header .Sp-Navi-list .navi-area ul li a.active {color: #fff;
															background-image: url("../img/svg/icn_arw_tgl_r_w.svg");
															background-color: rgba(5, 31, 102, 1.0);
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li a.active:hover {background-color: rgba(5, 31, 102, 1.0);color: #fff;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul {margin: 0;padding: 0;
															background-image: none;
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul li{list-style: none;padding: 0;margin: 0;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul li a{display: block; padding: 4px 0 4px 2.8rem;font-size: 0.8rem;
															background-image: url("../img/svg/icn_arw_r.svg");
															background-position: left 2rem center ;
															background-repeat: no-repeat;
															background-size: 6px;
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul li a.active{display: block; padding: 4px 0 4px 2.8rem;font-size: 0.8rem;
															background-image: url("../img/svg/icn_arw_r.svg");
															background-position: left 2rem center ;
															background-repeat: no-repeat;
															background-size: 6px;
															background-color: transparent;
															color: rgba(5, 31, 102, 1.0);
														}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul li a:hover.active{
															background-image: url("../img/svg/icn_arw_r_w.svg");
															color: #fff;
														}
														
														/* gloup-child */
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child {overflow: hidden; padding-left:2.0rem;border-bottom: 1px solid #eee;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li{list-style: none;padding: 0;margin: 0.2rem; float: left;width: 28%;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(4),
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(5),
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(6),
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li:nth-child(7) {width: 20.5%;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li a{display: block; padding: 0;border-bottom:none;}
														#Sp-Header .Sp-Navi-list .navi-area ul li ul.gloup-child li a img{width: 100%;}


														.black-bg {position: fixed; left: 0; top: 0px; width: 100vw; height: 100vh; z-index: 100;  visibility: hidden; cursor: pointer;
															background:linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0.5) 100%); opacity: 0; transition: all .6s;}
														/* 表示された時用のCSS */
														.Sp-Navi-Open_and_BodyScroll-Fixed .Sp-Navi {right: 0;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .black-bg {opacity: .8;visibility: visible;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .hamburger-line-1 {transform: rotate(45deg);top: 20px;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .hamburger-line-2 {width: 0;left: 50%;}
														.Sp-Navi-Open_and_BodyScroll-Fixed .hamburger-line-3 {top: 20px;transform: rotate(-45deg);}
}


/* ---------------------------------------
Ancer
--------------------------------------- */
.ancer {
position: absolute;
margin-top:-60px;
}