@charset "utf-8";
/* CSS Document */

html {
    overflow-y: scroll;
	overflow-x: hidden;
	font-size: 62.5%;
}

html.pageLarge {
    font-size: 70.35%;
}

html.is-open {
	overflow: hidden;
}

@media print{
   /*アニメーションOFF*/
	
	.fadeUpTrigger{
        opacity: 1.0 !important;
	}

	.fadeUp{
        opacity: 1.0 !important;
	}

    
   /*印刷用CSSで適用させる定義を記述*/
    html {
        transform: scale(0.8);
        transform-origin: left top;
        width: calc(100% / 0.8);
        height: calc(100% / 0.8);
        overflow-y: auto;
    }  
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: min(1.08vw, 1.6rem);
	-webkit-text-size-adjust: 100%;
	/*-webkit-text-size-adjust: none;*/
	line-height: 1.5;
	color: #000000;
	background: #fff;
	overflow: hidden;
}

.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.shippori-mincho-b1 {
  font-family: "Shippori Mincho B1", serif;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-new {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
}

.josefin-sans {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.weight-400{
	font-weight: 400;
}

.weight-500{
	font-weight: 500;
}

.weight-600{
	font-weight: 600;
}

.weight-700{
	font-weight: 700;
}

*{
	margin: 0;
	padding: 0;
    word-break: break-all;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
.pc_hide {
	display: none !important;
}

.sp_hide {
}

a {
	outline: none;
	color: #000000;
	text-decoration:none;	
	opacity: 1;
    transition: all 0.5s;
}

a:hover {
	opacity: 0.6;
	text-decoration: none;
}

a.disabled{
    pointer-events: none;
}

h1,
h2,
h3,
h4{
	font-size: 100%;
	font-weight: 500;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}


select::-ms-expand {
    display: none;
}

a.tel-link{
	pointer-events: none;
}

ol, ul {
    list-style: none;
	box-sizing: border-box;
}

#wrapper{
/*	position: relative;*/
}

h1.visually-hidden{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0);
}

/*===================================
	仕様
=====================================*/

/* 下から */

.fadeUpTrigger,
.fadeLeftTrigger{
	opacity: 0;
}


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.0s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/*===================================
	#header
=====================================*/

#header{
	width: 100%;
	padding-top: 20px;
	position: absolute;
	z-index: 11;
}

#header::before{
	content: '';
	background: url("images/common/head_bg.webp")no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	aspect-ratio: 1480 / 260;
	pointer-events: none;
	position: absolute;
	top: -7px;
	left: 0;
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) #header::before {
	content: none;
}
/**/

