@charset "UTF-8";

/*共通*/
p {
    line-height: 1.6;
    word-wrap: break-word;
    font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif , 'ヒラギノ角ゴ Pro W3';
}

h1 , h2 , h3 , h4 , a , label , textarea{
    font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif , 'ヒラギノ角ゴ Pro W3';
}

#wrapper {
    padding: 0;
    overflow: hidden;
    color: #111;
    background: #fff;
}

.contents{
    margin: 0 auto; 
}

a:link {
    color: #ff6c00;
    text-decoration: none;
}

a:hover{
    opacity: 0.6;
}

.pc_ds{
    display: block;
}

.pc_ds2{
    display: inline;
}

.sp_ds{
    display: none;
}

.w100{
    width:100%;
}
.w80{
    width:80%;
    margin: 0 auto;
}
.w65{
    width:65%;
    margin: 0 auto;
}

img{
    width: 100%;
}


.comment {
    font-size: 26px;
    font-weight: bold;
}

.tex_bg{
    font-size: 160%; 
}

.tex_sm{
    font-size: 70%; 
}

.yellow_line{
    background: rgba(0, 0, 0, 0)linear-gradient(transparent 70%, #fff600 0%)repeat scroll 0 0;
}

.co_r{
	color: #ff0000;
}


/*margin*/
.mt10{
    margin-top: 10px; 
}
.mt20{
    margin-top: 20px; 
}
.mt30{
    margin-top: 30px; 
}
.mt40{
    margin-top: 40px; 
}
.mb10{
    margin-bottom: 10px; 
}
.mb20{
    margin-bottom: 20px; 
}
.mb30{
    margin-bottom: 30px; 
}
.mb40{
    margin-bottom: 40px; 
}

/*ポジション*/
.rel{
    position: relative;
}

.abs{
    position: absolute;
}

/*ポジション　画面中央*/
.po_ce{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*黄色と黒のストライプ*/
.sto{
	height: 15px;
	background-size: auto auto;
	background-color: rgba(0, 0, 0, 1);
	background-image: repeating-linear-gradient(127deg, transparent, transparent 13px, rgba(255, 240, 0, 1) 13px, rgba(255, 240, 0, 1) 27px );
}

/*----------共通　sp------------*/
@media (max-width: 767px) { 
/*共通*/
.contents{
    width: 100%;
    padding: 0 5px; 
}

.sp_ds{
    display: block;
}

.pc_ds{
    display: none;
}

.pc_ds2{
    display: none;
}

.contents_wrapper {
    width: 92%;
}

.w80{
    width:100%;
}

.step_ma {
    margin: 7vw 0 8vw;
}
}

/*header*/
.hed{
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1% 0;
}

.log{
	margin-left: 2%;
}

.tel-area{
	display: flex;
	justify-content: flex-end;
	width: 350px;
}

.tel-icon{
	margin-right: 5px;
}

.tel-tex{
	text-align: center;
}

.tel-tex a{
	font-size: 35px;
	font-weight: bold;
}

@media (max-width: 767px) { 
.log{
	width: 35%;
	padding: 0 2%;
}

.tel-area{
	width: 65%;
	padding: 0 2%;
    align-items: center;
}

.tel-icon {
    margin-right: 5px;
    width: 10%;
}
.tel-tex p{
	font-size: 80%;
}

.tel-tex a{
	font-size: 1.5em;
}
}


/*mv*/
.mv{
	background-image: url(../img/mv_bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.mv-img{
	max-width: 1400px;
	margin: 0 auto;
	padding: 1% 1% 0;
}

.mv-bnr{
	background-color: #000;
	padding: 1% 0;
}

.mv-bnr-img{
	max-width: 1100px;
	padding: 0 2%;
	margin: 0 auto;
}

@media (max-width: 767px) { 
.mv-img{
	padding: 0;
}

.mv-bnr{
	padding: 2% 0;
}
}


/*お問い合わせ*/
.contact{
	background-color: #fff000;
	font-weight: bold;
}

.contact-contents{
	max-width: 1100px;
	padding: 3% 2%;
	margin: 0 auto;
}

.contact-tit{
	background-color: #000;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.2;
}

.contact-tit-w{
	background-color: #fff;
	padding: 1%;
	font-size: 2em;
}

.contact-tit-b{
	color: #fff;
	padding: 0.5% 1%;
	font-size: 2.1em;
}

p.contact-time{
    padding: 2% 0;
    font-size: 1.6em;
    text-align: center;
}

.contact-img{
	display: flex;
}

.contact-tel{
	width: 60%;
	margin: 0 1%;
}

.contact-web{
	width: 37%;
	margin: 0 0 0 1%;
}

.coupon{
	margin: 3% 0 1% 0;
	border-top: 6px solid #000;
	border-bottom: 6px solid #000;
	font-size: 2.5em;
	text-align: center;
	line-height: 1.2;
}

.coupon p{
	margin-bottom: 9px;
}

.coupon p span{
    bottom: -9px;
    position: relative;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* 光 */
.shine{
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.shine::before{
    content: '';
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shine 3s ease-in-out infinite;
    position: absolute;
    top: -180px;
    left: 0;
    opacity: 0;
    transform: rotate(45deg);
}

/* 光の動き */
@keyframes shine{
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}


@media (max-width: 767px) { 
.contact-tit {
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    text-align: center;
}

.contact-tit-w {
    font-size: 1.5em;
}

.contact-tit-b {
    padding: 2% 0;
    font-size: 1.4em;
}

p.contact-time {
    font-size: 1.2em;
}

.contact-img {
    flex-direction: column;
    align-items: center;
}

.contact-tel{
	width: 98%;
	margin: 1% 1%;
}

.contact-web{
	width: 98%;
	margin: 1% 1%;
}

.coupon {
    font-size: 1.1em;
}

}


/*お悩み*/
.worries{
	background-image: url(../img/worries_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 2% 7%;
}

.worries-al{
	max-width: 1100px;
	margin: 0 auto;
}

.worries h2{
	margin: 0 0 4%;
	font-size: 3.2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.worries-contents{
	display: flex;
    justify-content: space-between;
}

.worries-img{
	width: calc(94% / 3);
	background-color: #7e7e7e;
	color: #fff;
	text-align: center;
}

.worries-tex{
	padding: 3%;
	font-size: 1.2em;
	font-weight: bold;
}

.triangle{
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 30px solid #fff;
	margin: 3% auto;
}

.worries-contents2{
	margin: 0 0 10%;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.worries-contents2 p.tex1{
	font-size: 2em;
}

.worries-contents2 p.tex2{
	font-size: 1.5em;
}

.worries-contents2 p.tex3{
	font-size: 4em;
	color: #fff000;
}

.risk{
	margin: 0 0 10%;
}

.risk-contents{
	border: 2px solid #fff;
	padding: 3%;
	margin: 2%;
	position: relative;
}

.risk-tit{
	position: absolute;
	top: -6%;
    left: -2%;
	background-color: #fff;
	padding: 1% 2%;
	display: inline-block;
}

.risk-tit p{
	font-size: 35px;
	font-weight: bold;
	color: #000;
}

.risk-lis{
	display: flex;
	align-items: flex-end;
}

.risk-lis-tex{
	width: 70%;
    padding: 5% 3% 0 2%;
}

.risk-lis-tex p{
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 7%;
}

.risk-lis-tex p:last-child{
	margin-bottom: 1%;
}

.risk-lis-tex p::before{
	content: url(../img/risk_icon.png);
	margin-right: 14px;
}

.risk-lis-img{
	width: 25%;
}

.risk-lis-img img{
	margin-bottom: 5%;
}

.risk-lis-img img:last-child{
	margin-bottom: 0;
}

@media (max-width: 767px) { 
.worries {
    padding: 15% 2%;
}

.worries h2 {
    font-size: 1.9em;
    margin: 0 0 10%;
    line-height: 1.4;
}

.worries-contents {
    flex-direction: column;
    align-items: stretch;
}

.worries-img {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2%;
}

.worries-img div{
	width: calc(100% / 2);
}

.worries-tex{
	width: calc(100% / 2);
	font-size: 0.9em;
}

.worries-contents2 p.tex1 {
    font-size: 1.5em;
}

.worries-contents2 p.tex2 {
    font-size: 1.1em;
}

.worries-contents2 p.tex3 {
    font-size: 1.8em;
}

.risk {
    margin: 0 0 15%;
}

.risk-tit p {
    font-size: 25px;
}

.risk-lis {
    align-items: stretch;
    flex-direction: column;
}

.risk-lis-tex {
    width: 95%;
    padding: 8% 3% 0 2%;
}

.risk-lis-tex p {
    font-size: 1.5em;
    text-indent: -1.6em;
    margin-left: 1.6em;
}
.risk-lis-img {
    width: 100%;
    margin-top: 9%;
}

.risk-img{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.risk-img div:first-child{
    margin-right: 2%;
}

}


/*自力駆除*/
.self-help{
	background-image: url(../img/self-help_bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 2% 7%;
}

.self-help-contents{
	max-width: 1100px;
	margin: 0 auto;
}

.self-help-kinds{
	background-color: #fff;
	margin-bottom: 3%;
}

.self-help-kinds p.kinds-tit{
	background-color: #634200;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 2em;
	padding: 1%;
}

.self-help-fx{
	display: flex;
    justify-content: space-around;
}

.self-help-fx .self-help-fx-contents{
	width: calc(100% / 3);
	margin: 1% 0;
	padding: 0 1%;
	border-right: 1px solid #333;
	
}

.self-help-fx .self-help-fx-contents:last-child{
	border-right: none;
}

.self-help-fx .self-help-fx-contents p{
	padding: 3%;
    font-size: 1.2em;
	line-height: 1.3;
    font-weight: bold;
	text-align: center;
}

.self-help-fx2{
	padding: 1%;
}

.self-help-fx2 .self-help-fx-contents{
	display: flex;
    justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #333;
	padding: 0 0 1% 0;
}

.self-help-fx2 .self-help-fx-contents:last-child{
	border-bottom: none;
	padding: 1% 0 0;
}

.self-help-fx2 .self-help-fx2-img{
	width: 30%;
}

.self-help-fx2 .self-help-fx2-txt{
	width: 66%;
	padding: 0 2%;
	font-size: 1.2em;
    line-height: 1.3;
    font-weight: bold;
}

.self-help-fx3{
	padding: 1%;
}

.self-help-fx3 .self-help-fx-contents{
	display: flex;
    justify-content: space-around;
	align-items: center;
}

.self-help-fx3 .self-help-fx2-img{
	width: 30%;
}

.self-help-fx3 .self-help-fx2-txt{
	width: 66%;
	padding: 0 2%;
	font-size: 1.2em;
    line-height: 1.3;
    font-weight: bold;
}

@media (max-width: 767px) { 
.self-help-kinds p.kinds-tit {
    font-size: 1.5em;
}

.self-help-fx {
    flex-direction: column;
    align-items: stretch;
}

.self-help-fx .self-help-fx-contents{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    border-right: none;
    border-bottom: 1px solid #333;
    margin: 0 auto;
    padding: 2% 0;
}

.self-help-fx .self-help-fx-contents:last-child{
    border-bottom: none;
}

.self-help-fx .self-help-fx-contents div{
	width: calc(100% / 2);
}

.self-help-fx .self-help-fx-contents p {
    padding: 0 0 0 7%;
    font-size: 1em;
    text-align: left;
}

.self-help-fx2{
    padding: 0;
}

.self-help-fx2 .self-help-fx-contents{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    padding: 2% 0;
}

.self-help-fx2 .self-help-fx2-img {
    width: 50%;
}

.self-help-fx2 .self-help-fx2-txt {
    width: 50%;
    font-size: 1em;
}

.self-help-fx3 .self-help-fx2-img {
    width: 50%;
}

.self-help-fx3 .self-help-fx2-txt {
    width: 50%;
    font-size: 1em;
}

.self-help-fx3{
    padding: 0;
}

.self-help-fx3 .self-help-fx-contents{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    padding: 2% 0;
}
}


/*フロー*/
.flow{
	background-image: url(../img/flow-bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 0 7%;
}

.flow-tit{
    background-color: #0071a6;
}

.flow-tit-img{
	max-width: 1400px;
	margin: 0 auto;
}

.flow-contents{
	max-width: 1100px;
	margin: 0 auto;
	padding: 5% 2% 0;
}

.flow-contents div{
	margin: 2% 0;
}


/*プラン*/
.plan{
	background-image: url(../img/plan_bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 9% 0 7%;
}

.plan-tit{
	max-width: 1100px;
	margin: 0 auto 6%;
	padding: 0 2%;
}

.plan h2 {
    position: relative;
    padding: 0 65px;
    text-align: center;
}

.plan h2:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #000;
}

.plan h2 span {
    position: relative;
    padding: 0 0.5em;
    background-image: url(../img/plan_bk.jpg);
    font-size: 4em;
    font-weight: bold;
}

.plan-contents{
    max-width: 1100px;
	margin: 0 auto;
	padding: 0 2%;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.plan-contents2{
	width: calc(91% / 2);
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 1%;
}

.plan-img{
    margin-bottom: 2%;
}


@media (max-width: 767px) { 
.plan {
    padding: 15% 0;
}

.plan h2 {
    padding: 0 25px;
    line-height: 1.3;
}

.plan h2 span {
    padding: 0;
    font-size: 2.5em;
}

.plan h2:before {
    height: 0;
}

.plan-contents2 {
    width: 100%;
    padding: 20px;
    margin-bottom: 2%;
}
}

/*支払い*/
.card{
    background-color: #f3faff;
}

.card-contents{
    max-width: 1100px;
	margin: 0 auto;
	padding: 7% 2%;
	text-align: center;
    font-weight: bold;
}

.card-contents h2{
    color: #0082e6;
    font-size: 4em;
}

.card-contents p{
    font-size: 21px;
    margin: 4% 0;
}

.card-contents p span{
    color: #ff0000;
}

@media (max-width: 767px) {
.card-contents h2 {
    font-size: 2.5em;
}

.card-contents {
    padding: 15% 2%;
}
}


/*対応エリア*/
.area{
	background-image: url(../img/area-bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 0 5%;
    font-weight: bold;
}

.area h2{
    color: #fff;
    font-size: 4em;
    background-color: #000;
	padding: 3% 2%;
	text-align: center;
}

.area-contents{
    max-width: 1100px;
	margin: 4% auto 0;
	padding: 4% 0;
    background-color: #fff;
    opacity: 0.8;
    color: #000;
}

p.area-txt{
    font-size: 29px;
    text-align: center;
    padding: 0 2%;
}

.area-contents-img{
	margin: 4% 0 0;
	padding: 3% 5%;
}

@media (max-width: 767px) {
.area h2 {
    font-size: 2.5em;
    padding: 6% 2%;
}

.area-contents {
    margin: 8% 2%;
    padding: 10% 0;
}

p.area-txt {
    font-size: 22px;
}
}


/*理由*/
.reason{
    background-color: #fff000;
	padding: 0 0 5%;
}

.reason h2{
    color: #fff;
    font-size: 4em;
    background-color: #000;
	padding: 3% 2%;
	text-align: center;
    font-weight: bold;
}

.reason-fx{
    max-width: 1100px;
	margin: 4% auto 0;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 2%;
}

.reason-contents{
	width: calc(83% / 2);
    border: 10px solid #fff;
    padding: 3%;
    margin-bottom: 1%;
    position: relative;
}

.reason-contents-poin{
    color: #fff;
    font-size: 1em;
    background-color: #000;
    padding: 2% 3%;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
}

.reason-contents h4{
    font-size: 2.4em;
    color: #000;
    margin: 5% 0 3%;
    font-weight: bold;
    z-index: 999;
    position: inherit;
}

.reason-contents-tit{
    z-index: 999;
    position: inherit;
}

.reason-contents-txt{
    z-index: 999;
    position: inherit;
}

.reason-contents-txt span{
    font-weight: bold;
}

.reason-contents-numbers{
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-weight: bold;
    opacity: 0.5;
    font-size: 15em;
    z-index: 1;
    line-height: 1;
}

@media (max-width: 767px) {
.reason {
    padding: 0 0 15%;
}

.reason h2 {
    font-size: 2.5em;
    padding: 6% 2%;
}

.reason-fx {
    margin: 9% auto 0;
}

.reason-contents {
    width: 100%;
    padding: 5%;
    margin-bottom: 2%;
}

.reason-contents h4 {
    font-size: 1.9em;
}
}


/*流れ*/
.route{
	background-image: url(../img/route_bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 0 5%;
}

.route h2{
    color: #fff;
    font-size: 3.5em;
    background-color: #000;
	padding: 3% 2%;
	text-align: center;
    font-weight: bold;
    line-height: 1.4;
}

.route-contents{
    max-width: 1100px;
	margin: 4% auto 0;
}

.route-contents div{
    padding: 1% 3%;
}

.route-txt{
    max-width: 1100px;
	margin: 4% auto;
    font-size: 2.7em;
	text-align: center;
    font-weight: bold;
}

.route-txt span{
    color: #ff0000;
}

@media (max-width: 767px) {
.route {
    padding: 0 0 15%;
}

.route h2 {
    font-size: 2.5em;
    padding: 6% 2%;
}

.route-contents {
    margin: 9% auto 0;
}

.route-txt {
    font-size: 1.8em;
}
}

/*お客様の声*/
.user-voice{
	background-image: url(../img/user-voice_bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 0 5%;
}

.user-voice h2{
    color: #fff;
    font-size: 4em;
    background-color: #000;
	padding: 3% 2%;
	text-align: center;
    font-weight: bold;
}

.user-voice-contents{
    max-width: 1100px;
	margin: 4% auto 0;
}

.user-voice-tex{
    font-size: 27px;
    margin: 4% 0;
    text-align: center;
    font-weight: bold;
}

.user-voice-fx{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 2%;
    border: 4px solid #000;
    border-radius: 10px;
    background-color: #fff;
    margin: 1% 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
}

.user-voice-img{
    width: 9%;
    padding: 1%;
}

.user-voice-tx{
    width: 86%;
    padding: 1% 1% 1% 2%;
}

.icon-g , .icon-m , .icon-d , .icon-s{
    color: #fff;
    font-size: 1em;
    padding: 1%;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
    margin-bottom: 1%;
}

.icon-g{
    background-color: #402c21;
}

.icon-m{
    background-color: #ab2000;
}

.icon-d{
    background-color: #6c2b17;
}

.icon-s{
    background-color: #7c6e69;
}

@media (max-width: 767px) {
.user-voice {
    padding: 0 0 15%;
}

.user-voice h2 {
    font-size: 2.5em;
    padding: 6% 2%;
}

.user-voice-contents {
    margin: 9% auto 0;
}

.user-voice-tex {
    font-size: 22px;
    margin: 4%;
}

.user-voice-fx {
    padding: 2% 2% 0 2%;
    margin: 4%;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column-reverse;
}

.user-voice-img {
    width: 25%;
    padding: 1% 1% 0 1%;
}

.user-voice-tx {
    width: 94%;
    padding: 3% 3% 3% 4%;
}

.icon-g, .icon-m, .icon-d, .icon-s {
    font-size: 1.1em;
    padding: 2%;
    margin-bottom: 2%;
}
}


/*FAQ*/
.faq{
    background-color: #f7f7f7;
	padding: 0 0 7%;
}

.faq h2{
    color: #fff;
    font-size: 4em;
    background-color: #000;
	padding: 3% 2%;
	text-align: center;
    font-weight: bold;
}

.faq-contents{
    max-width: 1100px;
	margin: 4% auto 0;
}

.qa{
    padding: 3% 2%;
    border-bottom: 1px solid #ccc;
}

.qa:last-child{
    border-bottom: none;
}

.question{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    font-size: 1.3em;
}

.answer{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 2%;
}

.question-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff000;
    text-align:center;
    line-height: 50px;
    margin-right: 2%;
}

.answer-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #000;
    color: #fff000;
    text-align:center;
    line-height: 50px;
    margin-right: 2%;
}

.question-tex{
    width: 92%;
    font-size: 90%;
}

.answer-tex{
    width: 92%;
    font-size: 90%;
    padding-top: 1%;
}

@media (max-width: 767px) {
.faq {
    padding: 0 0 15%;
}

.faq h2 {
    font-size: 2.5em;
    padding: 6% 2%;
}

.qa {
    padding: 5%;
}

.question {
    font-size: 1.2em;
}

.answer {
    font-size: 1.1em;
    margin-top: 5%;
}

.question-icon {
    margin-right: 3%;
}

.answer-icon{
    margin-right: 3%;
}
.question-tex{
    width: 80%;
}
.answer-tex{
    width: 80%;
}
}


/*お問い合わせフォーム*/
.content-area{
    background-color: #fff;
}

.content-area h3{
    margin: 4% auto;
    font-size: 3.5em;
    padding: 2%;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
}

.content-main {
    max-width: 900px;
    margin: 0 auto;
}
#content {
    margin: 0 2%;
    padding-bottom: 6%;
}

@media (max-width: 767px) {
.content-area h3 {
    font-size: 2em;
    margin: 10% auto 6%;
}

#content {
    padding-bottom: 20%;
}
}


/*footer*/
footer{
	background-color: #000;
}

.foo-tex{
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding: 2% 2% 10%;
}

.foo-tex p{
	color: #fff;
	font-size: 18px;
}

@media (max-width: 767px) {
    .foo-tex{
        padding-bottom: 23%;
    }
    .foo-tex p{
    	font-size: 16px;
    }
}

/*追従バナー220525*/
.contact-cta {
	background-color: #AAAAAA;
    bottom: 0;
    position: fixed;
    width: 100%;
	padding: 20px 0;
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 0 2%; /* 余白 */
}
.contact-tel_shine .pc_ds {
	width: 20vw;
}
.contact-tel_shine .sp_ds {
	display: none;
}
.contact-web_shine .pc_ds {
	width: 13vw;
}
.contact-web_shine .sp_ds {
	display: none;
}

@media screen and (max-width:767px){
	.contact-cta {
		/*width: 100%;*/
		padding: 10px 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 2%; /* 余白 */
	}
	.contact-tel_shine .sp_ds {
		display: block;
		width: 55vw;
	}
	.contact-tel_shine .pc_ds {
		display: none;
	}
	.contact-web_shine .pc_ds {
		display: block;
		width: 32vw;
	}
	.contact-web_shine .sp_ds {
		display: none;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.contact-tel_shine .pc_ds {
	width: 35vw;
	}
	.contact-web_shine .pc_ds {
	width: 20vw;
	}	
}