/*
Theme Name: eco-eneの相談窓口
Theme URI: http://www.www.www/
Description: This is my original theme.
*/


/*-----------------
-------------------
幅    background-image: url(img/sp-speed-suso.png);
-------------------
-----------------*/
body{
margin: 0 auto;
    font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    color: #222222;
    font-size: 16px;

}

button{
    cursor: pointer;
}

a,button{
    transition: 0.3s;
}
a:hover,button:hover{
opacity: 0.5!important;
}
.wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.wrap-content{
    padding: 0 1em;
}
.w100{
    width: 100%;
}
.mw100{
    width: 100%;
    max-width: none;
}


/*-----------------
-------------------
画像・リンク・表示非表示
-------------------
-----------------*/
img{
    max-width: 100%;
}
a{
    text-decoration: none;
}
a:link, a:visited, a:hover, a:active {
  color: #222222;
}
a:hover{
opacity: 0.5 ;
}
    @media screen and (max-width:767px) {
#main{
	margin-top:-23px;
}
    }


.pc-dn{
  display:none!important;
  }
.sp-dn{
  display:block!important;
  }

/* .pc-a{
	display:block!important;
}
    @media screen and (max-width:767px) {
.pc-a{
	display:none!important;
}

    }

.sp-a{
	display:none!important;
}
    @media screen and (max-width:767px) {
.sp-a{
	display:block!important;
}

    } */

/*-----------------
-------------------
マージン・パディング
-------------------
-----------------*/
.mt0{margin-top: 0;}
.mt1{margin-top: 1em;}
.mt2{margin-top: 2em;}
.mt3{margin-top: 3em;}
.mt4{margin-top: 4em;}
.mt5{margin-top: 5em;}
.mt6{margin-top: 6em;}
.mt7{margin-top: 7em;}
.mt8{margin-top: 8em;}
.mt9{margin-top: 9em;}
.mt10{margin-top: 10em;}

.mb0{margin-bottom: 0;}
.mb1{margin-bottom: 1em;}
.mb2{margin-bottom: 2em;}
.mb3{margin-bottom: 3em;}
.mb4{margin-bottom: 4em;}
.mb5{margin-bottom: 5em;}
.mb6{margin-bottom: 6em;}
.mb7{margin-bottom: 7em;}
.mb8{margin-bottom: 8em;}
.mb9{margin-bottom: 9em;}
.mb10{margin-bottom: 10em;}

.pt0{padding-top: 0;}
.pt1{padding-top: 1em;}
.pt2{padding-top: 2em;}
.pt3{padding-top: 3em;}
.pt4{padding-top: 4em;}
.pt5{padding-top: 5em;}
.pt6{padding-top: 6em;}
.pt7{padding-top: 7em;}
.pt8{padding-top: 8em;}
.pt9{padding-top: 9em;}
.pt10{padding-top: 10em;}

.pb0{padding-bottom: 0;}
.pb1{padding-bottom: 1em;}
.pb2{padding-bottom: 2em;}
.pb3{padding-bottom: 3em;}
.pb4{padding-bottom: 4em;}
.pb5{padding-bottom: 5em;}
.pb6{padding-bottom: 6em;}
.pb7{padding-bottom: 7em;}
.pb8{padding-bottom: 8em;}
.pb9{padding-bottom: 9em;}
.pb10{padding-bottom: 10em;}

.p1{padding: 1em!important;}
.p2{padding: 2em;}
.p3{padding: 3em;}
.p4{padding: 4em;}
.p5{padding: 5em;}

.prl{
    padding: 0 1em;
}

/*-----------------
-------------------
文字寄せ
-------------------
-------------------*/
.tac{
text-align: center;
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}
.dib{
    display: inline-block;
}

.black{
    color: #000;
}
.small{
    font-size: 80%;
}
/*-----------------
-------------------
文字色
-------------------
-------------------*/
.black{
    color: #222;
}
.white{
    color: #fff;
}

.green{
    color: #008A3F!important;
}
.red{
    color: #BC2800;
}
/*-----------------
-------------------
コンタクトフォーム
-------------------
-------------------*/
.form * {
box-sizing: border-box;
    margin: 0.3em 0.5em;
    align-items:center;
}
.form h3{
font-size: 1.5rem!important;
    font-weight: bold;
    border-bottom: solid 1px #000;
    margin: 2rem 0;
    letter-spacing: 1.5px;
}
input[type="button" i] {
    background: #0095a1;
    border: none;
    padding: 1em 2em;
    color: #fff;
    border-radius: 5px;
    margin: 1em 0;
}
form {
    display: inline-block;
    width: 100%;
    font-size: 18px;
}
.form__item {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  margin-bottom: 32px;
    padding: 1em 0px;
    border-bottom: 1px solid #000;
}
.bt{
     border-top: 1px solid #000;
}
.form__term {
  width: 30%;
}

.form__term:not(.is-required) {
  margin-top: 4px;
}

.form__desc {
  width: 70%;
          text-align: left;
}

.form__desc input:not([type=date]),.form__desc textarea {
  width: 100%;
}
input[type="radio" i] {
    display: inline-block;
    width: auto!important;
}
.form__term.is-required {
        text-align: left;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
    border-radius: 5px;
        font-weight: bold;
}
.screen-reader-response{
    display: none;
}
.wpcf7-not-valid-tip{
    color: red;
}
/*.form__term.is-required::before {
  content: "必須";
  color: #fff;
  background-color: #ed5f58;
  font-size: 1rem;
  font-weight: 400;
  width: 30px;
  height: 18px;
  line-height: 1.6;
  margin-right: 8px;
  text-align: center;
  padding: 2px 3px
}
*/
.form__desc input[type=email], .form__desc input[type=tel], .form__desc input[type=text], .form__desc select, .form__desc textarea {
padding: 15px 8px;
    background: #ecececec;
    border: none;
    border-radius: 3px;
}