.head-inner{
	width: 100%;
	max-width: 1530px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

html.pageLarge .head-inner {
	max-width: 1721px;/*1530*1.125*/
}

.head-inner .head_logo{
	width: 25.7432%;/*381*/
	margin-left: 2.1621%;/*32*/
	position: relative;
	z-index: 999;
}

/* 色変更 */
html:is(.pageYellow) .head-inner .head_logo::before{
	content: '';
	background: rgba(0,0,0,0.65);
	width: 110%;
	height: 120%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
/**/

.head-inner .head_logo img{
	width: 100%;
	height: auto;
}

/**/

.head-inner .g_nav_wrap{
	width: 56.2162%;/*832*/
	margin-left: 6.1486%;/*91*/
}


.head-inner .g_nav_wrap .head_menu{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.head-inner .g_nav_wrap .head_menu .tokusyu_btn{
	width: 23.1971%;/*193*/
}

.head-inner .g_nav_wrap .head_menu .tokusyu_btn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 42px;
	border-radius: 5px;
	background: url("images/common/star_ico.webp")no-repeat rgba(255,255,255,0.8) left 7.7720% center;/*15*/
	background-size: 15.5440% auto;/*30*/
	padding-left: 26.4248%;/*51*/
	box-sizing: border-box;
	font-size: 1.125em;/*18*/
	line-height: 1;
	color: #0071b7;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .head-inner .g_nav_wrap .head_menu .tokusyu_btn a {
	background-color: transparent;
}

html:is(.pageYellow) .head-inner .g_nav_wrap .head_menu .tokusyu_btn a {
	border: 1px solid #000;
}

html:is(.pageBlack, .pageBlue) .head-inner .g_nav_wrap .head_menu .tokusyu_btn a {
	border: 1px solid #fff;
}
/**/

.head-inner .g_nav_wrap .head_menu .size_ctrl{
	width: 19.5913%;/*163*/
	margin-left: 3.125%;/*26*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.head-inner .g_nav_wrap .head_menu .size_ctrl p.c_txt{
	font-size: 0.9375em;/*15*/
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	position: relative;
	left: -0.5em;
}

.head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn{
	width: 33.1288%;/*54*/
}

.head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn img{
	width: 100%;
	height: auto;
}

.head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu{
	display: none;
	width: 102.4539%;/*167*/
	background: rgba(255,255,255,0.9);
	position: absolute;
	bottom: 0;
	transform: translate(0, 100%);
	left: 0;
	z-index: 1;
}

.head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu ul.size{
	width: 79.0419%;/*132*/
	height: 70px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu ul.size::before{
	content: '';
	background: #0071b3;
	width: 3.7878%;/*5*/
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu ul.size li.size-btn{
	width: 40.9090%;/*54*/
}

.head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu ul.size li.size-btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border: 1px solid #c7c7c7;
	border-radius: 10px;
	background: #fff;
	font-size: 1.125em;/*18*/
	line-height: 1;
	color: #000000;
}

/* 色変更 */
html:is(.pageYellow) .head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu ul.size li.size-btn a{
	border: 1px solid #000;
	background: #F4E621;
}

html:is(.pageBlack) .head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu ul.size li.size-btn a{
	border: 1px solid #fff;
	background: #000;
}

html:is(.pageBlue) .head-inner .g_nav_wrap .head_menu .size_ctrl .ctrl_btn .hov_menu ul.size li.size-btn a{
	border: 1px solid #fff;
	background: #0071b4;
}
/**/

.head-inner .g_nav_wrap .head_menu .bg_ctrl{
	width: 26.6826%;/*222*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 1.9230%;/*16*/
}

.head-inner .g_nav_wrap .head_menu .bg_ctrl p.c_txt{
	font-size: 0.9375em;/*15*/
	line-height: 1;
	color: #fff;
	white-space: nowrap;
}

.head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area{
	list-style: none;
	width: 62.1621%;/*138*/
	display: flex;
	justify-content: space-between;
}

.head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li{
	display: flex;
	justify-content: center;
	width: 22.4637%;/*31*/
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #fff;
	font-size: 1em;/*16*/
	line-height: 1;
	color: #666666;
	letter-spacing: 0.05em;
	padding-top: 0.6rem;
	box-sizing: border-box;
	cursor: pointer;
}

@media screen and (orientation: portrait) {
  /* 縦向き用スタイル */
	.head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li{
		padding-top: 5px;
	}
}

.head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-white{
	border: 1px solid #f5f5f5;
	box-sizing: border-box;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-white {
	background: #fff;
	color: #666666 !important;
	font-size: 1em;/*16*/
	border: 1px solid #f5f5f5;
}
/**/

.head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-blue{
	background: #0071b3;
	color: #fff !important;
}

/* 色変更 */
html:is(.pageBlue) .head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-blue{
	border: 1px solid #fff;
}
/**/


.head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-yellow{
	background: #f3e521;
	color: #000 !important;
}

/* 色変更 */
html:is(.pageYellow) .head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-yellow{
	border: 1px solid #000;
}
/**/

.head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-black{
	background: #000;
	color: #fff !important;
}

/* 色変更 */
html:is(.pageBlack) .head-inner .g_nav_wrap .head_menu .bg_ctrl ul.color_area li#control-cl-black{
	border: 1px solid #fff;
}
/**/


.head-inner .g_nav_wrap .head_menu .onsei_btn{
	width: 4.3269%;/*36*/
	margin-left: 1.9230%;/*16*/
}

.head-inner .g_nav_wrap .head_menu .onsei_btn img{
	width: 100%;
	height: auto;
}

.head-inner .g_nav_wrap .head_menu .link_cov{
	width: 5.6490%;/*47*/
	margin-left: 3.3653%;/*28*/
	position: relative;
}

.head-inner .g_nav_wrap .head_menu .link_cov a.btn_click img{
	width: 100%;
	height: auto;
}

.head-inner .g_nav_wrap .head_menu .link_cov .hov_menu{
	display: none;
	width: 604.2553%;/*284*/
	height: 70px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
	right: 0;
	z-index: 1;
}

.head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form{
	width: 89.7887%;/*255*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form input#s-box{
	width: 100%;
	height: 47px;
	border: 1px solid #0d79ac;
	border-radius: 10px;
	padding: 0 27.4509% 0 6.2745%;/*70 16*/
	box-sizing: border-box;
	font-size: 0.9375em;/*15*/
	line-height: 1;
}

/* 色変更 */
html:is(.pageBlue) .head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form input#s-box {
	background: #0071b4;
}

html:is(.pageYellow) .head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form input#s-box {
	background: #F4E621;
}

html:is(.pageBlack) .head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form input#s-box {
	background: #000;
}

html:is(.pageBlue, .pageBlack) .head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form input#s-box::placeholder {
	color: #fff;
}

html:is(.pageYellow) .head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form input#s-box::placeholder {
	color: #000;
}
/**/

.head-inner .g_nav_wrap .head_menu .link_cov .hov_menu form#form button#s-btn-area{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 23.9215%;/*61*/
	height: 100%;
	border: none;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #0d79ac;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: -1px;
}

.head-inner .g_nav_wrap .head_menu .link_cov{}

.head-inner .g_nav_wrap .bottom_menu{
	width: 100%;
	margin-top: 25px;
}

.head-inner .g_nav_wrap .bottom_menu ul.pcnav_list{
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.head-inner .g_nav_wrap .bottom_menu ul.pcnav_list li{
	text-align: center;
}

.head-inner .g_nav_wrap .bottom_menu ul.pcnav_list li a{
	display: inline-block;
	font-size: 1em;
	line-height: 1.1875;
	color: #fff;
	position: relative;
}

.head-inner .g_nav_wrap .bottom_menu ul.pcnav_list li a:hover{
	color:#f28e1e;
}

.head-inner .g_nav_wrap .bottom_menu ul.pcnav_list li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -12px;
	left: 0;
	right: 0;
    /*線の形状*/
    width: 100%;/*44*/
    height: 2px;
    background: #f28e1e;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
	margin: auto;
}

/* 色変更 */
html:is(.pageYellow) .head-inner .g_nav_wrap .bottom_menu ul.pcnav_list li a::after{
	background: #000;
}

html:is(.pageBlack, .pageBlue) .head-inner .g_nav_wrap .bottom_menu ul.pcnav_list li a::after{
	background: #fff;
}
/**/

/*現在地とhoverの設定*/
.head-inner .g_nav_wrap .bottom_menu ul.pcnav_list li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

/**/

.head-inner .openbtn1 {
	width: 5.4054%;/*80*/
	height: auto;
	aspect-ratio: 80 / 98;
	background: rgba(255,255,255,0.9);
	border-radius: 10px;
	margin: 0 0 0 auto;
	cursor: pointer;
	position: relative;
	right: 1.6891%;/*25*/
	z-index: 999;
}

