*{padding:0;margin:0}
html{-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}

header{ width:100%; background-image: url("../img/main_img.jpg"); background-repeat:no-repeat; background-size:cover; }
header h3{
  text-align:center;
  color          : rgba(0, 0, 0, 0.83);
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}
@media screen and (min-width: 769px){
	header{margin-bottom:0px;}
	header h3{ padding:120px 0;font-size: 20pt;letter-spacing : 2px; }
}
@media screen and (max-width: 768px){
	header{margin-bottom:0px;}
	header h3{ padding:60px 0;font-size: 14pt;letter-spacing : 2px; }
}

b,strong{font-weight:bolder}
a{color:inherit;text-decoration:none;background-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline-width:0}
button{outline:none}
ul{list-style:none}
button,input,select,textarea{font:inherit;background-color:transparent;border-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}
button,[type="button"],[type="reset"],[type="submit"],[role="button"]{color:inherit;cursor:pointer}
input,input:focus,textarea,textarea:focus{border-radius:0;outline:none}
select,select:focus-visible{cursor:pointer;outline:none;-webkit-appearance:none}
label{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{position:relative;width:100%;overflow-x:hidden;font-family:YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, sans-serif;font-size:16px;line-height:1.5;color:#000;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}
@media screen and (min-width: 769px){.l-section{padding:0 60px}}
@media screen and (min-width: 769px){.l-section__inner{width:100%;max-width:1200px;margin:70px auto}}
@media screen and (max-width: 768px){.l-section__inner{padding:50px 20px}}
@media screen and (min-width: 769px){.l-section__text{margin-bottom:80px}}
@media screen and (max-width: 768px){.l-section__text{margin-bottom:50px}}
@media screen and (min-width: 769px){.l-section__form{margin-bottom:100px}}
@media screen and (max-width: 768px){.l-section__form{margin-bottom:80px}}
@media screen and (min-width: 769px){.l-section__form dl+dl{margin-top:40px; border-top:dotted 2px #ccc;padding-top:40px;}}
@media screen and (max-width: 768px){.l-section__form dl+dl{margin-top:30px; border-top:dotted 2px #ccc;padding-top:30px;}}
.l-section__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media screen and (min-width: 769px){.l-section__button{margin-bottom:130px;margin-top:50px;}}
@media screen and (max-width: 768px){.l-section__button{margin-bottom:60px;margin-top:50px;}}
.l-section__copyright{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media screen and (min-width: 769px){br.sp{display:none}}
.secText{text-align:center}
@media screen and (min-width: 769px){.secText{font-size:1rem}}
@media screen and (max-width: 768px){.secText{font-size:.875rem;text-align:left;}}
@media screen and (min-width: 769px){.formItem{display:-webkit-box;display:-ms-flexbox;display:flex}}
@media screen and (max-width: 768px){.formItem{display:block}}
.formItem dt,.formItem dd{font-size:.875rem}
.formItem dt{padding:0.6em 1em;font-weight:bold;display: flex; background-color:#eee;}
@media screen and (min-width: 769px){.formItem dt{width:35%;margin-right:30px}}
@media screen and (max-width: 768px){.formItem dt{margin-bottom:10px}}
.formItem dd{word-wrap:break-word}
@media screen and (min-width: 769px){.formItem dd{width:60%}}
@media screen and (max-width: 768px){.formItem dd{width:100%}}
.formItem input,.formItem select{padding:0.6em 1em}
.formItem label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:30px}
.formItem label input{margin-right:10px}

label.error{ display:block;color:#8b0000;font-size:.85rem;margin-top:5px;width:100% !important;max-width:300px;}


.formItem__square input,.formItem__tel input{border:1px solid #a9a9a9}
.formItem__tel div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.formItem__tel span{width:0.5em;height:1px;margin:0 0.5em;background:#696969}
@media screen and (min-width: 769px){.formItem+.formItem{margin-top:20px}}
@media screen and (max-width: 768px){.formItem+.formItem{margin-top:10px}}
.required,.optional{padding:0.4em 0.6em;margin-right:10px;font-size:.625rem;color:#fff;white-space:nowrap;}
.required{background:#8b0000}
.optional{background:#696969}
.size-tel{width:5em}
@media screen and (min-width: 769px){.size-email{width:200px}}
@media screen and (max-width: 768px){.size-email{width:100%}}
.size-postalCode{width:7em}
.size-address1{width:8em}

.size-area1{width:12em; display:inline-block;}
.size-area2{width:26em; display:inline-block;}


@media screen and (min-width: 769px){.size-m{width:8em}}
@media screen and (max-width: 768px){.size-m{width:100%}}
@media screen and (min-width: 769px){.size-l{width:300px}}
@media screen and (max-width: 768px){.size-l{width:100%}}
.size-max{width:100%}
.selectBox{position:relative;border:1px solid #a9a9a9}
.selectBox::after{position:absolute;top:calc(50% - 4px);right:20px;display:block;content:"";border-top:1px solid #a9a9a9;border-right:1px solid transparent;border-left:1px solid transparent;border-width:8px 5px 0 5px}
.selectBox select{width:100%}
.submitButton{padding:0.6em 2em;font-size:1rem;border:1px solid #000}
@media screen and (min-width: 769px){.submitButton:hover{color:#fff;background:#000}}
@media screen and (min-width: 769px){.copyright{font-size:.75rem}}
@media screen and (max-width: 768px){.copyright{font-size:.625rem}}

.q3 label{width:80px;margin-right: 10px !important;}
.q4 label{width:150px;margin-right: 10px !important;}
.q5 label{min-width:100px;margin-right: 10px !important;}
.q6 label{min-width:100px;margin-right: 10px !important;}
.q7 label{min-width:165px;margin-right: 10px !important;}
.q8 label{min-width:125px;margin-right: 10px !important;}
.q9 label{min-width:125px;margin-right: 10px !important;}
.q10 label{width:155px;margin-right: 10px !important;}


a.downloadurl {
    display: block;
    max-width: 250px;
    padding: 0.5rem 1.5rem;
    background-color: #1755aa;
    border-radius: 8px;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}
a.downloadurl span.dl_text {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-left: 30px;
}
a.downloadurl span.dl_text:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
a.downloadurl span.dl_text:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #1755aa;
    border-right: 3px solid #1755aa;
  box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
a.downloadurl:hover {
    background-color: #01b5d0;
}
a.downloadurl:hover span.dl_text:after {
    border-top: 3px solid #01b5d0;
    border-right: 3px solid #01b5d0;
}
@media (max-width: 736px) {
    a.downloadurl {
    	margin:5px auto;
        max-width: 220px;
        padding: 0.5rem 1.0rem;
    }
    a.downloadurl span.dl_text {
        font-size: 14px;
    }
}