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

html { width: 100%;height: 100%;margin: 0;	padding: 0;} 
body{width:100%;height: 100%;margin:0;padding:0; -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;}

.mincho{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.mincho_cormorant{font-family: "cormorant", sans-serif;font-weight: 300;font-style: normal;}

.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;}


@media (min-width:1051px) {
	/*ヘッダー*/
	header{}
	
	header .wrapper{position: relative;z-index:9999}
	
	header .wrapper h1{ position: fixed;top:20px;left:3%;width:120px;margin: 0;padding: 0;z-index:1}
	header .wrapper h1 img{width: 100%}
	header .wrapper h1 a:hover{opacity:0.5;}
	
	.button{display:none}
	
	header .wrapper #nav_menu .inner nav{position: fixed;top:0px;right:80px;width: 100%;height: 80px;display: flex;justify-content: flex-end;background: rgba(255,255,255,0.8)}
	header .wrapper #nav_menu .inner nav a.normal{display: block;margin: 0 0px;padding:32px 20px 0 20px;text-decoration: none;color: #000;font-size: 14px;letter-spacing: 1px;}	
	header .wrapper #nav_menu .inner nav a.normal:hover{color:#a3cbcc}	
	header .wrapper #nav_menu .inner nav a.sp{display:none;}
	
	header .wrapper #nav_menu .inner nav a.os_style{display: block;height: 80px; margin: 0 0px;padding:20px 20px 0 50px;text-decoration: none;color: #000;font-size: 16px;letter-spacing: 1px;box-sizing: border-box}	
	header .wrapper #nav_menu .inner nav .os_style > span{position: relative;display:block;}
	header .wrapper #nav_menu .inner nav .os_style > span::after {position: absolute;font-family: 'Font Awesome 5 Free';content:'\f07a';font-weight: 900;right: 110%;top:50%;transform: translateY(-50%);font-size: 18px;}
	header .wrapper #nav_menu .inner nav .os_style span span{display: block;text-align: center}
	header .wrapper #nav_menu .inner nav .os_style span span:first-of-type{font-size: 13px;}
	header .wrapper #nav_menu .inner nav a.corporate{background:#e1eeef;}
	header .wrapper #nav_menu .inner nav a.individual{background:#f7f4ed;}
	
	header .wrapper #nav_menu .inner nav a.corporate:hover{background:#7dafb7}
	header .wrapper #nav_menu .inner nav a.individual:hover{background:#b78c7d;}
	header .wrapper #nav_menu .inner nav a.os_style:hover{color:white}	
	
	header .wrapper #nav_menu .inner .profile_sp_group{display: none}
	
	/*言語切り替え*/
	header .wrapper #language_group{position: fixed;top:0px;right:0px;}
	header .wrapper #language_group .container{display: inline-block;}						
	header .wrapper #language_group .container > a{position: relative;display:block;width:80px;height:80px;padding:20px 0 0 0;box-sizing:border-box;background:rgba(163,203,204,0.8);text-decoration:none;color:white;text-align:center;font-size:25px;line-height: 1;transition:all .3s;}	
	header .wrapper #language_group .container > a::after{position: absolute;top: 62%;transform: translateX(-50%);left: 50%;font-family: 'Font Awesome 5 Free';content:'\f107';font-weight: 900;font-size:13px;}
	header .wrapper #language_group .container > a:hover{background:#8cb1b2}			
	/*言語切り替え　下層*/
	header .wrapper #language_group	.container .list_lang{display:block;position:absolute;right:5%;top:85px;z-index:1; background:#8cb1b2;width:200px; /*はじめは非表示*/	visibility: hidden;	opacity: 0;transition: all .3s;}
	header .wrapper #language_group .container:hover > .list_lang{visibility: visible;opacity: 1;}/*hoverしたら表示*/
	header .wrapper #language_group .container:active > .list_lang{visibility: visible;	opacity: 1;	}/*hoverしたら表示*/		
	
	header .wrapper #language_group .container .list_lang a{display:block;margin: 0 0 ;padding:16px 30px;box-sizing: border-box;color: white;text-decoration: none;font-size: 18px;line-height: 1;}			
	header .wrapper #language_group .container .list_lang a:hover{	background:#a3cbcc;}	
	
	header .wrapper #os_sp_group{display:none;}
	
	/*フッター*/
	footer{margin: 0 auto;padding:80px 0 80px 0;}	
	
	footer .menu_group{width: 1000px;margin:0 auto 50px auto;display: flex;column-gap: 80px}
	footer .menu_group .unit{}
	footer .menu_group .unit a{display:block;color: black;text-decoration: none}
	footer .menu_group .unit a:hover{color:#a3cbcc;}
	footer .menu_group .unit a.primary{font-size: 14px;padding: 5px 0}
	
	footer .menu_group .unit .secondary_area{display: flex;flex-wrap: wrap}
	footer .menu_group .unit .secondary_area .inner{width: 180px;}
	footer .menu_group .unit .secondary_area .inner a{font-size: 12px;padding: 6px 0 6px 14px;position: relative}
	footer .menu_group .unit .secondary_area .inner a::before{content: '-';position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
	
	footer .permission_notation{width: 1000px;margin:0 auto 50px auto;}	
	footer .permission_notation img{width: 120px;}
	
	
	footer .logo_group{width: 1000px;margin:0 auto;display: flex;column-gap: 50px;align-items: center}
	
	footer .logo_group .logo_img{width:12%;margin: 0 0}
	footer .logo_group .logo_img img{width: 100%}
	footer .logo_group .logo_img a:hover{opacity:0.5;}
	
	footer .logo_group .sns_area{width:20%;margin: 0 0}
	footer .logo_group .sns_area a{color: black;text-decoration: none;font-size:30px;margin:0 5px}
	footer .logo_group .sns_area a:hover{color: #a3cbcc}
		
	footer .logo_group small{width:30%;margin:0padding:0px 0;display:block;font-size: 12px;letter-spacing: 1px;}		
}

@media screen and (min-width:701px) and ( max-width:1050px)  {	
	/*ヘッダー*/
	header{}
	
	header .wrapper{position: relative;z-index:99999}
	
	header .wrapper h1{ position: fixed;top:20px;left:3%;width:120px;margin: 0;padding: 0;z-index:1}
	header .wrapper h1 img{width: 100%}
	
	.button{display:block;	position: fixed;	right:0;top:0px;width: 80px;height:80px;padding:0px;margin: 0;z-index: 9999;background:white} 	
	.button span {display:block;position: absolute;	height:1px;	background:#000;right:20%;	-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:60%;}
    .button span:nth-child(2) {	top:50%;width:60%;}
    .button span:nth-child(3) {	top:60%;width:60%;}    
	.button.open_navigation{z-index:999;}
	.button.open_navigation span{display:block;background:#a3cbcc;}
    .button.open_navigation span:nth-child(1) {width:50%;top: 50%;right: 20%;	-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:50%;top:50%;right: 20%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
	
	/*ID名から直書き*/
	#nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:1;}         
    @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: rgba(255,255,255,0.7);}
	
	#nav_menu .inner{position:fixed;	top:0px;left: 0;width:100%;height:75vh;margin:0 auto;padding:90px 0 0 0;box-sizing: border-box;background:white;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}
	
	#nav_menu .inner nav .normal{position: relative;display:block;width: 60%;margin: 0 auto 0px auto;padding: 25px 0px 25px 0; text-decoration:none;color:#000;font-size: 20px;letter-spacing:1px;font-weight:300;}

	#nav_menu .inner nav .normal::after {position: absolute;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;right: 5%;top:50%;transform: translateY(-50%);font-size: 14px;}
	#nav_menu .inner nav .normal:hover::after {color:#a3cbcc}
	#nav_menu .inner nav .normal:hover{color:#a3cbcc}	
	
	#nav_menu .inner nav .os_style{display:block;width: 60%;padding: 20px 5% 20px 10%; text-decoration:none;color:#000;font-size: 20px;letter-spacing:1px;font-weight:100;box-sizing: border-box;}
	#nav_menu .inner nav .os_style > span{position: relative;display:block;}
	#nav_menu .inner nav .os_style > span::after {position: absolute;font-family: 'Font Awesome 5 Free';content:'\f07a';font-weight: 900;right: 104%;top:50%;transform: translateY(-50%);font-size: 20px;}
	#nav_menu .inner nav .os_style span span{display:block;}
	#nav_menu .inner nav .os_style span span:first-of-type{font-size: 16px;}
	#nav_menu .inner nav .corporate{background:#e1eeef;margin: 30px auto 0px auto;}
	#nav_menu .inner nav .individual{background:#f7f4ed;margin: 10px auto 30px auto;}
	
	#nav_menu .inner nav a.corporate:hover{background:#7dafb7}
	#nav_menu .inner nav a.individual:hover{background:#b78c7d;}
	#nav_menu .inner nav a.os_style:hover{color:white}	
	
	#nav_menu .inner .profile_sp_group{width: 60%;margin: 10px auto 80px auto;border-top: 1px solid #808080}
	#nav_menu .inner .profile_sp_group .logo{width: 25%;margin: 30px auto 20px auto}
	#nav_menu .inner .profile_sp_group .logo img{width:100%;}
	#nav_menu .inner .profile_sp_group .logo:hover{opacity:0.5;}
	#nav_menu .inner .profile_sp_group .sns_area{text-align:center;}
	#nav_menu .inner .profile_sp_group .sns_area a{color: #000;text-decoration: none;font-size: 28px;margin: 5px}
	#nav_menu .inner .profile_sp_group .sns_area a:hover{color:#a3cbcc;}
	
	
	header .wrapper #language_group{position: fixed;top:0px;right:80px;/**/}
	header .wrapper #language_group .container{}		
	header .wrapper #language_group .container > a{position: relative;display: block;width: 80px;height: 80px;padding:25px 0 0 0;box-sizing:border-box;text-decoration: none;	background:rgba(163,203,204,0.8);color:white;text-align:center;font-size:20px;line-height: 1;}
	header .wrapper #language_group .container > a::after{position: absolute;top: 65%;transform: translateX(-50%);left: 50%;font-family: 'Font Awesome 5 Free';content:'\f107';font-weight: 900;font-size:14px;}
	header .wrapper #language_group .container > a:hover{background:#8cb1b2}	
	
	header .wrapper #language_group .container .list_lang{ display:block;position:absolute;left:50%;transform: translateX(-50%);top:85px;z-index:1; background:#8cb1b2;width:200px; 	visibility:visible;	opacity:1;	display: none;	transition:none;}
	header .wrapper #language_group .container .list_lang a{display:block;padding:16px 30px;color: white;font-size:16px;letter-spacing: 1px;text-decoration: none;}
	header .wrapper #language_group .container .list_lang a:hover{		background:#a3cbcc;}
	
	
	header .wrapper #os_sp_group{position: fixed;top:0px;right:160px;background: #F2D9DA;height: 80px;}	
	header .wrapper #os_sp_group .inner{display:flex;justify-content: space-between}
	header .wrapper #os_sp_group .inner a{position: relative;display: block;height: 80px;margin: 0;padding:20px 15px 0px 13%;box-sizing: border-box;font-size: 11px;letter-spacing: 0;line-height: 1.5;text-decoration: none;color: #000;}
	header .wrapper #os_sp_group .inner a::after{position: absolute;font-family: 'Font Awesome 5 Free';content:'\f07a';font-weight: 900;left:8%;top:50%;transform: translateY(-50%);font-size: 16px;}
	header .wrapper #os_sp_group .inner a span{font-size:15px;display: block}	
	header .wrapper #os_sp_group .inner a.corporate{background:#e1eeef;width: 180px;}
	header .wrapper #os_sp_group .inner a.individual{background:#f7f4ed;width: 200px;}
	
	header .wrapper #os_sp_group .inner a.corporate:hover{background:#7dafb7;}
	header .wrapper #os_sp_group .inner a.individual:hover{background:#b78c7d;}
	header .wrapper #os_sp_group .inner a:hover{color:white}	
	
	/*フッター*/
	footer{margin: 0 auto;padding:80px 0 80px 0;}	
	
	footer .menu_group{width:80%;margin:0 auto 30px auto;}
	footer .menu_group .unit{}
	footer .menu_group .unit a{display:block;color: black;text-decoration: none}
	footer .menu_group .unit a:hover{color:#a3cbcc}	
	footer .menu_group .unit a.primary{font-size: 14px;padding: 10px 0}
	
	footer .menu_group .unit .secondary_area{display: flex;flex-wrap: wrap;margin: 0 auto 10px auto}
	footer .menu_group .unit .secondary_area .inner{width:50%;}
	footer .menu_group .unit .secondary_area .inner a{font-size: 12px;padding: 6px 0 6px 14px;position: relative}
	footer .menu_group .unit .secondary_area .inner a::before{content: '-';position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
	
	
	footer .permission_notation{width: 20%;max-width: 100px;margin:0 auto 30px auto;}	
	footer .permission_notation img{width: 100%;}
	
	footer .logo_group{width: 80%;margin:0 auto;}
	
	footer .logo_group .logo_img{width:24%;max-width: 140px;margin: 0 auto 20px auto}
	footer .logo_group .logo_img img{width: 100%}
	footer .logo_group .logo_img a:hover{opacity:0.5;}
	
	footer .logo_group .sns_area{text-align: center;margin: 0 auto 20px auto}
	footer .logo_group .sns_area a{color: black;text-decoration: none;font-size:30px;margin:0 5px}
	footer .logo_group .sns_area a:hover{color:#a3cbcc}	
		
	footer .logo_group small{padding:0px 0;display:block;font-size: 12px;letter-spacing: 1px;text-align: center}
}

@media (max-width: 700px) {
	/*ヘッダー*/
	header{}
	
	header .wrapper{position: relative;z-index:99999}
	
	header .wrapper h1{ position: fixed;top:20px;left:3%;width:100px;margin: 0;padding: 0;z-index:1}
	header .wrapper h1 img{width: 100%}
	header .wrapper h1 a:hover{opacity:0.5;}
	
	.button{display:block;	position: fixed;	right:0;top:0px;width: 80px;height:80px;padding:0px;margin: 0;z-index: 9999;background:white} 	
	.button span {display:block;position: absolute;	height:1px;	background:#000;width:50%;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%;}
    .button span:nth-child(2) {	top:50%;}
    .button span:nth-child(3) {	top:60%;}    
	.button.open_navigation{z-index:999;}
	.button.open_navigation span{display:block;background:#a3cbcc;}
    .button.open_navigation span:nth-child(1) {width:50%;top: 50%;right: 20%;	-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:50%;top:50%;right: 20%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
	
	/*ID名から直書き*/
	#nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:1;}         
    @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: rgba(255,255,255,0.7);}
	
	#nav_menu .inner{position:fixed;	top:0px;left: 0;width:100%;height:75vh;margin:0 auto;padding:90px 0 0 0;box-sizing: border-box;background:white;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}
	
	#nav_menu .inner nav .normal{position: relative;display:block;width: 80%;margin: 0 auto 0px auto;padding: 14px 0px 14px 0; text-decoration:none;color:#000;font-size:17px;letter-spacing:0px;font-weight:100;}

	#nav_menu .inner nav .normal::after {position: absolute;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;right: 2%;top:50%;transform: translateY(-50%);font-size: 12px;}
	#nav_menu .inner nav .normal:hover::after {color:#a3cbcc}
	#nav_menu .inner nav .normal:hover{color:#a3cbcc}	
	
	#nav_menu .inner nav .os_style{display:block;width: 80%;padding:12px 0% 12px 12%; text-decoration:none;color:#000;font-size: 15px;letter-spacing:0px;font-weight:100;box-sizing: border-box;}
	#nav_menu .inner nav .os_style > span{position: relative;display:block;}
	#nav_menu .inner nav .os_style > span::after {position: absolute;font-family: 'Font Awesome 5 Free';content:'\f07a';font-weight: 900;right: 104%;top:50%;transform: translateY(-50%);font-size: 14px;}
	#nav_menu .inner nav .os_style span span{display:block;}
	#nav_menu .inner nav .os_style span span:first-of-type{font-size: 12px;}
	#nav_menu .inner nav .corporate{background:#e1eeef;margin: 10px auto 0px auto;}
	#nav_menu .inner nav .individual{background:#f7f4ed;margin: 5px auto 20px auto;}
	#nav_menu .inner nav .corporate:hover{background:#7dafb7;}
	#nav_menu .inner nav .individual:hover{background:#b78c7d;}
	#nav_menu .inner nav a:hover{color:white}	
	
	#nav_menu .inner .profile_sp_group{width: 80%;margin: 0px auto 30px auto;border-top: 1px solid #808080}
	#nav_menu .inner .profile_sp_group .logo{width:40%;max-width: 150px;margin: 20px auto 10px auto}
	#nav_menu .inner .profile_sp_group .logo img{width:100%;}
	#nav_menu .inner .profile_sp_group .logo:hover{opacity:0.5;}
	#nav_menu .inner .profile_sp_group .sns_area{text-align:center;}
	#nav_menu .inner .profile_sp_group .sns_area a{color: #000;text-decoration: none;font-size: 22px;margin: 5px}
	#nav_menu .inner .profile_sp_group .sns_area a:hover{color:#a3cbcc;}
	
	header .wrapper #language_group{position: fixed;top:0px;right:80px;}
	header .wrapper #language_group .container{}		
	header .wrapper #language_group .container > a{position: relative;display: block;width: 80px;height: 80px;padding:25px 0 0 0;box-sizing:border-box;text-decoration: none;	background:rgba(163,203,204,0.8);color:white;text-align:center;font-size:20px;line-height: 1;}
	header .wrapper #language_group .container > a::after{position: absolute;top: 65%;transform: translateX(-50%);left: 50%;font-family: 'Font Awesome 5 Free';content:'\f107';font-weight: 900;font-size:14px;}
	header .wrapper #language_group .container > a:hover{background:#8cb1b2}	
	
	header .wrapper #language_group .container .list_lang{ display:block;position:absolute;left:50%;transform: translateX(-50%);top:85px;z-index:1; background:#8cb1b2;width:200px; 	visibility:visible;	opacity:1;	display: none;	transition:none;}
	header .wrapper #language_group .container .list_lang a{display:block;padding:16px 30px;color: white;font-size:16px;letter-spacing: 1px;text-decoration: none;}
	header .wrapper #language_group .container .list_lang a:hover{		background:#a3cbcc;}
	
	header .wrapper #os_sp_group{position: fixed;bottom:0px;left:0px;width: 100%;}
	header .wrapper #os_sp_group .inner{display:flex;justify-content: space-between}
	header .wrapper #os_sp_group .inner a{position: relative;display: block;width: 50%;padding: 16px 0 16px 0%;box-sizing: border-box;text-align: center;font-size: 11px;letter-spacing: 0;line-height: 1.5;text-decoration: none;color: #000}
	header .wrapper #os_sp_group .inner a::after{position: absolute;font-family: 'Font Awesome 5 Free';content:'\f07a';font-weight: 900;left: 6%;top:50%;transform: translateY(-50%);font-size: 15px;}
	header .wrapper #os_sp_group .inner a span{font-size:14px;display: block}
	header .wrapper #os_sp_group .inner a.corporate{background:#e1eeef;}
	header .wrapper #os_sp_group .inner a.individual{background:#f7f4ed;}
	
	header .wrapper #os_sp_group .inner a.corporate:hover{background:#7dafb7;}
	header .wrapper #os_sp_group .inner a.individual:hover{background:#b78c7d;}
	header .wrapper #os_sp_group .inner a:hover{color:white}	
	
	/*フッター*/
	footer{margin: 0 auto;padding:30px 0 100px 0;}	
	
	footer .menu_group{width:80%;margin:0 auto 30px auto;}
	footer .menu_group .unit{}
	footer .menu_group .unit a{display:block;color: black;text-decoration: none}
	footer .menu_group .unit a:hover{color:#a3cbcc}	
	footer .menu_group .unit a.primary{font-size: 14px;padding: 6px 0}
	
	footer .menu_group .unit .secondary_area{margin: 0 auto 10px auto}
	footer .menu_group .unit .secondary_area .inner{}
	footer .menu_group .unit .secondary_area .inner a{font-size: 12px;padding: 5px 0 5px 14px;position: relative}
	footer .menu_group .unit .secondary_area .inner a::before{content: '-';position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
	
	footer .permission_notation{width: 30%;margin:0 auto 30px auto;}	
	footer .permission_notation img{width: 100%}
	
	footer .logo_group{width: 80%;margin:0 auto;}
	
	footer .logo_group .logo_img{width:40%;margin: 0 auto 20px auto}
	footer .logo_group .logo_img img{width: 100%}
	
	footer .logo_group .sns_area{text-align: center;margin: 0 auto 20px auto}
	footer .logo_group .sns_area a{color: black;text-decoration: none;font-size:25px;margin:0 5px}
	footer .logo_group .sns_area a:hover{color:#a3cbcc}	
		
	footer .logo_group small{padding:0px 0;display:block;font-size: 10px;letter-spacing: 0px;text-align: center}
}