@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:#FFF;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:#FFF;}
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:#337200;font-family: "Font Awesome 5 Free";font-weight: 900;}
.checkwrap > input[type="checkbox"]{position: relative;vertical-align: baseline;top: 0.1em;}
.checkwrap > input[type="checkbox"]::before{content: "";display: block;position: absolute;top: 0;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.05em;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:sticky;left:0;top:0;width:100%;color:#FFF;background:#364851;z-index: 999;}
#header > .inner{display:flex;justify-content: space-between;align-items: center;max-width:1000px;margin:0 auto;padding:0.5em 1em;}
#header > .inner p.logo{width:12rem;}
#header > .inner p.logo > a{display: block;}

/*========== footer ==========*/
#footer{width:100%;color:#FFF;padding-bottom:3em;background:#364851;}
#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:#FFF;padding:1em;border-bottom:0.1rem solid #FFF;}
#footer p.copyright{font-size: 0.8em;text-align: center;margin-top:1em;}

/*========== main ==========*/
#contents{position:relative;min-height:80vh;color:#FFF;}
#contents > .inner{max-width:1000px;margin:0 auto;padding:1em 1em 5em;}

/* only state_out */
#state_out #contents{background:#000 url(/LP/115/sitebg.png) center top / contain no-repeat;}
#state_out #contents > .inner{padding-top:2em;}

/*========== title ==========*/
.ttl_01{position:relative;color:#FFF;font-size:1.3em;font-weight:bold;text-align:left;padding:0.2em 0.5em 0.2em 2em;margin-bottom:1.5em;background:#364851;border:2px solid #FFF;}
.ttl_01::before{content:"\f7ab";font-family:"Font Awesome 5 Free";color:#ffea00;margin:0 0.5em 0 -1.5em;}
/* only state_out */
#state_out .ttl_01{font-size:1.5em;text-align:center;background:none;border:none;padding:0;}
#state_out .ttl_01::before{content:none;}

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

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

/*----- 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;border: 1px solid #e8e6e2;border-bottom: none;border-collapse: collapse;}
table.tbl_01 th {color:#FFF;font-weight:bold;background:#287200;}
table.tbl_01 td > input,
table.tbl_01 td > textarea{border-color: #CCC;}

/*==================================================================
   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 > .inner{padding:2rem 2.5rem;}
#header > .inner p.logo{width:30rem;}

/*========== PC footer ==========*/
#footer{padding-bottom:1em;}
#footer nav > ul.fnav{padding:3rem 0;}
#footer nav > ul.fnav > li{width:auto;}
#footer nav > ul.fnav > li:not(:last-child)::after{content:"|";}
#footer nav > ul.fnav > li a{display:inline-block;font-size:1.6rem;border-bottom:none;}
#footer nav > ul.fnav > li a:hover{color:#d8af2a;}
#footer p.copyright{font-weight:bold;}

/*========== PC main ==========*/
#contents > .inner{padding:1em 2.5rem 5em;}
/* only state_out */
#state_out #contents{background-size:auto;}
#state_out #contents > .inner{padding-top:3em;}

/*-- maintop --*/
.maintop nav > ul.mnav{padding:2em 2.5rem 1em;}

/*========== PC contents ==========*/
/*--- table ---*/
table.tbl_01 th,
table.tbl_01 td{display: table-cell;}
table.tbl_01 th {width:35%;border-right:0;}

/**/}/* 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;}

/*--- 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:#ffea00 !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;}