@charset "utf-8";
@import url("reset.css");
@import url("formParts.css");

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

body{
    position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: -0.025em;
	background-color: #FFF;
	color: #202020;
}

div, p{
	text-align: justify;
}

a{
	text-decoration: none;
}

ul{
	list-style: none;
}


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

img{
	display: block;
	width: 100%;
	height: auto;
}

body{
    position: relative;
    padding: 0 0 98px 0;
    width: 100%;
    overflow-x: hidden;
}


header{
    width: 100%;
    height: 66px;
    z-index: 250;
}

.headerInner{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 66px;
    margin: 0 auto;
}

.headerLogo{
    max-height: 66px;
    padding: 19px 5px 0 13px;
}

.headerLogo img{
    width: auto;
    height: 26px;
    max-height: 33px;
}

.headerInqWpr{
    display: flex;
    justify-content: space-between;
    width: 150px;
    padding: 13px 10px 0 0;
}

.headerTel{
    display: block;
    width: 44px;
    height: 66px;
    margin: 0 1px 0 0 ;
}

.headerMail{
    display: block;
    width: 44px;
    height: 66px;
    margin: 0 1px 0 0 ;
}

.headerLine{
    display: block;
    width: 44px;
    height: 66px;
    margin: 0 1px 0 0 ;
}

/* fv */

.fv{
    width: 100%;
}

.fvInner{
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.fvInner img{
    display: block;
    width: 100%;
    height: auto;
}

.fvMainCatch{
    position: absolute;
    top: 23px;
    left: 0;
    width: 703px;
    height: 270px;
}

.fvFee{
    position: absolute;
    bottom: 26px;
    left: 0;
    width: 698px;
    height: 153px;
}

.fvRibonWpr{
    width: 100%;
    background-image: url('../image/ribonBg.png');
}

.fvRibon{
    position: relative;
    width: 100%;
    padding: 15px 0 10px 0;
    margin: 0 auto;
}

.suggest{
    width: 90%;
    margin: 0 auto;
}

.suggest img{
    display: block;
    width: 100%;
    height: auto;
}

/* intro */

.introWpr{
    width: 100%;
    padding: 20px 0;
    background-image: url('../image/introBgPattern.png');
}

.introTitle{
    width: 90%;
    margin: 0 auto 17px auto;
}

.introTitle img{
    width: 100%;
    height: auto;
}

/* 外枠：はみ出し部分は非表示 */
.introWpr .slider {
  overflow: hidden;
  width: 100%;
  border: 1px solid #ccc;
}
/* 画像を横一列に並べ、アニメーションで左に動かす */
.slide-track {
  display: flex;
  animation: scroll linear infinite;
}
/* 各画像ブロック。右側に余白がある場合は必ず考慮 */
.slide {
  flex-shrink: 0;
  margin-right: 10px;
}
.slide img {
  display: block;
  max-height: 200px;
}
/* translate3d を使い GPUアクセラレーションを有効に */
@keyframes scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-1 * var(--scroll-distance)), 0, 0);
  }
}

.makerWpr{
    width: 90%;
    margin: 0 auto;
}

.makerWpr img{
    width: 100%;
    height: auto;
}

.campayWpr{
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}

.campaign{
    width: 100%;
    margin: 0 auto 1rem auto;
}

.campaign img{
    width: 100%;
    height: auto;
}

.payTitle{
    width: 100%;
    height: 26px;
    margin: 0 auto 1rem auto;
    border-radius: 18px;
    background-color: #389c15;
    font-size: 10px;
    letter-spacing: -0.05rem;
    line-height: 24px;
    color: #FFF;
    text-align: center;
}

.paywayWpr{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.paywayPanel{
    margin: 0 3px 7px 3px;
    height: 40px;
}

.paywayPanel img{
    width: auto;
    height: 40px;
}

/* panel */

.panelWpr{
    width: 100%;
    padding: 20px 0;
    border-top: 4px solid #fdfbb8;
    border-bottom: 4px solid #fdfbb8;
    background-color: #f8f58a;
    background-image: url('../image/panelBg.png');
    background-repeat: repeat-x;
}

.panel{
    width: 95%;
    margin: 0 auto;
}

.panelHeader{
    position: relative;
    width: 100%;
    height: 65px;
    padding: 7px 0 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #419f1c;
    background-image: url('../image/panelHeaderBg.png');
    border-top: 3px solid #48b21f;
    border-left: 3px solid #48b21f;
    border-right: 3px solid #48b21f;
}

.panelStaff{
    position: absolute;
    width: 80px;
    left: 0px;
    bottom: 0;
}

.panelStaff img{
    display: block;
    width: 100%;
    height: auto;
}

.panelHeaderLeed{
    width: 80%;
    margin: 0 0 0 auto;
    text-align: center;
    padding: 0;
}

.panelHeaderLeedUpr{
    width: 90%;
    margin: 0 auto 3px auto;
    font-size: 11px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
}

.panelHeaderLeedLer{
    width: 100%;
    margin: 0 auto 10px auto;
    font-size: 18px;
    font-weight: 700;
    color: #f6ff00;
    text-align: center;
    line-height: 20px;
}

.panelBtnWpr{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #FFF;
    padding: 10px 15px;
    border-left: 3px solid #48b21f;
    border-right: 3px solid #48b21f;
}

.panelBtnTel{
    display: block;
    width: 336px;
    height: 150px;
    margin: 5px;
    padding: 12px 16px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #ffaa00 0%, #ff6d00 100%);
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
}

.panelBtnHeader{
    height: 33px;
    margin : 0 0 7px 0;
    padding: 0 0 7px 0;
    font-size: 15px;
    text-align: center;
    color: #FFF;
    border-bottom: 1px dotted #FFF;
}

.panelBtnBody{
    display: flex;
    justify-content: center;
    height: 43px;
    margin: 0 0 15px 0;
}

.panelBtnTelNum{
    font-family: Oswald, sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #FFF;
    line-height: 43px;
}

.panelBtnIcon{
    width: 41px;
    height: 41px;
    margin: 2px 10px 0 0;
}

.panelBtnMail{
    display: block;
    width: 336px;
    height: 150px;
    margin: 5px;
    padding: 12px 16px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #53c128 0%, #4ab420 100%);
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
}

.panelBtnLeed{
    width: 100%;
    padding: 2px 0;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e6e6e6;
    color: #FFF;
}

.panelBtnTxt{
    position: relative;
    width: 100%;
}

.panelBtnTxt p{
    width: 100%;
    font-size: 30px;
    line-height: 43px;
    font-weight: 900;
    color: #FFF;
    text-align: center;
}

.panelBtnTxt span{
    display: block;
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 6px;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-top: 2px solid #f6ff00;
    border-right: 2px solid #f6ff00;
    transform: rotate(45deg);
}

.panelBtnTxt span:before{
    position: absolute;
    display: block;
    content: "";
    top: 6px;
    right: 6px;
    width: 10px;
    height: 10px;
    margin: auto 0;
    border-top: 2px solid #f6ff00;
    border-right: 2px solid #f6ff00;
}

.panelFooter{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border-radius: 0 0 10px 10px;
    background-color: #419f1c;
    background-image: url('../image/panelHeaderBg.png');
}

.panelFooterArw{
    width: 30px;
    padding: 12px 0;
}

.panelFooterArw img{
    width: 100%;
    height: auto;
}

.panelFooterLeed{
    padding: 0 0 0 7px;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    color: #FFF;
}

.panelFooterLeed span{
    margin: 0 5px 0 0;
    color: #f6ff00;
}

.panelFooterClock{
    display: none;
    width: 80px;
    padding: 8px 0;
}

/* sol */


.solHeader{
    position: relative;
    width: 100%;
    padding: 25px 0 10px 0;
    overflow: hidden;
    background: #edf7e9;  /* 任意の背景色 */
}

.solHeaderImg{
    position: relative;
    width: 90%;
    margin: 0 auto;
    z-index: 500;
}

.solHeaderImg img{
    width: 100%;
    height: auto;
} 

/* CSS */
.solHeader {
    position: relative;
    width: 100%;    /* 例として固定サイズ */
    overflow: hidden;
    background: FFFf0f0f0;
}

/* 正円の要素 */
.circle {
    display: none;
    position: absolute;
    width: 110%;      /* 親ボックスより大きなサイズ */
    height: 600px;
    background: #edf7e9;  /* 任意の背景色 */
    border-radius: 50%;
    left: 50%;
    /* 円の中心は親ボックスの垂直中央(150px)からδ(200px)上 → 150 - 200 = -50px */
    top: 180px;
    transform: translateX(-50%);
    z-index: 400;
}

  
.solBody{
    position: relative;
    width: 100%;
    background-color: #edf7e9;
    padding: 15px 0 25px 0;
}

.solCaseWpr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto 1rem auto;
}

