@charset "UTF-8";


/***********************************************/
/* CSS file For Hunglead, Inc.                 */
/* FileName: main_style_demo.css               */
/* data: 2024/10/02                            */
/* index:                                      */
/*   1 Universal Reset                         */
/*   2 Basic Style                             */
/*   3 for SmartPhone                          */
/*   4 for Tablet                              */
/*   5 for PC                                  */
/***********************************************/



/* ------------------------------------------------------- */
/* ===== Basic Style ===== */
/* ------------------------------------------------------- */

* {
box-sizing: border-box;
}

body{
 background: #fff;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
 font-size: 16px;
 line-height: 1.6;
 color: #333;
 }

.wrapper{
 font-size: 75%;
 line-height: 180%;
 }

.wrapper/**/{
 font-size: 80%;
 }

p{
 font-size: 1em;
 margin: 0 0 0.5em 0;
 padding: 0;
 }


a, a:link, a:visited {
 color: #1e4992;
 text-decoration: underline;
 transition: all .3s ease-out;
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
}

a:hover {
 text-decoration: none;
 color:#ffbf00;
 background-color: inherit;
 }

a.icn-check::before {
 content: "CHECK";
 display: inline-block;
 background: #f00;
 padding: 4px;
 font-size: 12px;
 line-height: 1;
 margin-right: 5px;
 color: #fff;
}


.hide, .alt {
 display: none;
 }

.clear {
 clear: both;
 }


.red, .error_message{
 color: #e50000;
 background-color: inherit;
 }

input + .red {
 margin-top: 5px;
 display: inline-block;
 font-size: 12px;
}

.white{
 color:#fff;
 }

.bold{
 font-weight: bold;
 }

form{
 margin: 0;
 padding: 0;
 }

input, textarea{
 font-size: x-small;
 padding:8px;
 width:100%;
 color:#333;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #aaa;
 background:#fff;
 transition:background .4s,color .4s;
 -webkit-transition:background .4s,color .4s;
 -moz-transition:background .4s,color .4s;
 -ms-transition:background .4s,color .4s;
 -o-transition:background .4s,color .4s;
 }

html>body input , html>body textarea{
 font-size: small;
 }

img {
height: auto;
/*width: 100%;*/
}

.fs14 {
 font-size: 14px;
}


/* ------------------------------------------------------- */
/* ===== for SmartPhone ===== */
/* ------------------------------------------------------- */

.disPc {
 display: none;
}
.disSp {
 display: inline;
}


#wrapper{
 padding: 30px 0;
 }

h1.mainlogo {
 text-align: center;
 font-size: 16px;
}

h1.mainlogo img {
 width: 120px;
 margin-right: 7px;
 vertical-align: middle;
}

#formWrapper202503 {
 padding: 0 1rem;
}
#mainimg {
 max-width: 400px;
 text-align: center;
 margin: 40px auto 0;
 width: 80%;
}

#catch {
 font-size: 15px;
 text-align: left;
 margin: 30px 25px 0;
}

a.balloon {
 display: inline-block;
 position: fixed;
 bottom: 20px;
 right:2%;
 width: 60px;
 z-index: 555;
 transition:none; 
}

a.balloon img {
 width: 100%;
}

#about.disSp {
 padding: 25px;
 background: #fff;
 display: block;
 margin: 0 auto;
 width: 90%;
 box-sizing: border-box;
 border-radius:10px;
}

#about.disSp ul {
 width: fit-content;
 margin: 0 auto;
}

#about.disSp li {
 position: relative;
 line-height: 2;
}

#about.disSp li::before {
 content:"";
 background-repeat: no-repeat;
 display: inline-block;
 width: 24px;
 height: 24px;
 position: relative;
 top: 0;
 vertical-align: middle;
 margin: 0 10px 0 0;
}

#about.disSp li:first-of-type::before {
 background-image: url("../images/trial/icon_pc.svg");
}

#about.disSp li:nth-of-type(2)::before {
 background-image: url("../images/trial/icon_smile.svg");
}

#about.disSp li:nth-of-type(3)::before {
 background-image: url("../images/trial/icon_yen.svg");
}

#about.disSp li:nth-of-type(4)::before {
 background-image: url("../images/trial/icon_cloud.svg");
}


#schedule {
display: none;
}

#formWrapper {
 padding: 30px 25px 0;
 margin: 0 auto;
 background: #f8f8f8;
}

#formWrapper h2 {
 text-align: center;
}

#formWrapper h2 + p {
 font-size: 12px;
 text-align: center;
}

