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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}

.pcNone{ display:none;}
.spNone{ display:block;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea h1{}
#headerAreaInner {}
#headerAreaLogo {}
#headerTitle{}
#headerTitle p{}
#headerTxt{}
#headerTxt p{}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi{}
#gnavi li{}


/*----------------------------------------------------------------------------
 ***                                                             mainimg
----------------------------------------------------------------------------*/
#mainImgBox{ background:url(../images/mainImg.jpg) center top no-repeat; position:relative;}
#titleBox{ position:absolute; left:0; top:83px; width:430px;}

#introBox{ margin-bottom:50px;}
#introBox .sectionInner{ margin-bottom:15px;}
#introBox .leftText{ width:740px; float:left;}
#introBox h3{}

#introBox_thanks{ width:960px; margin:0 auto;}
#introBox_thanks .sectionInner{ margin-bottom:15px;}
#introBox_thanks .leftText{ width:740px; float:left;}
#introBox_thanks h3{
	background:url(../../../common_images/ico_contents02.png) left 50% no-repeat;
    font-size:30px;
    line-height:1em;
    font-weight:normal;
    padding-left:40px;
    margin-bottom:40px;
    border: none;
}
#introBox_thanks p{ line-height:1.6em;}
#introBox_thanks .rightImg{ float:right; border-right:1px dotted #999; border-left:1px dotted #999; padding:5px 30px;}

#meritBox{ border:1px solid #999; border-radius:10px; margin-bottom:30px;}
#meritBox .boxInner{ padding:18px 45px 30px;}
#meritBox h4{ text-align:center; margin-bottom:20px;}
#meritBox ul{ display:flex; flex-wrap:wrap; justify-contents:center;}
#meritBox li{ float:left; margin-right:20px;}
#meritBox li:nth-child(2n){ margin-right:0;}
#meritBox li:nth-child(-n+2){ margin-bottom:15px;}

#telBox{ width:780px; margin:0 auto;}
#telBox ul{ display:flex; justify-content:space-around;}
#telBox li{}
#telBox li:last-child{ padding-top:5px;}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                 formSec
----------------------------------------------------------------------------*/
#formSec{ background:url(../images/back_border.png) left top repeat-x; padding-top:50px; margin-bottom:50px;}
#formSec .sectionInner{ width:960px; margin:0 auto;}


/*----------------------------------------------------------------------------
 ***                                                                 formBox
----------------------------------------------------------------------------*/
#formBox{ background-color:#E5E5E5; padding:30px;}
#formBoxInner{ padding:30px 35px; background-color:#FFF; box-shadow:3px 3px 3px rgba(0,0,0,0.35);}
#formBox h3{ font-size:36px; text-align:center; border:none; margin-bottom:30px;}
#formBox h3 span{ color:#F00;}
#formBox h4{ font-size:24px; font-weight:normal; border-bottom:1px solid #000;}
#formBox h4 span{ font-size:16px; color:#58595b;}

.choiceSchool{ margin-bottom:1.5em;}
.choiceSchool h4{ margin-bottom:0.5em;}
#schoolInfo{ display:flex; justify-content:space-between; align-items:flex-end;}
#schoolInfo p{ font-weight:bold; color:#F00;}
#schoolName{ font-size:180%;}
#estimatePrice{ font-size:220%;}
#conditionsList{ display:flex;}
#conditionsList li{ font-size:140%; margin-right:2em;}
#travelForm{}
#stayTerm{}
#stayForm{}

.formInfo{}
.formInfoInner{ width:810px; margin:0 auto;}

#guestInfo{ margin-bottom:30px;}
#guestInfo h4{}
#guestInfo .formInfoInner{}

#abroadInfo{}
#abroadInfo h4{}
#abroadInfo h4 span{}
#abroadInfo .formInfoInner{}

form{}
form dl{ border-bottom:1px dotted #cfd1d2; padding:15px 0;}
form dt{ width:200px; float:left; font-size:14px; font-weight:normal; padding-top:6px;}
form dt span.attention{ margin-left:10px;}
form dd{ padding-left:210px;}
form dd span.txtSizeS{ font-size:12px; color:#666; padding-left:8px; vertical-align:-6px;}
form dd ul{}
form dd li{ float:left; width:33%; line-height:1.8em;}

.address{}
.address dl{ border-bottom:none; padding:15px 0 0;}
.address dl:last-child{ border-bottom:1px dotted #cfd1d2; padding:15px 0;}
.address dt{}
.address dd{}
.address dd span{}

label{ margin-right:5px;}
input[type="text"]{ padding:3px 0 4px 7px;}
input[type="checkbox"]{}
input[type="submit"]{}
select{ padding:2px 3px 6px 5px;}
option{}
textarea{ width:100%;}

input,
select,
label span{ cursor:pointer;}
input,
select{ font-size:14px;}

label span{ color:#000;}
label span.mgr5{ line-height:2.3em;}
.radioParts,
.checkParts{ font-size:14px; color:#333; position:relative; padding-left:21px;}
.radioParts{}
.checkParts{}

.addInput{ padding:3px 10px 2px;}

/* inputタグの調節 checkbox */
.checkInput{ display:none;}
.checkParts::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 1px;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  border-radius: 2px;
}
.checkInput:checked + .checkParts::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 9px;
  transform: rotate(40deg);
  border-bottom: 3px solid #A41934;
  border-right: 3px solid #A41934;
}

/* inputタグの調節 submitボタン */
.submitBox{ width:180px; height:50px; margin:25px auto 20px;}
.submitBtn{ font-size:18px; color:#FFF; text-align:center; width:180px; height:44px; border:none; border-radius:10px; box-shadow:2px 2px 2px rgba(0,0,0,0.3); background-color:#98C852;}
.submitBtn:hover{ opacity:0.7;}





/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner {}
#footerAreaLink{}
#footerAreaTxt{}
#footerAreaLogo {}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}