.form__desc input[type=date] {
  padding: 4px 8px;
}

.form__btn-wrapper {
  text-align: center;
  margin-bottom: 60px;
}

.form__btn {
padding: 0.5rem 5rem;
    border-radius: 28px;
    background-color: #4c3b31;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: .2rem;
    cursor: pointer;
    transition: .3s ease;
    -webkit-appearance: none;
    border: none;
}
.wrap-contact{
	padding: 2em 5em;
    background: #fff;
}
/*-----------------
-------------------
ヘッダー
-------------------
-------------------*/
header .header{
    margin-top: 0.5em;
}
header .header-flex{
    display: flex;
    justify-content: space-between;
}
#logo {
    margin-top: 0.5em;
    font-size: 0.7rem;
    width: 500px;
    text-align: center;
}

#logo p{
    margin: 0;
	width:60%;
	max-width:300px;
}

#logo .logo__link{
	display:flex;
	align-items:center;
}
    @media screen and (max-width:767px) {
#logo .logo__link {
    margin-top: 10px;
}
    }

#logo .logo__link span{
	display:block;
}
#logo .logo__link span:first-child{
	width:60%;
	max-width:300px;

}
#logo .logo__link span:last-child {
    margin-left: 1rem;
    font-size: .8rem;
}

#g-nav{
    float:right;
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.header-tel{
    margin: 0 1em;
}
.header-tel a{
    color: #36A34D;
    font-size: 28px;
    font-weight: bold;
}
.header-tel p{
    color:222;
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}
.web-content-box{
    background: #36A34D;
    font-size: 15px;
    letter-spacing: 2px;
    padding: 0.5em 1em;
    border-radius: 20px;
}
.web-content-box a{
       color: #fff; 
}
.green-bottom{
    background: #36A34D;
    text-align: center;
    margin-top: 1em;
}
.green-bottom p{
    margin: 1em;
    color: #fff;
    letter-spacing: 2px;
}
.green-bottom p span{
font-weight: bold;
    color: #FFDA00;
}

#g-nav-list{
        display: flex;
}
#g-nav ul{
display: flex;
    vertical-align: middle;
    align-items: center;
}
#g-nav li {
    list-style: none;
    padding-left: 1.7em;
    text-align: right;
}
#g-nav ul {
    display: flex;
    float: right;
    vertical-align: middle;
    align-items: center;
    margin: 20px;
    margin-top: 0px;
    padding: 0;
}

/*============================================================
fv
==============================================================*/
section.fv{
    background: url(img/fv-bk.svg);
    /* background-position: center -56px; */
	background-position: right 0px top 0px;
    background-repeat: repeat-x;
    /* margin-bottom: -47.8em; */
	margin-bottom: -56.0em;
	/* 追加 */
	background-size: 1280px;
}
section.fv .fv-bk {
    max-width: 1500px;
    margin: 0 auto;
    width: auto;
    display: flex;
    justify-content: space-between;
    vertical-align: bottom;
    align-items: flex-end;
    text-align: center;
	position: relative;
	top: -4em;
	min-height: 710px;
}
section.fv .fv-bk .fv-img-l {
	padding-right: 25.5em;
}