#formArea {
 margin: 20px auto 0;
}

.formCont{
/* overflow:hidden;*/
 margin:0 auto;
 padding:0;
 }

.formCont li{
/* margin-bottom:18px;*/
 list-style-type:none;
 }

.formCont .title{
 font-weight:normal;
 font-size:14px;
 margin-bottom:10px;
 position:relative;
 }

.formCont .title span {
 font-size: 12px;
 display: block;
}




.formCont .title:before{
 display:inline-block;
 content:"任意";
 height:10px;
 width:20px;
 background:#6078a1;
 color:#fff;
 margin:0 5px 0 0;
 vertical-align:top;
 padding:5px 5px;
 font-size:10px;
 line-height:1;
 }

.formCont .title.must:before{
 content:"必須";
 background:#db8484;
 }

.formCont li input{
 padding:12px;
 font-size:16px;
 border:1px solid #999;
 width:100%;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 }

.formCont .title a,
.formCont h4 a{
 font-size:16px;
 padding:2px 0;
 display:inline-block;
 text-align:center;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 border-radius:50%;
 line-height:1;
 margin:0 0 0 4px;
 width:20px;
 background:#1e4892;
 color:#fff;
 transition:all 0.3s;
 }

.formCont .title a:hover,
.formCont h4 a:hover{
 background:#ffaa00;
 color:#333;
 }

.formCont h4{
 font-size:14px;
 margin: 15px 0 10px;
 line-height: 1.3;
 }

.formCont.remarks {
 margin-top: 20px;
}


.formCont textarea{
 height:120px;
 font-family:'Lato','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
 font-size: 16px;
 }

#security p {
 margin: 0;
 text-align: right;
 font-size: 12px;
 background-repeat: no-repeat;
 background-size: 50px;
 background-position: right;
 padding: 10px 65px 0 0;
 height: 50px;
}

#security p.pMark{
 background-image:url(../../images/img_pmark.png);
}
 
 #security p.isms {
 background-image: url(../../images/img_isms.png);
}

.radioSel2,
.radioSel3,
.radioSel4{
 overflow:hidden;
 display: flex;
 justify-content: space-around;
 }

.radioSel input,
.radioSel2 input,
.radioSel3 input,
.radioSel4 input{
 display:none;
 }

.radioSel2 li,
.radioSel3 li,
.radioSel4 li{
 overflow:hidden;
 position:relative;
 width:calc(50% - 4px);
 display:inline-block;
 margin:0 auto;
 list-style-type:none;
 }

 
.radioSel li {
 position:relative;
 width:49%;
 display:inline-block;
 margin:0 auto;
 list-style-type:none;
}

.radioSel li{
 width:100%;
 }

.radioSel4{
 margin-bottom:20px;
 }

.radioSel4 li{
 width:24%;
 }

.radioSel3 li{
 width:32%;
 }

.radioSel label,
.radioSel2 label,
.radioSel3 label,
.radioSel4 label{
 display:block;
 margin:0 2% 15px;
 padding:10px;
 cursor:pointer;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -ms-border-radius:6px;
 -o-border-radius:6px;
 border-radius:6px;
 border:1px solid #1e4892;
 font-size:14px;
 background-color:transparent;
 text-align:center;
 color:#1e4892;
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transitionase-out:all .3s;
 -o-transition:all .3s;
 position:relative;
 }

.radioSel label{
/* width:calc(100% - 22px);*/
 width: 100%;
 margin:0 0 5px;
 }

.radioSel label:hover,
.radioSel2 label:hover,
.radioSel3 label:hover,
.radioSel4 label:hover{
 background-color:#ffbf00;
 border:1px solid #1e4892;
 color:#333;
 }

input.privSel + label,
input.disSel + label{
 pointer-events:none;
 cursor:default;
 opacity:0.2;
 }

input.privSel:checked + label,
input.disSel:checked + label{
 opacity:1;
 }

.radioSel input[type="radio"]:checked + label,
.radioSel2 input[type="radio"]:checked + label,
.radioSel3 input[type="radio"]:checked + label,
.radioSel4 input[type="radio"]:checked + label,
.radioSel input[type="checkbox"]:checked + label,
.radioSel2 input[type="checkbox"]:checked + label,
.radioSel3 input[type="checkbox"]:checked + label,
.radioSel4 input[type="checkbox"]:checked + label{
 background-color:#ffbf00;
 border:1px solid #1e4892;
 color:#333;
 }