.head-inner .openbtn1::before {
	content: 'MENU';
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
	font-size: 1.125em;/*18*/
	line-height: 1;
	letter-spacing: 0.05em;
	color: #0071b3;
	white-space: nowrap;
	position: absolute;
	bottom: 16.3265%;
	left: 50%;
	transform: translateX(-50%);
}

html.is-open .head-inner .openbtn1::before {
	content: 'CLOSE';
}

.head-inner .openbtn1 .toggle-box{
	width: 43.75%;/*35*/
	height: 23px;
	position: absolute;
	top: 23px;
	left: 50%;
	transform: translateX(-50%);
}

.head-inner .openbtn1 .toggle-box span{
	width: 100%;
	height: 2px;
}

.head-inner .openbtn1 .toggle-box span:first-child{
	background: #f28e1e;
	position: absolute;
	top: 0;
	left: 0;
}


.head-inner .openbtn1 .toggle-box span:nth-child(2){
	background: linear-gradient(
		to right,
		#f28e1e 0%,
		#f28e1e 50%,
		#0071b3 50%,
		#0071b3 100%
	);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}


.head-inner .openbtn1 .toggle-box span:last-child{
	background: #0071b3;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack) .head-inner .openbtn1 .toggle-box span{
	background: #000;
}

html:is(.pageYellow, .pageBlack) .head-inner .openbtn1::before{
	color: #000;
}

html:is(.pageBlue) .head-inner .openbtn1 .toggle-box span{
	background: #0071b4;
}

html:is(.pageBlue) .head-inner .openbtn1::before{
	color: #0071b4;
}
/**/

/* 共通：アニメーション */
.head-inner .openbtn1 .toggle-box span {
	transition: transform .3s ease, opacity .3s ease;
}

