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

@font-face {
font-family: unset;
font-weight: 400;
}

body {
 margin: 0px auto;
 padding: 0px;
 width: 100%;
 background: #FFF;
 -webkit-text-size-adjust: 100%;/*スマホ横画面フォント調整用*/
 font-size: 14px;
 line-height: 1.5;
 font: normal normal 14px/1.5 century-gothic, 'A+mfCv-AXIS Font ベーシック L ProN', 'A+mfCv-AXIS Font ベーシック B ProN', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #303030;
}

a{
 color: #303030;
 font-style:normal;
 text-decoration: none;
	transition-duration: 0.3s;
}
a:hover{
 color: #303030;
	opacity: 0.7;
}
button{
	transition-duration: 0.3s;
 cursor: pointer;
 font-family: century-gothic, 'A+mfCv-AXIS Font ベーシック L ProN', 'A+mfCv-AXIS Font ベーシック B ProN', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
button:hover{
	opacity: 0.7;
}
.sp{
	display: none;
}
.slick-slide {outline:none;} /*アンドロイドタップ時の枠線消去*/

/*clearfix*/
.clearfix:after {
 content: "";
 clear: both;
 display: block;
}

/*midasi*/
.profile_tit{
 margin-bottom: 15px;
 font-size: 171%;
 text-align: center;
 color: #440099;
}

/*text*/
.serif{
	font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","serif";
}
.txt01{/*fontsize:16px*/
	font-size: 115%;
	line-height: 1.6;
}
.txt02{/*fontsize:18px*/
	font-size: 128%;
	line-height: 1.6;
}
.txt03{/*fontsize:12px*/
	font-size: 85%;
	line-height: 1.6;
}

strong{	font-family: century-gothic-bold, 'A+mfCv-AXIS Font ベーシック B ProN';}
.ac{text-align: center;}
.al{text-align: left;}
.ar{text-align: right;}

.c_pur{color: #440099;}
.c_red{color: #bd0000;}

/*layout*/
.mb10{ margin-bottom: 10px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb30{ margin-bottom: 30px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb50{ margin-bottom: 50px!important;}
.mb60{ margin-bottom: 60px!important;}
.mb70{ margin-bottom: 70px!important;}
.mb80{ margin-bottom: 80px!important;}
.mb90{ margin-bottom: 90px!important;}
.mb100{ margin-bottom: 100px!important;}
.mb110{ margin-bottom: 110px!important;}
.mb120{ margin-bottom: 120px!important;}
.mb160{ margin-bottom: 160px!important;}

.mt10{ margin-top: 10px!important;}
.mt20{ margin-top: 20px!important;}
.mt30{ margin-top: 30px!important;}
.mt40{ margin-top: 40px!important;}
.mt50{ margin-top: 50px!important;}
.mt60{ margin-top: 60px!important;}
.mt70{ margin-top: 70px!important;}
.mt80{ margin-top: 80px!important;}
.mt90{ margin-top: 90px!important;}
.mt100{ margin-top: 100px!important;}
.mt110{ margin-top: 110px!important;}
.mt120{ margin-top: 120px!important;}

.flex{ display: -webkit-flex; display: flex;}

/* ---- common style ---- */

/*ベージュ枠角丸ボックス*/
.rds_box{
 padding: 2.5em 16px;
 border: solid 1px #ecc3b2;
 border-radius: 10px;
 box-sizing: border-box;
}
.rds_box .tit{
 margin-bottom: 20px;
 font-size: 142%;
 font-weight: bold;
 text-align: center;
 color: #440099;
}
.rds_box .sum {
 margin: 1em 0 0;
 padding: 2em 0 0;
 border-top: solid 1px #d2d2d2;
}
/*・付きリスト*/
ul.liststyle > li{
 padding-left: 1.5em;
 position: relative;
}
ul.liststyle > li:before{
 content: "・";
 position: absolute;
 left: 0;
 top: 0;
}
ul.liststyle.disc_list > li:before{
 content: url(../../img/bgbt/common/list_disc.png);
 width: 10px;
 height: 10px;
 position: absolute;
 left: 0;
 top: 0;
}

/*上下にborder*/
.border_tb{
 padding: 0.4em 0;
 border-top: solid 1px #440099;
 border-bottom: solid 1px #440099;
 text-align: center;
 color: #440099;
}

.ast{
 padding-left: 1.3em;
 display: block;
 position: relative;
 font-size: 12px;
 line-height: 1.5;
}
.ast:before{
 content: "※";
 position: absolute;
 left: 0;
 top: 0;
 font-size: 100%;
 line-height: 1.5;
}
.ast.normalsize{/*通常フォントサイズ時*/
 font-size: 100%;
 line-height: 1.5;
}

.btn_beige a {
 margin: 0 auto;
 padding: 8px 20px;
 max-width: 284px;
 display: block;
 background: #ecc3b2;
 border-radius: 50px;
 font-size: 115%;
 text-align: center;
 color: #440099;
}

.link_arr_pur{
 color: #440099;
}
.link_arr_pur a{
 color: #440099;
}
.link_arr_pur a:before{
 content: "";
 padding-right: 1em;
 width: 8px;
 height: 1em;
 display: inline-block;
 background: url(../../img/bgbt/common/arr_pur.png) no-repeat;
 background-size: auto;
 vertical-align: middle;
}

/*リストスタイル*/
.beige_list{
 margin: 0;
}
ul.beige_list > li{
 margin-bottom: 1em;
 padding-left: 1.3em;
 position: relative;
 text-align: left;
}
ul.beige_list > li:before{
 content: "●";
 position: absolute;
 left: 0;
 top: 0;
 transform: scale(0.5);
 color: #ecc3b2;
}

.purple_list{
 margin: 0;
}
ul.purple_list > li{
 margin-bottom: 1em;
 padding-left: 1.3em;
 position: relative;
 text-align: left;
}
ul.purple_list > li:before{
 content: "●";
 position: absolute;
 left: 0;
 top: 0;
 transform: scale(0.5);
 color: #440099;
}


/******************************************************************************

container

******************************************************************************/
#wrapper{
	width: 100%;
	min-width: 1110px;
}
.contents_inner{
	margin-right: auto;
	margin-left: auto;
	width: 1110px;
	min-width: 1110px;
}
.box_inner{
	margin-right: auto;
	margin-left: auto;
	max-width: 460px;
}
.section{
	margin-bottom: 75px;
}

@media screen and (max-width: 960px){
 body {
  padding-top: 0;/*header分*/
  font-size: 12px;
  line-height: 1.5;
 }
 .resultPage body {
  padding-top: 36px;/*header分*/
 }
	#wrapper{
	min-width: 100%;
 font: normal normal 12px/1.5 normal normal 14px/1.5 century-gothic, 'A+mfCv-AXIS Font ベーシック L ProN', 'A+mfCv-AXIS Font ベーシック B ProN', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.section {
	margin-bottom: 70px;
}
	
	img{
 width: 100%;
 height: auto;
 vertical-align:bottom;
}
	
.pc{	display: none!important;	}
.sp{	display: block;	}
	
.contents_inner{
	margin-right: auto;
	margin-left: auto;
	padding-left: 4%;
	padding-right: 4%;
	width: 92%;
	min-width: 92%;
}
.mb10{ margin-bottom: 5px!important;}
.mb20{ margin-bottom: 10px!important;}
.mb30{ margin-bottom: 15px!important;}
.mb40{ margin-bottom: 20px!important;}
.mb50{ margin-bottom: 25px!important;}
.mb60{ margin-bottom: 30px!important;}
.mb70{ margin-bottom: 35px!important;}
.mb80{ margin-bottom: 40px!important;}
.mb90{ margin-bottom: 45px!important;}
.mb100{ margin-bottom: 50px!important;}
.mb110{ margin-bottom: 55px!important;}
.mb120{ margin-bottom: 60px!important;}
.mb160{ margin-bottom: 80px!important;}

.rds_box {
 padding: 20px 15px; 
}
.rds_box .tit {
 margin-bottom: 10px;
}
.scrollbox{
 font-size: 12px;
 line-height: 1.8;
}
 
}/*/all container  max-width: 960px*/

/******************************************************************************

header

******************************************************************************/
header{
	width: 50px;
	height: 100vh;
	position: fixed;
 right: 0;
 top: 0;
	z-index: 100;
	background: #25282a;
 color: #FFF;
}

.copy{
 width: auto;
 height: auto;
 display: block;
 transform: rotate(-90deg);
 position: fixed;
 right: -72px;
 bottom: 110px;
 z-index: 1;
 font-size: 71.4%;
 color: #999999;
}
.copy_bar {
 width: 50px;
 height: 100vh;
 background: #25282a;
 position: fixed;
 right: 0;
}
#head_cont{
 padding-right: 50px;/*横fixヘッダー分*/
 width: 72%;
 height: 100vh;
 display: block;
 position: fixed;
 right: -50vw;
 background: #440099;
 transition-duration: 3s;
 transform: translateX(200vw);
 opacity: 0;
 color: #FFF;
}
#head_cont.open{
 transform: translateX(125vw);
 right: 100vw;
 opacity: 1;
 transition: transform 1.1s ease-in-out;
 transition-duration: 1s;
}

#head_cont a{
 color: #FFF;
}
#nav_wrap{
 width: 87%;
 max-width: 520px;
	position: absolute;
 top: 50%;
 left: 17px;
 transform: translateY(-50%);
}
.login_area{
 margin-bottom: 40px;
 padding: 35px 0;
 position: relative;
 border-top: solid 1px #FFF;
 border-bottom: solid 1px #FFF;
}
.login_area .mypage{
 font-size: 128%;
}
.login_area .mypage:before{
 content: "";
 display: inline-block;
 background: url(../../img/bgbt/common/mypage.svg) no-repeat;
 background-size: contain;
 padding-right: 14px;
 width: 1.2em;
 height: 1.5em;
 vertical-align: middle;
}
.login_area .logout{
 position: absolute;
 right: 0;
 top: -30px;
 font-size: 71%;
}
.login_area .logout:before{
 content: "";
 background: url(../../img/bgbt/common/logout.svg) no-repeat;
 background-size: contain;
 padding-right: 0.2em;
 width: 1.2em;
 height: 1em;
 display: inline-block;
 vertical-align: middle;
}