.radioSel input[type="radio"] + label:after,
.radioSel2 input[type="radio"] + label:after,
.radioSel3 input[type="radio"] + label:after,
.radioSel4 input[type="radio"] + label:after,
.radioSel input[type="checkbox"] + label:after,
.radioSel2 input[type="checkbox"] + label:after,
.radioSel3 input[type="checkbox"] + label:after,
.radioSel4 input[type="checkbox"] + label:after{
 position:absolute;
 content:"";
 line-height:1;
 width:25px;
 height:25px;
 top:7px;
 left:10px;
 background-image:none;
 background-position:50%;
 background-size:100%;
 border-radius:50%;
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transitionase-out:all .3s;
 -o-transition:all .3s;
 }

.radioSel input[type="radio"]:checked + label:after,
.radioSel2 input[type="radio"]:checked + label:after,
.radioSel3 input[type="radio"]:checked + label:after,
.radioSel4 input[type="radio"]:checked + label:after,
.radioSel input[type="checkbox"]:checked + label:after,
.radioSel2 input[type="checkbox"]:checked + label:after,
.radioSel3 input[type="checkbox"]:checked + label:after,
.radioSel4 input[type="checkbox"]:checked + label:after{
 background-image:url(../images/trial/img_checked.png);
 background-repeat:no-repeat;
 background-size:60%;
 color:#333;
/* position: absolute;
 top: 30%;
 right: 10px;*/
 }

#formArea .selectrobot,
#formArea .selectrakuten {
 display:flex;
/* justify-content:space-around;*/
 justify-content: left;
 gap: 0 10px;
}

#formArea .selectrobot input[type="radio"],
#formArea .selectrakuten input[type="radio"]{
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 display: none;
}

#formArea .selectrobot label,
#formArea .selectrakuten label{
 background-color: #fff;
/*font-size:13px;*/
 display:block;
 padding:5px;
 cursor:pointer;
 position:relative;
 line-height: 0;
 border-radius: 6px;
 border: 1px solid #999;
 transition: color .3s ease-out, background .3s ease-out;
 }
 
#formArea .selectrakuten label{
 line-height: 1;
 padding: 15px;
/* width: 240px;*/
 text-align: center;
 } 

 #formArea .selectrobot label:hover,
 #formArea .selectrakuten label:hover {
 background-color:#ffbf00;
 border:1px solid #1e4892;
 color:#333;
 }
 
 #formArea .selectrobot input[type="radio"]:checked + label,
 #formArea .selectrakuten input[type="radio"]:checked + label {
 background-color:#ffbf00;
 border:1px solid #1e4892;
 color:#333
 } 
 
#formArea .selectrobot label span,
#formArea .selectrakuten label span {
 font-size: 80%;
}

/* 
#formArea .selectrobot label:before{
 background: #fff;
 content:"";
 display:block;
 width:16px;
 height:16px;
 border:solid 3px #d7dbde;
 box-sizing:border-box;
 position:absolute;
 left:22px;
 top:22px;
 transition:0.1s ease-in-out;
}

#formArea .selectrobot label.disabled:before {
 background: #eee;
 border:solid 3px #eee;
}

#formArea .selectrobot label:after{
 content:"";
 display:block;
 transform:rotate(45deg);
 border:solid 3px #3cb371;
 border-top:0;
 border-left:0;
 width:10px;
 height:16px;
 left:20px;
 top:22px;
 position:absolute;
 box-sizing:border-box;
 transition:0.2s ease-in-out;
 opacity:0;
}
	  
#formArea .selectrobot input[type="radio"]:checked + label:after{
 //transform:rotate(45deg);
 opacity:1;
}
*/

#formArea .selectrobot a,
#formArea .selectrakuten a {
 font-size:14px;
 padding:0;
 display:inline-block;
 text-align:center;
 text-decoration: none;
 border-radius:50%;
 line-height:20px;
 width:20px;
 height: 20px;
 background:#1e4892;
 color:#fff;
 transition:all 0.3s;
 position: absolute;
 top: 20px;
 right: 0;
}

#formArea .selectrobot a:hover,
#formArea .selectrakuten a:hover{
 background:#ffaa00;
 color:#333;
}

#formArea .selectrobot li,
#formArea .selectrakuten li {
 margin: 5px 0;
 width: 33%;
 max-width: 252px;
}


#formArea #ser-g p {
 margin: 0 0 10px;
}

.optBox2{
 overflow:hidden;
 margin-bottom:10px;
 }

.optBox2 h4{
 float:left;
 width:80%;
 padding:0;
 margin:0;
 line-height:1;
 padding-top:10px;
 }