section.fv .fv-bk>div{
    width: 500px;
    margin-top: 2em;
}
section.fv .fv-bk .img{
    width: 80%;
    margin-bottom: 3em;
}
section.fv .fv-bottom{
    background: url(img/fv-bottom.svg);
    /* height: 68px */;
	height: 136px;
    position: relative;
    /* bottom: 4.65em; */
	bottom: 8.0em;
    background-position: top center;
    background-repeat:repeat-x;
	/* 追加 */
	background-size: 1280px;
}
section.fv .fv-txt-box{
    position: relative;
    /* top: -34em; */
	top: -40em;
    font-size: 135%;
	/* テスト追加
	width: 100%;
	padding-left: 500px;
	padding-right: 500px;
	*/
}
section.fv .fv-txt-box .txt1{
    font-size: 1.4rem;
    background: linear-gradient(transparent 60%, #ffe739 60%);
    display: inline-block;
}
    @media screen and (max-width:767px) {
section.fv .fv-txt-box .txt1{
display:none!important;
}
    }
section.fv .txt2 .fuchi{
    -webkit-text-stroke: 6px #fff;
    position: relative;
    font-size: 2.5rem;
    font-weight: bold;
    color: #36A34D;
}
section.fv .txt2 .fuchi::before{
    content: "「任せてよかった」";
    -webkit-text-stroke: 0;
    position: absolute;
}
section.fv .txt2 .fuchi2{
    -webkit-text-stroke: 6px #fff;
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    color: #222;
}
section.fv .txt2 .fuchi2::before{
    content: "が見つかる";
    -webkit-text-stroke: 0;
    position: absolute;
    bottom: 0;
}

    @media screen and (max-width:767px) {
		section.fv .txt3{;
			position:relative;
			top:-20px
		}
    }

    .blue-gra{
    font-size: 3.125rem;
    background:linear-gradient(0deg, #2E6CB7, #52B4E7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}

.blue-gra span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-text-stroke: 5px #fff;
    z-index: -1;
}
    @media screen and (max-width:890px) {
        .blue-gra{
         display: inline;
    line-height: 1.3;
    font-size: 1.9rem;
        }
    }
section.fv .txt3 p{
    font-size:  1.4rem;
    margin: 0;
    /* margin-top: 1em; */
    margin-block-start: 0;
    margin-block-end: 0;
    line-height: 1;
    margin-top: 1.1rem;

}
section.fv .txt3 h2::before{
    content: "一括見積もりサイト";
    -webkit-text-stroke: 0;
    position: absolute;
}
section.fv .txt3 h2{
    -webkit-text-stroke: 6px #fff;
    position: relative;
    font-size: 2.5rem;
    font-weight: bold;
    color: #222;
    background: linear-gradient(transparent 70%, #ffe739 70%);
    display: inline-block;
    letter-spacing: 5px;
    margin: 0;
    position: relative;
    z-index: 9;
}
section.fv .txt4{
    display: inline-grid;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 3px;
    background-color: #BC2800;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
    transform: rotate( -20deg );
    position: relative;
    top: -5em;
    right: 1em;
}

    @media screen and (max-width:890px) {
section.fv .txt4 {
	position:absolute;
    top: 6rem;
    left: 0em;
	z-index:-2;
/*     margin-bottom: -2em; */
}
    }
        @media screen and (max-width:767px) {
section.fv .txt4 {
	position:absolute;
    top: 2rem;
    left: 0em;
	z-index:-2;
/*     margin-bottom: -2em; */
}
    }
            @media screen and (max-width:450px) {
section.fv .txt4 {
	position:absolute;
    top: 1rem;
    left: 0em;
	z-index:-2;
/*     margin-bottom: -2em; */
}
    }


section.fv .txt5{
    background: #FFE67D;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 15px;
    font-weight: bold;
    margin-left: -82px;
/*     margin-top: 3em; */
margin-top: 1.5rem;
}
section.fv .txt5 span{
    color: #BC2800;
}
section.fv .txt6{
    font-size: 1.6rem;
    font-weight: bold;
    color: #222;
    letter-spacing: 2px;
    margin-top: -1em;
}
section.fv .txt6 span{
        font-size: 2rem;
        color: #BC2800;
}

/** 一括位置調整 **/
    @media screen and (max-width:767px) {
/* section.fv .txt3, */
section.fv .txt5,
section.fv .txt6{
	position:relative;
	top:-20px!important;
}


    }




section.fv .txt7,section.fv .txt9{
    display: flex;
    vertical-align: middle;
    align-items: center;
}
section.fv .txt8{
    font-size: 2.5rem;
    font-weight: bold;
    color: #222;
    text-align: right;
    line-height: 1.2;
}
section.fv .txt8 span{
        font-size: 4rem;
        color: #BC2800;
}
section.fv .txt10{
    font-size: 10rem;
    color: #BC2800;
    font-weight: bold;
}
section.fv .txt11{
    font-size: 5rem;
    color: #BC2800;
    font-weight: bold;
    line-height: 50px;
}
section.fv .txt11 span{
    font-size: 3.5rem;
}

/*============================================================
お問い合わせ
==============================================================*/
/*---文言---*/
section.content-contact{
    background: #F2F9F5;
}
section.content-contact .contact-text{
    font-size: 1.5rem;
    color: #222;
	padding-bottom: 1em;
}
section.content-contact .contact-text span{
    background: #F2F9F5;
    color: #BC2800;
    font-size: 2rem;
    font-weight: bold;
}

.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #5CBC75;
  padding: 1em 0.5em 1em 2em;
     letter-spacing: 2px;
  color: #fff;
}
.step li:last-child{
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
    top: -12px;
    right: -3em;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 40px 0 40px 3em;
    z-index: 10;
}
.step li:after{
    top: -12px;
    right: -2.8em;
    border-style: solid;
    border-color: transparent transparent transparent #5CBC75;
    border-width: 40px 0 40px 3em;
    z-index: 10;
}
.step li.is-current{
  background: #9bbb30;
  font-weight: bold;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #9bbb30;
}
.contact-box{
    background: #fff;
    /* padding: 1em; */
    text-align: center;
    border: 1px solid #5CBC75;
    /* padding-bottom: 0; */
	padding: 0.5em 1em 0em 1em;
}
.contact-box .text{
    font-weight: bold;
    letter-spacing: 3px;
}
.contact-box .text .red{
    color: #BC2800;
}
.contact-box .text .big{
    font-size: 2rem;
}
.contact-box .contact-btn{
     background: linear-gradient(to right, #FFD600, #EF8126);
    border-radius: 50px;
    padding: .4em 3em;
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.contact-box .contact-btn .muryo{
    display: inline-grid;
    color: #BC2800;
    font-size: 1.3rem;
    font-weight: bold;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
}
.contact-box .contact-btn .txt{
    font-size: 2em;
    color: #BC2800;
    font-weight: bold;
    line-height: 0.9;
    padding: 0 .5em;
    margin-top: -0.2em;
}
.contact-box .contact-btn .txt span{
    font-size: 0.9rem;
    color: #222;
}
.contact-box .contact-btn .txt .red{
        color: #BC2800;
    font-size: 1.2rem;
}
.contact-box .contact-btn .mitumori{
    -webkit-text-stroke: 4px #fff;
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    color: #36A34D;
    letter-spacing: 5px;
}
.contact-box .contact-btn .mitumori::before{
    content: "スピード見積もり";
    -webkit-text-stroke: 0;
    position: absolute;
    bottom: 0;
}
.contact-box .contact-img {
    display: block;
    height: 21px;
}
.contact-box .contact-img img{
    float: right;
    width: 188px;
	position: relative;
	bottom: 108px;
	padding: 0 36px 0 0;
}
.contact__refusal{
    width: 80%;
    margin: 0 auto;
    background: #f2f2f2;
    padding: 50px 20px;
}
    @media screen and (max-width:890px) {
.contact__refusal{
    padding: 25px 20px;
}
    }
.contact__refusal h3{
    border: none!important;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-bottom: 0!important;
}

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

.contact__refusal h3{
    font-size: 17px;
}
    }
.contact__refusal p{
    text-align: center;
    padding: 0;
    margin: 0;

}
    .contact__refusal-list{
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}



    @media screen and (max-width:890px) {
.contact__refusal p{
    font-size: 15px;
}
    }

    .contact__refusal-list{
        margin-top: 20px;
}

.contact__refusal li{
    list-style: none;
}

    @media screen and (max-width:890px) {
.contact__refusal li{
    font-size: 14px;
}
    }
/*============================================================
各section
==============================================================*/
section{
    padding: 4em 0;
}
section p{
    line-height: 2;
}
section strong{
    font-size: 1.2rem;
}
.flex{
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.flex-jc {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.flex-js{
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
}
.bk-green {
    background: #F2F9F5;
     line-height: 2;
}
.bk-white {
    background: #fff;
}
h2.content {
  position: relative;
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 2px;
}
h2.content::before {
    background-color: #36A34D;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 180px;
}
section.content1 .img{
    width: 500px;
}
section.content1 .flex-jc>div:first-child{
       width: 45%; 
}
section.content1 h3 {
    font-size: 1.8rem;
    letter-spacing: 2px;
    margin: 0;
    margin-top: 1em;
}
section.content1 h4{
    font-size: 2rem;
    letter-spacing: 2px;
    color: #BC2800;
    margin: 0;
}
section.content1 .flex-js>div:first-child{
    max-width: 550px;
}
section.content1 .kakaku{
    background: #F2F9F5;
    border: 1px solid #5CBC75;
    padding: 1em;
    text-align: center;
}
section.content2 img{
        width: 75%;
    margin: 2em 0;
}
section.content2 h3{
    font-size:1.8rem;
}

.pointbtn{
    position: relative;
    margin-bottom: 0.2rem;
    padding: 0.5rem 1em;
    color: #fff;
    background-color: #36A34D;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
    display: inline-block;

}
.pointbtn:before {
    position: absolute;
    inset: 5px -5px -5px 5px;
    border: 1px solid #36A34D;
    content: '';
}
section.content-point h3{
    margin-left: 1em;
    font-size: 1.5rem;
    letter-spacing: 2px;
}
section.content-point img{
    width: 60%;
    margin: 2em 0;
}
section.maker h3{
    font-size: 1.5rem;
    letter-spacing: 2px;
    margin: 0;
}
section.maker h4{
    font-size: 1.3rem;
    letter-spacing: 2px;
    margin: 0;
    padding-bottom: 0.5em;
}
section.maker .flex-jc{
    margin: 4em 0;
}
section.maker .img-border{
    max-width: 450px;
    min-width: 450px;
    border: solid 1px #36A34D;
    padding: 1em;
    margin-right: 2em;
    text-align: center;
}
section.maker .img-border img{
    width: auto;
}
section.hojokin strong{
    font-size: 1.5rem;
    letter-spacing: 1px;
}
section.hojokin h3{
    font-size: 2rem;
    letter-spacing: 1px;
}
section.hojokin .hojokin-content{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    vertical-align: middle;
}
section.hojokin .hojokin-content .hojokin-box,section.hojokin .hojokin-content .hojokin-box2{
        display: flex;
    align-items: center;
        text-align: center;
        flex-grow:1;
}
section.hojokin .hojokin-content .hojokin-box p,section.hojokin .hojokin-content .hojokin-box2 p{
    flex-grow:1;
    margin: 0;
    line-height:1;
}
section.hojokin .hojokin-box,section.hojokin .hojokin-box2{
    border: 1px solid #222;
    padding: 0.5em 1em;
}
section.hojokin .hojokin-box{
    background: #F2F9F5;
}
section.hojokin .m-1{
    margin: 0 -1px;
}
section.hojokin .mt-1{
    margin-top: -1px;
}
section.merit .img{
    width: 100%;
    margin-right: 4rem;
}
section.merit h3{
    font-size: 1.8rem;
    margin-bottom: 0;
}
section.merit p{
    margin: 2em 0;
}
section.merit .green{
    margin-top:0
}
section.merit .big{
    font-size: 1.5rem;
}
section.step h3{
    font-size: 1.5rem;
    letter-spacing: 1.5px;
}
section.step .green-border{
   border: 2px solid #008A3F;
   border-radius: 10px;
    padding: 2em;
    background: #fff;
    
}
section.step .green-border img{
    width: 100%;
}
section.step .flex-jc>div{
    margin-left: 1em;
}
section.step .flex-jc>div:first-child{
    margin-left: 0;
}
section.tokucho .tokucho-content{
   border: 2px solid #008A3F;
   border-radius: 10px;
    background: #fff;
    margin-bottom: 4em;
}
section.tokucho .tokucho-header {
    background: #FFE67D;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 10px 0 0;
    padding: 0.5em 0;
    font-size: 1.3rem;
    letter-spacing: 2px;
}
section.tokucho .tokucho-header img{
    width: 4%;
    vertical-align: middle;
    padding-right: 0.5em
}
section.tokucho .tokucho-header p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
section.tokucho .big{
    font-size: 1.5rem;
}
section.tokucho .flex-js{
    padding: 2em 4em;
}
section.tokucho .tokucho-content .flex-js>div:last-child{
    width: 37%;
}
section.tokucho .tokucho-content .flex-js>div img{
   width: 100%;
    float: right;
    margin-top: -4em;
}

/* フッター */
.footer-logo img{
    width: 10%;
    margin: 1em 0;
}
footer{
	background: #008A3F!important;
	text-align: center;
	padding: 2em 0;
	color: #fff;
	font-size: 0.9rem;
	letter-spacing: 1px;
}
.copy{
    font-size: 0.8rem;
    
}
.navi-footer-in{
    border-bottom: 1px solid #fff;
    margin-bottom: 3em;
    padding-bottom: 3em;
}


footer a{
    color: #fff;
}
.footer-bottom {
  margin: 0;
  padding-top: 0;
}

.navi-footer {
  margin-top: 8px;
}
.bottom-link{
    margin-bottom: 3em;
}
.bottom-link a{
    color: #fff;
    display: block;
    margin: 1em 0;
    text-align: justify;
}
.bottom-link>div:first-child{
    margin-right: 5em;
}

.menu-footer{
    width: 100%;
	display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
    @media screen and (max-width:450px) {

.menu-footer{
        flex-direction: column;
}
    }

.navi-footer-in > .menu-footer li.menu-item {
/*   display: inline-block;
  width: auto; */
	list-style:none;
  margin: 0;
  flex: none;
  text-align: left;
}

.navi-footer li:not(:last-child):after {
    content: "\002f";
    color: #fff;
    margin: 0 12px;
}
    @media screen and (max-width:450px) {
.navi-footer li:not(:last-child):after {
content: none;
}
    }

.navi-footer-in > .menu-footer li,
.navi-footer-in > .menu-footer li:last-child {
  border: none;
}

.navi-footer-in > .menu-footer li.menu-item a {
  display: inline-block;
  width: auto;
  padding: 0 10px;
}

.navi-footer-in a {
    color: #fff;
}

.navi-footer-in a:hover {
  color: #fff;
  background-color: inherit;
  opacity: 1;
}

.navi-footer li a i {
  margin-right: 8px;
}

/*============================================================
スマホ
==============================================================*/
@media screen and (max-width: 890px) {
.pc-dn{
  display:block!important;
  }
.sp-dn{
  display:none!important;
  }
.wrap{
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    }
    .flex,.flex-jc,.flex-js,header{
    display: block;
}
    section.fv,section.content-contact{
        font-size: 100%;
    }
    section{
        font-size: 80%;
    }
ection strong {
    font-size: 1.1rem;
}
h2.content {
    font-size: 1.3rem;
}

section.content1 h3 {
    font-size: 1.3rem;
    }
section.content2 img,section.content-point img  {
    width: 100%;
    margin: 1em 0;
}
    .pointbtn{
        font-size: 1.2rem;
    }
section.maker h3 {
    font-size: 1.2rem;
    margin-top: 1em;
}
section.maker h4 {
    font-size: 1rem;
    }
section p {
    line-height: 2;
}
 .sp-mt4{
        margin-top: 4em;
    }
section.hojokin strong {
    font-size: 1rem;
    letter-spacing: 0px;
}
section.hojokin h3 {
    font-size: 1.3rem;
    letter-spacing: 1px;
}
section.hojokin .hojokin-content {
    display: block;
    }
section.hojokin .m-1 {
    margin: -1px 0;
}
section.hojokin .hojokin-box, section.hojokin .hojokin-box2 {
    padding: 1em;
}
    
section.hojokin .hojokin-content .hojokin-box p, section.hojokin .hojokin-content .hojokin-box2 p {
    line-height: 1.5;
}
section.merit h3 {
    font-size: 1.3em;
    margin-bottom: 0;
}
section.merit .big {
    font-size: 1.3em;
}
section.step h3 {
    font-size: 1.3rem;
    letter-spacing: 1.5px;
    margin-bottom: 0em;
    margin-top: 2em;
}
section.step .flex-jc>div {
    margin: 0 2em!important;
}
section.tokucho .tokucho-header img {
    width: 13%;
    margin: 0 auto;
    padding-right: 0;
}
section.tokucho .tokucho-header p {
    display: block;
    text-align: center;
}
section.tokucho .flex-js {
    padding: 1em;
}
section.tokucho .big {
    font-size: 1.3rem;
    line-height: 1.2;
}
section.tokucho .tokucho-content .flex-js>div:last-child {
    width: auto;
}
section.tokucho .big {
    font-size: 1.3rem;
    line-height: 1.2;
}
section.tokucho .tokucho-content .flex-js>div img {
    width: 100%;
    float: none;
    margin-top: 0;
}
section strong {
    font-size: 1rem;
}
section.content2 h3 {
    font-size: 1.3rem;
}
section.content-point h3 {
    margin-left: 0;
    font-size: 1.2rem;
    letter-spacing: 1px;
}
#g-nav {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
section.maker .img-border {
    max-width: none;
    margin-right: 0;
    width: auto;
    min-width: auto;
}
    section.content1 .img {
    width: auto;
}
header .header {
    margin-top: 1em;
}
.header-tel {
    margin: 0;
    padding: 2em 0;
}
    .green-bottom p {
        margin: 0.2em;
}
section.fv .fv-bk {
    max-width: none;
    margin: 0 auto;
    width: auto;
    display: block;
	/* 追加 */
	min-height: 0px;
}
section.fv {
    background-position: center top;
    background-repeat: repeat-x;
    margin-bottom: 0;
    padding: 1em 0;
    padding-bottom: 0;
	position:relative;
	z-index:-10;
	padding-top:.0001rem;
}
	
	section.fv .prl{
		margin:0 auto;
		position:relative;
		max-width:440px;
	}
	@media screen and (max-width:767px) {
	section.fv .prl{
top:15px;
	}
    }

section.fv .fv-txt-box .txt1 {
    display: inline;
    font-size: 1.1rem;
}
section {
    padding: 2em 0;
}
section.fv .txt2 .fuchi,section.fv .txt2 .fuchi2{
    -webkit-text-stroke: 0px;
    font-size: 1.4rem;
}
section.fv .txt2 .fuchi::before,section.fv .txt2 .fuchi2::before,section.fv .txt3 h2::before {
    content:none;
}
section.fv .txt2{
    line-height: 1.2;
    margin: 1em 0;
}
section.fv .txt3 h2 {
    -webkit-text-stroke: 0px;
    display: inline;
    line-height: 1.3;
    font-size: 1.9rem;
}

	

section.fv .fv-bk>div {
    width: auto;
    margin-top: 0;
}
section.fv .fv-txt-box {
    position: initial;
    }
section.fv .txt5 {
    padding: 0.5em 1em;
    margin-left: 0;
    margin-top: 0;
    font-size: 0.9rem;

}
section.fv .txt6 {
    font-size: 1.4rem;
    margin-top: 0;

}
	
	section.fv .dib{
line-height:1;
	}
section.fv .txt8 {
    font-size: 1.2rem;
    line-height: 1;
}
section.fv .txt8 span {
    line-height: 1.5;
    font-size: 3rem;
}
section.fv .txt10 {
    font-size: 6rem;
    color: #BC2800;
}
section.fv .txt11 span {
    font-size: 2.5rem;
}
section.fv .txt11 {
    font-size: 4rem;
    line-height: 35px;
}
section.content-contact .contact-text {
    font-size: 1rem;
    }
section.content-contact .contact-text span {
    font-size: 1.5rem;
}
#logo {
    width: 55%;
    display: inline-block;
    font-size: 0.5rem;
    margin-top: 0;
}
.web-content-box {
    background: #36A34D;
    font-size: 15px;
    letter-spacing: 0px;
    padding: 0.5em 1em;
    border-radius: 5px;
    }
.web-content-box {
    background: #36A34D;
    font-size: 15px;
    letter-spacing: 0px;
    padding: 0.5em 1em;
    border-radius: 20px;
    display: inline-block;
}
section.fv .fv-bottom {
    position: relative;
    bottom: 0;
    background-size: cover;
}
.step li {
    padding: 0.5em 0em 0.5em 1em;
    letter-spacing: 0;
    line-height: 1.2;
    font-size: 1rem;
    color: #fff;
}
.step li:before {
    top: -12px;
    right: -1em;
    border-width: 40px 0 40px 1em;
}
.step li:after {
    top: -12px;
    right: -0.8em;
    border-style: solid;
    border-color: transparent transparent transparent #5CBC75;
    border-width: 40px 0 40px 1em;
    z-index: 10;
}
    section {
    padding: 2em 1em;
    }
    .step{
        margin-top: 1em;
    }

.contact-box .contact-btn .mitumori {
    letter-spacing: 0px;
    font-size: 1rem;
    }
.contact-box .text {
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 1;
    margin-bottom: 1em;
}
    .contact-box .contact-btn .txt,.contact-box .contact-btn .muryo{
        font-size: 1rem;
    }
    .contact-box .contact-btn{
        font-size:50%;
		position:relative;
    }

section.merit .img {
    width: 100%;
    margin-right: 0;
}
/*============================================================
コンタクトフォーム-スマホ
==============================================================*/

	.form {
    max-width: 100%;
    display: inline-block;
}
    .form__item {
        display: block;
    }
    .form__term {
    width: 46%;
}
.form__term.is-required {
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 0.5em;
}
   .wpcf7{
        padding-bottom: 2em;
    }
/*
	label{
        display: block;
    text-align: left;
    margin: 0.5em 0;
    }
*/
  .form__term {
    width: 100%;
}  
  .form__desc {
    width: 100%;
}
    .form * {
    box-sizing: border-box;
        margin: 0;
    }
/*
	.wrap-contact {
    padding: 1em;
    background: #fff;
      text-align: center;
}  
*/    
    .form__term.is-required {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: center;
      font-size: 17px;
}
    
.form__desc select{
    width: 100%;
    text-align: center;
        padding: 2em 0;
}
.form__term.is-required {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: center;
    font-size: 17px;
}
    .menu-footer{
        padding: 0;
    }
.bottom-link>div:first-child {
    margin-right: 0;
}
    .bottom-link>div{
        padding: 1em 0;
        text-align: center;
    }
.bottom-link a {
    text-align: center;
}
.bottom-link>div {
    padding: 0;
    }
    
.copy {
    font-size: 0.5rem;
}
    .content2 .tac,.content-point p,.hojokin p{
        text-align: left;
    }
    section.content2 h3 {
        text-align: center;
    }

}
@media screen and (max-width: 767px) {
	#logo{
		width:65%;
	}
	#logo p {
    width: 100%;
    font-size: .6rem;
}
	#logo .logo__link {

}
	#logo .logo__link span:first-child {
    width: 95%;

}
	#logo .logo__link span:last-child {
    margin-top: -.5rem;
}
	.white{
		position:absolute;
		top:50%;
		right:2px;
		transform:translateY(-50%);
	}
	.contact-box .contact-btn {
justify-content:space-between;
}
}

