.pcOnly {display: inline-block !important;}
.spOnly {display: none !important;}

.col2Wrap,
.col2Glay01,
.col2Glay02,
.col2Glay03,
.glayWrap01{ display: block; margin: 0 60px;}

.col2Wrap .left,
.col2Img .left,
.col2Glay01 .left,
.col2Glay02 .left{ float: left;}
.col2Wrap .right,
.col2Img .right,
.col2Glay01 .right,
.col2Glay02 .right{ float: right;}

h2{ font-size: 2.4rem; background: #c2e6f4; color: #2483a9; text-align: center; padding: 40px 0;}

#special { margin: 0 auto; padding-bottom: 140px; max-width: 1256px; width: 100%; position: relative; background: #fff; text-align: center;}
#special p{ line-height: 1.8; font-size: 2rem; }

#social-wrap { position: absolute; right: 0; top: 15px; overflow: hidden; z-index: 9; }
#social-wrap a.fb { background-position: 0 0; }
#social-wrap a.tw { background-position: -36px 0; }
#social-wrap a { display: block; width: 36px; height: 36px; background: url(../img/social_bt.png) no-repeat left top; margin: 0 10px 0 0; float: left; text-indent: -9999px; }

/*sec01*/
#sec01 { width: 100%; max-width: 1256px; }

/*sec02*/
#sec02 { margin: 60px auto 100px;}
#sec02 p{ font-size: 1.8rem; line-height: 2; margin-top: 30px;}
#sec02 p .boldTxt01{ font-weight: bold;}

#sec02 .col2Wrap{ margin-top: 50px;}
#sec02 .col2Wrap.last{ margin-top: 65px;}
#sec02 .col2Wrap h3{ display: block; text-align: left; margin-bottom: 30px;}
#sec02 .col2Wrap h3 span{ display: inline-block; vertical-align: middle; font-size: 6.4rem; line-height: 1; color: #2483a9; font-family: "MQ"; letter-spacing: 0.02em; margin-right: 20px;}
#sec02 .col2Wrap h3 small{ display: inline-block; vertical-align: middle; font-size: 1.8rem; line-height: 1; padding: 10px 20px; background: #2483a9; color: #fff; font-weight: bold;}

#sec02 .col2Wrap .left{ width: 640px; background: #f0f0f0;}
#sec02 .col2Wrap .right{ width: calc(100% - 648px);}
#sec02 .col2Wrap .right p{ margin: 0;}

#sec02 .col2Wrap .col2Img{ padding: 15px 20px 20px 20px; width: 100%;}
#sec02 .col2Wrap .col2Img .left{ width: 160px;}
#sec02 .col2Wrap .col2Img .right{ width: calc(100% - 180px);}
#sec02 .col2Wrap .col2Img .right h4{ font-size: 1.6rem; text-align: left;}
#sec02 .col2Wrap .col2Img .right p{ font-size: 1.4rem; text-align: left; padding-left: 20px; margin-top: 10px; position: relative;}
#sec02 .col2Wrap .col2Img .right p:before{ content: ""; position: absolute; left: 0; top: 6px; width: 1px; height: calc(100% - 12px); background: #000;}

#sec02 .glayWrap01{ margin-top: 80px; background: #f0f0f0; padding: 40px 0 30px; text-align: center; position: relative;}
#sec02 .glayWrap01 .ttl{ position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background: #2483a9; font-size: 2rem; padding: 7px 20px; color: #fff; font-weight: bold;}
#sec02 .glayWrap01 .leftImg{ position: absolute; top: -20px; right: 30px; margin: 0;}
#sec02 .glayWrap01 p{ margin-top: 15px; font-size: 1.6rem; line-height: 1.8;}
#sec02 .glayWrap01 p a{ text-decoration: underline; color: #0093bf;}
#sec02 .glayWrap01 p a:hover{ text-decoration: none;}
#sec02 .glayWrap01 p small{ font-size: 1.3rem;}
#sec02 .glayWrap01 p strong{ font-weight: bold; font-size: 1.8rem; color: #2483a9;}

/*sec03*/
#sec03{ margin: 60px auto 100px;}
#sec03 p.leadText01{ font-size: 1.8rem; line-height: 2; margin-top: 30px; font-weight: bold;}
#sec03 p.notice01{ font-weight: normal; font-size: 1.1rem; margin: 0;}

.defaultBtn01{ font-size: 1.6rem; min-width: 340px; display: inline-block; margin: 20px auto 0; padding: 15px 40px; background: url("/common/img/arrow_r_01.png") no-repeat right center #000; color:#fff; font-weight: bold; border-radius: 3px; border: 1px solid #000; text-align: center;text-decoration: none;}
.defaultBtn01:hover{color: #000;background: url("/common/img/arrow_r_01_hv.png") no-repeat right center #fff; cursor: pointer;transition: 0.6s;}

/*sec04*/
#sec04{ margin: 60px auto 100px;}
#sec04 p.leadText01{ font-size: 1.8rem; line-height: 2; margin-top: 30px; font-weight: bold;}
#sec04 .col2Img p{ font-size: 1.8rem; font-weight: bold; line-height: 1.8; margin: 0 0 15px; text-align: left; height: 65px;}
#sec04 .col2Img p.text01{ padding: 15px 0;}
#sec04 .col2Img p.bdText01{ padding: 3px 8px; border: 1px solid #000; font-size: 1.3rem; height: auto; display: inline-block; margin: 12px 0 0;}
#sec04 .col2Img a{ text-decoration: underline; color: #0093bf; font-size: 1.8rem; text-align: left; line-height: 1.8;}
#sec04 .col2Img a.noLink{ text-decoration: none; color: #000;}
#sec04 .col2Img a:hover{ text-decoration: none;}

#sec04 .col2Glay01{ background: #f0f0f0; padding: 40px 40px 45px; margin-top: 40px; position: relative;}
#sec04 .col2Glay01 .col2Img{ text-align: left; width: 510px;}
#sec04 .col2Glay01 .col2Img .left{ width: 230px;}
#sec04 .col2Glay01 .col2Img .right{ width: calc(100% - 250px);}
#sec04 .col2Glay01 h3{ position: absolute; top: -20px; left: 0; background: #c39661; font-size: 2rem; padding: 7px 20px; color: #fff; font-weight: bold;}
#sec04 .col2Glay01.last{ margin-top: 50px;}
#sec04 .col2Glay01.last h3{ background: #55ac50;}

#sec04 .col2Glay02{ margin-top: 50px;}
#sec04 .col2Glay02 .col2Img{ background: #f0f0f0; padding: 45px 10px 45px 40px; position: relative; width: 545px;}
#sec04 .col2Glay02 .col2Img h3{ position: absolute; top: -20px; left: 0; font-size: 2rem; padding: 7px 20px; color: #fff; font-weight: bold;}
#sec04 .col2Glay02 .col2Img{ text-align: left;}

#sec04 .col2Glay02 .col2Img .left{ width: 230px;}
#sec04 .col2Glay02 .col2Img .right{ width: calc(100% - 250px);}
#sec04 .col2Glay02 .col2Img.left h3{ background: #ac5070;}
#sec04 .col2Glay02 .col2Img.right h3{ background: #50a9ac;}

/*sec05*/
#sec05{ margin: 60px auto;}
#sec05 p.leadText01{ font-size: 1.8rem; line-height: 2; margin-top: 30px; font-weight: bold;}

#sec05 .col2Glay03{ background: #f0f0f0; margin-top: 20px; padding: 50px 170px; text-align: center; font-size: 0;}
#sec05 .col2Glay03 .left,
#sec05 .col2Glay03 .right{ display: inline-block;}

#sec05 .col2Glay03 .left{ width: 380px; margin-right: 25px; vertical-align: top;}
#sec05 .col2Glay03 .right{ width: calc(100% - 405px); text-align: left; vertical-align: top;}
#sec05 .col2Glay03 .right h3.bottomBd01{ position: relative; line-height: 1.8; padding-bottom: 15px; font-size: 1.8rem;}
#sec05 .col2Glay03 .right h3.bottomBd01:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 35px; height: 1px; background: #000;}
#sec05 .col2Glay03 .right p{ margin-top: 10px;}
#sec05 .col2Glay03 .right a{ text-decoration: underline; color: #0093bf; font-size: 1.8rem; text-align: left;}
#sec05 .col2Glay03 .right a:hover{ text-decoration: none;}
#sec05 .col2Glay03 .right p.bdText01{ padding: 3px 8px; border: 1px solid #000; font-size: 1.3rem; height: auto; display: inline-block; margin: 12px 0 0; font-weight: bold;}

#sec05 .bgText01{ background: #000; font-size: 2rem; padding: 15px 40px; display: table; margin: 40px auto 0; color: #fff; font-weight: bold;}

/*sec06*/
#sec06{ margin: 60px auto 0;}
#sec06 p{ background: #ffeec0; width: 100%; padding: 70px 0 40px;}

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

.pcOnly {display: none !important;}
.spOnly {display: inline-block !important;}

.col2Wrap,
.col2Glay01,
.col2Glay02,
.col2Glay03,
.glayWrap01{ margin: 0;}

.col2Wrap .left,
.col2Img .left,
.col2Wrap .right,
.col2Img .right{ float: none;}

.col2Glay01 .left,
.col2Glay02 .left{ float: left;}
.col2Glay01 .right,
.col2Glay02 .right{ float: right;}
	
#special { max-width: 100%; padding-bottom: 30px;}
#special p{ line-height: 1.8; font-size: 1.6rem;}
	
#social-wrap { top: 10px; }
	

h2{ font-size: 1.6rem; padding: 25px 0; margin: 0 -15px;}

#special{ margin: 0 auto; padding-bottom: 60px; max-width: 100%; width: 100%; position: relative; background: #fff; text-align: center;}
#special p{ line-height: 1.8; font-size: 2rem; }

#social-wrap { position: absolute; right: 0; top: 15px; overflow: hidden; z-index: 9; }
#social-wrap a.fb { background-position: 0 0; }
#social-wrap a.tw { background-position: -36px 0; }
#social-wrap a { display: block; width: 36px; height: 36px; background: url(../img/social_bt.png) no-repeat left top; margin: 0 10px 0 0; float: left; text-indent: -9999px; }

/*sec01*/
#sec01 { width: 100%; max-width: 100%;}

/*sec02*/
#sec02 { margin: 80px 15px 70px;}
#sec02 p{ font-size: 1.4rem; line-height: 1.8; margin-top: 20px;}

#sec02 .col2Wrap{ margin-top: 40px;}
#sec02 .col2Wrap.last{ margin-top: 45px;}
#sec02 .col2Wrap h3{ display: block; text-align: center; margin-bottom: 30px;}
#sec02 .col2Wrap h3 span{ display: block; font-size: 4.2rem; margin-right: 0; margin-bottom: 5px;}
#sec02 .col2Wrap h3 small{ display: table; margin: 0 auto; font-size: 1.2rem; padding: 5px 10px;}

#sec02 .col2Wrap .left{ width: 100%; background: none;}
#sec02 .col2Wrap .left iframe{ width: 100%; height: 164vw; margin-bottom: 15px;}
#sec02 .col2Wrap .right{ width: 100%;}
#sec02 .col2Wrap .right p{ margin: 0;}

#sec02 .col2Wrap .col2Img.spOnly{ padding: 15px; width: 100%; background: #f0f0f0; overflow: hidden; margin-top: 15px;}
#sec02 .col2Wrap .col2Img.spOnly .left{ width: 100px; float: left;}
#sec02 .col2Wrap .col2Img.spOnly .right{ width: calc(100% - 115px); float: right;}
#sec02 .col2Wrap .col2Img.spOnly .right h4{ font-size: 1.2rem; text-align: left;}
#sec02 .col2Wrap .col2Img.spOnly .right p{ font-size: 1.2rem; text-align: left; padding-left: 15px; margin-top: 10px; position: relative;}
#sec02 .col2Wrap .col2Img.spOnly .right p:before{ content: ""; position: absolute; left: 0; top: 6px; width: 1px; height: calc(100% - 12px); background: #000;}

#sec02 .glayWrap01{ margin-top: 60px; padding: 20px 0;}
#sec02 .glayWrap01 .ttl{ top: -15px; font-size: 1.5rem; padding: 5px 10px;}
#sec02 .glayWrap01 .leftImg{ top: -15px; right: 15px; width: 60px;}
#sec02 .glayWrap01 p{ margin-top: 15px; font-size: 1.2rem;}
#sec02 .glayWrap01 p small{ font-size: 1.1rem;}
#sec02 .glayWrap01 p strong{ font-size: 1.4rem;}

/*sec03*/
#sec03{ margin: 40px 15px 70px;}
#sec03 p.leadText01{ font-size: 1.4rem; line-height: 1.8; margin-top: 20px;}
#sec03 p.notice01{ font-size: 0.9rem; margin-top: 5px;}

.defaultBtn01{ font-size: 1.3rem; min-width: 230px; display: inline-block; margin: 20px auto 0; padding: 12px 30px; background: url("/common/img/arrow_r_01.png") no-repeat right center #000; color:#fff; font-weight: bold; border-radius: 3px; border: 1px solid #000; text-align: center;text-decoration: none;}
.defaultBtn01:hover{color: #000;background: url("/common/img/arrow_r_01_hv.png") no-repeat right center #fff; cursor: pointer;transition: 0.6s;}

/*sec04*/
#sec04{ margin: 40px 0 70px;}
#sec04 h2{ margin: 0;}
#sec04 p.leadText01{ font-size: 1.4rem; line-height: 1.8; margin-top: 20px;}
#sec04 .col2Img p{ font-size: 1.4rem; margin: 0 0 10px; height: auto;}
#sec04 .col2Img p.text01{ padding: 0;}
#sec04 .col2Img p.bdText01{ padding: 3px 8px; font-size: 1.1rem; margin: 10px 0 0; display: table;}
#sec04 .col2Img a{ font-size: 1.4rem;}

#sec04 .col2Glay01{ background: #f0f0f0; padding: 30px 15px; margin-top: 40px; position: relative;}
#sec04 .col2Glay01 .col2Img{ width: 100%;}
#sec04 .col2Glay01 .col2Img.right{ margin-top: 20px;}
	
#sec04 .col2Glay01 .col2Img .left{ width: 140px;}
#sec04 .col2Glay01 .col2Img .right{ width: calc(100% - 155px);}
#sec04 .col2Glay01 h3{ position: absolute; top: -15px; left: 50%; transform: translateX(-50%); font-size: 1.5rem; padding: 5px 15px;}
#sec04 .col2Glay01.last{ margin-top: 55px;}

#sec04 .col2Glay02{ margin-top: 0;}
#sec04 .col2Glay02 .col2Img{ padding: 35px 15px 30px; margin-top: 50px; width: 100%;}
#sec04 .col2Glay02 .col2Img h3{ top: -15px; left: 50%; transform: translateX(-50%); font-size: 1.5rem; padding: 5px 15px;}

#sec04 .col2Glay02 .col2Img .left{ width: 140px;}
#sec04 .col2Glay02 .col2Img .right{ width: calc(100% - 155px);}

/*sec05*/
#sec05{ margin: 40px 15px;}
#sec05 p.leadText01{ font-size: 1.4rem; line-height: 1.8; margin-top: 20px;}

#sec05 .col2Glay03{ margin-top: 20px; padding: 20px 15px 25px;}
#sec05 .col2Glay03 .left,
#sec05 .col2Glay03 .right{ display: block;}

#sec05 .col2Glay03 .left{ width: 100%; margin-right: 0;}
#sec05 .col2Glay03 .right{ width: 100%; margin-top: 0;}
#sec05 .col2Glay03 .right h3.bottomBd01{ padding-bottom: 5px; font-size: 1.4rem; text-align: center;}
#sec05 .col2Glay03 .right h3.bottomBd01:after{ display: none;}
#sec05 .col2Glay03 .right p{ margin-top: 5px; text-align: center;}
#sec05 .col2Glay03 .right p.spOnly{ margin-top: 10px;}
#sec05 .col2Glay03 .right a{ font-size: 1.4rem;}
#sec05 .col2Glay03 .right p.bdText01{ padding: 3px 8px; border: 1px solid #000; font-size: 1.3rem; height: auto; display: table; margin: 10px auto 0; font-weight: bold;}

#sec05 .bgText01{ font-size: 1.4rem; padding: 12px 0; margin: 25px 0 0; display: block;}

/*sec06*/
#sec06{ margin: 40px auto 0;}
#sec06 p{ padding: 45px 0 25px;}

}


/*---------------------------------
 clearfix
-----------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}