.optBox2 p{
 float:right;
 line-height:1;
 }

.optBox2 input{
 display:none;
 }

.optBox2 label{
 display:block;
 padding:14px 0;
 width:40px;
 margin:0;
 cursor:pointer;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 border-radius:50%;
 border:1px solid #1e4892;
 line-height:1;
 text-align:center;
 font-size:12px;
 background-color:transparent;
 background-position:50%;
 background-size:100%;
 color:#1e4892;
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transitionase-out:all .3s;
 -o-transition:all .3s;
 }

.optBox2 label:after{
 content:"申込";
 }

.optBox2 label:hover{
 background-color:#ffbf00;
 background-position:50%;
 background-size:100%;
 border:1px solid #1e4892;
 color:#333;
 }

.optBox2 input[type="checkbox"]:checked + label:after{
 content:"　";
 }

.optBox2 input[type="checkbox"]:checked + label{
 background-color:#ffbf00;
 background-image:url(../images/trial/img_checked.png);
 background-repeat:no-repeat;
 background-position:50%;
 background-size:40%;
 color:#333;
 }

#option {
 margin: 25px auto;
 background: #fff;
 border:2px dotted #1e4892;
}

.open-opt{
 overflow:hidden;
 position:relative;
 margin:0 auto;
 }
.open-opt p{ 
 text-align: center;
 text-decoration: underline;
 color: #1e4992;
 cursor: pointer;
 font-size: 14px;
}
.open-opt p:hover {
 color: #ffbf00;
}

.open-opt p.open-opt-btn{
 text-align:center;
 display:block;
 padding:10px 0;
 border-radius:6px;
 color:#1d4982;
 cursor:pointer;
 transition:all 0.3s;
 margin: 0 auto !important;
 }

.open-opt p.open-opt-btn span{
 transition:all 0.3s;
 }

.open-opt p.open-opt-btn:hover{
 text-decoration: none;
}

.open-opt p.open-opt-btn:hover span{
 color:#333;
 }

.open-opt p.open-opt-btn span{
 display:block;
 font-size:12px;
 }

.open-opt p.opt-att{
 position:absolute;
 left:calc(50% - 150px);
 top:0;
 width:300px;
 padding:5px 0;
 text-align:center;
 background:#e55c5c;
 color:#fff;
 }

.open-opt p.opt-att:before{
 content:"";
 position:absolute;
 bottom:-10px;
 left:calc(50% - 10px);
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-top:10px solid #e55c5c;
 }

#opts-area{
 display:none;
 padding:30px 20px 0;
 margin:10px 0;
 position:relative;
 }


#formArea p.close-opt{
 position:absolute;
 right:15px;
 top:0;
 font-size:14px;
 color:#1e4892;
 cursor:pointer;
 }

#formArea p.close-opt:hover{
 color:#ffbf00;
 }

input[type="button"].shopAddBtn{
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 cursor:pointer;
 width:100%;
 font-size:16px;
 color:#999;
 margin:0 auto 20px;
 display:block;
 padding:10px;
 background:inherit;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -ms-border-radius:6px;
 -o-border-radius:6px;
 border-radius:6px;
 border:2px dotted #999;
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 }

input[type="button"].shopAddBtn:hover{
 background:#ffb000;
 color:#333;
 }

.priceList{
 width:90%;
 margin:0 auto;
 overflow:hidden;
 }

.priceList li{
 width:calc(47% - 10px);
 text-align:center;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 -o-border-radius:10px;
 border-radius:10px;
 padding:5px;
 margin:0 1% 5px;
 display:inline-block;
 }

.priceList li h5{
 font-size:14px;
 margin:0 0 5px;
 color:#666;
 font-weight:normal;
 }

.priceList li p{
 color:#888;
 font-weight:300;
 font-size:14px;
 letter-spacing:1px;
 }

.priceList li p span{
 font-size:20px;
 color:#000000;
 }

.servBox{
 position:relative;
 width:90%;
 margin:0 auto 30px;
 }

.servBox input{
 margin:0 5px 10px 0;
 }

.servBox p{
 color:#999;
 }

.servYear{
 width:70px;
 }

.servMonth{
 width:40px;
 }

.servDay{
 width:40px;
 }

#ui-datepicker-div{
 font-size:16px;
 }

.ui-datepicker-current-day a.ui-state-active{
 background:#30b6bf;
 }

.cautionBox {
 font-size:12px;
 }

.cautionBox a {
 text-decoration: underline;
/* color: #c00;*/
}