.login_area.status_logout .login{
 margin-bottom: 35px;
 padding: 0 0 35px ;
 position: relative;
 border-bottom: solid 1px #FFF; 
 text-align: center;
 font-size: 128%;
 letter-spacing: 2px;
}
.login_area.status_logout .login span{
 padding-left: 0.6em;
 font-size: 66%;
}
.login_area.status_logout .login:before{
 content: "";
 background: url(../../img/bgbt/common/lock_wt.svg) left center no-repeat;
 background-size: contain;
 padding-right: 0.6em;
 width: 24px;
 height: 29px;
 display: inline-block;
 vertical-align: middle;
}
.login_area.status_logout .checkstart{
 font-size: 128%;
 letter-spacing: 2px;
 text-align: center;
}
.login_area.status_logout .checkstart span{
 padding-left: 0.6em;
}

#glonav .gronav_first_wrap{
	z-index: 2;
	display: -webkit-flex;
	display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 font-size: 157%;
}
#glonav .gronav_first_wrap > ul{
 width: 46%;
}
#glonav .gronav_first_wrap li{
 margin-bottom: 25px;
}
#glonav .gronav_first a{
 color: #ecc3b2;
}
#glonav .gronav_second_wrap{
 padding-top: 30px;
	z-index: 2;
	display: -webkit-flex;
	display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 border-top: solid 1px #FFF;
 font-size: 85%;
}
#glonav .gronav_second:first-child{
 width: 38%;
}
#glonav .gronav_second:nth-child(2){
 width: 38%;
}
#glonav .gronav_second:last-child{
 width: 24%;
}
#glonav .gronav_second_wrap li{
 margin-bottom: 20px;
}
#glonav > ul > li.subcate > a{
 margin-bottom: 5px;
 display: inline-block;
}
#glonav > ul > li.subcate ol > li{
 margin-bottom: 5px;
 padding-left: 1.5em;
 position: relative;
}
#glonav > ul > li.subcate ol > li:before{
 content: "-";
 display: block;
 position: absolute;
 left: 1em;
 top: 0;
 color: #ecc3b2;
}
#glonav .sns{
	display: -webkit-flex;
	display: flex;
}
#glonav .sns a{
 margin-right: 10px;
 width: 22px;
}
#glonav .contact_btn a{
 margin-bottom: 25px;
 width: 196px;
 padding: 10px 0;
 display: block;
 border: solid 1px #ecc3b2;
 border-radius: 50px;
 font-size: 112%;
 text-align: center;
 letter-spacing: 1px;
 color: #ecc3b2;
}

 #head_cont:before {/*斜め*/
  content: "";
  display: block;
  background: url(../../img/bgbt/common/menu_skew.svg);
  background-size: cover;
  position: absolute;
  left: -960px;
  width: 960px;
  height: 100vh;
 }
 
 /* IE11 header */