/* ===== 開いた状態（×ボタン） ===== */
html.is-open .head-inner .openbtn1 .toggle-box span:first-child {
	background: #0071b3;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

html.is-open .head-inner .openbtn1 .toggle-box span:nth-child(2) {
	opacity: 0;
}

html.is-open .head-inner .openbtn1 .toggle-box span:last-child {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}

/* 色変更 */
html:is(.pageYellow, .pageBlack).is-open .head-inner .openbtn1 .toggle-box span{
	background: #000;
}

html:is(.pageBlue).is-open .head-inner .openbtn1 .toggle-box span{
	background: #0071b4;
}
/**/

/**/

.head-inner .global_nav {
	display: flex;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
/*	position: absolute;*/
	position: fixed;
	top: 0;
	right: 0;
	transition: 0.3s;
	transform: translateX(100vw);
	z-index: 998;
}

/* 色変更 */
html:is(.pageYellow) .head-inner .global_nav{
	background: #F4E621
}

html:is(.pageBlack) .head-inner .global_nav{
	background: #000;
}

html:is(.pageBlue) .head-inner .global_nav{
	background: #0071b4;
}
/**/

html.is-open .head-inner .global_nav {
	transition: 0.32s;
	transform: translateX(0);
}

.head-inner .global_nav::before{
	content: '';
	background: url("images/common/menu_bg.webp")no-repeat;
	background-size: cover;
	width: 101.3513%;/*1500*/
	height: auto;
	aspect-ratio: 1500 / 903;
	position: absolute;
	bottom: 21.5555%;/*194/900*/
	left: 31.7567%;/*470*/
	z-index: -3;
}

.head-inner .global_nav::after{
	content: '';
	background: url("images/common/menu_bg02_new.webp")no-repeat;
	background-size: cover;
	background-position: center bottom;
	width: calc(50vw - 12.5%);/*-185*/
	height: 100%;
	aspect-ratio: 590 / 932;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .head-inner .global_nav::before,
html:is(.pageYellow, .pageBlack, .pageBlue) .head-inner .global_nav::after{
	content: none;
}
/**/

.head-inner .global_nav .left_nav{
	width: calc(50vw - 12.5%);/*555*/
	padding-top: 175px;
	box-sizing: border-box;
}

.head-inner .global_nav .left_nav .special_area{
	width: 61.8018%;/*343*/
	max-width: 343px;
	margin: 0 auto;
}

.head-inner .global_nav .left_nav .special_area .link_bnr{
	width: 100%;
}

.head-inner .global_nav .left_nav .special_area .link_bnr + .link_bnr{
	margin-top: 44px;
}

.head-inner .global_nav .left_nav .special_area .link_bnr img{
	width: 100%;
	height: auto;
}

.head-inner .global_nav .left_nav .special_area ul.sns_list{
	width: 72.0116%;/*247*/
	margin: 110px auto 0;
	display: flex;
	justify-content: space-between;
}

/* 色変更 */
html:is(.pageYellow) .head-inner .global_nav .left_nav .special_area ul.sns_list{
	position: relative;
}

html:is(.pageYellow) .head-inner .global_nav .left_nav .special_area ul.sns_list::before{
	content: '';
	background: rgba(0,0,0,0.65);
	width: 110%;
	height: 120%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
/**/


.head-inner .global_nav .left_nav .special_area ul.sns_list li{
	width: 13.7651%;/*34*/
}

.head-inner .global_nav .left_nav .special_area ul.sns_list li img{
	width: 100%;
	height: auto;
}

.head-inner .global_nav .right_nav{
	width: calc(50vw + 12.5%);/*925*/
	padding-top: 45px;
}

.head-inner .global_nav .right_nav .nav_inner{
	width: 83.5675%;/*773*/
	max-width: 773px;
	margin: 0 auto;
}

html.pageLarge .head-inner .global_nav .right_nav .nav_inner{
	max-width: 870px;/*773*1.125*/
}

.head-inner .global_nav .right_nav .nav_inner p.large_txt{
	font-size: 4.875em;/*78*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f28e1e;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area{
	display: flex;
	margin-top: 58px;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area{
	width: 44.5019%;/*344*/
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area.menu02{
	margin-left: 7.6326%;/*59*/
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list{
	list-style: none;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li{
	font-size: 1.25em;/*20*/
	line-height: 3.0;
	letter-spacing: 0.1em;
	position: relative;
}
.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li:has(a[href$="/parent/"]){
 line-height: 1.5;
}
.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a[href$="/parent/"]::before{
right: -7em;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a[href$="/parent/"]:hover::before{
right: -7.5em;
}
.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a{
	color: #026a9e;
	position: relative;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a span{
	font-size: 0.9em;/*18*/
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -3px;
    left: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background: #026a9e;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

/* 色変更 */
html:is(.pageYellow) .head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a::after{
	background: #000;
}

html:is(.pageBlack, .pageBlue) .head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a::after{
	background: #fff;
}
/**/

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a:hover{
	opacity: 1;
}

/*現在地とhoverの設定*/
.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a::before{
	content: '';
	background: url("images/common/link_ico_ora.webp")no-repeat;
	background-size: cover;
	width: 24px;
	height: auto;
	aspect-ratio: 24 / 7;
	position: absolute;
	top: 50%;
	right: -1em;
	transform: translate(100%, -50%);
	transition: right 0.3s ease;
	z-index: 1;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.menu_list li a:hover::before{
	right: -1.5em;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.ex_list{
	width: 55.5232%;/*191*/
	margin-top: 25px;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.ex_list li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 0 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #c7c7c7;
	font-size: 1em;
	line-height: 1.15;
	color: #0071b7;
}

.head-inner .global_nav .right_nav .nav_inner .flex_area .menu_area ul.ex_list li a::after{
	content: '';
	background: url("images/common/ex_ico_ora.webp")no-repeat;
	background-size: cover;
	width: 0.9375em;/*15*/
	height: auto;
	aspect-ratio: 1 / 1;
	flex-shrink: 0;
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02{
	width: 98.8357%;/*764*/
	margin: 57px auto 0;
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02{
	list-style: none;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02::before{
	content: '';
	background: rgba(233,233,237,0.79);
	width: 100vw;
	height: calc(100% - 15px);
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02::before{
	content: none;
}
/**/

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02 li{
	width: 31.1518%;/*238*/
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02 li a{
	display: block;
	width: 100%;
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02 li .thumb{
	width: 100%;
	
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02 li .thumb img{
	width: 100%;
	height: auto;
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02 li p{
	margin-top: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.8125em;/*13*/
	line-height: 1;
	color: #0071b7;
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02 li p:not(.ex_link)::after{
	content: '';
	background: url("images/common/link_ico_ora02.webp")no-repeat;
	background-size: cover;
	width: 6.7226%;/*16*/
	height: auto;
	aspect-ratio: 1 / 1;
	margin-right: 3.3613%;/*8*/
}

.head-inner .global_nav .right_nav .nav_inner .menu_area02 ul.menu_list02 li p.ex_link::after{
	content: '';
	background: url("images/common/ex_ico_ora.webp")no-repeat;
	background-size: cover;
	width: 7.1428%;/*17*/
	height: auto;
	aspect-ratio: 1 / 1;
	margin-right: 3.3613%;/*8*/
}

/*===================================
	.page_tit_wrap
=====================================*/

.page_tit_wrap.pattern01{
	width: 100%;
	height: auto;
	aspect-ratio: 1480 / 640;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	position: relative;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .page_tit_wrap.pattern01 {
	background: none !important;
}
/**/

.page_tit_wrap.pattern01 .page_tit{
	width: 100%;
	max-width: 1250px;
	padding: 0 25px;
	margin: 0 auto;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 43.4375%; /* or 調整値 */
	z-index: 1;
}

html.pageLarge .page_tit_wrap.pattern01 .page_tit{
	max-width: 1406px;/*1250*1.125*/
}

.page_tit_wrap.pattern01 .page_tit::before{
	content: '';
	background: rgba(255,255,255,0.85);
	width: calc(50vw - 3.36%);/*-42*/
	height: 210px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 53.36%;/*667*/
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow) .page_tit_wrap.pattern01 .page_tit::before{
	background: none;
	border: 1px solid #000;
	border-left: none;
}

html:is(.pageBlack, .pageBlue) .page_tit_wrap.pattern01 .page_tit::before{
	background: none;
	border: 1px solid #fff;
	border-left: none;
}
/**/
.page_tit_wrap.pattern01 .page_tit p.en_tit{
	font-size: 2.7218em;/*43.55*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #026a9e;
}

.page_tit_wrap .page_tit p.en_tit:first-letter{
	color: #f28e1e;
}

/**/
html:is(.pageYellow) .page_tit_wrap .page_tit p.en_tit:first-letter{
	color: #000;
}

html:is(.pageBlack, .pageBlue) .page_tit_wrap .page_tit p.en_tit:first-letter{
	color: #fff;
}
/**/
.page_tit_wrap.pattern01 .page_tit h2.page_title{
	padding-top: 20px;
	font-size: 2.5625em;/*41*/
	line-height: 1;
	letter-spacing: 0.2em;
	color: #026a9e;
}

/**/

.page_tit_wrap.pattern02{
	width: 100%;
	height: auto;
	aspect-ratio: 1480 / 324;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	position: relative;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .page_tit_wrap.pattern02 {
	background: none !important;
}
/**/

.page_tit_wrap.pattern02 .page_tit{
	width: 100%;
	max-width: 1250px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 55.8641%;/*181*/
	z-index: 1;
}

html.pageLarge .page_tit_wrap.pattern02 .page_tit{
	max-width: 1406px;/*1250*1.125*/
}

.page_tit_wrap.pattern02 .page_tit p.en_tit{
	font-size: 2.125em;/*34*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
}

.page_tit_wrap.pattern02 .page_tit h2.page_title{
	font-size: 2em;/*32*/
	line-height: 1;
	letter-spacing: 0.2em;
	color: #fff;
	margin-left: 2.9166%;/*35*/
	position: relative;
	top: -5px;
}

/**/

.page_tit_wrap.pattern03{
	width: 100%;
	height: auto;
	aspect-ratio: 1480 / 500;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	position: relative;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .page_tit_wrap.pattern03 {
	background: none !important;
}
/**/

.page_tit_wrap.pattern03 .page_tit{
	width: 100%;
	max-width: 1250px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
	position: absolute;
	top: 41.6%;/*208*/
	left: 0;
	right: 0;
	z-index: 1;
}

html.pageLarge .page_tit_wrap.pattern03 .page_tit{
	max-width: 1406px;/*1250*1.125*/
}

.page_tit_wrap.pattern03 .page_tit p.en_tit{
	font-size: 5.25em;/*84*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #026a9e;
}

.page_tit_wrap.pattern03 .page_tit h2.page_title{
	font-size: 2.875em;/*46*/
	line-height: 1;
	letter-spacing: 0.025em;
	color: #026a9e;
	padding-top: 32px;
}

.page_tit_wrap.pattern03 .page_tit .flex_tit{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0 3.75%;/*45*/
	margin-top: 30px;
}

.page_tit_wrap.pattern03 .page_tit .flex_tit h2.page_title{
	padding: 0;
}

.page_tit_wrap.pattern03 .page_tit .flex_tit p.small_tit{
	font-size: 1.25em;/*20*/
	line-height: 1.45;
	letter-spacing: 0.1em;
	color: #026a9e;
}

/**/

.page_tit_wrap.pattern04{
	width: 100%;
	height: auto;
	aspect-ratio: 1480 / 324;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	position: relative;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .page_tit_wrap.pattern04 {
	background: none !important;
}
/**/

.page_tit_wrap.pattern04 .page_tit{
	width: 100%;
	max-width: 1250px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 0 2.9166%;/*35*/
	position: absolute;
	top: 54.3209%;/*176*/
	left: 0;
	right: 0;
	z-index: 1;
}

.page_tit_wrap.pattern04 .page_tit p.en_tit{
	font-size: 2.125em;/*34*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #026a9e;
}

.page_tit_wrap.pattern04 .page_tit h2.page_title{
	font-size: 2em;/*32*/
	line-height: 1;
	letter-spacing: 0.2em;
	color: #026a9e;
	position: relative;
	top: -5px;
}

.page_tit h2.page_title span.dot{
	margin: 0 -0.2em;
}
/**/

.page_tit_wrap .bread_crumb{
	width: 100%;
	background: rgba(234,118,15,0.83);
	position: absolute;
	bottom: 0;
	left: 0;
}

/* 色変更 */
html:is(.pageYellow) .page_tit_wrap .bread_crumb{
	background: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

html:is(.pageBlack, .pageBlue) .page_tit_wrap .bread_crumb{
	background: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/**/

.page_tit_wrap .bread_crumb .bc_inner{
	width: 100%;
	max-width: 1250px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

.page_tit_wrap .bread_crumb .bc_inner ul.bc_list{
	list-style: none;
	display: flex;
	align-items: center;
	width: 100%;
	height: 45px;
}

.page_tit_wrap .bread_crumb .bc_inner ul.bc_list li{
	font-size: 0.9375em;/*15*/
	line-height: 1;
	color: #fff;
	position: relative;
}

.page_tit_wrap .bread_crumb .bc_inner ul.bc_list li a{
	color: #fff;
	text-decoration: underline;
}

.page_tit_wrap .bread_crumb .bc_inner ul.bc_list li + li{
	margin-left: 3.5833%;/*43*/
}

.page_tit_wrap .bread_crumb .bc_inner ul.bc_list li + li::before{
	content: '';
	background: url("images/common/sep_ico.webp")no-repeat;
	background-size: cover;
	width: 11px;
	height: auto;
	aspect-ratio: 11 / 22;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -25px;
	z-index: 1;
}

/*===================================
	.anchor_wrap
=====================================*/

.anchor_wrap{
	background: #e5f8ff;
	padding: 60px 0 56px;
}

/* 色変更 */
html:is(.pageYellow) .anchor_wrap{
	background: none;
	border-bottom: 1px solid #000;
}

html:is(.pageYellow, .pageBlack, .pageBlue) .anchor_wrap{
	background: none;
	border-bottom: 1px solid #fff;
}
/**/

.anchor_wrap .wrap_inner{
	width: 100%;
	max-width: 1150px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

.anchor_wrap .wrap_inner ul.anchor_list{
	display: flex;
	flex-wrap: wrap;
}

.anchor_wrap .wrap_inner ul.anchor_list.center{
	justify-content: center;
	gap: 0 4.1818%;/*46*/
}

.anchor_wrap .wrap_inner ul.anchor_list.full{
	justify-content: space-between;
	gap: 46px 0;
}

.anchor_wrap .wrap_inner ul.anchor_list.full::after{
	content: '';
	width: 21.8181%;/*240*/
}

.anchor_wrap .wrap_inner ul.anchor_list.full::before{
	content: '';
	width: 21.8181%;/*240*/
	order: 1;
}

.anchor_wrap .wrap_inner ul.anchor_list li{
	width: 21.8181%;/*240*/
}

.anchor_wrap .wrap_inner ul.anchor_list li a{
	display: flex;
	width: 100%;
	min-height: 45px;
	border-bottom: 1px solid #026a9e;
	font-size: 0.9375em;/*15*/
	line-height: 1.3333;
	color: #333333;
	position: relative;
}

.anchor_wrap .wrap_inner ul.anchor_list li a::before{
	content: '';
	background: url("images/common/anchor_ico_ora.webp")no-repeat;
	background-size: cover;
	width: 9.5833%;/*23*/
	height: auto;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: -2px;
	right: 5.0%;/*12*/
}

.anchor_wrap .wrap_inner ul.anchor_list li a:hover{
	opacity: 1;
	color: #d85c00;
	border-bottom: 1px solid #d85c00;
}

.anchor_wrap .wrap_inner ul.anchor_list li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background: #d85c00;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

/* 色変更 */
html:is(.pageYellow) .anchor_wrap .wrap_inner ul.anchor_list li a::after {
	background: #000;
}

html:is(.pageBlack, .pageBlue) .anchor_wrap .wrap_inner ul.anchor_list li a::after {
	background: #fff;
}
/**/

/*現在地とhoverの設定*/
.anchor_wrap .wrap_inner ul.anchor_list li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

/*===================================
	.pager_block
=====================================*/

.pager_block{
	width: 100%;
}

.pager_block .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

.pager_block .block_inner .wp-pagenavi{
	width: 100%;
	height: 90px;
	border-radius: 20px;
	background: #f0f6f7;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

/* 色変更 */
html:is(.pageYellow) .pager_block .block_inner .wp-pagenavi{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .pager_block .block_inner .wp-pagenavi{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .pager_block .block_inner .wp-pagenavi{
	background: #0071b4;
	border: 1px solid #fff;
}

/**/


.pager_block .block_inner .wp-pagenavi a.previouspostslink,
.pager_block .block_inner .wp-pagenavi a.nextpostslink{
	width: 6.5%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.pager_block .block_inner .wp-pagenavi a.previouspostslink.pager_block .block_inner .wp-pagenavi a.previouspostslink img,
.pager_block .block_inner .wp-pagenavi a.nextpostslink img{
	width: 100%;
	height: auto;
}

.pager_block .block_inner .wp-pagenavi a.previouspostslink{
	left: 2.8%;
}

.pager_block .block_inner .wp-pagenavi a.nextpostslink{
	right: 2.8%;
}

/**/

.pager_block .block_inner .wp-pagenavi a.page,
.pager_block .block_inner .wp-pagenavi span.current{
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 1.875em;/*30*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #333333;
	padding: 0 0.5666em;/*17*/
	position: relative;
}

.pager_block .block_inner .wp-pagenavi span.current::after{
	content: '';
	background: #026a9e;
	width: 20px;
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
}

/* 色変更 */
html:is(.pageYellow) .pager_block .block_inner .wp-pagenavi span.current::after{
	background: #000;
}

html:is(.pageBlack, .pageBlue) .pager_block .block_inner .wp-pagenavi span.current::after{
	background: #fff;
}

/**/


/**/

.pager_block .block_inner .wp-pagenavi .bak_btn{
	width: 28.7%;
}

/*===================================
	.block-404
=====================================*/

.block-404{
	padding: 294px 0 151px;
	position: relative;
}

.block-404::before{
	content: '';
	background: url("images/common/404_bg.webp")no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

/* 色変更 */
html:is(.pageYellow, .pageBlack, .pageBlue) .block-404::before{
	content: none;
}
/**/

.block-404 .block_inner{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

.block-404 .block_inner .error_wrap{
	width: 100%;
	text-align: center;
}

.block-404 .block_inner .error_wrap h2.err_midashi{
	width: 54.3%;
	margin: 0 auto;
}

.block-404 .block_inner .error_wrap h2.err_midashi img{
	width: 100%;
	height: auto;
}

.block-404 .block_inner .error_wrap p.txt_jp{
	margin-top: 36px;
	font-size: 1.5625em;/*25*/
	line-height: 1;
	color: #026a9e;
}

.block-404 .block_inner .error_wrap .err_txt_area{
	margin-top: 70px;
}

.block-404 .block_inner .error_wrap .err_txt_area p{
	font-size: 1.125em;/*18*/
	line-height: 1.75;
	letter-spacing: 0.1em;
	color: #1a1a1a;
}

.block-404 .block_inner .error_wrap .err_txt_area p + p{
	margin-top: 2em;
}

.block-404 .block_inner .btn_link01{
	width: 28.7%;
	margin: 55px auto 0;
}

/*===================================
	共通パーツ
=====================================*/

h2.h2-midashi{
	padding: 6px 0 17px 1.0606em;/*35*/
	box-sizing: border-box;
	font-size: 2.0625em;/*33*/
	line-height: 1;
	letter-spacing: 0.2em;
	color: #026a9e;
	position: relative;
}

h2.h2-midashi::before{
	content: '';
	background: linear-gradient(
    180deg,
    #f28e1e 0%,
    #f28e1e 15%,
    #026a9e 15%,
    #026a9e 100%
  );
	width: 8px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

h2.h2-midashi::after{
	content: '';
	background: #000000;
	width: 98.0%;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* 色変更 */
html:is(.pageYellow) h2.h2-midashi::before,
html:is(.pageYellow) h2.h2-midashi::after{
	background: #000;
}

html:is(.pageBlack, .pageBlue) h2.h2-midashi::before,
html:is(.pageBlack, .pageBlue) h2.h2-midashi::after{
	background: #fff;
}
/**/

a.common_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 65px;
	background: #ef7c1d;
	border-radius: 31px;
	box-shadow: 7px 7px 5px rgba(140, 211, 242, 0.45);
	overflow: hidden;
	position: relative;
	transition: ease .2s;
}

a.common_btn.bgwhite{
	background: #fff;
}

a.common_btn:hover{
	opacity: 1;
}

a.common_btn::after{
	content: '';
	background: url("images/common/link_ico_blue02.webp")no-repeat;
	background-size: cover;
	width: 1.875em;/*30*/
	height: auto;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.25em;/*20*/
	z-index: 3;
}

a.common_btn.bgwhite::after{
	background: url("images/common/link_ico_ora02.webp")no-repeat;
	background-size: cover;
}

a.common_btn span{
	font-size: 1.125em;/*18*/
	line-height: 1;
	color: #fff;
	position: relative;
	z-index: 3;
	transition: ease .5s;
}

a.common_btn.bgwhite span{
	color: #026a9e;
}

a.common_btn:hover span{
	color: #026a9e;
}

a.common_btn.bgwhite:hover span{
	color: #fff;
}

/* 色変更 */
html:is(.pageYellow) a.common_btn{
	background: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) a.common_btn{
	background: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) a.common_btn{
	background: #0071b4;
	border: 1px solid #fff;
}

html:is(.pageYellow, .pageBlack, .pageBlue) a.common_btn::before{
	content: none;
}
/**/

/*== 背景が流れる（左から右） */
a.bgleft:before {
 	content: '';
    /*色や形状*/
	background: #fff;
 	width: 100%;
	height: 100%;
    /*絶対配置で位置を指定*/
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;	
    /*アニメーション*/
 	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 	transform: scale(0, 1);
	transform-origin: right top;
}

a.bgleft.bgwhite:before {
	background: #ef7c1d;
}

/*hoverした際の形状*/
a.bgleft:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}
/*===================================
	#footer
=====================================*/

#footer{
	background: #0a3d63;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	padding: 52px 0 166px;/*+111*/
}

/* 色変更 */
html:is(.pageYellow) #footer {
	background: #F4E621;
	border: 1px solid #000;
	border-bottom: none;
}

html:is(.pageBlack) #footer {
	background: #000;
	border: 1px solid #fff;
	border-bottom: none;
}

html:is(.pageBlue) #footer {
	background: #0071b4;
	border: 1px solid #fff;
	border-bottom: none;
}
/**/

.foot_inn{
	width: 100%;
	max-width: 1150px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

.foot_inn .foot_flex01{
	width: 95.4545%;/*1050*/
	margin: 0 auto;
	padding-bottom: 50px;
	border-bottom: 1px solid #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 4.7619%;/*50*/
}

.foot_inn .foot_flex01 .logo{
	width: 30.0%;/*315*/
	position: relative;
	z-index: 1;
}

/* 色変更 */
html:is(.pageYellow) .foot_inn .foot_flex01 .logo::before{
	content: '';
	background: rgba(0,0,0,0.65);
	width: 110%;
	height: 120%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
/**/

.foot_inn .foot_flex01 .logo img{
	width: 100%;
	height: auto;
}

.foot_inn .foot_flex01 .add_area{
	width: 34.9523%;/*367*/
}

.foot_inn .foot_flex01 .add_area p.add_txt{
	font-size: 1em;
	line-height: 1.4215;
	letter-spacing: 0.1em;
	color: #fff;
}

.foot_inn .foot_flex01 .add_area p.add_txt a.tel-link{
	color: #fff;
}

/**/

.foot_inn .foot_menu_area{
	width: 95.4545%;/*1050*/
	margin: 30px auto 0;
	display: flex;
}

.foot_inn .foot_menu_area ul.foot_menu{
	list-style: none;
}

.foot_inn .foot_menu_area ul.foot_menu.f01{
	width: 20.9523%;/*220*/
	margin-left: 0.3809%;/*4*/
}

.foot_inn .foot_menu_area ul.foot_menu.f02{
	width: 30.4761%;/*320*/
	margin-left: 5.4285%;/*57*/
}

.foot_inn .foot_menu_area ul.foot_menu.f03{
	width: 29.7142%;/*312*/
	margin-left: 5.8095%;/*61*/
	
}

.foot_inn .foot_menu_area ul.foot_menu li{
	font-size: 1em;
	line-height: 2.2867;
	letter-spacing: 0.1em;
}

.foot_inn .foot_menu_area ul.foot_menu li:has(a[href$="/parent/"]){
        line-height: 1.5;
}
.foot_inn .foot_menu_area ul.foot_menu li a{
	color: #fff;
	position: relative;
}

.foot_inn .foot_menu_area ul.foot_menu li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -3px;
    left: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background: #fff;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

/* 色変更 */
html:is(.pageYellow) .foot_inn .foot_menu_area ul.foot_menu li a::after{
	background: #000;
}
/**/

/*現在地とhoverの設定*/
.foot_inn .foot_menu_area ul.foot_menu li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

.foot_inn .foot_menu_area ul.foot_menu li a.no-link{
	pointer-events: none;
	color: rgba(255,255,255,0.81);
}

/* 色変更 */
html:is(.pageYellow) .foot_inn .foot_menu_area ul.foot_menu li a.no-link{
	color: rgba(0,0,0,0.81) !important;
}

html:is(.pageBlack, .pageBlue) .foot_inn .foot_menu_area ul.foot_menu li a.no-link{
	color: rgba(255,255,255,0.81) !important;
}
/**/

.foot_inn .foot_menu_area ul.foot_menu li + li{
	margin-top: 3px;
}

.foot_inn .foot_menu_area ul.foot_menu li.special{
	padding-left: 1em;
	box-sizing: border-box;
}

.foot_inn .foot_menu_area ul.sns_list{
	list-style: none;
	width: 3.2380%;/*34*/
	margin: 7px 0 0 0.6666%;/*7*/
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

/* 色変更 */
html:is(.pageYellow) .foot_inn .foot_menu_area ul.sns_list{
	position: relative;
	z-index: 1;
}

html:is(.pageYellow) .foot_inn .foot_menu_area ul.sns_list::before{
	content: '';
	background: rgba(0,0,0,0.65);
	width: 120%;
	height: 110%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
/**/


.foot_inn .foot_menu_area ul.sns_list li{
	width: 100%;
}

.foot_inn .foot_menu_area ul.sns_list li img{
	width: 100%;
	height: auto;
}

/**/

.foot_inn .foot_bnr_area{
	width: 100%;
	margin-top: 32px;
}

.foot_inn .foot_bnr_area ul.foot_bnr_list{
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.foot_inn .foot_bnr_area ul.foot_bnr_list li{
	width: 23.7272%;/*261*/
}

.foot_inn .foot_bnr_area ul.foot_bnr_list li a{
	display: block;
	width: 100%;
}

.foot_inn .foot_bnr_area ul.foot_bnr_list li .thumb{
	width: 100%;
}

.foot_inn .foot_bnr_area ul.foot_bnr_list li .thumb img{
	width: 100%;
	height: auto;
}

.foot_inn .foot_bnr_area ul.foot_bnr_list li p{
	margin-top: 13px;
	font-size: 0.9375em;/*15*/
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	position: relative;
}

.foot_inn .foot_bnr_area ul.foot_bnr_list li p::after{
	content: '';
	background: url("images/common/ex_ico.webp")no-repeat;
	background-size: cover;
	width: 7.6628%;/*20*/
	height: auto;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 3.8314%;/*10*/
}

/**/

.foot_inn .copyright{
	margin-top: 77px;
	text-align: center;
}

.foot_inn .copyright p.copy_txt{
	font-size: 0.8125em;/*13*/
	line-height: 1;
	letter-spacing: 0.2em;
	color: #fff;
}

/*===================================
	.totop
=====================================*/

.totop{
	display: none;
	width: 4.4594%;/*66*/
	position: fixed;
	bottom: 149px;/*+111*/
	right: 1.9594%;/*29*/
	z-index: 100;
}

.totop img{
	width: 100%;
	height: auto;
}

/*===================================
	.floatingBnr
=====================================*/

.floatingBnr{
	display: none;
	width: 100%;
	background: rgba(255,255,255,0.78);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.floatingBnr .fb_inner{
	width: 100%;
	max-width: 1470px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

html.pageLarge .floatingBnr .fb_inner{
	max-width: 1654px;/*1470*1.125*/
}

.floatingBnr .fb_inner ul.fb_list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 111px;
	list-style: none;
}

.floatingBnr .fb_inner ul.fb_list li{
	width: 32.8169%;/*466*/
}

.floatingBnr .fb_inner ul.fb_list li a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 70px;
	border-radius: 5px;
	background: url("images/common/link_ico_ora02.webp")no-repeat right 4.9356% center;/*23*/
	background-size: 5.5793% auto;/*26*/
	font-size: 1.875em;/*30*/
	line-height: 1;
	box-sizing: border-box;
	position: relative;
}

.floatingBnr .fb_inner ul.fb_list li:first-child a{
	background: url("images/common/link_ico_blue02.webp")no-repeat right 4.9356% center;/*23*/
	background-size: 5.5793% auto;/*26*/
	background-color: #ef7c1d;
	padding-left: 32.1888%;/*150*/
	color: #fff;
}

.floatingBnr .fb_inner ul.fb_list li:first-child a::before{
	content: '';
	background: url("images/common/ico01.webp")no-repeat;
	background-size: cover;
	width: 14.8068%;/*69*/
	height: auto;
	aspect-ratio: 96 / 60;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 8.5836%;/*40*/
}

.floatingBnr .fb_inner ul.fb_list li:nth-child(2) a{
	justify-content: center;
	background:
		url("images/common/link_ico_ora02.webp") no-repeat right 4.9356% center / 5.5793% auto,
		linear-gradient(
			90deg,
			rgba(63, 186, 183, 1) 0%,
			rgba(53, 145, 208, 1) 100%
		);
	font-size: 1.6875em;/*27*/
	color: #fff;
}

.floatingBnr .fb_inner ul.fb_list li:nth-child(2) a::before{
	content: '';
	background: url("images/common/ico02.webp")no-repeat;
	background-size: cover;
	width: 10.9442%;/*51*/
	height: auto;
	aspect-ratio: 71 / 68;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 4.9356%;/*23*/
}

.floatingBnr .fb_inner ul.fb_list li:nth-child(3) a{
	background-color: #fff;
	font-size: 1.5625em;/*25*/
	color: #026a9e;
	padding-left: 22.9613%;/*107*/
}

.floatingBnr .fb_inner ul.fb_list li:nth-child(3) a::before{
	content: '';
	background: url("images/common/mail_ico.webp")no-repeat;
	background-size: cover;
	width: 8.1545%;/*38*/
	height: auto;
	aspect-ratio: 53 / 38;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7.0815%;/*33*/
}

/* 色変更 */
html:is(.pageYellow) .floatingBnr .fb_inner ul.fb_list li a{
	background-color: #F4E621;
	border: 1px solid #000;
}

html:is(.pageBlack) .floatingBnr .fb_inner ul.fb_list li a{
	background-color: #000;
	border: 1px solid #fff;
}

html:is(.pageBlue) .floatingBnr .fb_inner ul.fb_list li a{
	background-color: #0071b4;
	border: 1px solid #fff;
}

html:is(.pageYellow) .floatingBnr .fb_inner ul.fb_list li:nth-child(2) a{
	background:
		url("images/common/link_ico_ora02.webp") no-repeat right 4.9356% center / 5.5793% auto,
		#F4E621;
}

html:is(.pageBlack) .floatingBnr .fb_inner ul.fb_list li:nth-child(2) a{
	background:
		url("images/common/link_ico_ora02.webp") no-repeat right 4.9356% center / 5.5793% auto,
		#000;
}

html:is(.pageBlue) .floatingBnr .fb_inner ul.fb_list li:nth-child(2) a{
	background:
		url("images/common/link_ico_ora02.webp") no-repeat right 4.9356% center / 5.5793% auto,
		#0071b4;
}
/**/