/*.cautionBox a:hover{
 background:rgba(255,255,255,.4);
 color:#fff;
 }*/

.siteCount{
 overflow:hidden;
 width:90%;
 margin:0 auto;
 text-align:right;
 }

.siteCount h5{
 color:#333;
 display:inline;
 }

.siteCount p{
 display:inline;
 vertical-align:bottom;
 color:#30b6bf;
 margin:0 0 0 5px;
 font-size:24px;
 }

.flowCont{
 overflow:hidden;
 background:#222;
 padding:40px 0;
 color:#fff;
 }

.flowCont h2{
 color:#fff;
 font-size:20px;
 text-align:center;
 margin:0 0 40px;
 }

.flowCont h3{
 width:86%;
 margin:0 auto;
 font-size:18px;
 overflow:hidden;
 }

.fin,h3.fin{
 color:#777777;
 }

.flowCont h3 .num{
 width:30px;
 height:18px;
 padding:6px 0;
 line-height:1;
 display:inline-block;
 text-align:center;
 border:1px solid #30b6bf;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 border-radius:50%;
 margin:0 8px 15px 0;
 font-weight:normal;
 color:#30b6bf;
 }

h3.fin .num{
 border:1px solid #777;
 color:#777;
 }

h3.cust .num,h3.cust .circ{
 border:1px solid #ffd400;
 color:#ffd400;
 }

.circ{
 float:right;
 padding:4px 6px;
 margin:0 0 0 5px;
 vertical-align:middle;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 font-size:12px;
 color:#30b6bf;
 border:1px solid #30b6bf;
 }

h3.fin .circ{
 color:#fff;
 border:1px solid #cc0000;
 background:#cc0000;
 }

.flowCont p{
 width:86%;
 margin:0 auto 40px;
 }

.flowCont p:after{
 display:block;
 content:"▼";
 color:#999;
 padding:30px 0;
 text-align:center;
 }

.flowCont p:last-of-type:after{
 content:"";
 }

.selBox,
.selBox2{
 margin-bottom:20px;
 position:relative;
 }

.cautionList{
 margin-left:20px;
 padding:20px;
 }
 
#formArea ul.basicForm {
  margin: auto;
  max-width: 700px;
 }

#formArea .title{
 font-weight:normal;
 font-size:17px;
}

#formArea .title.must:before{
 content:"";
 background-image:url(../images/demo/icn_must.jpg);
 display:inline-block;
 height:25px;
 width:48px;
 color:#fff;
 margin-right:10px;
 padding:0;
 vertical-align:top;
 }

#formArea p,
#formAreaFin p{
 margin:0;
 position:relative;
 }

#formArea li input,
#formArea li select {
 padding:12px;
 font-size:16px;
 border:1px solid #999;
 width:100%;
 }
 
#formArea .selectrobot label.disabled,
#formArea .selectrakuten label.disabled {
background: #ddd;
cursor: default;
}

#formArea ::placeholder {
 color: #aaa;
}

#formArea .submitBtn {
 text-align: center;
 margin-bottom:40px;
}

#formArea button,
#form-box button,
#formArea input[type="submit"] {
 display: inline-block;
 text-align: center;
 border-radius: 6px;
 box-sizing: border-box;
 background: #1d4892;
 color: #fff;
 padding: 14px;
 font-size: 20px;
 margin: 10px auto;
 border: 1px solid #1d4982;
 box-shadow: 0 6px 0 0 #0a3683;
 width: 100%;
 position: relative;
 max-width: 550px;
 }

#formArea button:hover,
#form-box button:hover,
#formArea input[type="submit"]:hover {
 background:#ffbf00;
 color:#333;
 }

#formArea button {
 transition: color .3s ease-out, background .3s ease-out;
}


 
#optsArea h3 {
 font-size: 14px;
 margin-top: 20px;
}
 
#attBox {
 background: #f4f4f4;
 padding: 40px 0;
}

#attBox p,#attBox ul {
 margin:0 auto;
 width: 90%;
 max-width: 1000px;
}

#attBox p {
 font-size: 16px;
 margin-bottom:15px;
 text-align: center;
}

#attBox li {
 font-size: 13px;
 margin: 0 0 5px 20px;
}

#mainSideCntTHX p{
 font-size:18px;
 padding:20px 0;
 font-weight:bold;
 color:#1e4892;
 }

#mainSideCntTHX p span{
 font-size:14px;
 font-weight:normal;
 display:block;
 color:#999;
 }