@media screen and (max-width: 450px) {
		#logo{
		width:55%;
	}
	#logo .logo__link {
    flex-direction: column;
}
}

@media screen and (max-width: 350px) {
	.contact-box .contact-btn {
    padding-left: 1em;
	padding-right :1em;
		min-width:220px;
		display:flex;
		justify-content:space-between;
}
.contact-box .contact-btn .muryo {
    font-size: .9rem;
}
	
.contact-box .contact-btn .muryo {
    width: 45px;
    height: 45px;
}
	.contact-box .contact-btn .txt {
    font-size: .8rem;
}
	.contact-box .contact-btn .txt span {
    font-size: 0.7rem;
 }
	.contact-box .contact-btn .mitumori {
    font-size: .7rem;
}
	.contact-box .contact-btn .txt .red {
    font-size: .8rem;
}
	.white {
    font-size: .6rem;
		margin-top:.1rem;
}
}


/*****************************   from keyframes.css    ******************************/
@keyframes  hidden-anm {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

@keyframes  show-anm {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

/***** from CSSエディッタ　******/
.is-hidden {
  visibility:hidden;
  animation-name: hidden-anm;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.is-show {
  animation-name: show-anm;
	animation-duration: 0.5s;	
	animation-fill-mode: forwards;
}

/*****************  from style.css ****************************************/
/************************************
** footer-contents
************************************/

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

 /* 2023.6 追記　※footerを表示できるように修正 */	
  .footer-bottom {
/*     display: none; */
  }
	
/*
	.footer{
	height: 200px;
	margin-bottom: 80px;
	}
*/
		
  #mobile-footer-custom-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    margin-bottom: 0;
	opacity: 0;
	transition: 0.7s;
	/* 追加 */
	padding: 0;
  }

  .flowting-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .flowting-box div {
    text-decoration: none;
    color: #ffffff;
  }

  .flowting-box div i {
    padding: 0.5em;
  }

  .flowting-box .left {
    width: 100%;
    padding: 5px;
    text-align: center;
    background: rgb(255 255 255 / 70%);
  }

  .flowting-box .right {
    width: 50%;
    padding: 5px;
    text-align: center;
    background: rgb(255 255 255 / 70%);
  }

}

/************************************
** トップへ戻るボタン
************************************/

.go-to-top-button {
  width: 60px;
  height: 60px;
  border-radius: 0px;
  font-size: 30px;
}

/************************************
** contact 
************************************/

/* from cocoon-master/skins/silk/style.css */
.article h3 {
	padding: 0.2em 0.5em;
	font-size: 1.25em;
	border-width: 0 0 0 5px;
	border-style: solid;
	border-color: #30b76d;
	margin-bottom: 1.62em;
}

/* from cocoon-master/skins/silk/style.css */
/*
.contact-step * {
	padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
*/

.article h3 {
	line-height: 1.25;
}
.contact-step {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 0;
    padding: 20px 29px;
	border: 1px solid transparent;
	border-radius
    position: relative;
    box-sizing: border-box;
    overflow-wrap: break-word;
    display: block;
    line-height: 1.8;
}
@media screen and (max-width: 890px) {
	.contact-step {
		padding: 16px;
	}
}
.contact-step form{
	padding: 0;
	margin: 0;
}

.contact-step .wrap-contact{
	padding: 0;
    /* background: #fff; */
}

.qs_submit__link{
    text-decoration: underline;
}

/* from cocoon-master/style.css */
.contact-step table{
	margin-bottom: 1.8em;
	max-width: 100%;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
/*
 	display: table;
	text-indent: initial;
	border-color: gray;
*/
}

.contact-step select{
	background: rgba(255,255,255,.8);
	border-radius: 2px;
	border-width: 2px;
	border-color: rgba(153, 153, 153, 0.4);
	padding: 11px;
	width: 100%;
	margin: 0;
	font-size: 18px
}

.contact-step th,td {
	padding: 12px 6px;
}
.contact-step table p {
	/* margin-bottom: 1.8em;*/
	margin: 0 0 1.8em 0;

}


.contact-step input.wpcf7-form-control {
	background: rgba(255,255,255,.8);
	border-radius: 2px;
	border-width: 2px;
	border-color: rgba(153, 153, 153, 0.4);
	padding: 11px;
	font-size: 18px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.contact-step table textarea {
    background: rgba(255,255,255,.8);
	border-radius: 2px;
    border-width: 2px;
    border-color: rgba(153, 153, 153, 0.4);
    padding: 11px;
    font-size: 20px;
	box-sizing: border-box;
    width: 100%;
}
/*****************************************************/
.inquiry tbody{

}


.inquiry th {
  text-align: left;
  font-size: 20px;
  color: #444;
  padding-right: 5px;
  width: 30%;
/*   background: #f7f7f7; */
	background:#ebf8ef;
  border: solid 1px #d7d7d7;
}

.inquiry td {
  font-size: 20px;
  border: solid 1px #d7d7d7;
}

.haveto {
  font-size: 7px;
  padding: 5px;
  background: #ff9393;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}

.any {
  font-size: 7px;
  padding: 5px;
  background: #93c9ff;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}

#formbtn {
  display: block;
  padding: 1em 0;
  margin-top: 0;
  width: 80%;
  background: #ffaa56;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  border-radius: 50px;
  border: none;
}
#formbtn:hover {
  background: #30b76d;
  color: #fff;
}

/* add 20231207 */
#formbtn2 {
  display: block;
  padding: 1em 0;
  margin-top: 0;
  width: 80%;
  background: #ffaa56;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  border-radius: 50px;
  border: none;
}
#formbtn2:hover {
  background: #30b76d;
  color: #fff;
}

