@charset "UTF-8";

.fmenu_sp li a.sp_entry:link span { color:#00E0E0; }
.fmenu_sp li a.sp_entry:link em { color:#00E0E0; }
.fmenu_sp li a.sp_entry:visited span { color:#00E0E0; }
.fmenu_sp li a.sp_entry:visited em { color:#00E0E0; }

#g-nav.panelactive ul li a.a_entry_li:link span { color:#FFFF02; margin-top:0; background:none; }
#g-nav.panelactive ul li a.a_entry_li:visited span { color:#FFFF02;margin-top:0; background:none; }
#g-nav.panelactive ul li a { text-align:left; }
footer a.f_entry:link::after {
  content: ''; /* コンテンツを空にする */
  position: absolute; /* 絶対位置指定 */
  bottom:10px;
  left: 50%; /* 左端から中央に配置 */
  transform: translate(-50%, -50%); /* 中央揃え */
  width:50px; /* 要素の幅と同じ */
  height:20px; /* 要素の高さと同じ */
  background-image: url('../../img/color.png');
  background-size: contain; /* 画像を要素に合わせて表示 */
  opacity: 1; /* 初期状態は不透明 */
  transition: opacity 0.3s ease; /* フェードのアニメーション */
  margin:0 auto; 
}
.f_entry:link { color:#000; }
.fmenu_sp li a.sp_entry:link { color:#000; }


input {
  font-size: 16px;
}


#g-nav-list ul li a.a_entry span.btnarrow::before{content: '';position: absolute;bottom:-8px;left:15%; width: 85%; height: 1px; background:#ffff00; }
#g-nav-list ul li a.a_entry span.btnarrow::after{content: '';position: absolute;bottom:-3px;right:0;width: 15px;height:1px;background:#ffff00 ;transform: rotate(35deg);}

.fmenu_sp li a.sp_entry img { display:none; }

.contents_wrap .contents_top { background:#000; }
.contents_wrap .contents_top .div_h1_st { color:#fff; }
.bgLRextend::before { background:#fff; }
.contents_top_in .div_h1 { color:#fff; }
.top_wrap { background:none; height:auto; }

.contents .p_entry { width:100%; margin:0 auto 30px auto; font-weight:bold; text-align:justify; font-size:14px; letter-spacing:0.1em;}
@media screen and (min-width: 840px) {
    .contents .p_entry { width:100%; margin-bottom:50px; text-align:left; font-size:16px; }

}

@media screen and (min-width: 840px) {
  .top { width:100%; display:flex; justify-content: space-between;}
  .top .ul_top { width:15%}
  .contents { width:80%; padding:0; margin:0; }
  

}


.FORM { width:100%; margin:20px auto; font-weight:bold; }
.FORM__ERROR { display:block; width:100%; margin:0 0 20px 0; padding:10px 0; border:1px solid #FF5800; color:#FF5800; text-align:center; font-weight:bold; line-height:1.2; }
.FORM__H2 { width:100%; padding:0 0 0 10px; margin-bottom:10px; border-left:3px solid #333; font-weight:bold; font-size:16px; line-height:1.2; }
.FORM__DL { width:100%; border-top:1px solid #ccc; }
.FORM__DT { width:100%; padding:10px 2.5% 0 2.5%; }
.FORM__DD { width:100%; padding:10px 2.5%; }
.FORM__HORIZONTAL { display:flex; width:100%; margin:0 0 5px 0; }
.FORM__NE	{ margin:5px 0 5px 10px; padding:2px 5px; background:#FF5800; color:#fff; font-size:12px; line-height:1.2em; }
.FORM__NESS { background:#FF0; }
.FORM__P { width:100%; clear:none; margin:5px 0; line-height:1.5; }
.FORM__P i { margin:0 5px 0 0; font-size:12px; }
.FORM__NAME { width:2.5em; display:block; clear:none; margin:0 10px 0 0; line-height:36px; text-align:left; }
.FORM__ADDRESS { width:7em; display:block; clear:none; margin:0 10px 0 0; line-height:36px; text-align:right; }
.FORM__RADIOLABEL { width:auto; margin-right:2.5%; line-height:20px; }
.FORM__CHECKLABEL { float:left; clear:both; margin:0 0 20px 0; line-height:20px; }
.FORM__CHECKLABEL-OTHER { width:100%; float:left; clear:both; margin-bottom:10px; }
input.FORM__CHECK { width:20px; height:20px; margin:0 5px 0 0; }
input.FORM__RADIO { width:20px; height:20px; margin:0 5px 0 0; }
input.FORM__INT { width:50px; height:36px; margin:5px 5px 0 0; font-size:14px; line-height:2em; }
input.FORM__SS { width:34.5%; height:36px; margin:0 2% 0 0; padding:0 5px; border:1px solid #ccc; background:#fff; font-size:14px; line-height:2em; }
input.FORM__S { width:50%; height:36px; margin:0 5% 0 0; padding:0 5px; border:1px solid #ccc; background:#fff; font-size:14px; line-height:2em; }
input.FORM__M { width:65%; height:36px; margin:0; padding:0 5px; border:1px solid #ccc; background:#fff; font-size:14px; line-height:2em; }
input.FORM__L { width:100%; height:36px; margin:0; padding:0 5px; border:1px solid #ccc; background:#fff; font-size:14px; line-height:2em; }
input.FORM__LL { width:95%; height:36px; margin:0; padding:0 5px; border:1px solid #ccc; background:#fff; font-size:14px; line-height:2em; }
select.FORM__SELECT { width:auto; height:36px; clear:none; margin:0 5px 0 0; padding:0 25px 0 5px; border:1px solid #ccc; background:#fff; font-size:16px; }
textarea.FORM__TEXTAREA { width:95%; height:100px; padding:10px; border:1px solid #ccc; background:#fff; font-size:14px; }
.FORM__PRIVACY { width:100%; margin:50px 0 0 0; text-align:center; }
.FORM__PRIVACY a { color:#FF5800; text-decoration:underline; }
.FORM__PRIVACY a:hover { text-decoration:none; }
.FORM__LABELS { width:100%; margin:10px 0 0 0; padding:10px 0; display:block; }
.FORM__LABEL { display:flex; align-items:center; flex-wrap:wrap; }
@media screen and (min-width: 840px) {
  .FORM__LABEL { display:inline-block;  text-align:center; }
}
.FORM__LABEL .FORM__NE { margin:0 10px 0 0; white-space:nowrap; }

.FORM__SENT { width:100%; margin:50px 0; text-align:center; }
.FORM__SENDBUTTON { width:60%; height:50px; display:block; font-size:14px; text-align:center; line-height:50px; letter-spacing:0.1em; margin:0 auto 50px auto; background:#FF5800; color:#fff; font-weight:bold; position: relative;z-index: 1; transition: .3s;}
@media screen and (min-width: 840px) {
    .FORM__SENDBUTTON { width:380px; height:65px; line-height:65px; font-size:18px; }
    .FORM__SENDBUTTON:hover { opacity:0.7; }
  }





input::placeholder { color:#ccc; }
input:-ms-input-placeholder { color:#ccc; }	/* IE */
input::-ms-input-placeholder { color:#ccc; }	/* Edge */


.ENTRYFOOTER_BUTTON { display:none; }
.FORM__SENT { width:100%; text-align:center; display:inline-block; margin:50px 0; }


@media screen and (min-width: 1140px){
  .FORM { width:1040px; margin:40px auto; }
  .FORM__ERROR { padding:20px 0; font-size:18px; }

}


.TITLE__H1 { background:rgba(237,105,135, 0.8); }



.FORM__SUBMIT-SP { display:none; }
.FORM__SUBMIT.soushin { display:block; width:100%; height:65px; margin:10px auto 50px auto; background:#FF5800; border:none; color:#ffffff; text-align:center; font-weight:bold; font-size:20px; line-height:65px; position:relative; font-family:'Roboto Condensed', sans-serif; letter-spacing:0.1em; cursor:pointer; }
.FORM__SUBMIT:hover { opacity:0.7; }
.ENTRY { width:100%; margin:0 auto 100px auto; }
.FORM__DT { width:100%; padding:10px 0 0 0; font-size:14px; }
.FORM__DD { width:100%; padding:10px 0; }
.FORM__NAME { width:auto; display:block; clear:none; margin:0 10px 0 0; line-height:36px; text-align:right; font-size:0.8rem; }
.SHEET { width:95%; margin:0 auto; padding: 80px 5% 0px 5%; background:rgba(255,255,255,0.9); }
.FORM__P { width:100%; clear:none; margin:5px 0; line-height:1.5; font-size:0.8rem; }
@media screen and (min-width: 840px){
 .ENTRY { width:100%; margin:100px auto; }
 .FORM { width:1000px; margin:40px auto; font-size:16px; }
 .FORM__DL { display:flex; }
 .FORM__DT { width:25%; padding:10px 2.5%; }
 .FORM__DD { width:75%; padding:10px 2.5%; }
 .FORM__NE	{ float:right; }
 .FORM__PRIVACY .FORM__NE { float:none; }
 .FORM__CHECKLABEL { margin:0 0 10px 0; }
 input.FORM__SS { width:100px; }
 input.FORM__S { width:150px; margin:0 5% 0 0; }
 input.FORM__M { width:300px; }
 input.FORM__L { width:450px; }
 input.FORM__LL { width:600px; }
 .FORM__SUBMIT  { width:400px; height:65px; margin:50px auto 50px auto; font-size:24px; display:block; }
 .FORM__SUBMIT-SP { display:none; }

}


.contents p.FORM__PRIVACY-LINK { margin-bottom:20px; text-align:center; }
@media screen and (max-width: 840px){
  .contents { margin-top:30px; padding-top:0; }
  .contents p.FORM__PRIVACY-LINK { margin-bottom:20px; text-align:left; }
}

.contents .st_kanryo { border:2px solid #ff0000; font-weight:bold; padding:10px 20px; font-size:18px; color:#ff0000; display:inline-block; }
.p_message { border-top:1px solid #000; border-bottom:1px solid #000; padding-bottom:10px; }
@media screen and (min-width: 840px){
  
}

.contents p { text-align:initial; }
@media screen and (min-width: 840px){
.contents p { text-align:center; }
}