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

html { width: 100%;height: 100%;margin: 0;	padding: 0;} 
body{width:100%;height: 100%;margin:0;padding:0;background-color: #9FA8DA;
    color: #333;-webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
body.open_navigation{	position: fixed;height: 100vh;}
a {  text-decoration: none;}
img {  margin: 0;    width: 100%;}
figure {  margin: 0;}
section {    width: 100%;}
p { margin:0 0 1px;}

.ql-align-left {text-align: left !important;}
.ql-align-center {text-align: center !important;}
.ql-align-right {text-align: right !important;}
.ql-align-justify {text-align: justify !important;}

.mincho{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.font_eng_ttl{font-family: 'Bodoni 72 Oldstyle','Times New Roman',sans-serif;}
.clearfix:after{content: "";clear: both;display: block;}

:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

#page-top{display:block;position:fixed;right:3%;z-index:999;bottom:3%;width:40px;height:28px;padding:12px 0px 0px 0px;background:#31312f;color: white;font-size:14px;letter-spacing:0;text-transform:uppercase;text-decoration: none;text-align: center;box-shadow:0 0 0 1px rgba(255,255,255,.8), 0 0 0 2px rgba(0,0,0,.8)}

.ql-bg-black {
	background-color: #000;
}
.ql-bg-red {
	background-color: #e60000;
}
.ql-bg-orange {
	background-color: #f90;
}
.ql-bg-yellow {
	background-color: #ff0;
}
.ql-bg-green {
	background-color: #008a00;
}
.ql-bg-blue {
	background-color: #06c;
}
.ql-bg-purple {
	background-color: #93f;
}
.ql-color-white {
	color: #fff;
}
.ql-color-red {
	color: #e60000;
}
.ql-color-orange {
	color: #f90;
}
.ql-color-yellow {
	color: #ff0;
}
.ql-color-green {
	color: #008a00;
}
.ql-color-blue {
	color: #06c;
}
.ql-color-purple {
	color: #93f;
}
.ql-font-serif {
	font-family: Georgia, Times New Roman, serif;
}
.ql-font-monospace {
	font-family: Monaco, Courier New, monospace;
}
.ql-size-small {
	font-size: 0.875em;
}
.ql-size-large {
	font-size: 1.125em;
}
.ql-size-huge {
	font-size: 1.25em;
}

@media (min-width:1051px) {	  
    header{}	
	header .wrapper{position: relative;height: 67px;z-index: 9999;background: #283593 ;}	
	header .wrapper h1{  position:absolute;top:0px;left:5%;   width:auto; height: 100%; transition: .5s;padding:0px 0px;margin: 0}
	header .wrapper h1 img{width: 100%; height: 100%;}
	header .wrapper h1 img:hover{opacity: 0.5;}
	
	header .wrapper nav{position:absolute;	top:10px;right: 0%;transition: 0.5s;}	
	.button{display:none}		
	header .wrapper nav #nav_menu .inner{width: 100%;text-align: right;}  
	
	header .wrapper nav #nav_menu .inner a {    position: relative;    display: inline-block;    padding: 8px 15px;    text-decoration: none;    color: #9FA8DA ;font-size: 15px;/*letter-spacing: 1px;*/font-weight: 500;text-align: center; line-height: 1.2;}
	header .wrapper nav #nav_menu .inner a span {    display: block;    overflow: hidden;    font-size: 10px;    line-height: 14px;    opacity: .6;    text-align: center;    white-space: nowrap;}	
	header .wrapper nav #nav_menu .inner a:hover{color:#f07900}		
	header .wrapper nav #nav_menu .inner a::after {position: absolute;left: 0;content: '';width: 100%;height:1px;background:#f07900;bottom: 0px; transform: scale(0, 1);transform-origin: left top; transition: transform 0.3s;}
	header .wrapper nav #nav_menu .inner a:hover::after {transform: scale(1, 1);   }
	
	/*追従ヘッダー*/
	#fixed-header{position:fixed;top: -67px; left: 0; width: 100%;height: 67px; transition: all 0.3s ease-in-out;z-index: 9999;}
	#fixed-header.is-show {  top: 0;}
	.header_follow .wrapper{position: relative;height: 67px;background: #283593 ;}		
	.header_follow .wrapper .logo{  position:absolute;top:0px;left:5%; width:auto; height: 100%; transition: .5s;padding:0px 0px;margin: 0}
	.header_follow .wrapper .logo img{width: 100%; height: 100%;}
	.header_follow .wrapper .logo img:hover{opacity: 0.5;}
	.header_follow .wrapper .nav_area{position:absolute;	top:10px;right: 0%;transition: 0.5s;}		
	.header_follow .wrapper .nav_area .menu .inner{width: 100%;text-align: right;}
	.header_follow .wrapper .nav_area .menu .inner a {    position: relative;    display: inline-block;    padding: 8px 15px;    text-decoration: none;    color: #9FA8DA;    font-size: 15px;    font-weight: 500;    text-align: center;    line-height: 1.2;}
	.header_follow .wrapper .nav_area .menu .inner a span {    display: block;    overflow: hidden;    font-size: 10px;    line-height: 14px;    opacity: .6;    text-align: center;    white-space: nowrap;}
	.header_follow .wrapper .nav_area .menu .inner a:hover{color:#f07900}		
	.header_follow .wrapper .nav_area .menu .inner a::after {position: absolute;left: 0;content: '';width: 100%;height:1px;background:#f07900;bottom: 0px; transform: scale(0, 1);transform-origin: left top; transition: transform 0.3s;}
	.header_follow .wrapper .nav_area .menu .inner a:hover::after {transform: scale(1, 1);   }
	
	/*---------- フッター ----------*/	
	footer{background: #283593 ;padding: 50px 0 30px 0;}
	footer .logo{text-align:center;margin: 0 auto 30px auto;}
	footer .logo img{width:230px;}
	footer .menu{width: 800px; text-align:center;margin: 0 auto 60px auto;display: flex;justify-content: space-between}
	footer .menu a{position:relative;color:#9FA8DA;font-size: 18px; letter-spacing: 1px;text-decoration: underline;text-decoration-style: dotted; text-underline-offset: 2px;    text-decoration-color: #9FA8DA; text-decoration-thickness: 1px;}	
	footer .menu a::after{content: '/';position: absolute;top: 0;right: -10px;}
	footer .menu a:last-of-type::after{display:none;}
	footer .menu a:hover{text-decoration: none; }
	footer small{display:block;text-align:center;font-size: 13px;}
	
	/*追従ボタン*/
	.apply-button{position:fixed;right:3%;z-index:999;bottom:8%;display:inline-flex;align-items:center;padding:20px 20px;font-size:20px;font-weight:bold;text-decoration:none;color:#000;border:2px solid #283593 ;transition: background-color 0.3s;background-color: white;}
	.apply-button:hover {background-color: rgba(255, 215, 0, 0.1);}
	.button-text {margin-right: 30px;}
	.arrow {display: inline-flex;align-items: center;transition: transform 0.3s;position: relative;}
	.arrow-icon { width: 20px;height: 20px;transition: transform 0.3s;fill: #283593;}
	.arrow img { color: aqua;}
	/* 下線を追加 */
	.button-text::after {content: '';position: absolute;left: 9%;bottom: 12px;width: 82%;height: 2px;background-color: #000;}
	.apply-button:hover .arrow {transform: translateX(5px);}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	header{}	
	header .wrapper{width: 100%; height: 67px;background: #283593 ;}			
	header .wrapper h1{ width:50%; height: 100%; transition: .5s;margin:0 0 0 auto }
	header .wrapper h1 img{width: 100%;height: 100%;}
	header .wrapper h1 img:hover{opacity: 0.5;}
	
	/*navメニュー*/
	nav{width: 100%;position:fixed;	top:0px;left: 0;z-index: 9999;}	
	.button{display:block;	position: absolute;	left:0%;top:0px;width: 80px;height:67px;padding:0px 0 0 0px;margin: 0 0;text-align: center;background:#f6f4ea;cursor:pointer;} 	
	.button span {display:block;position: absolute;	height:2px;border-radius: 2px;	background:#f07900;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:40%;width:50%;}
    .button span:nth-child(2) {	top:50%;width:50%;}
    .button span:nth-child(3) {	top:60%;width:50%;}    
	.button.open_navigation{z-index:9999;}
	.button.open_navigation span{display:block;	background: #283593 ;}
    .button.open_navigation span:nth-child(1) {width:30%;top: 50%;left: 35%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);}
    .button.open_navigation span:nth-child(2) {width: 0;	left: 50%;	 	}
    .button.open_navigation span:nth-child(3) {	width:30%;top:50%;left: 35%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
    #nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:999;/*background-color:white;*/}         
    @keyframes button_open{ from { opacity:0.1;}        to { opacity:1;}    }
	
	#nav_menu{display: none;width: 100%;height:100vh;position:fixed;	top:0px;left: 0;background: #283593  ;z-index: 99999}
	#nav_menu .inner{position: fixed;top:67px;left:0%;width:100%;height:75vh;margin:0 auto;padding:0;list-style: none;background:#f07900;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}	
	#nav_menu .inner > a{position: relative;display: block;padding:16px 0%;text-decoration: none;color:#9FA8DA; font-size:15px;letter-spacing: 1px;text-align: center}	
	#nav_menu .inner > a span{display:block;font-size:11px;}
	#nav_menu .inner > a::after{   content:"";   display:inline-block;   width:100%;   height:1px;   background:#f6f4ea;   position:absolute;   bottom:0px;   left:50%;transform: translateX(-50%)}
	#nav_menu .inner > a:last-of-type::after{/*display:none;*/}
	#nav_menu .inner > a:hover{color:#e0b88d} 	
	
	/*追従ヘッダー*/
	#fixed-header{display:none;}
	
	/*---------- フッター ----------*/	
	footer{background: #283593 ;padding: 50px 0 30px 0;}
	footer .logo{text-align:center;margin: 0 auto 30px auto;}
	footer .logo img{width:230px;}
	footer .menu{width: 650px; text-align:center;margin: 0 auto 60px auto;display: flex;justify-content: space-between}
	footer .menu a{position:relative;color:#9FA8DA;font-size: 18px; letter-spacing: 1px;text-decoration: underline;text-decoration-style: dotted; text-underline-offset: 2px;    text-decoration-color: #9FA8DA; text-decoration-thickness: 1px;}	
	footer .menu a::after{content: '/';position: absolute;top: 0;right: -10px;}
	footer .menu a:last-of-type::after{display:none;}
	footer .menu a:hover{text-decoration: none; }
	footer small{display:block;text-align:center;font-size: 13px;}
	
	/*追従ボタン*/
	.apply-button{position:fixed;right:3%;z-index:999;bottom:8%;display:inline-flex;align-items:center;padding:20px 20px;font-size:20px;font-weight:bold;text-decoration:none;color:#000;border:2px solid #283593 ;transition: background-color 0.3s;background-color: white;}
	.apply-button:hover {background-color: rgba(255, 215, 0, 0.1);}
	.button-text {margin-right: 30px;}
	.arrow {display: inline-flex;align-items: center;transition: transform 0.3s;position: relative;}
	.arrow-icon { width: 20px;height: 20px;transition: transform 0.3s;fill: #283593;}
	.arrow img { color: aqua;}
	/* 下線を追加 */
	.button-text::after {content: '';position: absolute;left: 9%;bottom: 12px;width: 82%;height: 2px;background-color: #000;}
	.apply-button:hover .arrow {transform: translateX(5px);}
}

/* Mobile/Desktop logo display */
.mobile-logo { display: none; }
.desktop-logo { display: block; }

@media (max-width: 700px) {
	.mobile-logo { display: block; }
	.desktop-logo { display: none; }
	
	header{}	
	header .wrapper{width: 100%; height: 50px;background: #FFFFFF00 ;}			
	header .wrapper h1{max-width: 50%; height: 100%; transition: .5s;margin:0 0 0 auto;float: right;}
	header .wrapper h1 img.wide {
		height: 100%;
	}
	header .wrapper h1 img.tall {
		height: 100%;
	}
	.right {
		text-align: right;
	}
	header .wrapper h1 img{width: 100%; }
	header .wrapper h1 img:hover{opacity: 0.5;}	
	
	/*navメニュー*/
	nav{width: 100%;position:fixed;	top:0px;left: 0;z-index: 9999;}	
	.button{display:block;	position: absolute;	left:0%;top:0px;width: 60px;height:50px;padding:0px 0 0 0px;margin: 0 0;text-align: center;background:#f6f4ea;cursor:pointer;} 	
	.button span {display:block;position: absolute;	height:2px;border-radius: 2px;	background: #283593 ;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:40%;width:50%;}
    .button span:nth-child(2) {	top:50%;width:50%;}
    .button span:nth-child(3) {	top:60%;width:50%;}    
	.button.open_navigation{z-index:9999;}
	.button.open_navigation span{display:block;	background: #283593 ;}
    .button.open_navigation span:nth-child(1) {width:30%;top: 50%;left: 35%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);}
    .button.open_navigation span:nth-child(2) {width: 0;	left: 50%;	 	}
    .button.open_navigation span:nth-child(3) {	width:30%;top:50%;left: 35%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
    #nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:999;/*background-color:white;*/}         
    @keyframes button_open{ from { opacity:0.1;}        to { opacity:1;}    }
	
	#nav_menu{display: none;width: 100%;height:100vh;position:fixed;	top:0px;left: 0;background: #283593 ;z-index: 99999}
	#nav_menu .inner{position: fixed;top:50px;left:0%;width:100%;height:75vh;margin:0 auto;padding:0;list-style: none;background: #283593 ;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}	
	#nav_menu .inner > a{position: relative;display: block;padding:12px 0%;text-decoration: none;color:#9FA8DA; font-size:15px;letter-spacing: 1px;text-align: center}	
	#nav_menu .inner > a span{display:block;font-size:11px;}
	#nav_menu .inner > a::after{   content:"";   display:inline-block;   width:100%;   height:1px;   background:#f6f4ea;   position:absolute;   bottom:0px;   left:50%;transform: translateX(-50%)}
	#nav_menu .inner > a:last-of-type::after{/*display:none;*/}
	#nav_menu .inner > a:hover{color:#e0b88d} 	
	
	/*追従ヘッダー*/
	#fixed-header{display:none;}
	
	/*---------- フッター ----------*/
	footer{background: #283593 ;padding: 30px 0 100px 0;}
	footer .logo{text-align:center;margin: 0 auto 30px auto;}
	footer .logo img{width:50%;min-width: 200px;}
	footer .menu{width:100%; text-align:center;margin: 0 auto 20px auto;}
	footer .menu a{display: block;color:#9FA8DA;font-size: 13px; letter-spacing: 1px;padding: 10px 0;border-top: 1px solid: #9FA8DA;}		
	footer .menu a:hover{text-decoration: none; }
	footer small{display:block;text-align:center;font-size: 11px;}	
    
    
    /*追従ボタン
    .apply-button {position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);width: 90%;padding: 20px 20px;font-size: 16px;text-align: center;justify-content: center;z-index: 1000;}
    .apply-button .button-text {margin-right: 30px;}
    .apply-button .arrow {display: inline-flex;}
    .apply-button::after { content: ''; position: absolute;bottom: -20px;left: 0;width: 100%;height: 20px;background-color: transparent;}
    .button-text::after {content: '';position: absolute;left: 50%;bottom: 12px;width: 152px;height: 2px;background-color: #000;transform: translateX(-50%);}
	*/    
	
	/*追従ボタン*/
	.apply-button{position:fixed;left: 00%;z-index:999;bottom:0%;/*display: inline-flex;*/align-items: center;width:100%;padding: 20px 0px;font-size: 16px;font-weight: bold;text-decoration: none;color:white;transition: background-color 0.3s;background-color: #283593 ;text-align: center;box-shadow: 0px -3px 10px -5px rgba(0, 0, 0, 0.4);}	
	.apply-button:hover {background-color: rgba(255, 215, 0, 0.9);}
	.button-text {margin-right:10px;}
	.arrow {/*display: inline-flex;align-items: center;*/transition: transform 0.3s;position: relative;}
	.arrow-icon { width: 16px;height: 16px;transition: transform 0.3s;fill: white;position:absolute;top: 50%;transform: translateY(-50%)}
	.arrow img { color: aqua;}	
    
	#page-top{bottom:8%;}
}