/* add 20231207 コンタクトフォームの逐次表示用 */
.cf_hidden {
	display: none;
}

/* add 20240417 コンタクトフォームの非表示用 */
.cf_hidden_all {
	opacity: 0;
}

.how-to-mitsumori {
  /* display: flex; */
  margin-bottom: 10px;
}

.how-to-mitsumori .box-left {
  /* width: 23%; */
}

.how-to-mitsumori .box-right {
  /* width: 77%; */
	font-size: 1em;
	padding: 0 1em;
}

.white{
	font-size:.8rem;
}

@media screen and (max-width: 600px) {
  .inquiry th {
    width: 100%;
    font-size: 18px;
  }

  .inquiry tr {
    display: flex;
    flex-wrap: wrap;
  }

  .inquiry td {
    width: 100%;
    font-size: 18px;
  }

  .how-to-mitsumori {
    display: block;
  }

  .how-to-mitsumori .box-left, 
  .how-to-mitsumori .box-right {
       /* width: 100%; */
  }

}

/* front-page content-contact */
.content-contact .wrap {
	max-width: 1024px;
}

.box-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-weight: bold;
}

.form-box form .box-1,
.form-box form .box-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
}


@media screen and (max-width: 600px) {
	.form-box form .box-1 {
		margin: 0.5em;
		width 100%;
	}   
	.form-box form .box-2 {
		margin: 0.5em;
		width 100%
	} 	
}
@media screen and (min-width:600px) and ( max-width:890px) {
	.form-box form .box-1 {
		margin: 0.5em;
		width 100%;
	}   
	.form-box form .box-2 {
		margin: 0.5em;
		width 100%
	} 	
}
@media screen and (min-width:890px) {
	.form-box form .box-1 {
		margin: 0.5em 1em 0.5em auto;
	}   
	.form-box form .box-2 {
		margin: 0.5em 1em 0.5em 0;
	} 
}