p#closeBtn a{
 font-size:16px;
 display:block;
 background:#1e4892;
 text-align:center;
 border-radius:6px;
 padding:10px 0;
 color:#fff;
 max-width:240px;
 margin:0 auto;
 transition:all 0.3s;
 }

p#closeBtn a:hover{
 background:#ffbf00;
 color:#333;
 }

#footer,
#footer p{
 margin:0;
 line-height:1;
 }

#footer {
text-align: center;
padding:0;
font-size: 12px;
color: #999;
 }

#form-box .sel-box li {
 overflow: hidden;
 margin-bottom: 15px;
 }

#form-box .sel-box li input,
#form-box .sel-box li label {
 float: left;
 padding: 0;
 line-height: 1;
 }

#form-box .sel-box li input {
 width: 25px;
 clear: both;
 }

#form-box .sel-box li label {
 width: 90%;
 }

.basicForm li {
 position: relative;
 margin-bottom: 40px;
}

/* remodal */

.remodal .cautionList li{
 list-style-type:disc;
 }

.remodal p.cautionDesc{
 font-size:16px;
 }
 
.remodal h2 {
 font-size: 16px !important;
}
.remodal p.closeBtn a:link {
 text-decoration: none !important;
}

.remodal .formPP {
 text-align: left;
}

.remodal.aboutrs {
 text-align: center ;
 margin: 20px auto;
 width: 90%;
 background: #fff;
}

.remodal.aboutrs img {
 width: 100%;
 max-width: 898px;
}


/* btnTop */
@keyframes show {
 0% {opacity: 0}
 17% {opacity: 1}
 33% {opacity: 1}
 50% {opacity: 0}
}

.btnTop {
 position: fixed;
 bottom: 0;
 right: 0;
 font-size: 12px;
 padding: 20px 10px;
 background: rgba(30,72,146,0.7);
 color: #fff;
 transition: padding .3s ease-out;
 margin: 0;
 height: 52px;
 box-sizing: border-box;
}

.btnTop:hover{
 background:rgba(30,72,146,1);
 cursor:pointer;
 padding:20px;
}

/* thankspage */

#wrapper.thankspage {
 margin: auto;
 width: 100%;
}

.thankspage h2 {
 text-align: center;
 font-weight: normal;
 margin: 20px auto;
 font-size: 20px;
}

.thankspage .finished,
.thankspage .error {
 background-image:url(../images/common/img_finish.png);
 background-repeat:no-repeat;
 background-position:50% top;
 padding:110px 0 30px;
 text-align:center;
}

.thankspage .error {
	background-image:url(../images/common/img_error.png);
}

.thankspage .tel {
 font-size: 18px;
 padding: 20px 0;
 font-weight: bold;
 color: #1e4892;
}

.thankspage .tel span {
 font-size: 14px;
 font-weight: normal;
 display: block;
 color: #999;
}

.thankspage #footer {
 position: fixed;
 bottom: 0;
 right: 0;
 left: 0;
}


/* slide-r_cam */
#slide-r_cam {
 background: #1e4892;
/* border: #fc0 3px solid;*/
 box-sizing: border-box;
 display: block;
 position: fixed;
 right: 0;
 bottom: 40px;
 width: 44px;
 z-index: 2020;
 text-align: right;
/* -webkit-transition: all 0.2s;
 -webkit-transform: translate(0, 0);*/
 opacity: 1;
}

#slide-r_cam a {
 display: block;
 text-align: center;
 padding: 10px;
 text-decoration: none;
 color: #fff;
 font-size: 12px;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}

/*#slide-r_cam img {
 width: 100%;
 height: auto;
 max-width: 92px;
}*/


#slide-r_cam.move {
 -webkit-transform: translate(120px, 0);
}
/*
#slide-r_cam:hover {
 border-color: #fc0;
 right: -3px;
}*/

/*#slide-r_cam a:hover img {
 opacity: 1;
}*/

#slide-r_cam_key {
/* bottom: 0;*/
/* border: #fff 1px solid;*/
 border-radius: 50%;
 background: #666;
 color: #fff;
 display: block;
 font-size: 12px;
 left: -28px;
 line-height: 1;
 padding: 15px 25px 15px 0;
 position: absolute;
 top: -10px;
 width: 44px;
 height: 44px;
 box-sizing: border-box;
 -webkit-transition: all 0.2s;
 -webkit-transform: translate(0, 0);
}

.active #slide-r_cam_key {
 background: #ddd;
 color: #333;
 left: -20px;
 padding: 9px;
 width: 30px;
 height: 30px;
}