_:-ms-lang(x)::-ms-backdrop, #head_cont{
 width: 72%;
 height: 100vh;
 display: block;
 position: fixed;
 right: -50vw;
 background: #25282a;
 transform: translateX(200vw);
 opacity: 0;
 color: #FFF;
 transition-duration: 1s;
}
_:-ms-lang(x)::-ms-backdrop, #head_cont.open{
 transform: translateX(125vw);
 opacity: 1;
 transition-duration: 1s;
}

_:-ms-lang(x)::-ms-backdrop, #head_cont:before {/*斜め*/
  content: "";
  display: block;
  background: transparent;
  background-size: cover;
  position: absolute;
  top: 0;
  left: -115vh;
  width: 0;
  height: 0;
  transform: rotate(0) ;
  transform-origin: right top; 
  transition-duration: 1.5s;
  border-top: solid 100vh transparent;
  border-right: solid 57.5vh #25282a;
  border-bottom: solid 100vh #25282a;
  border-left: solid 57.5vh transparent;
 }

/* han_menu
-------------------------------------------*/
#han_menu {
 display:block;
 margin:5px 5px 5px 0;
 width: 17px;
 height: 40px;
 cursor:pointer;
 position: fixed;
 top: 20px;
 right: 16px;
 z-index:50;
}
/* animation */
.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: relative;
 width: 40px;
 height: 40px;
}
.menu-trigger .txt {
 position: absolute;
 top: 50px;
 right: -16px;
 transform: rotate(90deg);
 color: #FFF;
}
.menu-trigger span {
 position: absolute;
 left: 20%;
 width: 100%;
 height: 1px;
 background-color: #FFF;
}
.menu-trigger span:nth-of-type(1) {top:10px;}
.menu-trigger span:nth-of-type(2) {top: 17px;}
.menu-trigger span:nth-of-type(3) {top: 25px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);top: 27px;}