.box-1 p,
.box-2 p {
	vertical-align:middle;
	margin: 0;
	font-size: 1.1rem;
/*
	text-align: left;
  width: 90%;
  font-size: 22px;
  padding: 0;
*/
}
.box-1 p {

	margin: 0 8px 0 0;
	text-align: right;
	vertical-align: middle;

/*
	text-align: left;
  width: 90%;

  padding: 0;
*/
}
.box-2 p {
	margin: 0 8px 0 0;

/*
	text-align: left;
  width: 90%;
  padding: 0;
*/
}

.box-1 select,
.box-2 input {
	margin: 0;
	font-size: 18px;
	
 /*
	margin-bottom: 10px;
  width: 90%;
  padding: 11px;
  font-size: 16px;
  border-radius: 3px;
  border: 2px solid #ddd;
*/
}

.box-button {
	margin: 30px 0 0 0;
}

.box-button button#btn {
	background-color: #fff;
	border-width: 0px;
}

/*
.form-box form .box-1::before,
.form-box form .box-2::before {
  content: '';
  top: 0;
  height: 0px;
  width: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  position: absolute;
  right: -39px;
  border-left: 40px solid #eafff8;
  z-index: 11;
}

.form-box form .box-1::after,
.form-box form .box-2::after {
  content: '';
  top: 0;
  height: 0px;
  width: 0;
  border-top: 60px solid transparent;
  border-bottom: 61px solid transparent;
  position:
    absolute;
  right: -40px;
  border-left: 40px solid #ddd;
  z-index: 10;
}
*/