#powered_by_me {
 font-size: 10px;
 color: #666;
}

#confirmtwinbtn {
 overflow: hidden;
}

#formArea #confirmtwinbtn input[type="submit"] {
 float: left;
 width: 45%;
 margin: 2%;
}

#formArea #confirmtwinbtn input[type="submit"]:nth-of-type(1) {
 background: transparent;
 color: #444;
}

#formArea #confirmtwinbtn input[type="submit"]:nth-of-type(1):hover {
 background: rgba(0,0,0,.1);
}


/*ppag-box*/
#formArea .ppag-box {
 margin: 20px auto;
}

#formArea .ppag-box input[type="checkbox"]{
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 display: none;
}

#formArea .ppag-box label{
 font-size:15px;
 display:inline-block;
 padding-left:25px;
 cursor:pointer;
 height:30px;
 position:relative;
 line-height: 1.4;
 }
 

#formArea .ppag-box label:before{
 background: #fff;
 content:"";
 display:block;
 width:16px;
 height:16px;
 border:solid 3px #949799;
 box-sizing:border-box;
 position:absolute;
 left:0;
 top:3px;
 transition:0.1s ease-in-out;
}

#formArea .ppag-box label:after{
 content:"";
 display:block;
 transform:rotate(45deg);
 border:solid 3px #3cb371;
 border-top:0;
 border-left:0;
 width:10px;
 height:16px;
 left:5px;
 top:-5px;
 position:absolute;
 box-sizing:border-box;
 transition:0.2s ease-in-out;
 opacity:0;
}
	  

#formArea .ppag-box input[type="checkbox"]:checked + label:after{
 transform:rotate(45deg);
 top:0;
 opacity:1;
}

#formContEnd .formCont {
 margin: 30px auto 0;
 text-align:center;
}

/* rss */
.rss {
 margin: 0 auto 2rem;
 max-width: 700px;
}

.rss li {
 list-style: disc;
 margin: 0 0 0 20px;
}



/* ------------------------------------------------------- */
/* ===== for Tablet 480 ===== */
/* ------------------------------------------------------- */

@media screen and (min-width : 480px){


}


/* ------------------------------------------------------- */
/* ===== for PC 768 ===== */
/* ------------------------------------------------------- */

@media screen and (min-width : 768px){


h1.mainlogo {
 font-size: 30px;
}

h1.mainlogo img {
 width:210px;
 margin-right: 10px;
}


#catch {
/* font-size: 16px;*/
 margin-top: 50px;
}

#schedule {
 display: block;
 text-align: center;
 background: #fff;
 padding: 60px 20px 10px;
}

#schedule h2 {
font-size: 22px;
}

#schedule h2 + p {
 font-size: 14px;
 margin-top: 10px;
}

#schedule img {
 width: 100%;
 max-width: 1200px;
}

#main202503{
 background:linear-gradient(#2970cc, #fff);
}

#formWrapper202503 {
 background-image:url("../images/demo/bg_lefttop.png");
 background-repeat:no-repeat;
 width:100%;
 box-sizing:border-box;
 height:auto;
 padding: 0;
}

#formWrapper h2 {
font-size: 18px;
}

#formWrapper h2 + p {
 font-size: 14px;
 margin-top: 10px;
}

#formWrapper #formArea {
 max-width: 500px;
 margin: 40px auto 0;
}

#demoform-top {
 width:90%;
 max-width:1360px;
 margin:0 auto;
}


#formWrapper202503 #formArea {
 width:85%;
 max-width:1000px;
 margin:0 auto;
 background:#f8f8f8;
 box-sizing:border-box;
 box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
 padding:70px 90px;
}

#formWrapper202503 #formArea .formCont {
 background:inherit;
 width:100%;
 margin-bottom:60px;
}

#formWrapper202503 #formArea .formCont input,
#formWrapper202503 #formArea .formCont select {
 width:100%;
 box-sizing:border-box;
 padding:15px;
 font-size:18px;
 border-radius:4px;;
}

#formWrapper202503 #formArea .formCont input.short-input {
 width:300px;
 display:inline;
}

#formWrapper202503 #formArea .formCont p.caution {
 font-size:14px;
 color:#f00;
 margin:10px 0;
}


#formArea .basicForm li:nth-of-type(5) .title,
#formArea #formContEnd .formCont .title {
 margin-top: 0;
}

#formArea .selectrobot label,
#formArea .selectrakuten label{
 font-size:16px;
 }
 
