/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP);
html{min-height:100%; position:relative}
body{margin-bottom:5em}
body#mb_none{margin-bottom:0}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li{margin:0; padding:0}
h1,h2,h3,h4,h5,h6{font-family:'Noto Sans JP'}
p{line-height:180%}

html {font-size: 62.5%} /* 10px */
body {font-size: 1.6rem} /* 16px */
p    {font-size: 1.6rem; letter-spacing:0.5px} /* 16px */
li   {font-size: 1.6rem} /* 16px */
li p {font-size: 1.6rem} /* 16px */
dd {font-size: 1.6rem; letter-spacing:0.3px} /* 16px */

.sp {clear:both; height:1px}
.clearfix:after {height:0; visibility:hidden; display: block; clear: both; content: ""; overflow:hidden}
.r{float: right}
.l{float: left}

@media print, screen and (min-width: 770px){
.res_br{display:none}
}
@media screen and (max-width: 769px){
.res_br2{display:none}
}

body{padding-bottom:60px}
header{margin-bottom: 60px; padding: 80px 0; background: #d2bb8a url("../img/header_01.png") no-repeat center; text-indent:-9999px}

.wrapper{margin:0 auto; width:950px}
.wrapper h2{margin-bottom: 20px}
.wrapper h3{margin-bottom: 20px}
.wrapper h4{margin-bottom: 15px}

/* 利用規約 */
.terms section{margin-bottom:60px}
.terms section:last-of-type{margin-bottom:0}
.terms h3{border-left: #9c8552 solid 15px; padding: 0 0 2px 10px}
.terms ul{margin-bottom: 25px}
.terms li{margin-bottom: 15px; text-indent: -1.3em; padding-left: 1.3em}
.terms ul li ul{margin-top: 15px}
.terms ul li dl{margin-top: 15px; text-indent: -1.3em; padding-left: 1.3em}
.terms ul li dt{margin-bottom: 15px}
.terms table {border-collapse: collapse; width: 100%; margin: 15px 0 30px 0}
.terms table thead{background: #eae4ce; letter-spacing: 1px; font-family:'Noto Sans JP'}
.terms table th{text-align: center}
.terms table th, table td{padding: 5px 10px; border: solid 1px black}
#terms_th01{width:60%}
span.term_span01{display: block; margin: 15px 0 25px 0; padding: 10px 20px; text-indent:0; border: dotted 2px #868686}

/* フォームメインCSS */
.form_box01{width: 800px; margin:0 auto; padding:50px 75px; background:#eae4ce; border-radius:10px}

.form_box01 h2,
.form_box01 h3{margin-bottom:20px; padding-bottom: 3px; border-left:solid 17px #9c8552; text-indent:13px; font-family:'Noto Sans JP'}

h3.completion{border: none; text-indent: 0; font-size: 140%; letter-spacing: 1px; color: #583009}
.completion_w_box{margin-top: 40px; padding: 20px 20px 10px 20px; background: #fff; border-radius: 5px; text-align: center}
.completion_w_box h3{margin-bottom: 10px}
.completion_w_box p{font-size: 120%}

.form_box01 p{margin-bottom: 20px}

.form_box01 dl{margin-bottom:50px; padding-bottom:30px; border-bottom: solid 2px #c1bcac}
.form_box01 dl:last-of-type{margin-bottom:0; padding-bottom:0; border-bottom:none}
.form_box01 dt{margin-bottom: 15px; font-family:'Noto Sans JP'; font-size:1.7rem}
.form_box01 dd{margin:5px 0 20px 0}
.form_box01 sup,
.r_note {color:#d62727; font-weight:bold}
.r_note2 {color:#d62727}

input[type='text'],
input[type='email']{
    display: inline-flex;
    align-items: center;
    position: relative;
}
input[type='text'],
input[type='email'] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #969da3;
    border-radius: 3px;
    font-size: 1em;
    line-height: 1.5;
}

input[type='date'] {
    width: 380px;
    padding: 8px 10px;
    border: 1px solid #969da3;
    border-radius: 3px;
    font-size: 1em;
    line-height: 1.5;
}

.form_box01_select{position: relative}
.form_box01_select select {
    appearance: none;
    min-width: 400px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    font-size: 1em;
    cursor: pointer;
}
.form_box01_select::after {
    position: absolute;
    left: 370px;
    top: 18px;
    width: 15px;
    height: 10px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.tenkai_btn{
    display: block;
    margin: 40px 0 20px 0;
    padding: 10px;
    width:auto;
    border: solid 2px #965623;
    border-radius: 5px;
    text-align: center;
    color: #965623;
    font-weight: bold;
    font-size: 1.8rem
}
.tenkai_btn:hover{background: #e4cc8c}
.btn_div{display: inline}

.add_btn {
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.add_btn {
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.add_btn::before,.add_btn::after  {
    content: '';
    display: inline-block;
    width: 26px;
    height: 3px;
    background-color: #965623;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 1s;
}
.add_btn::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 1s;
}
.add_btn.show::before {
    opacity: 0;
}
.add_btn.show::after {
    transform: translateY(-50%) rotate(180deg);
}

input[type='radio'],
input[type='checkbox'] {
    transform:scale(1.5);
    margin:0 10px 20px 0
}

input[type='submit']{
    width: 300px;
    margin: 40px auto 0 auto;
    display: block;
    padding:15px;
    background: #525252;
    border: none;
    border-radius: 5px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
input[type='submit']:hover{
    background: #2f2f29;
}
.doui_box{margin-top:35px; padding-top:50px; border-top:solid 2px #c1bcac}
.doui_box dd{text-align: center; font-size:110%}

#menu3,#menu4,#menu5 {padding-top: 20px; border-top:2px dotted #c1bcac}