.solCase{
    width: 47%;
    margin: 0 5px 10px 5px;
}

.solCase img{
    width: 100%;
    height: auto;
}

.solLeed{
    width: 95%;
    margin: 0 auto;
}

.solLeed img{
    width: 100%;
    height: auto;
}

.solArrow{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    width: 54px;
    height: 30px;
    margin: 0 auto;
}

/* case */

.caseWpr{
    width: 100%;
    padding: 35px 0;
}

.caseTitle{
    width: 95%;
    margin: 0 auto 25px auto;
}

.caseUnitWpr{
    width: 95%;
    margin: 0 auto;
}

.case{
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 33px 22px 25px 22px;
    background-color: #f1f2f1;
    border-top: 3px solid #389c15;
    border-radius: 0 0 10px 10px;
}

.caseTag{
    position: absolute;
    display: block;
    width: 135px;
    height: 30px;
    top: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.caseImage{
    margin: 0 auto 1rem auto;
}

.caseImage2{
    margin: 0 auto 1rem auto;
}

/* reason */

.reasonWpr{
    padding: 0 0 35px 0;
}

.reasonTitle{
    width: 92%;
    margin: 0 auto 25px auto;
}

.reasonUnitWpr{
    width: 92%;
    margin: 0 auto;
}

.reasonUnit{
    width: 100%;
    margin: 0 0 1.5rem 0;
}

.reasonUnitTitleWpr{
    position: relative;
    width: 100%;
    height: 45px;
    background-color: #389c15;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.reasonUnitTitleWpr span{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 28px;
    height: 28px;
    margin: auto 0;
    padding: 0 5px 0 0;
    border-radius: 22px;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 900;
    font-style: oblique;
    color: #389c15;
    line-height: 27px;
    text-align: center;
    z-index: 100;
}

.reasonUnitTitleWpr p{
    position: relative;
    padding: 0 0 0 50px;
    font-size: 22px;
    font-weight: 900;
    line-height: 45px;
    color: #FFF;
    font-style: oblique;
    z-index: 100;
}

.titleFlex{
    display: flex;
}

.titleFlexLine{
    padding: 10px 10px 10px 50px;
    font-size: 17px;
    font-weight: 400;
    color: #FFF;
    line-height: 21px;
    font-style: oblique;
}

.titleFlex p{
    padding: 0;
    font-size: 22px;
    font-weight: 900;
    line-height: 42px;
    color: #FFF;
    font-style: oblique;
}

.reasonUnitTitleSkew{
    position: absolute;
    top: 0;
    right: -150px;
    width: 200px;
    height: 48px;
    background-color: #56ab38;
    transform: skewX(-30deg);
    z-index: 90;
}

.reasonUnitLeed{ 
    width: 100%;
    height: 100px;
    text-align: center;
    line-height: 29px;
    font-size: 30px;
    font-weight: 900;
    font-style: oblique;
    color: #222;
}

.reasonUnitLeed span{ 
    width: 100%;
    height: 100px;
    margin: 0 0 0 6px;
    text-align: center;
    line-height: 100px;
    font-size: 38px;
    font-weight: 900;
    font-style: oblique;
    color: #ff8400;
}

.reasonUnitLeed span span{
    font-size: 29px; 
}

.reasonUnitImg{
    width: 100%;
    height: 205px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.reasonUnitBody{
    font-size: 13px;
    line-height: 1.2rem;
}

.reasonUnitBody span{
    font-weight: 700;
    color: #ff8400;
}

/* area */

.areaTitleWpr{
    position: relative;
    width: 100%;
    height: 84px;
    background-image: url('../image/areaTitleWideBg.png');
    background-size: contain;
    background-repeat: repeat-x;
    z-index: 100;
}

.areaTitleWprInnerWpr{
    width: 100%;
    height: 84px;
    background-image: url('../image/areaTitleBg.png');
}

.areaTitleContent{
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0 auto;
    padding: 0 155px 0 0;
}

.areaTitle{
    font-size: 23px;
    font-weight: 900;
    font-style: oblique;
    line-height: 42px;
    color: #FFF;
    text-align: right;
}

.areaTitle span{
    color: #fde300;
}

.areaTitleImage{
    position: absolute;
    width: 135px;
    height: 135px;
    top: -22px;
    right: 5px;
}

.areaBodyWpr{
    position: relative;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 35px 0 30px 0;
    background-color: #edf7e9;
    overflow: hidden;
}

.areaMap{
    position: absolute;
    width: 750px;
    top: -100px;
    left: -150px;
    z-index: 1;
}

.areas{
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 100;
    width: 92%;
    height: 34px;
    margin: 0 auto 25px auto;
    border: 1px solid #333;
    border-radius: 5px;
    background-color: #FFF;
}

.serviceAreaTag{
    width: 25%;
    text-align: center;
    font-size: 13px;
    line-height: 32px;
    background-color: #333;
    color: #fde300;
}

.serviceArea{
    width: calc(75% / 4);
    border-left: 1px solid #333;
    text-align: center;
    font-size: 13px;
    line-height: 32px;
}

.areaBody{
    position: relative;
    width: 90%;
    margin: 0 auto;
    z-index: 600;
}

.areaPointUnitWpr{
    width: 100%;
    padding: 0 0 0 0;
}

.areaBodyImg{
    width: 90%;
    margin: 0 auto;
    border: 6px solid #FFF;
}

.areaPointUnit{
    margin: 0 0 1.5rem 0;  
}

.areaPointUnitTitle{
    position: relative;
    width: 100%;
    height: 39px;
    margin: 0 0 15px 0;
    border-radius: 24px;
    background-color: #FFF;
    overflow: hidden;
}

.pointTag{
    position: absolute;
    left: -10px;
    width: 100px;
    height: 39px;
    padding: 0 0 0 25px;
    font-size: 17px;
    background-color: #222;
    transform: skewx(-20deg);
    color: #FFF;
    line-height: 37px;
}

.pointTag span{
    margin: 0 0 0 5px;
    font-size: 17px;
    font-weight: 900;
    font-family: Arial, Helvetica, sans-serif;
}

.point{
    padding: 0 0 0 110px;
    height: 39px;
    font-size: 22px;
    color: #ff8400;
    font-weight: 900;
    line-height: 37px;
    font-style: oblique;
}

.pointBody{
    font-size: 14px;
    line-height: 21px;
    font-style: oblique;
    font-weight: 400;
    color: #333;
}

/* case slider */

.newCaseOuter{
    width: 100%;
    padding: 25px 0 15px 0;
    background-image: url('../image/fixCaseBg.png');
    border-top: 15px solid #FFF;
}

.newCaseTitleAori{
    width: 90%;
    margin: 0 auto 10px auto;
    font-size: 18px;
    font-weight: 900;
    color: #222;
    text-align: center;
}

.newCaseTitle{
    width: 95%;
    margin: 0 auto 25px auto;
}

.newCaseWpr{
    width: 95%;
    margin: 0 auto;
    padding: 25px 0 0 0;
    background-color: #FFF;
    border-radius: 8px;
}

.newCaseUnit{
    padding: 0 25px;
}

.newCaseUnitTitleWpr{
    position: relative;
    width: 90%;
    margin: 0 auto 15px auto;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.newCaseUnitTitleNum{
    display: block;
    width: 100px;
    height: 30px;
    margin: 0 auto 1rem auto;
    padding: 0 0 0 0;
    background-color: #369814;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #FFF;
    text-align: center;
    font-style: oblique;
}

.newCaseUnitTitle{
    width: 100%;
    text-align: center;
}

.newCaseBodyWpr{
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.newCaseBodArrow{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    transform: rotate(90deg);
}

.beforeImgWpr{
    position: relative;
    width: 100%;
    padding: 20px 15px; 
    background-color: #f1f1f1;
}

.beforeTag{
    position: absolute;
    top: 15px;
    left: 20px;
    width: 48px;
    height: 48px;
    border-radius: 31px;
    background-color: #333;
    font-style: oblique;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 47px;
}

.afterImgWpr{
    position: relative;
    width: 100%;
    padding: 20px 15px; 
    background-color: #fde300;
}

.afterTag{
    position: absolute;
    top: 15px;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 31px;
    background-color: #ff9900;
    font-style: oblique;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 47px;
}

.beforeImgWpr img,
.afterImgWpr img{
    display: block;
    border: 4px solid #FFF;
    box-shadow: 4px 4px 5px rgba(0,0,0,.3);
}

/* new equip */

.newEquipWpr{
    padding: 25px 0 35px 0;
}

.newEquipTitle{
    width: 90%;
    margin: 0 auto 24px auto;
}

.newEquipUnitWpr{
    width: 85%;
    margin: 0 auto;
}

.newEquipUnit{
    width: 380px;
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

.newEquipUnitBpdy{
    display: flex;
    justify-content: center;
    padding: 20px 5px;
}

.newEquipMaker{
    width: 40%;
    height: 45px;
    font-size: 13px;
    font-weight: 700;
    line-height: 42px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.newEquipPrice{
    width: 60%;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    color: #ff8400;
}

.newEquipPrice span{
    font-size: 16px;
}


.newEquipUnitWpr .slick-prev{
    position: absolute;
    display: block;
    top: 150px;
    bottom: 0;
    left: -5%;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    border-top: 3px solid #ff6600;
    border-left: 0px solid #ff6600;
    border-right: 3px solid #ff6600;
    z-index: 500;
    background-color: rgba(0,0,0,0);
    transform: rotate(-135deg);

}


.newEquipUnitWpr .slick-next{
    position: absolute;
    display: block;
    top: 150px;
    bottom: 0;
    right: -5%;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    border-top: 3px solid #ff6600;
    border-right: 3px solid #ff6600;
    border-bottom: 0px solid #ff6600;
    z-index: 500;
    background-color: rgba(0,0,0,0);
    transform: rotate(45deg);

}

.elecOuterWpr{
    width: 100%;
    padding: 20px 0 30px 0;
    background-image: url('../image/lineedBg.png');
}

.elecInnerWpr{
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.elec_circle_1{
    display: none;
}

.elec_circle_2{
    position: absolute;
    top: 18%;
    left: 3%;
    width: 60px;
    height: 60px;
}

.elecTitle{
    width: 95%;
    padding: 0 0 0 50px;
    margin: 0 auto;
}

.elecBefAfWpr{
    position: relative;
    width: 95%;
    margin: 0 auto 20px auto;
}

.elecBef{
    width: 100%;
    margin: 0 0 10px 0;
}

.elecAf{
    width: 100%;
}

.elecArw{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4%;
    right: 0;
    margin: auto;
    width: 74px;
    height: 21px;
    transform: scaleX(2) rotate(90deg);
}

.elecLeedWpr{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    padding: 20px 30px;
    border: 1px solid #333;
    border-radius: 8px;
    background-color: #FFF;
}

.elecLeedIcon{
    width: 60px;
}

.elecLeedIcon img{
    display: block;
    width: 100%;
    height: auto;
}

.elecLeed{
    width: calc(100% - 60px);
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 18px;
}

/* insurance */

.insuranceWpr{
    width: 100%;
    padding: 20px 0;
}

.insuranceTitle{
    width: 90%;
    margin: 0 auto 35px auto;
    border: 1px dotted #222;
}

.insuranceTitle .upr{
    width: 100%;
    border-bottom: 1px dotted #222;
    font-size: 13px;
    font-weight: 700;
    color: #222;
    text-align: center;
    line-height: 35px;
}

.insuranceTitle .lwr{
    width: 100%;
    font-size: 21px;
    font-weight: 700;
    color: #222;
    text-align: center;
    line-height: 50px;
}

.insuranceTitle .lwr .orange{
    margin: 0 4px;
    font-size: 20px;
    font-weight: 900;
    color: #ff8400;
}

.insuranceTitle .lwr .green{
    margin: 0 4px;
    font-size: 20px;
    font-weight: 900;
    color: #339900;
}

.insRoundLeed{
    width: 70%;
    height: 37px;
    border-radius: 19px;
    margin: 0 auto 45px auto;
    border: 1px solid #339900;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #339900;
    line-height: 34px;
}

.insImage{
    width: 50%;
    margin: 0 auto 25px auto;
}

.insLeed{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.insLeed p{
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 10px auto;
    text-align: center;
}

/* step */

.stepWpr{
    width: 100%;
    padding: 30px 0;
    background-image: url('../image/stepBg.png');
}

.stepTitle{
    width: 85%;
    margin: 0 auto 30px auto;
}

.stepUnitWpr{
    width: 90%;
    margin: 0 auto;
}

.stepUnit{
    position: relative;
    width: 100%;
    border-radius: 5px;
    margin: 0 0 20px 0;
    border: 2px solid #339900;
    padding: 20px 15px 25px 30px;
}

.stepUnit::after{
    position: absolute;
    display: block;
    content: "";
    bottom: -14px;
    right: 0;
    left: 0;
    width: 0px;
    height: 0px;
    margin: 0 auto;
    border-style: solid;
    border-width: 9.5px 0 9.5px 11px;
    border-color: transparent transparent transparent #339900;
    transform: rotate(90deg);
}

.stepUnit:last-child::after{
    position: absolute;
    display: none;
    content: "";
}

.stepUnitTab {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 48px 48px 0 0;
    border-color: #339900 transparent transparent transparent;
    transform: rotate(0deg);
    z-index: 600;
}

.stepUnitNum{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-style: oblique;
    font-weight: 700;
    color: #FFF;
    z-index: 610;
}

.stepUnitTitle{
    width: 65%;
    margin: 0 auto 10px 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color:#339900;
    text-align: left;
}

.stepUnitImg{
    position: absolute;
    top: 15px;
    bottom: 0;
    right: 15px;
    margin: auto 0;
    width: 90px;
    height: 90px;
    margin: 0 auto 20px auto;
}

.stepUnitBody{
    width: 66%;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
}

/* faq */

.faqWpr{
    width: 100%;
    padding: 35px 0 20px 0;
    border-top: 10px solid #f9f9f9;
    border-bottom: 10px solid #f9f9f9;
    background-image: url('../image/faqBg.png');
}

.faqTitleWpr{
    display: flex;
    width: 260px;
    margin: 0 auto 35px auto;;
}

.faqTitleEn{
    width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    color: #333;
}

.faqTitleEn .green{
    margin: 0 5px;
    font-size: 46px;
    font-weight: 700;
    color: #339900;
}

.faqTitleEn .orange{
    margin: 0 5px;
    font-size: 46px;
    font-weight: 700;
    color: #ff8400;
}

.faqTitleJp{
    width: 160px;
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    text-align: right;
}

.qaUnitWpr{
    width: 95%;
    margin: 0 auto;
}


.qa__title--en {
	color: #28A5B9;
	text-align: center;
	font-family: Futura;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.qa__title--en span {
	font-size: 32px;
	letter-spacing: 4.48px;
}

.qa__title--ja {
	color: #767676;
	text-align: center;
	font-family: Noto Sans JP;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 41px; /* 128.125% */
}

.qa-item {
	margin-bottom: 10px;
	padding: 5px 0;
	border-radius: 4px;
    background-color: #FFF;
    border-radius: 4px;
}

.qa-box__q {
	position: relative;
	padding: 12px 45px 12px 45px;
	font-size: 15px;
	font-weight: 700;
	position: relative;
	color: #222;
}

.qa-box__q span{
	position: absolute;
	display: block;
	left: 17px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
	font-size: 18px;
	font-family: Arial;
	font-weight: 700;
	color: #339900;
    text-align: center;
}

.qa-box__a {
	display: none;
}

.qa-box__content {
	position: relative;
	padding: 12px 18px 12px 45px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 26px;
	font-style: normal;
	font-weight: 400;
	position: relative;
	color: #222;
}

.qa-box__content span{
	position: absolute;
	display: block;
	left: 17px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
	font-size: 18px;
	font-family: Arial;
	font-weight: 700;
	color: #ff8400;
    text-align: center;
}

.qa-box__icon {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
}

.qa-box__bar1 {
	position: absolute;
	top: 0;
	bottom: 3px;
	right: 0;
	width: 12px;
	height: 12px;
	margin: auto 0;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(45deg);
	transition: .3s;
}

.qa-box__icon.is-open .qa-box__bar1 {
	transform: rotate(225deg);
	transition: .3s;
	bottom: -3px;
}

/* contact */

.contactWpr{
    width: 100%;
    padding: 25px 0 30px 0;
    background-color: #fdfbb8;
    border-bottom: 5px solid #fefddb;
}

.contactTitleWpr{
    width: 95%;
    margin: 0 auto 20px auto;
}

.contactTitleLogo{
    width: 300px;
    margin: 0 auto 15px auto;
}

.contactTitle{
    width: 300px;
    margin: 0 auto 20px auto;
    padding: 5px 0 0 0;
    font-size: 24px;
    font-weight: 900;
    color: #339900;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #c3c3c3;
}

.formWpr{
    width: 95%;
    margin: 0 auto;
    padding: 30px 20px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.formLeed{
    margin: 0 0 25px 0;
    font-size: 15px;
    text-align: center;
}

table.contact{
    width: 100%;
    margin: 0 0 1rem 0;
    border-top: 1px dotted #cccccc;
}

table.contact tr{
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #cccccc;
}

table.contact tr td{
    display: block;
    width: 100%;
}

table.contact tr td:first-child{
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
}

table.contact tr td:first-child P{
    padding: 0 0 0 13px;
    border-left: 3px solid #339900;
    font-size: 15px;
    font-weight: 700;
}

table.contact tr td:first-child span{
    position: absolute;
    display: block;
    top: 0;
    right: 10px;
    width: 40px;
    height: 20px;
    background-color: #339900;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    line-height: 18px;
}

table.contact tr td div{
    margin: 0 0 10px 0;
}

table.contact tr td div input{
    margin: 0 5px;
}

table.contact tr td input[type="text"].large{
    width: 100% !important;
}

button.sbmitBtn{
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    background: linear-gradient(to bottom, #ff9000 0%, #ff6000 100%);
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    border: 0px solid #FFF;
    font-size: 23px;
    font-weight: 900;
    color: #FFF;
}

button.sbmitBtn::after{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    right: 15px;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
}

/* company */

.companyWpr{
    padding: 35px 0 25px 0;
}

.companyTitle{
    display: flex;
    justify-content: space-between;
    width: 165px;
    margin: 0 auto 34px auto;
}

.companyTitle span{
    display: block;
    width: 36px;
    height: 36px;
    border: 2px solid #339900;
    font-size: 23px;
    font-weight: 700;
    color: #339900;
    line-height: 31px;
    text-align: center;
}

table.company{
    width: 95%;
    margin: 0 auto;
}

table.company tr td{
    padding: 15px 10px;
    background-color: #f6f6f6;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    font-size: 13px;
}

table.company tr td:first-child{
    background-color: #ededed;
}

table.company tr td:first-child p{
    padding: 0 0 0 7px;
    border-left: 2px solid #ff7c04;
}

footer{
    width: 100%;
    padding: 25px 0;
    background-color: #ededed;
    text-align: center;
}

footer img{
    display: block;
    width: auto;
    height: 30px;
    margin: 0 auto;
}

/* floater */

#fade {
    position: fixed;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  /* 表示状態のクラス */
  #fade.show {
    opacity: 1;
    pointer-events: auto;
  }

.floater{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 98px;
    background-color: #fcde1b;
    z-index: 9999;
}

#floater.show{
    display: block;
    transition: .3s;
}

.floaterBtnWpr{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 5px;
}

.floaterBtnTel{
    display: block;
    width: 50%;
    height: 75px;
    margin: 0 5px;
    padding: 9px 10px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #ff6000 0%, #ff6d00 100%);
}

.floaterBtnHeader{
    height: 33px;
    margin : 0 0 10px 0;
    padding: 0 0 10px 0;
    font-size: 17px;
    text-align: center;
    color: #FFF;
    border-bottom: 1px dotted #FFF;
}

.floaterBtnBody{
    display: flex;
    justify-content: center;
    margin: 0 0 6px 0;
}

.floaterBtnTelNum{
    font-family: Oswald, sans-serif;
    font-size: 23px;
    font-weight: 700;
    color: #FFF;
    line-height: 30px;
}

.floaterBtnTel .floaterBtnIcon{
    width: 25px;
    height: 30px;
    margin: 2px 10px 0 0;
}

.floaterBtnTel .floaterBtnIcon img{
    width: 100%;
    height: auto;
}

.floaterBtnMail .floaterBtnIcon,
.floaterBtnLine .floaterBtnIcon{
    width: 35%;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 7px 0 0 3px;
    text-align: right;
}

.floaterBtnMail .floaterBtnIcon img,
.floaterBtnLine .floaterBtnIcon img{
    width: 100%;
    height: auto;
}

.floaterBtnMail{
    display: block;
    width: 24%;
    height: 75px;
    margin: 0 3px;
    padding: 4px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #ffa500 0%, #ffa500 100%);
}

.floaterBtnLine{
    display: block;
    width: 24%;
    height: 75px;
    margin: 0 3px;
    padding: 4px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #55c32a 0%, #55c32a 100%);
}

.floaterBtnLeed{
    width: 100%;
    padding: 2px 0;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #e6e6e6;
    color: #FFF;
}

.floaterBtnTxt{
    position: relative;
    width: 60%;
}

.floaterBtnTxt p{
    width: 100%;
    padding: 0 0 0 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 900;
    color: #FFF;
    text-align: left;
}

/*
.floaterBtnTxt span:before{
    position: absolute;
    display: block;
    content: "";
    top: 3px;
    right: 3px;
    width: 6px;
    height: 6px;
    margin: auto 0;
    border-top: 2px solid #f6ff00;
    border-right: 2px solid #f6ff00;
}
*/


/* thanks */

header.thanks{
    margin: 0 auto 2rem auto;
    padding: 3rem;
    text-align: center;
}

.thanksLogo{
    width: 260px;
    height: 40px;
    margin: 0 auto;
    padding: 0 10px 0 0;
    text-align: center;
}

.thanksLogo img{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.thanksCatch{
    margin: 0 auto 2rem auto;
    font-size: 19px;
    font-weight: 900;
    color:#339900;
    text-align: center;
}

.thanksBody{
    width: 90%;
    margin: 0 auto 2rem auto;
    padding: 1.5rem;
    border: 1px solid #CCC;
    border-radius: 10px;
}

.thanksBody p{
    margin: 0 0 1rem 0;
    font-size: 14px;
    line-height: 19px;
}

.thanksNotice{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.thanksNotice p{
    text-align: center;
    line-height: 1.2rem;
}

.thanksTel{
    display: block;
    padding: 1rem 0;
    font-family: Oswald, sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #fd5f0d;
    line-height: 43px;
}

.pc{
    display: none !important;
}

}

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

img{
	display: block;
	width: 100%;
	height: auto;
}

body{
	position: relative;
}

header{
    width: 100%;
    height: 75px;
    z-index: 250;
}

.headerInner{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    height: 75px;
    margin: 0 auto;
}

.headerLogo{
    width: 306px;
    height: 75px;
    padding: 19px 0 0 0;
}

.headerLogo img{
    width: 100%;
    height: auto;
}

.headerInqWpr{
    display: flex;
    justify-content: space-between;
    width: 685px;
    height: 75px;
}

.headerTelWpr{
    display: flex;
    justify-content: flex-end;
    width: 390px;
    height: 75px;
    padding: 18px 18px 18px 0;
}

.headerTelIcon{
    display: block;
    width:  37px;
    height: 37px;
}

.headerTelNum{
    display: block;
    width: 220px;
    font-family: Oswald, sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #ff6000;
    line-height: 36px;
    transition: .2s;
}

.headerTelNum:hover{
    opacity:.7;
    transition: .2s;
}

.headerTelTime{
    width: 90px;
    height: 40px;
    padding: 3px 0;
    border: 1px solid #cccccc;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #333;
}

.headerTelTime p{
    font-weight: 700;
    text-align: center;
}

.headerMail{
    display: flex;
    justify-content: center;  
    /*width: 215px;*/
    width: 155px;
    height: 75px;
    padding: 8px 0;
    background-color: orange;
    text-align: center;
    transition: .2s;
}

.headerMail:hover{
    opacity: .9;
    transition: .2s;
}

.headerMail span{
    display: block;
}

.headerMail span.mailIcon{
    display: block;
    padding: 15px 0 0 0;
    width: 30px;
    height: 28px;
}

.headerMail span:last-child{
    padding: 5px 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #FFF;
    line-height: 22px;
}


.headerLine{
    display: flex;
    justify-content: center;  
    /*width: 215px;*/
    width: 139px;
    height: 75px;
    padding: 8px 0;
    background-color: #54c329;
    text-align: center;
    transition: .2s;
}

.headerLine:hover{
    opacity: .9;
    transition: .2s;
}

.headerLine span{
    display: block;
}

.headerLine span.lineIcon{
    display: block;
    padding: 15px 0 0 0;
    width: 35px;
    height: 28px;
}

.headerLine span:last-child{
    padding: 5px 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #FFF;
    line-height: 22px;
}

/* fv */

.fv{
    width: 100%;
    height: 475px;
    background-image: url('../image/fvBg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.fvInner{
    position: relative;
    width: 1000px;
    height: 475px;
    margin: 0 auto;
}

.fvMainCatch{
    position: absolute;
    top: 23px;
    left: 0;
    width: 703px;
    height: 270px;
}

.fvFee{
    position: absolute;
    bottom: 26px;
    left: 0;
    width: 698px;
    height: 153px;
}

.fvRibonWpr{
    width: 100%;
    height: 157px;
    background-image: url('../image/ribonBg.png');
    border-bottom: 15px solid #FFF;
}

.fvRibon{
    position: relative;
    width: 1000px;
    height: 142px;
    padding: 18px 0 0 0;
    margin: 0 auto;
}

.suggest{
    width: 521px;
    height: 114px;
}

.staff{
    position: absolute;
    bottom: -1px;
    right: -86px;
    width: 590px;
    height: 636px;
}

.staff img{
    display: block;
}

/* intro */

.introWpr{
    width: 100%;
    padding: 20px 0 60px 0;
    background-image: url('../image/introBgPattern.png');
}

.introTitle{
    width: 850px;
    margin: 0 auto 35px auto;
}

.introWpr .slider {
    overflow: hidden;
    width: 100%;
    height: 300px !important;
  }
  /* 画像の並び。CSS変数 --scroll-distance を使って正確な移動距離を指定 */
  .slide-track {
    display: flex;
    animation: scroll linear infinite;
    animation-duration: 20s; /* 速度はお好みで調整 */
  }
  /* 各画像ブロック */
  .slide {
    height: 255px;
    flex-shrink: 0;
    /* 必要に応じて固定幅を設定してもよい */
    width: 340px;
    margin-right: 10px; /* 余白がある場合は全体計算に含める */
  }
  .slide img {
    display: block;
    width: 100%;
    height: auto;
  }
  /* アニメーション。translateX() の距離は JSでセットした --scroll-distance を使う */
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-1 * var(--scroll-distance)));
    }
  }


.makerWpr{
    width: 840px;
    margin: 0 auto;
}

.campayWpr{
    width: 840px;
    margin: 0 auto;
    padding: 65px 0;
}

.campaign{
    width: 100%;
    margin: 0 auto 3rem auto;
}

.payTitle{
    width: 650px;
    height: 36px;
    margin: 0 auto 2rem auto;
    border-radius: 18px;
    background-color: #389c15;
    font-size: 18px;
    line-height: 34px;
    color: #FFF;
    text-align: center;
}

.paywayWpr{
    width: 620px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.paywayPanel{
    margin: 0 5px 10px 5px;
    height: 48px;
}

.paywayPanel img{
    width: auto;
    height: 48px;
}

/* panel */

.panelWpr{
    width: 100%;
    padding: 50px 0;
    border-top: 9px solid #fdfbb8;
    border-bottom: 9px solid #fdfbb8;
    background-color: #f8f58a;
    background-image: url('../image/panelBg.png');
    background-repeat: repeat-x;
}

.panel{
    width: 840px;
    margin: 0 auto;
}

.panelHeader{
    position: relative;
    width: 100%;
    height: 117px;
    border-radius: 10px 10px 0 0;
    background-color: #419f1c;
    background-image: url('../image/panelHeaderBg.png');
    border-top: 3px solid #48b21f;
    border-left: 3px solid #48b21f;
    border-right: 3px solid #48b21f;
}

.panelStaff{
    position: absolute;
    width: 199px;
    height: 154px;
    left: 10px;
    bottom: 0;
}

.panelHeaderLeed{
    width: 625px;
    margin: 0 0 0 auto;
    text-align: center;
    padding: 20px 0;
}

.panelHeaderLeedUpr{
    width: 90%;
    margin: 0 auto 15px auto;
    font-size: 22px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
}

.panelHeaderLeedLer{
    width: 100%;
    margin: 0 auto 15px auto;
    font-size: 40px;
    font-weight: 700;
    color: #f6ff00;
    text-align: center;
    line-height: 40px;
}

.panelBtnWpr{
    display: flex;
    justify-content: center;
    background-color: #FFF;
    padding: 20px;
    border-left: 3px solid #48b21f;
    border-right: 3px solid #48b21f;
}

.panelBtnTel{
    display: block;
    width: 336px;
    height: 156px;
    margin: 0 10px;
    padding: 12px 16px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #ffaa00 0%, #ff6d00 100%);
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
    transition: .3s;
}

.panelBtnTel:hover{
    opacity: .9;
    transition: .3s;
}

.panelBtnHeader{
    height: 33px;
    margin : 0 0 10px 0;
    padding: 0 0 10px 0;
    font-size: 17px;
    text-align: center;
    color: #FFF;
    border-bottom: 1px dotted #FFF;
}

.panelBtnBody{
    display: flex;
    justify-content: center;
    height: 43px;
    margin: 0 0 15px 0;
}

.panelBtnTelNum{
    font-family: Oswald, sans-serif;
    font-size: 43px;
    font-weight: 700;
    color: #FFF;
    line-height: 43px;
}

.panelBtnIcon{
    width: 41px;
    height: 41px;
    margin: 2px 10px 0 0;
}

.panelBtnMail{
    display: block;
    width: 336px;
    height: 156px;
    margin: 0 10px;
    padding: 12px 16px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #53c128 0%, #4ab420 100%);
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
    transition: .3s;
}

.panelBtnMail:hover{
    opacity: .9;
    transition: .3s;
}

.panelBtnLeed{
    width: 100%;
    padding: 2px 0;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e6e6e6;
    color: #FFF;
}

.panelBtnTxt{
    position: relative;
    width: 100%;
}

.panelBtnTxt p{
    width: 100%;
    font-size: 33px;
    line-height: 43px;
    font-weight: 900;
    color: #FFF;
    text-align: center;
}

.panelBtnTxt span{
    display: block;
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 6px;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-top: 2px solid #f6ff00;
    border-right: 2px solid #f6ff00;
    transform: rotate(45deg);
}

.panelBtnTxt span:before{
    position: absolute;
    display: block;
    content: "";
    top: 6px;
    right: 6px;
    width: 10px;
    height: 10px;
    margin: auto 0;
    border-top: 2px solid #f6ff00;
    border-right: 2px solid #f6ff00;
}

.panelFooter{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 62px;
    border-radius: 0 0 10px 10px;
    background-color: #419f1c;
    background-image: url('../image/panelHeaderBg.png');
}

.panelFooterArw{
    width: 60px;
    padding: 23px 0;
}

.panelFooterLeed{
    width: 555px;
    padding: 0 0 0 20px;
    font-size: 25px;
    font-weight: 700;
    line-height: 60px;
    color: #FFF;
}

.panelFooterLeed span{
    margin: 0 5px 0 0;
    color: #f6ff00;
}

.panelFooterClock{
    width: 80px;
    padding: 8px 0;
}

/* sol */


.solHeader{
    position: relative;
    width: 100%;
    height: 325px;
    padding: 75px 0 0 0;
    overflow: hidden;
}

.solHeaderImg{
    position: relative;
    width: 949px;
    height: 255px;
    margin: 0 auto;
    z-index: 500;
}

/* CSS */
.solHeader {
    position: relative;
    width: 100%;    /* 例として固定サイズ */
    height: 410px;   /* 例として固定サイズ */
    overflow: hidden;
    background: FFFf0f0f0;
}

/* 正円の要素 */
.circle {
    position: absolute;
    width: 110%;      /* 親ボックスより大きなサイズ */
    height: 600px;
    background: #edf7e9;  /* 任意の背景色 */
    border-radius: 50%;
    left: 50%;
    /* 円の中心は親ボックスの垂直中央(150px)からδ(200px)上 → 150 - 200 = -50px */
    top: 180px;
    transform: translateX(-50%);
    z-index: 400;
}

  
.solBody{
    position: relative;
    width: 100%;
    background-color: #edf7e9;
    padding: 0 0 65px 0;
}

.solCaseWpr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 940px;
    margin: 0 auto 3rem auto;
}

.solCase{
    margin: 0 5px 20px 5px;
}

.solLeed{
    width: 876px;
    height: 218px;
    margin: 0 auto;
}

.solArrow{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    width: 104px;
    height: 60px;
    margin: 0 auto;
}

/* case */

.caseWpr{
    width: 100%;
    padding: 85px 0;
}

.caseTitle{
    width: 1000px;
    margin: 0 auto 55px auto;
}

.caseUnitWpr{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
}

.case{
    position: relative;
    width: 485px;
    padding: 33px 22px 35px 22px;
    background-color: #f1f2f1;
    border-top: 6px solid #389c15;
    border-radius: 0 0 10px 10px;
}

.caseTag{
    position: absolute;
    display: block;
    width: 178px;
    height: 39px;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.caseImage{
    margin: 0 auto 2rem auto;
}

.caseImage2{
    margin: 0 auto 1rem auto;
}

/* reason */

.reasonWpr{
    padding: 0 0 85px 0;
}

.reasonTitle{
    width: 758px;
    height: 135px;
    margin: 0 auto 55px auto;
}

.reasonUnitWpr{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
}

.reasonUnit{
    width: 315px;
}

.reasonUnitTitleWpr{
    position: relative;
    width: 100%;
    height: 65px;
    background-color: #389c15;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.reasonUnitTitleWpr span{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 44px;
    height: 44px;
    margin: auto 0;
    padding: 0 5px 0 0;
    border-radius: 22px;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: 900;
    font-style: oblique;
    color: #389c15;
    line-height: 42px;
    text-align: center;
    z-index: 100;
}

.reasonUnitTitleWpr p{
    position: relative;
    padding: 0 0 0 70px;
    font-size: 30px;
    font-weight: 900;
    line-height: 63px;
    color: #FFF;
    font-style: oblique;
    z-index: 100;
}

.titleFlex{
    display: flex;
}

.titleFlexLine{
    padding: 10px 10px 10px 70px;
    font-size: 17px;
    font-weight: 400;
    color: #FFF;
    line-height: 21px;
    font-style: oblique;
}

.titleFlex p{
    padding: 0;
    font-size: 30px;
    font-weight: 900;
    line-height: 63px;
    color: #FFF;
    font-style: oblique;
}

.reasonUnitTitleSkew{
    position: absolute;
    top: 0;
    right: -150px;
    width: 200px;
    height: 66px;
    background-color: #56ab38;
    transform: skewX(-30deg);
    z-index: 90;
}

.reasonUnitLeed{ 
    width: 100%;
    height: 100px;

    text-align: center;
    line-height: 29px;
    font-size: 29px;
    font-weight: 900;
    font-style: oblique;
    color: #222;
}

.reasonUnitLeed span{ 
    width: 100%;
    height: 100px;
    margin: 0 0 0 10px;
    text-align: center;
    line-height: 100px;
    font-size: 50px;
    font-weight: 900;
    font-style: oblique;
    color: #ff8400;
}

.reasonUnitLeed span span{
    font-size: 29px; 
}

.reasonUnitImg{
    width: 100%;
    height: 205px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.reasonUnitBody{
    font-size: 16px;
    line-height: 1.6rem;
}

.reasonUnitBody span{
    font-weight: 700;
    color: #ff8400;
}

/* area */

.areaTitleWpr{
    position: relative;
    width: 100%;
    height: 130px;
    background-image: url('../image/areaTitleWideBg.png');
    background-repeat: repeat-x;
    z-index: 100;
}

.areaTitleWprInnerWpr{
    width: 100%;
    height: 130px;
    background-image: url('../image/areaTitleBg.png');
}

.areaTitleContent{
    position: relative;
    width: 680px;
    height: 130px;
    margin: 0 auto;
    padding: 0 270px 0 0;
}

.areaTitle{
    font-size: 45px;
    font-weight: 900;
    font-style: oblique;
    line-height: 63px;
    color: #FFF;
    text-align: right;
}

.areaTitle span{
    color: #fde300;
}

.areaTitleImage{
    position: absolute;
    width: 226px;
    height: 215px;
    top: -42px;
    right: 0;
}

.areaBodyWpr{
    position: relative;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 75px 0 70px 0;
    background-color: #edf7e9;
    overflow: hidden;
}

.areaMap{
    position: absolute;
    width: 900px;
    height: 657px;
    top: -100px;
    left: 0;
    z-index: 1;
}

.areas{
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 100;
    width: 460px;
    height: 44px;
    margin: 0 auto 45px auto;
    border: 1px solid #333;
    border-radius: 5px;
    background-color: #FFF;
}

.serviceAreaTag{
    width: 25%;
    text-align: center;
    font-size: 17px;
    line-height: 42px;
    background-color: #333;
    color: #fde300;
}

.serviceArea{
    width: calc(75% / 4);
    border-left: 1px solid #333;
    text-align: center;
    font-size: 17px;
    line-height: 42px;
}

.areaBody{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 865px;
    margin: 0 auto;
    z-index: 600;
}

.areaPointUnitWpr{
    width: 455px;
    padding: 50px 0 0 0;
}

.areaBodyImg{
    width: 360px;
    border: 10px solid #FFF;
}

.areaPointUnit{
    margin: 0 0 3rem 0;  
}

.areaPointUnitTitle{
    position: relative;
    width: 455px;
    height: 48px;
    margin: 0 0 25px 0;
    border-radius: 24px;
    background-color: #FFF;
    overflow: hidden;
}

.pointTag{
    position: absolute;
    left: -10px;
    width: 160px;
    height: 48px;
    padding: 0 0 0 40px;
    font-size: 25px;
    background-color: #222;
    transform: skewx(-20deg);
    color: #FFF;
    line-height: 46px;
}

.pointTag span{
    margin: 0 0 0 10px;
    font-size: 28px;
    font-weight: 900;
    font-family: Arial, Helvetica, sans-serif;
}

.point{
    padding: 0 0 0 180px;
    height: 48px;
    font-size: 27px;
    color: #ff8400;
    font-weight: 900;
    line-height: 46px;
    font-style: oblique;
}

.pointBody{
    font-size: 18px;
    line-height: 26px;
    font-style: oblique;
    font-weight: 400;
    color: #333;
}

/* case slider */

.newCaseOuter{
    width: 100%;
    padding: 75px 0 30px 0;
    background-image: url('../image/fixCaseBg.png');
    border-top: 15px solid #FFF;
}

.newCaseTitleAori{
    width: 540px;
    margin: 0 auto 30px auto;
    font-size: 31px;
    font-weight: 900;
    color: #222;
    text-align: center;
}

.newCaseTitle{
    width: 645px;
    height: 81px;
    margin: 0 auto 50px auto;
}

.newCaseWpr{
    width: 1000px;
    height: 505px;
    margin: 0 auto;
    padding: 45px 0 0 0;
    background-color: #FFF;
    border-radius: 8px;
}

.newCaseUnitTitleWpr{
    position: relative;
    width: 820px;
    height: 60px;
    margin: 0 auto 30px auto;
    padding: 0 0 0 160px;
    font-size: 23.5px;
    font-weight: 700;
    line-height: 53px;

    border: 2px solid #369814;
    border-radius: 30px;
    overflow: hidden;
}

.newCaseUnitTitleNum{
    position: absolute;
    display: block;
    top: 0;
    left: -15px;
    width: 150px;
    height: 60px;
    padding: 0 25px 0 0;
    background-color: #369814;
    transform: skewX(-20deg);
    font-size: 25px;
    font-weight: 700;
    line-height: 53px;
    color: #FFF;
    text-align: right;
}

.newCaseBodyWpr{
    position: relative;
    display: flex;
    justify-content: center;
    width: 820px;
    margin: 0 auto;
}

.newCaseBodArrow{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 38px;
    height: 38px;
}

.beforeImgWpr{
    position: relative;
    width: 50%;
    padding: 20px 35px; 
    background-color: #f1f1f1;
}

.beforeTag{
    position: absolute;
    top: 15px;
    left: 20px;
    width: 62px;
    height: 62px;
    border-radius: 31px;
    background-color: #333;
    font-style: oblique;
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 58px;
}

.afterImgWpr{
    position: relative;
    width: 50%;
    padding: 20px 35px;
    background-color: #fde300;
}

.afterTag{
    position: absolute;
    top: 15px;
    right: 20px;
    width: 62px;
    height: 62px;
    border-radius: 31px;
    background-color: #ff9900;
    font-style: oblique;
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 58px;
}

.beforeImgWpr img,
.afterImgWpr img{
    display: block;
    border: 4px solid #FFF;
    box-shadow: 4px 4px 5px rgba(0,0,0,.3);
}

/* new equip */

.newEquipWpr{
    padding: 45px 0 70px 0;
}

.newEquipTitle{
    width: 858px;
    height: 120px;
    margin: 0 auto 64px auto;
}

.newEquipUnitWpr{
    width: 800px;
    margin: 0 auto;
}

.newEquipUnit{
    width: 380px;
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

.newEquipUnitBpdy{
    display: flex;
    justify-content: center;
    padding: 20px;
}

.newEquipMaker{
    width: 135px;
    height: 45px;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.newEquipPrice{
    width: 190px;
    height: 45px;
    font-size: 25px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    color: #ff8400;
}

.newEquipPrice span{
    font-size: 16px;
}


.newEquipUnitWpr .slick-prev{
    position: absolute;
    display: block;
    top: 150px;
    bottom: 0;
    left: -6%;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    border-top: 3px solid #ff6600;
    border-right: 3px solid #ff6600;
    z-index: 500;
    background-color: rgba(0,0,0,0);
    transform: rotate(-135deg);

}


.newEquipUnitWpr .slick-next{
    position: absolute;
    display: block;
    top: 150px;
    bottom: 0;
    right: -6%;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    border-top: 3px solid #ff6600;
    border-right: 3px solid #ff6600;
    z-index: 500;
    background-color: rgba(0,0,0,0);
    transform: rotate(45deg);

}

.elecOuterWpr{
    width: 100%;
    padding: 45px 0 80px 0;
    background-image: url('../image/lineedBg.png');
}

.elecInnerWpr{
    position: relative;
    width: 870px;
    margin: 0 auto;
}

.elec_circle_1{
    position: absolute;
    top: 0;
    left: 0;
    width: 155px;
    height: 155px;
}

.elec_circle_2{
    position: absolute;
    top: 88px;
    left: 84px;
    width: 99px;
    height: 99px;
}

.elecTitle{
    width: 651px;
    height: 242px;
    margin: 0 0 0 auto;
}

.elecBefAfWpr{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 870px;
    margin: 0 auto 35px auto;
}

.elecBef{
    width: 419px;
    height: 262px;
}

.elecAf{
    width: 419px;
    height: 262px;
}

.elecArw{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 148px;
    height: 42px;
}

.elecLeedWpr{
    display: flex;
    justify-content: space-between;
    width: 870px;
    margin: 0 auto;
    padding: 20px 30px;
    border: 1px solid #333;
    border-radius: 8px;
    background-color: #FFF;
}

.elecLeedIcon{
    width: 60px;
}

.elecLeedIcon img{
    display: block;
    width: 100%;
    height: auto;
}

.elecLeed{
    width: 720px;
    padding: 0 0 0 0;
}

.elecLeed{
    font-size: 16px;
    line-height: 26px;
}

/* insurance */

.insuranceWpr{
    width: 100%;
    padding: 60px 0 70px 0;
}

.insuranceTitle{
    width: 550px;
    height: 120px;
    margin: 0 auto 35px auto;
    border: 1px dotted #222;
}

.insuranceTitle .upr{
    width: 100%;
    height: 47px;
    border-bottom: 1px dotted #222;
    font-size: 19px;
    font-weight: 700;
    color: #222;
    text-align: center;
    line-height: 45px;
}

.insuranceTitle .lwr{
    width: 100%;
    height: 72px;
    font-size: 26px;
    font-weight: 700;
    color: #222;
    text-align: center;
    line-height: 70px;
}

.insuranceTitle .lwr .orange{
    margin: 0 4px;
    font-size: 40px;
    font-weight: 900;
    color: #ff8400;
}

.insuranceTitle .lwr .green{
    margin: 0 4px;
    font-size: 40px;
    font-weight: 900;
    color: #339900;
}

.insRoundLeed{
    width: 340px;
    height: 37px;
    border-radius: 19px;
    margin: 0 auto 45px auto;
    border: 1px solid #339900;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    color: #339900;
    line-height: 34px;
}

.insImage{
    width: 315px;
    margin: 0 auto 55px auto;
}

.insLeed{
    text-align: center;
}

.insLeed p{
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto 10px auto;
    text-align: center;
}

/* step */

.stepWpr{
    width: 100%;
    padding: 70px 0 80px 0;
    background-image: url('../image/stepBg.png');
}

.stepTitle{
    width: 502px;
    margin: 0 auto 60px auto;
}

.stepUnitWpr{
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
}

.stepUnit{
    position: relative;
    width: 190px;
    height: 375px;
    border-radius: 5px;
    border: 2px solid #339900;
    padding: 25px 15px;
}

.stepUnit::after{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    right: -12px;
    width: 0px;
    height: 0px;
    margin: auto 0;
    border-style: solid;
    border-width: 9.5px 0 9.5px 11px;
    border-color: transparent transparent transparent #339900;
    transform: rotate(0deg);
}

.stepUnit:last-child::after{
    position: absolute;
    display: none;
    content: "";
}

.stepUnitTab {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 48px 48px 0 0;
    border-color: #339900 transparent transparent transparent;
    transform: rotate(0deg);
    z-index: 600;
}

.stepUnitNum{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-style: oblique;
    font-weight: 700;
    color: #FFF;
    z-index: 610;
}

.stepUnitTitle{
    width: 100%;
    height: 42px;
    margin: 0 auto 19px auto;
    font-size: 18px;
    line-height: 40px;
    font-weight: 700;
    color:#339900;
    text-align: center;
}

.stepUnit:first-child .stepUnitTitle{
    width: 100%;
    height: 42px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color:#339900;
    text-align: center;
}

.stepUnitImg{
    width: 117px;
    height: 117px;
    margin: 0 auto 20px auto;
}

.stepUnitBody{
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
}

/* faq */

.faqWpr{
    width: 100%;
    padding: 75px 0;
    border-top: 14px solid #f9f9f9;
    border-bottom: 14px solid #f9f9f9;
    background-image: url('../image/faqBg.png');
}

.faqTitleWpr{
    display: flex;
    width: 345px;
    margin: 0 auto 75px auto;;
}

.faqTitleEn{
    width: 140px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #333;
}

.faqTitleEn .green{
    margin: 0 5px;
    font-size: 66px;
    font-weight: 700;
    color: #339900;
}

.faqTitleEn .orange{
    margin: 0 5px;
    font-size: 66px;
    font-weight: 700;
    color: #ff8400;
}

.faqTitleJp{
    width: 200px;
    font-size: 25px;
    font-weight: 700;
    line-height: 16px;
    text-align: right;
}

.qaUnitWpr{
    width: 725px;
    margin: 0 auto;
}


.qa__title--en {
	color: #28A5B9;
	text-align: center;
	font-family: Futura;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.qa__title--en span {
	font-size: 32px;
	letter-spacing: 4.48px;
}

.qa__title--ja {
	color: #767676;
	text-align: center;
	font-family: Noto Sans JP;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 41px; /* 128.125% */
}

.qa-item {
	margin-bottom: 12px;
	padding: 5px 0;
	border-radius: 4px;
    background-color: #FFF;
    border-radius: 4px;
}

.qa-box__q {
	position: relative;
	padding: 15px 22px 15px 55px;
	font-size: 17px;
	font-weight: 700;
	position: relative;
	color: #222;
}

.qa-box__q span{
	position: absolute;
	display: block;
	left: 17px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
	font-size: 24px;
	font-family: Arial;
	font-weight: 700;
	color: #339900;
    text-align: center;
}

.qa-box__a {
	display: none;
}

.qa-box__content {
	position: relative;
	padding: 16px 26px 12px 55px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 26px;
	font-style: normal;
	font-weight: 400;
	position: relative;
	color: #222;
}

.qa-box__content span{
	position: absolute;
	display: block;
	left: 17px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
	font-size: 24px;
	font-family: Arial;
	font-weight: 700;
	color: #ff8400;
    text-align: center;
}

.qa-box__icon {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
}

.qa-box__bar1 {
	position: absolute;
	top: 0;
	bottom: 3px;
	right: 0;
	width: 12px;
	height: 12px;
	margin: auto 0;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(45deg);
	transition: .3s;
}

.qa-box__icon.is-open .qa-box__bar1 {
	transform: rotate(225deg);
	transition: .3s;
	bottom: -3px;
}

/* contact */

.contactWpr{
    width: 100%;
    padding: 65px 0 80px 0;
    background-color: #fdfbb8;
}

.contactTitleWpr{
    display: flex;
    justify-content: center;
    width: 725px;
    margin: 0 auto 40px auto;
}

.contactTitleLogo{
    width: 327px;
    height: 40px;
    padding: 0 20px 0 0;
    border-right: 1px solid #c3c3c3;
}

.contactTitle{
    width: 380px;
    height: 40px;
    font-size: 34px;
    font-weight: 900;
    color: #339900;
    text-align: center;
    line-height: 40px;
}

.formWpr{
    width: 725px;
    margin: 0 auto;
    padding: 45px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.formLeed{
    margin: 0 0 45px 0;
    font-size: 17px;
    text-align: center;
}

table.contact{
    width: 100%;
    margin: 0 0 2rem 0;
    border-top: 1px dotted #cccccc;
}

table.contact tr{
    border-bottom: 1px dotted #cccccc;
}

table.contact tr td{
    padding: 13px 0;
    vertical-align: top;
}

table.contact tr td:first-child{
    position: relative;
    width: 200px;
}

table.contact tr td:first-child P{
    padding: 0 0 0 13px;
    border-left: 3px solid #339900;
    font-size: 15px;
    font-weight: 700;
}

table.contact tr td:first-child span{
    position: absolute;
    display: block;
    top: 15px;
    right: 10px;
    width: 40px;
    height: 20px;
    background-color: #339900;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    line-height: 18px;
}

table.contact tr td div{
    margin: 0 0 10px 0;
}

table.contact tr td div input{
    margin: 0 5px;
}

button.sbmitBtn{
    position: relative;
    display: block;
    width: 75%;
    height: 70px;
    margin: 0 auto;
    background: linear-gradient(to bottom, #ff9000 0%, #ff6000 100%);
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    border: 0px solid #FFF;
    font-size: 28px;
    font-weight: 900;
    color: #FFF;
}

button.sbmitBtn::after{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    right: 15px;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
}

/* company */

.companyWpr{
    padding: 50px 0 90px 0;
}

.companyTitle{
    display: flex;
    justify-content: space-between;
    width: 165px;
    margin: 0 auto 74px auto;
}

.companyTitle span{
    display: block;
    width: 36px;
    height: 36px;
    border: 2px solid #339900;
    font-size: 23px;
    font-weight: 700;
    color: #339900;
    line-height: 31px;
    text-align: center;
}

table.company{
    width: 725px;
    margin: 0 auto;
}

table.company tr td{
    padding: 15px;
    background-color: #f6f6f6;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

table.company tr td:first-child{
    background-color: #ededed;
}

table.company tr td:first-child p{
    padding: 0 0 0 10px;
    border-left: 3px solid #ff7c04;
}

footer{
    width: 100%;
    padding: 25px 0;
    background-color: #ededed;
    text-align: center;
}

footer img{
    display: block;
    width: auto;
    height: 40px;
    margin: 0 auto;
}

/* thanks */

header.thanks{
    margin: 0 auto 4rem auto;
    padding: 4rem;
    text-align: center;
}

.thanksLogo{
    width: 307px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.thanksCatch{
    margin: 0 auto 4rem auto;
    font-size: 27px;
    font-weight: 900;
    color:#339900;
    text-align: center;
}

.thanksBody{
    width: 650px;
    margin: 0 auto 3rem auto;
    padding: 2rem;
    border: 1px solid #CCC;
    border-radius: 10px;
}

.thanksBody p{
    margin: 0 0 2rem 0;
    font-size: 18px;
    line-height: 26px;
}

.thanksNotice{
    width: 650px;
    margin: 0 auto;
    text-align: center;
}

.thanksNotice p{
    text-align: center;
    line-height: 3rem;
}

.thanksTel{
    font-family: Oswald, sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #fd5f0d;
    line-height: 43px;
}

.sp{
	display: none;
}


}