@charset "utf-8";

/* ------------------------------
   Universal Reset
   Default Style
   Contents
   Responsive Style
   Common
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;}
input,select,textarea{margin:0;padding:0;vertical-align:middle;}
input,textarea{-webkit-appearance:none;appearance:none;}
input[type="submit"]{border:none;border-radius:0;}
input[type="radio"]{-webkit-appearance:radio;appearance:radio;}
input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
option{padding-right:5px;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Default Style
==================================================================*/
html{font-size: 62.5%;}
body{height:auto;margin:0 auto;font-size:16px;color:#333;font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ",sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}
a{color:#0252b1;}
a:hover, a:active{color:#dac67c;}
img,input[type="image"]{max-width:100%;}

/*========== form ==========*/
input,select,textarea{width:100%;font-size:16px;font-family:"Meiryo","メイリオ",sans-serif;}
input[type="submit"],input[type="button"],input[type="file"]{line-height:1;}
input[type="text"],input[type="search"],input[type="tel"],input[type="url"],input[type="email"],input[type="password"],
input[type="number"],input[type="range"],input[type="color"],
input[type="datetime"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime-local"],
select,textarea{padding:0.3em 0.5em;border:solid 1px #000;}
input[type="radio"],input[type="checkbox"]{vertical-align:text-bottom;width:1em;height:1em;margin-right:1rem;}
input::placeholder,input::-webkit-input-placeholder{font-size:16px;}
/* selectwrap , checkwrap */
.selectwrap, .checkwrap{position: relative;}
.selectwrap > select, .checkwrap > input[type="checkbox"]{-webkit-appearance: none;appearance: none;}
.selectwrap > select{background:#FFF;}
.selectwrap > select > option{background:#F0F0F0;}
.selectwrap::after{position:absolute;content:'\f078';right:0.5em;top:50%;transform:translateY(-50%);color:#0252b1;font-family: "Font Awesome 5 Free";font-weight: 900;}
.checkwrap > input[type="checkbox"]::before{content: "";display: block;position: absolute;top: 0.1em;left: 0;width: 1em;height: 1em;background:#FFF;border:0.1rem solid #000;}
.checkwrap > input[type="checkbox"]:checked::after{content: "";display: block;position: absolute;top:0.15em;left:0.3em;width:0.3em;height:0.6em;transform: rotate(40deg);
 border-bottom: 0.4rem solid #FF0000;
 border-right: 0.4rem solid #FF0000;}


/*==================================================================
   Contents
==================================================================*/
/*========== header ==========*/  
#header{position:fixed;left:0;bottom:0;width:100%;color:#0252b1;background:#f9f6f1;border-bottom:0.5rem solid #0252b1;z-index: 999;}

/* only state_out */
#state_out #header{position:sticky;top:0;bottom:auto;background:#FFF;}
#state_out #header > .inner{display:flex;justify-content: space-between;align-items: center;max-width:1000px;margin:0 auto;padding:0.5em 1em;}
#state_out #header > .inner p.logo{width:20%;max-width:11rem;}
#state_out #header > .inner p.logo > a{display: block;}
#state_out #header > .inner p.btn_login{width:35%;max-width:20rem;}
#state_out #header > .inner p.btn_login > a{display:block;color:#FFF;font-size:0.8em;font-weight:bold;line-height:1.2;text-align:center;text-indent:-1.5em;padding:0.6em 0.6em 0.6em 3em;border-radius:0.5rem;
 background:#e82f05 url(/LP/149/icon_login.png) left 1em center / 1.2em no-repeat;}
#state_out #header > .inner p.btn_login > a:hover{background-color:#d52801;}

/*========== footer ==========*/
#footer{width:100%;color:#000;padding-bottom:1.5em;background:#e8e6e2;}
#footer nav{max-width:1000px;margin:0 auto;}
#footer nav > ul.fnav{display: flex;justify-content:center;flex-wrap:wrap;width:100%;}
#footer nav > ul.fnav > li{width:100%;}
#footer nav > ul.fnav > li a{display:block;color:#000;padding:1em;border-bottom:0.1rem solid #FFF;}
#footer nav > ul.fnav > li a::before{content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:0.5em;}
#footer p.copyright{font-size: 0.8em;text-align: center;margin-top:1em;}

/*========== main ==========*/
#contents{position:relative;min-height:80vh;color:#5b5750;position:relative;}
#contents > .inner{max-width:1000px;margin:0 auto;padding: 1.5em 1em 12rem;}
/* only state_out */
#state_out #contents > .inner{padding-top:2em;}


/*========== title ==========*/
.ttl_01{position:relative;color:#5b5750;font-size:1.5em;font-weight:bold;text-align:center;margin-bottom:1.5em;}
.ttl_01.blue{color:#0252b1;}
.ttl_01.red{color:#ea4505;}
.ttl_02{position:relative;color:#5b5750;font-size:1.2em;font-weight:bold;text-align:left;margin-bottom:1em;}
.ttl_02.blue{color:#0252b1;}
.ttl_02.red{color:#ea4505;}

/*========== button ==========*/
.line_btn01{width: 80%;margin: 4rem auto;}

/*---- btn_01 #ea4505 ----*/
.btn_01 a,
.btn_01 button,
.btn_01 input[type="submit"]{display:block;width:80%;max-width:320px;color:#FFF;font-size:1.6rem;font-weight:bold;text-align:center;line-height: 1;margin:1.5em auto;padding:0.8em;background:#ea4505;border:none;border-radius:0.5rem;cursor: pointer;}
.btn_01 a:hover,
.btn_01 button:hover,
.btn_01 input[type="submit"]:hover{background:#c53700;}

/* only state_out */
#state_out .btn_01 > *{background:#e82f05;}
#state_out .btn_01 > *:hover{background:#d52801;}

/*---- btn_02 #0252b1 ----*/
.btn_02 a,
.btn_02 button,
.btn_02 input[type="submit"]{display:block;width:80%;max-width:320px;color:#FFF;font-size:1.6rem;font-weight:bold;text-align:center;line-height: 1;margin:1.5em auto;padding:0.8em;background:#0252b1;border:none;border-radius:0.5rem;cursor: pointer;}
.btn_02 a:hover,
.btn_02 button:hover,
.btn_02 input[type="submit"]:hover{background:#000;}

/*---- btn_pagetop ----*/
.btn_pagetop a{position:fixed;bottom:8rem;right:1.2rem;width:10%;max-width:50px;z-index:997;}
.btn_pagetop img{max-width:100%;}

/*-- btn_line --*/
.btn_line a,
.btn_line input[type="submit"]{display:block;width:80%;max-width:320px;color:#fff !important;font-size:1.6rem;font-weight: bold;text-align:center;line-height:1;margin:1.5em auto;padding:0.8em;border-radius:1rem;
 background:#00b900 url(/LP/149/icon_line.png) no-repeat;
 background-size:auto 70%;
 background-position: calc(50% - 80px);}

/*========== box ==========*/
/*---- box_01 redbox ----*/
.box_01{color:#e82f05;font-weight:bold;text-align:center;padding:1em;background:#FFF;border:0.2rem solid #e82f05;border-radius:0.5rem;}

/*---- box_02 colorbox ----*/
dl.box_02{margin-bottom:1.5em;}
dl.box_02 > dt{color:#FFF;font-weight:bold;padding:0.5em 0.8em;background:#0252b1;}
dl.box_02 > dt > .date{margin-right:1em;}
dl.box_02 > dt > span{display: inline-block;}
dl.box_02 > dd{color:#333;padding:0.8em;background:#FFF;border: 2px solid #e8e7e0;}
/*-- mailList --*/
dl.box_02.mailList > dt > span.read{color:#FFF;font-size: 0.8em;padding: 0.3em 0.5em;line-height:1;border:1px solid #FFF;}
dl.box_02.mailList > dt > span.read.new{color:#0252b1;background:#FFF;}
dl.box_02.mailList > dd > .text{margin-bottom:1em;}
dl.box_02.mailList > dd > .text > span{display:block;}
dl.box_02.mailList > dd > .text > span.detail{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
dl.box_02.mailList > dd > .btn > a{display: block;width:70%;color:#FFF;font-weight:bold;text-align: center;margin:0 auto;padding:0.5em;border:2px solid #e82f05;border-radius:5px;background:#e82f05;}
dl.box_02.mailList > dd > .btn > a:hover{color:#e82f05;border-color:#e82f05;background:#FFF;}
/*-- mailDetail --*/
dl.box_02.maildetail > dt > .date{color:#FFF;font-size:0.8em;text-align:right;margin-top:0.5em;}
dl.box_02.maildetail > dd{border:none;}
/*-- voice --*/
dl.box_02.voice dt{display:flex;justify-content: space-between;align-items: center;}
dl.box_02.voice dt > p{font-weight:bold;}
dl.box_02.voice dt > p.rate > span{color:#ffd800;letter-spacing: 0.5em;}
dl.box_02.voice dd{padding:1em 0.8em;}
dl.box_02.voice dd > p.name{font-size:1.1em;font-weight:bold;margin-bottom:0.5em;}
dl.box_02.voice dd > p.name > span{margin-right:1em;}
dl.box_02.voice dd > p.image{max-width:50%;}
dl.box_02.voice dd > p.image > a{display:block;}

/*---- box_03 btmborderbox ----*/
dl.box_03 > dt{font-size:1.1em;font-weight:bold;padding:0.5em 0;border-bottom:2px solid #d59100;}
dl.box_03 > dd{padding:0.5em 0;margin-bottom:1.5em;}


/*========== list ==========*/
ul.list_number,
ol.list_number{list-style-type:decimal;margin-left:1.5em;}
ul.list_disc{list-style-type: disc;margin-left:1.5em;}

/*--- list_01 汎用 ---*/
.list_01 > li:not(:last-child){margin-bottom:1em;}

/*--- list_notes ---*/
ul.list_notes > li{color:#5b5750;text-align:left;padding-left:1em;margin-bottom:0.3em;}
ul.list_notes > li:before{content:"※";margin-left:-1em;}

/*---- list_btn ----*/
ul.list_btn > li{margin-bottom:0.5em;}
ul.list_btn.clm2,ul.list_btn.clm3,ul.list_btn.clm4{display: flex;align-items:center;}
ul.list_btn.clm2 > li{width:50%;}
ul.list_btn.clm3 > li{width:33.3%;}
ul.list_btn.clm4 > li{width:25%;}
ul.list_btn.clm2 > li > a, ul.list_btn.clm2 > li > button, ul.list_btn.clm2 > li > input[type="submit"],
ul.list_btn.clm3 > li > a, ul.list_btn.clm3 > li > button, ul.list_btn.clm3 > li > input[type="submit"],
ul.list_btn.clm4 > li > a, ul.list_btn.clm4 > li > button, ul.list_btn.clm4 > li > input[type="submit"]{display: block;width:95%;max-width:100%;margin:1em auto;text-align:center;border-radius:10px;}

/*----- list_terms -----*/
dl.list_terms{text-align: left;}
dl.list_terms > dt{font-size: 1.1em;font-weight:bold;margin-bottom:0.5em;}
dl.list_terms > dd{margin-bottom:1.5em;text-align: justify;}
dl.list_terms > dd > ul > li,
dl.list_terms > dd > ol > li{margin:10px 0;}

/*========== table ==========*/ 
/*---- tbl_01 sitecolortable ----*/
table.tbl_01{width:100%;border-bottom: 1px solid #e8e6e2;}
table.tbl_01 th,
table.tbl_01 td {display: block;width: 100%;padding:0.8em 1em;background:#f9f8f7;border: 1px solid #e8e6e2;border-bottom: none;border-collapse: collapse;}
table.tbl_01 th {color:#FFF;font-weight:bold;background:#0252b1;}
table.tbl_01 td > input,
table.tbl_01 td > textarea{border-color: #CCC;}

/*========== overlay ==========*/
/*-- overlay_01 standard --*/
.overlay_01{position:fixed;width: 100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);display:none;z-index:9999;}
.overlay_01 .inner{position:absolute;top:50%;left: 0;right: 0;width: 90%;max-width: 360px;margin: auto;padding:2rem 1rem;color:#333;text-align: center;background: #FFF;border-radius:0.8em;
 -ms-transform: translateY(-50%);
 -webkit-transform : translateY(-50%);
 transform : translateY(-50%);}
.overlay_01 .inner > h3{font-size:1.4rem;font-weight:bold;margin-bottom:0.5em;}
.overlay_01 .inner > p{font-size:1.2rem;}
.overlay_01 .inner > p[class^="btn_"] > a{font-size:1.4rem !important;margin-bottom:0;}
.overlay_01 .inner > p.close{position: absolute;right: -0.5em;top: -1em;color: #0252b1;font-size: 1.4rem;line-height: 1;width: 2.5em;height: 2.5em;background: #FFF;border: 5px solid #0252b1;border-radius: 50%;cursor: pointer;}
.overlay_01 .inner > p.close > i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/*========== page contents ==========*/ 
/*---- area_review_btn ----*/
.area_review_btn{padding:3em 1em 1em;border-top:0.2rem solid #FFF;}

/*---- reviewinput ----*/
form.reviewinput ul.inputstar{display: flex;align-items: center;}
form.reviewinput ul.inputstar > li{margin:0 0.1em;color:#ffd800;font-size:1.8em;cursor: pointer;}
form.reviewinput .imagefile input[type="file"]{display:none;}
form.reviewinput .imagefile label{display: inline-block;}
form.reviewinput .imagefile label > p{color:#FFF;font-size:0.8em;font-weight:bold;text-align: center;padding:0.5em 1em;background:#0252b1;cursor: pointer;}


/*==================================================================
   Responsive Style 320px以下 
==================================================================*/
@media screen and (max-width: 320px) {
body{font-size:3.6vw;}
   
/**/}/* 320px以下  end*/
/*==================================================================
   Responsive Style 768px以下
==================================================================*/
@media screen and (max-width: 768px) {
.view_pc{display: none !important;}

/* hover reset  for ios */
a:hover,input[type="submit"]{opacity: 1 !important;}
a:hover:after,input[type="submit"]:hover:after,
a:active:after,input[type="submit"]:active:after,
a:focus:after,input[type="submit"]:focus:after{display: none;}

/**/}/* 768px以下 end */
/*==================================================================
   Responsive Style 769px以上　** PC & tablet11インチ以上 **
==================================================================*/
@media screen and (min-width: 769px) {
body{font-size:18px;}
.view_sp{display: none !important;}

/*========== PC header ==========*/
#header{position:sticky;top:0;bottom:auto;border-bottom:1rem solid #0252b1;background:#FFF;}
#header nav > ul.tabnav > li{
 background-position:center top 1.5rem;
 background-size:4.5rem;}
#header nav > ul.tabnav > li > a{font-size:0.7em;padding:6.5rem 1rem 1rem;}
#header nav > ul.tabnav > li:hover{background-color:#f9f6f1;}
/* only state_out */
#state_out #header > .inner{padding:0.5em 2.5rem;}
#state_out #header > .inner p.btn_login > a{font-size:1.8rem;}

/*========== PC navigation ==========*/
#navigation{top:10.5rem;height:auto;}
#navigation nav > ul.gnav {padding:3rem 0.5rem;}
#navigation nav > ul.gnav > li{width:calc(100% / 4);margin-bottom:1em;
 background-position:center top 1.5rem;
 background-size:4.5rem;}
#navigation nav > ul.gnav > li:hover{background-color:#d8dce1;}
#navigation nav > ul.gnav > li > a{font-size:0.7em;padding:6.5rem 1rem 1.5rem;}

/*========== PC footer ==========*/
#footer nav > ul.fnav{padding:3rem 0;}
#footer nav > ul.fnav > li{width:auto;}
#footer nav > ul.fnav > li:first-child{margin-right:0;}
#footer nav > ul.fnav > li a{display:inline-block;font-size:1.6rem;border-bottom:none;}
#footer nav > ul.fnav > li a:hover{color:#1e53b4;}
#footer p.copyright{font-weight:bold;}

/*========== PC main ==========*/
#contents > .inner{padding:2em 2.5rem;}
/* only state_out */
#state_out #contents > .inner{padding-top:3em;}

#contents .maintop .member dl{padding:0.5em 2.5rem;}
#contents .maintop .pagettl{border-bottom:1rem solid #e2e2e2;}
#contents .maintop .pagettl > h1{font-size:1.8em;padding:1em 2.5rem;}


/*========== PC contents ==========*/
/*--- button ---*/
.btn_pagetop a{bottom:1.2rem;}

/*--- table ---*/
table.tbl_01 th,
table.tbl_01 td{display: table-cell;}
table.tbl_01 th {width:35%;border-right:0;}
/*--- box_02 ---*/
dl.box_02.mailList > dd{display: flex;align-items: flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.box_02.mailList > dd > .text{width:65%;margin-bottom:0;}
dl.box_02.mailList > dd > .btn{width:30%;margin-left: auto;}
/*--- list_btn ---*/
ul.list_btn.pc_clm2,ul.list_btn.pc_clm3,ul.list_btn.pc_clm4{display: flex;align-items:center;}
ul.list_btn.pc_clm2 > li{width:50%;}
ul.list_btn.pc_clm3 > li{width:33.3%;}
ul.list_btn.pc_clm4 > li{width:25%;}
ul.list_btn.pc_clm2 > li > a, ul.list_btn.pc_clm2 > li > button, ul.list_btn.pc_clm2 > li > input[type="submit"],
ul.list_btn.pc_clm3 > li > a, ul.list_btn.pc_clm3 > li > button, ul.list_btn.pc_clm3 > li > input[type="submit"],
ul.list_btn.pc_clm4 > li > a, ul.list_btn.pc_clm4 > li > button, ul.list_btn.pc_clm4 > li > input[type="submit"]{width:95%;max-width:100%;margin:1em auto;border-radius:10px;}



/**/}/* 768px以上 end*/
/*==================================================================
   Responsive Style 1000px以上 ** PC Only **
==================================================================*/
@media screen and (min-width: 1000px) {

/*========== pc only footer ==========*/
#footer nav ul.fnav > li a{font-size:2rem;}

/*========== pc only contents ==========*/
input:not([type="submit"]),select,textarea{font-size:1em;}
input:not([type="submit"])::placeholder,textarea::placeholder{font-size:1em;}

/*--- button ---*/
.btn_01 > *,
.btn_02 > *{font-size:1.8rem !important;}

/*--- hover ---*/
a:hover,input[type="submit"]:hover{transition:0.2s;}

/**/}/* 1000px以上 end*/
/*==================================================================
   Common
==================================================================*/
/*========== text ==========*/ 
.f_SS{font-size:0.6em !important;}
.f_S{font-size:0.8em !important;}
.f_L{font-size:1.2em !important;}
.f_LL{font-size:1.5em !important;}

.f_red{color:#f20505 !important;}
.f_blue{color:#0252b1 !important;}
.f_yellow{color:#ffc600 !important;}
.f_gold{color:#dac67c !important;}
.f_white{color:#FFFFFF !important;}
.f_bold{font-weight:bold !important;}

.tx_right{text-align: right !important;}
.tx_left{text-align: left !important;}
.tx_center{text-align: center !important;}
.tx_line{text-decoration: underline;}
.tx_inline > span{display: inline-block;}

.mb_0{margin-bottom: 0 !important;}
.mb_S{margin-bottom: 0.5em !important;}
.mb_M{margin-bottom: 1em !important;}
.mb_L{margin-bottom: 1.5em !important;}
.mb_LL{margin-bottom: 2em !important;}
.mr_S{margin-right:0.5em !important;}
.mr_M{margin-right:1em !important;}
.mr_L{margin-right:1.5em !important;}
.pt_0{padding-top:0 !important;}
.pb_0{padding-bottom:0 !important;}

.wd_auto{width:auto;}
.wd_50{width:50% !important;margin-left:auto;margin-right:auto;}
.wd_80{width:80% !important;margin-left:auto;margin-right:auto;}
.wd_90{width:90% !important;margin-left:auto;margin-right:auto;}

.area_01{padding:1em;}
.area_02{padding:2em 0;}
.area_flx{display: flex;align-items: center;justify-content: center;}

.bg_gray{background:#f2f1ed;}
.hr_01{margin:1rem auto;border:1px solid #e8e6e2;}
.errormsg{color:#ff4e00;font-weight:bold;}