/*** for thanks-page ***/
.content-thx {
    width: 70%;
    margin: 70px auto;
    padding: 20px;
    padding-bottom: 0;
	max-width: 1280px;
}
@media screen and (max-width: 600px) {
.content-thx {
    width: 90%;
    margin: 50px auto;
    padding: 10px;
}
}

/*** for contact-form ***/
/*
@media screen and (max-width: 480px) {
    #mobile-footer-custom-button {
        display: none;
    }
    .level-2 {
    display: none;
    }
}
*/
/*** 問い合わせの最大幅を指定 ***/
.contact-step {
	max-width: 1200px;
	margin: 0 auto;
}

/** スマホ横 **/

@media (orientation: landscape) {
/* 	section.fv .txt4{
		left:7rem;
	} */
}
/** サンクスページ **/
.thanks {
}
.thanks__inner {
    max-width: 850px;
	margin: 0 auto;
}
.thanks__thumb {
  display: flex;
}

    @media screen and (max-width:767px) {
.thanks__thumb {
  flex-direction: column;
}
    }
.thanks__lead {
}
.thanks__heading-lv2 {
  font-size: 35px;
}

    @media screen and (max-width:767px) {
.thanks__heading-lv2 {
  font-size: 25px;
}
    }
.thanks__lead-txt {
}
.thanks__img {
    height: inherit;
    width: 30%;
    margin-left: 100px;
}
    @media screen and (max-width:767px) {
.thanks__img {
    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
}
    }