@media screen and (max-width: 1100px){/*メニューない要素見切れ対応*/
 #head_cont{
  width: 82%;
 }
}
@media screen and (max-width: 960px){
header{
 display: none;
}
.resultPage header{
 width: 100%;
	height: 36px;
	position: fixed;
	top: 0;
}
#head_cont{
 padding: 0;
	width: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10;
	background: #440099;
 overflow-y: auto;
 height: 100%;
 -webkit-overflow-scrolling: touch;
}
 #head_cont:before {/*斜め*/
  display: none;
 }
#head_cont.open {
 transform: none;
}
.loginstate_area {
 margin-bottom: 20px;
 padding: 20px 0;
}
#nav_wrap {
 margin: 0 auto;
 padding: 0 0 60px;
 width: 86%;
 max-width: 100%;
 position: relative;
 top: 70px;
 left: 0;
 transform: none;
}
.login_area {
 margin-bottom: 20px;
 padding: 25px 0;
}
.login_area .logout {
 top: -20px;
}
 
/* glonav
-------------------------------------------*/
#glonav{
	margin: 0 auto 10px;
	width: 96%;
	position:relative;
	right: 0;
	top: 0;
	transform: none;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
	text-align: center;
	color: #FFF;
}
#glonav li{
	font-size: 82%;
}
#glonav li a{
	padding: 10px 0;
	width: 100%;
	position: relative;
	display: block;
	color: #FFF;
}
#glonav .gronav_first_wrap ul {
 width: 46%;
}
#glonav .gronav_first_wrap li {
 margin-bottom: 0;
 height: 3.5em;
 text-align: left;
}
#glonav .gronav_first_wrap li.subcate ol > li{
 margin: 0;
 padding: 0;
 font-size: 100%;
}
#glonav .gronav_first_wrap li.subcate ol > li:before {
 content: "";
 display: none;
}
#glonav .gronav_first_wrap li.subcate ol > li a {
 padding: 5px 4% 5px 15%;
 width: 81%;
}
#glonav .gronav_first_wrap li.subcate ol > li a:before {
 content: "-";
 display: inline-block;
 position: absolute;
 left: 8%;
} 
.copy_bar{
 background: #25282a;
 position: fixed;
 top: 0;
 right: 0;
 z-index: 40;
 width: 100%;
 height: 35px;
}
.copy_bar .copy{
 display: none;
}
#han_menu{
 top: -5px;
 right: 15px;
}
#han_menu .txt{
 display: none;
}
#menu-topmenu li {
 display:block;
 float:none;
 border-bottom:1px solid #CCC;
 }
#topNav{
 margin: 0 auto;
 width: 100%;
 height: 100%;
 background-color: #FFF;
 z-index: 500;
 text-align: center;
 vertical-align: middle;
 position:fixed !important;
 top:0;
 display: none;
}
.headlogo.sp {
 width: 25px;
 position: absolute;
 left: 15px;
 top: 4px;
 z-index: 50;
}
.sns{
 -webkit-justify-content: center;
 justify-content: center;
}
#glonav .sns a {
 width: 18%;
}
#glonav .sns{
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
}
#glonav .sns a:first-child{
 margin-right: 21%;
}
#glonav .contact_btn a {
 width: 100%;
 padding: 20px 0;
}
#glonav .gronav_second_wrap {
 margin-top: 30px;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
#glonav .gronav_second {
 width: 100%!important;
 font-size: 121%;
}
#glonav .gronav_second_wrap li{
 margin-bottom: 0;
}
#glonav .gronav_second_wrap li a{
 padding: 1.4em 0;
}
 
}/* header  max-width: 768px */
@media screen and (max-width: 480px){
 #glonav {
  width: 100%;
 }
 #glonav > ul{
  width: 100%;
 }
}/*/max-width: 480px*/

.entry_head_logo{
 width: 68px;
 position: fixed;
 top: 30px;
 left: 30px;
}
@media screen and (max-width: 960px){
.entry_head_logo{
 display: none;
}
}/* header  max-width: 960px */