/*#formArea .selectrobot label span {
 font-size: 80%;
}*/

#formArea #ser-g {
 margin: 20px 0 10px;
}

#formArea p.cautionBox{
 margin-top: 0;
}

#formArea button br,
#form-box button br {
display: none;
}


#opts-area {
 padding:30px 50px;
}

#opts-area h3 {
 margin: 20px 0 15px;
}


.radioSel.radioSelpc1 li {

}

.radioSel.radioSelpc1 label {
 margin:0 2% 15px;
 }

.openOpt p {
 font-size: 16px;
}


#formArea button,
#form-box button,
#formArea input[type="submit"] {
height: 70px;
margin-top: 30px;
cursor: pointer;
}

.sp-exp {
 display: none;
 }

.pc-exp {
 display: block;
 padding: 20px 40px;
 background: inherit;
 }

.pc-exp h3 {
 text-align: center;
 margin-bottom: 20px;
 }

#reg-cont dl img {
 -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
 -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
 -ms-box-shadow: 0 0 10px rgba(0,0,0,.4);
 -o-box-shadow: 0 0 10px rgba(0,0,0,.4);
 box-shadow: 0 0 10px rgba(0,0,0,.4);
 }

#reg-cont dl dt:nth-of-type(3) img {
 box-shadow: 0 0 0 rgba(0,0,0,0);
 }

#reg-cont dt p {
 color: #1d4982;
 text-align: center;
 }

#reg-cont dd {
 color: #666;
 font-size: 14px;
 line-height: 1.6;
 }

#reg-cont dd:after {
 border-top: 30px solid rgba(0,0,0,.4);
 }




}


/* ------------------------------------------------------- */
/* ===== for PC 1000 ===== */
/* ------------------------------------------------------- */


@media screen and (min-width : 1000px){

.disPc {
 display: inline !important;
}

.disSp {
 display: none !important;
}

a.balloon {
 display: inline-block;
 position: fixed;
 bottom: 80px;
 right:2%;
 width: 141px;
 z-index: 555;
 transition:none; 
}

#main {
 display: flex;
}

#catch {
 max-width: 640px;
 margin: 30px auto;
 text-align: left;
}



#about.disPc {
 display: flex !important;
 flex-wrap: wrap;
 justify-content: space-between;
 max-width: 640px;
 margin:0 auto;
}

#about.disPc > div {
 background: #fff;
 border-radius: 10px;
 text-align: center;
 width: 48%;
 max-width: 300px;
 padding: 20px;
 box-sizing: border-box;
 margin-bottom: 20px;
}


#about.disPc h2 {
 border-bottom: #c8f1ff 2px solid;
 font-size: 15px;
 padding: 0 0 4px;
}


#about.disPc img {
 width: 100%;
 max-width: 120px;
 margin:20px auto;
}

#about.disPc p {
 font-size: 13px;
 line-height: 1.7;
 text-align: left;
}

#about.disPc p span {
 font-size: 12px;
 display: inline-block;
 margin-top: 10px;
}


#wrapper {
 width: 65%;
 margin: 0 2.5%;
}

#formWrapper {
 box-shadow: -3px 0 10px 0 rgba(0,0,0,.2);
 width: 40%;
}



.selectWrap select{
 width:calc(100% + 66px);
 background-position:calc(100% - 80px) 50%;
 }
 
.radioSel label, .radioSel2 label, .radioSel3 label, .radioSel4 label {
 font-size: 14px;
 transition: color .3s ease-out, background .3s ease-out;
}

.formCont .title span {
 margin-left: 10px;
 display: inline-block;
}

#formArea p.cautionBox{
 font-size:14px;
}


#formArea .selectrobot label br,
#formArea .selectrakuten label br {
 display: none;
}


/* remodal */
.remodal img {
 width: 100%;
}


/* slide-r_cam */
#slide-r_cam {
 display: none;
 }
 

#security {
 display: flex;
 justify-content: space-around;
}


/* thankspage */

.thankspage #catch p {
text-align: center;
}

/* rss */
.rss {
 margin: 0 auto 4rem;
 line-height: 2;
}

.rss li {
 list-style: none;
 display: inline-block;
 margin: 0;
}

.rss li:not(:last-child)::after {
 content: " / "
}

}



/* ------------------------------------------------------- */
/* ===== for PC 1200 ===== */
/* ------------------------------------------------------- */


@media screen and (min-width : 1200px){


#formWrapper {
 padding: 40px 40px 10px;
}

#formArea .ppag-box label{
 font-size:16px;
 }
 
}