.thanks__txt {
  text-align: center;
  margin-top: 100px;
}

    @media screen and (max-width:767px) {
.thanks__txt {
margin-top: 0;
}
    }
.thanks__heading-lv3 {
    font-size: 25px;
}
    @media screen and (max-width:767px) {
.thanks__heading-lv3 {
    font-size: 20px;
}
    }
.thanks__pra {
}

/* add 20240713 google隠し文字用 */
.google_hidden {
	display: none;
}

/**

会社概要

**/

.heading__ttl {
  height: 430px;
  text-align: center;
}
.heading__ttl._company {
    background: url(img/company_h-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.heading__ttl._policy {
      background: url(img/privacy_h-bg.jpg) no-repeat;
      background-position: center;
      background-size: cover;
}
.heading__ttl h2{
    font-size: 36px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.6);
}
.company__wrap {
  padding-top: 70px;
  padding-bottom: 70px;
}
.company__content {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  @media screen and (max-width:768px) {
    flex-direction: column;

}
}
.company__content div{
  width: calc((100% - 20px)/2);
  @media screen and (max-width:768px) {
    width: 100%;
}
}
.company__map {

}
.company__map iframe{
    width: 100%;
}
.company__detail {
}
.company__detail h3{
    position: relative;
    margin: 0;
    font-size: 1.5em;
    font-weight: 500;
    background: transparent;
    border-width: 0 0 4px 0;
    border-style: solid;
    border-color: rgba(204, 204, 204, 0.4);
    border-radius: 0;
}

.company__detail h3::after{
  background: #30b76d;
    position: absolute;
    content: "";
    width: 20%;
    height: 4px;
    left: 0;
    bottom: -4px;
}

.company__detail table{
    border-top: 1px solid rgba(204, 204, 204, 0.8);
    border-left: 1px solid rgba(204, 204, 204, 0.8);
    border-right: 1px solid rgba(204, 204, 204, 0.8);
    width: 100%;
    margin-top: 30px;
}

.company__detail th{
    background:rgba(204, 204, 204, 0.15);
    width: 30%;
    font-weight: bold;
    text-align: center;
    padding: 19px;
    border-bottom:1px solid rgba(204, 204, 204,1);
}

.company__detail td {
    padding: 19px;
    padding-left: 1em;
    border-left:1px solid rgba(204, 204, 204,1);
    border-bottom:1px solid rgba(204, 204, 204,1);
}

/**

利用規約・プライバシーポリシー

**/
.policy__wrap{
    max-width: 1200px;
    margin: 0 auto;
    padding:0 20px;
}

.policy__wrap h2 {
    position: relative;
    padding: 0.2em;
    font-size: 1.5em;
    background: transparent;
    border-width: 0 0 4px 0;
    border-style: solid;
    border-color: rgba(204, 204, 204, 0.8);
    border-radius: 0;
}

.policy__wrap h3 {
    padding: 0.2em 0.5em;
    font-size: 1.25em;
    border-left:5px solid #30b76d;
}

.policy__wrap p{
    letter-spacing: 0.1em;
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 2;
}