@charset "UTF-8";


/*
■1：ELEMENTS
■2：COMMON
■3：index
■4：Contents
*/

/****************************************

ELEMENTS

*****************************************/
html{font-size: 62.5%; height:100%; overflow-y:scroll;}

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: normal;
	font-size: 1.8rem;
  color: #333;
	line-height: 2.4em;
	height:100%;
}
#smooth-Trigger {
  width: 100vw;
  height: 100vh;
  top: 0; left: 0;
  z-index: 1;
}

h1,h2,h3,h4,h5,h6{font-weight: 800; word-break: auto-phrase;}
ul, li, dl, dd, dt {
  list-style: none;
}
img, img a {
  border: 0;
  vertical-align: bottom;
}
header, footer, nav, section, article, figure, aside, ul, li, dl, dd, dt {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
}

a:hover{
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
}


.Center{text-align: left;}
.Left{text-align: left;}
.Right{text-align: right;}

strong{font-size: 2.4rem;}
.BLUE{color:#214b71;}


img{ width: 100%;}

.pc{display: none;}
.sp{display: block;}

.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 60px;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}

@media screen and (min-width: 768px) {
  .pc{display: block;}
  .sp{display: none;}
  .Center{text-align: center;}
  .Left{text-align: left;}
  .Right{text-align: right;}
}

/****************************************

COMMON

*****************************************/
header{
  width: 100%;
  padding: 0% 3%;
  position: fixed;
  z-index: 9999;
  display: flex;
  justify-content: space-between;
}
.scrolled{
  background-color: transparent;
  transition: background-color 0.5s ease, box-shadow 0.5s ease, opacity 0.5s ease;
  background: rgba(255,255,255,0.8);
}
section{
  padding: 30px 0;
}
.Wrapper{
  max-width: 1200px;
  width: 100%;
  padding:50px 30px;
  margin: 0 auto;
}
.H_logo{ max-width: 350px; margin: 10px 10px 0;}
.h_navi{
}
.h_navi{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 0px;
}
.h_navi a{
  border-radius: 0 0 5px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 10px;
  font-weight: bold;
  font-size: 2.2rem;
  height: 60px;
}

.h_LINE a{
  background: #06c755;
 color: #FFF;
}
.h_LINE a:before{
  content: url(../img/common/icon_line.svg);
  display: block;
  width: 40px;
}
.h_TEL a{
  background: #ffff00;
  color: #002b10;
}
.h_TEL a:before{
  content: url(../img/common/icon_tel.svg);
  display: block;
  width: 40px;
}
.h_LINE a span,
.h_TEL a span{display: none;}

h2{
  font-size: 5vw;
  text-align: center;
  position: relative;
  margin: 0 0 30px !important;
  padding: 0 0 30px;
}
h2 span{ color: #008a33; font-size: 7vw;}

h2:before{
  content: "";
  position: absolute;
  background: #008a33;
  height: 3px;
  width: 50px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
#reason h2,
#diff h2,
#danger h2,
#pay h2,
#voice h2,
#faq h2{margin: 55px 0 30px !important;}

#reason h2:after,
#diff h2:after,
#danger h2:after,
#pay h2:after,
#voice h2:after,
#faq h2:after{
  content: "";
  position: absolute;
  width: 55px;
  height: 55px;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
}

#reason h2:after{background: url(../img/index/icon01.png) no-repeat; background-size: contain;}
#diff h2:after{background: url(../img/index/icon01.png) no-repeat; background-size: contain;}
#danger h2:after{background: url(../img/index/icon03.png) no-repeat; background-size: contain;}
#pay h2:after{background: url(../img/index/icon04.png) no-repeat; background-size: contain;}
#voice h2:after{background: url(../img/index/icon05.png) no-repeat; background-size: contain;}
#faq h2:after{background: url(../img/index/icon08.png) no-repeat; background-size: contain;}

h2.CenterTitle{
  text-align: center;
}
h2.CenterTitleF{
  text-align: center;
  color: #FFF;
}
h2.CenterTitle:before{
  display: none;
}

h3{
  color: #008a33;
  text-align: left;
  font-size: 2.0rem;
  margin: 0 0 20px;
  position: relative;
  padding:10px 0;
}

.Colum2{
display: grid;
grid-template-columns: 2fr;
grid-template-rows: max-content max-content 1fr auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
}

footer{
  padding: 0 0 100px;
  background: #FFF;
  text-align: center;
}

.copylight{
  margin: 0;
  padding: 20px 0;
  font-size: 1.4rem;

}
@media screen and (min-width: 768px) {
header{
  width: 100%;
  padding: 0 20px;
  position: fixed;
  z-index: 9999;
}
.H_logo{ max-width: 350px; margin: 20px 0 0;}

.h_navi a{
  padding: 10px 20px;
  height: 60px;
}
.h_LINE a:before{
  content: url(../img/common/icon_line.svg);
  display: block;
  width: 40px;
}
.h_TEL a{
  background: #ffff00;
  color: #002b10;
}
.h_TEL a:before{
  content: url(../img/common/icon_tel.svg);
  display: block;
  width: 40px;
}
h2{
  font-size: 4rem;
  line-height: 5.0rem;
}
h2 span{ font-size: 5.0rem;}
h3{
  font-size: 2.4rem;
}
section{
  padding: 50px 0;
}
.Colum2{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.F_links{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
}
}
@media screen and (min-width:481px) {

.F_links h2{
  color: #FFF;
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin: 0 0 0 !important;
}
.F_links h2 span{
  font-size: 1.4rem;
  line-height: 2.4rem;
  display: block;
}
}
@media screen and (min-width:765px) {
.h_LINE a span,
.h_TEL a span{display: block;}

#reason h2,
#diff h2,
#danger h2,
#pay h2,
#voice h2,
#faq h2{margin: 55px 0 30px !important;}

#reason h2:after,
#diff h2:after,
#danger h2:after,
#pay h2:after,
#voice h2:after,
#faq h2:after{
  content: "";
  position: absolute;
  width: 85px;
  height: 85px;
  top: -85px;
  left: 50%;
  transform: translateX(-50%);
}

}
/****************************************

index

*****************************************/
#KV{
  height: auto;
  padding: 0 3%;
  overflow: hidden;
  background: url(../img/index/kv_pc.jpg) no-repeat;
  background-position: right top;
  background-size: cover;
  position: relative;
}
#KV:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../img/index/kv_grass.png) center bottom repeat-x;
  height: 100px;
  width: 100%;
}
.KV_txt00{
    max-width: 700px;
    margin: 60px auto 0px;
}
.KV_img{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto 20px;
   max-width: 960px;
}
.KV_img div{
  width: calc( 50% - 30px);
}
.KV_img div:not(:last-child){
  margin: 0 15px 0 15px ;
}
.KV_txt01,
.KV_txt02{
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.CTA{
  border-radius: 10px;
  border: 5px solid #002b10;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  padding: 20px 10px;
  font-weight: bold;
  font-size: 1.8rem;
  background: url(../img/index/cta_grass.png) bottom center no-repeat;
  background-color: #FFF;
}
.CTA_area{
  background: url(../img/index/grass.png) bottom center repeat-x;
}

.CTA div:not(:last-child){
  margin: 20px 0 0 0 ;
}
.CTABox{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;

}
.CTA a{
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

.cta_TXT{
  text-align: center;
  margin: 10px 0 10px 0 !important;
}
.cta_LINE p{ color: #06c755;;}
.cta_LINE a{
  background: #06c755;
  color: #FFF;
  width: 100%;
  padding: 5px 35px;
}
.cta_LINE a:before{
  content: url(../img/common/icon_line.svg);
  display: block;
  width: 40px;
}
.cta_TEL{color: #002b10; margin: 20px 0 0}
.cta_TEL a{
  background: #ffff00;
  color: #002b10;
  width: 100%;
  padding: 5px 35px;
}
.cta_TEL a:before{
  content: url(../img/common/icon_tel.svg);
  display: block;
  width: 40px;
}

.CTA p{
  font-size: 1.8rem;
}

.Section01{
  background: #008a33;
  position: relative;
}
.Section01 h2{
  max-width: 392px;
  margin: 0 auto 40px !important;
  text-align: center;
}

.Section01_contents{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 3fr;
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.Section01_contents div{
  background: #FFF;
  border-radius: 10px;
  padding: 40px 10px 10px;
  text-align: center;
  position: relative;
}
.Section01_contents div:before{
  position: absolute;
  width: 100%;
  text-align: center;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}
.Section01_contents div:nth-child(1):before{ content: url(../img/index/section01_img01.png);}
.Section01_contents div:nth-child(2):before{ content: url(../img/index/section01_img02.png);}
.Section01_contents div:nth-child(3):before{ content: url(../img/index/section01_img03.png);}

.Reason1,
.Reason2,
.Reason3{
  border: 5px solid #008a33;
  border-radius: 5px;
  padding: 30px;
  margin: 0 0 30px;
}
.Reason1 h3,
.Reason2 h3,
.Reason3 h3{
  color: #008a33;
  font-size: 1.8rem;
  margin: 0 0 20px;
  position: relative;
  padding: 0 0 0 40px;
}
.Reason1 h3:before,
.Reason2 h3:before,
.Reason3 h3:before{
  content: "";
  position: absolute;
  height: 50px;
  width: 60px;
  top: 0;
  left: 0;
}
.Reason1 h3:before{background: url(../img/index/reason_img01.png) no-repeat; background-size:contain;}
.Reason2 h3:before{background: url(../img/index/reason_img02.png) no-repeat; background-size:contain;}
.Reason3 h3:before{background: url(../img/index/reason_img03.png) no-repeat; background-size:contain;}

.LinkBtn01 a{
  display: block;
  color: #FFF;
  text-align: center;
  font-weight: 800;
  font-size: 2.0rem;
  padding: 5px 10px;
  max-width: 300px;
  width: 80%;
  margin: 40px auto;
  background: linear-gradient(90deg, rgba(7,145,58,1) 0%, rgba(7,145,58,1) 40%, rgb(8, 185, 73) 60%, rgb(9, 194, 207) 100%);
  background-size: 200% 100%;
}
.LinkBtn01 a:hover{
  background-position: 100% 0;
}

#diff{
  background: #eaf9f0;
  position: relative;
  padding: 30px 0 167px;
}
#diff:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 110px;
  background: url(../img/index/diff_img.png) no-repeat;
  background-size: cover;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.diff_box{
  margin: 20px 0 0;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 2fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.diff_inner{
  border: 5px solid #008a33;
  background: #FFF;
  border-radius: 5px;
  padding: 20px;
}
.diff_inner h3{
  padding: 0;
}
.merit{
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: flex-start;
}
.merit dt{
  width: 100%;
  border-radius: 3px;
  padding: 3px 5px;
  color: #FFF;
  text-align: center;
  background: #666666;
  margin: 20px 0 0;
}
.merit dt:nth-child(1){
  background: #008a33;
}
.merit dd{
  width: 100%;
  padding: 3px 5px;
  margin: 10px 0 0;
}

.TxtAction{
  max-width: 779px;
  width: 100%;
  margin: 30px auto 0;
}
.TxtAction span{
  color: #008a33;
  font-size: 3.5vw;
}

.TxtAction:before{
  content: "";
  background :url(../img/index/text_l.png);
}
.TxtAction:after{
  content: "";
  background:url(../img/index/text_r.png);
}
.TxtAction:before,
.TxtAction:after{
  top: 10px;
  height: 20px;
  width: 25px;

}

.danger_box{
  margin: 20px 0 0;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 3fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}

.danger_inner{
  border: 5px solid #008a33;
  border-radius: 5px;
  padding: 20px;
}

.danger_inner h3{
  font-size: 2.0rem;
  margin: 10px 0 20px;
}
#danger{
  position: relative;
  padding: 30px 0 167px;
}
#danger:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 110px;
  background: url(../img/index/danger_bg.png) no-repeat;
  background-size: cover;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#pay{
  background: #ffffa9;
  position: relative;
}
.pay_box{
  margin: 20px 0 0;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 3fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.pay_inner{
  border: 5px solid #008a33;
  border-radius: 5px;
  background: #FFF;
  padding: 20px;
}

.Table01{
  border: 5px solid #008a33;
  border-radius: 5px;
  background: #FFF;
  max-width: 100%;
  margin: 0 auto;
}
.Table01 table{
  width: 100%;
}
.Table01 th,
.Table01 td{
padding: 10px;
}
.Table01 th{
  border-right: 1px solid #DDD;
}
.Table01 th:not(:last-child){
  border-bottom: 1px solid #DDD;
}

.Table01 td{
  border-bottom: 1px solid #DDD;
}

.titleh3{
  font-size: 2.2rem;
  text-align: center;
  border-bottom: 1px solid #008a33;
  margin: 50px 0 40px;
}

.case_Box{
  margin: 20px 0 0;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 3fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}

.case_inner{
  border: 5px solid #008a33;
  border-radius: 5px;
  background: #FFF;
  padding: 20px;
}
#pay:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../img/index/kv_grass.png) center bottom repeat-x;
  height: 100px;
  width: 100%;
}

.voice_inner{
  border: 5px solid #008a33;
  border-radius: 5px;
  background: #FFF;
  padding: 20px;
  margin: 0 0 30px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.voice_inner h4{
  color: #008a33;
  margin: 0 0 20px;
  padding: 0 0 0 80px;
  position: relative;
}
.voice_inner h4 span{
  color: #000;
  display: block;
}

.voice_inner h4:nth-child(1):before,
.voice_inner h4:nth-child(2):before,
.voice_inner h4:nth-child(3):before{
content:"";
height: 64px;
width: 73px;
position: absolute;
top: 0;
left: 0;
}
.voice_inner h4.voice_icon01:before{background: url(../img/index/voice_icon01.png) no-repeat;background-size: cover;}
.voice_inner h4.voice_icon02:before{background: url(../img/index/voice_icon02.png) no-repeat;background-size: cover;}
.voice_inner h4.voice_icon03:before{background: url(../img/index/voice_icon03.png) no-repeat;background-size: cover;}

#comp{
  background: url(../img/index/comp_bg.jpg) no-repeat;
  background-size: cover;
}

.Table02{
  border: 5px solid #008a33;
  border-radius: 5px;
  background: #FFF;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  overflow-x:scroll;

}
.Table02 table{
  width: 100%;
  min-width: 900px;
}
.Table02 th,
.Table02 td{
padding: 10px;
}
.Table02 th,
.Table02 td{
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
.Table02 td{text-align: center; width: 300px;}
.lock{
  text-align: left !important;
  position: sticky;
  top: 0;
  left: 0;
  background: none;
  border-left: none;
  border-right: none;
  width: 15% !important;
}
.lock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: -1;
  border-right: 1px solid #DDD;
}
.company{
  background: #e9f3ed;
}

#area img{
  margin: 0 auto 0;
  max-width: 900px;
}

.area_box{
  border: 5px solid #008a33;
  border-radius: 5px;
  margin: 40px auto 0;
  max-width: 900px;
}
.area_box dt{
  font-size: 2.0rem;
  font-weight: bold;
  color: #008a33;
  text-align: center;
  padding: 20px;
}
.area_box dd{
  text-align: center;
  padding: 10px 20px 30px;
}
.area_box dd:not(:last-child){
  border-bottom: 2px solid #008a33;
}

.faq_box dt{
  font-weight: bold;
  background: #ebf2ff;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 5px;
  transition: background 0.2s;
}
.faq_box dt.active {
  background: #c9e0ff;
}
.faq_box dd{
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 5px;
}
.faq_box dt:before{
  content: "Q";
  color: #0072ff;
  margin: 0 5px 0 0;
}
.faq_box dd:before{
  content: "A";
  color: #ff4e4e;
  margin: 0 5px 0 0;
}
.CTA_Lastarea{
  background: #ffff00;
}
.CTA_CP{
  max-width: 800px;
  width: 100%;
  margin: 0 auto 10px;
}

.form_tbl table{
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.form_tbl table th{
  background: #eefff4;
  width: 100%;
  text-align: left;
}
.form_tbl table td{
  width: 100%;
}
.form_tbl table th,
.form_tbl table td{
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
  display: inline-block;
  width: 100%;
}

.must{
  background: #FF0000;
  font-size: 1.4rem;
  color: #FFF;
  border-radius: 5px;
  padding: 3px 5px;
  margin: 0 0 0 5px;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
  border: 1px solid #999;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
}
.submitbtn{
  text-align: center;
}
input[type="submit"],
button[type="submit"]{
  margin: 40px auto;
  background: #008a33;
  border: 1px solid #008a33;
  border-radius: 5px;
  padding: 10px 30px;
  color: #FFF;
}
.backBtn{
  margin: 40px 10px;
  border: 1px solid #666;
  border-radius: 5px;
  padding: 10px 30px;
  background: #666;
  color: FFF;
}

#Company{
  background: #e5eee8;
}
.Company_table{
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.Company_table{
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.Company_table th,
.Company_table td{
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
  display: inline-block;
  width: 100%;
  background: #FFF;
}

.Company_table th{
  background: #e1e1e1;
  width: 100%;
  text-align: left;
}
.Company_table td{
  width: 100%;
}



#FloatArea_sp{
  position: fixed;
  right: 0;
  bottom: 0;
  background: #FFF;
  border-top: 1px solid #FFF;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0;
  z-index: 999;
  width: 100%;
}
#FloatArea_sp ul{
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}
#FloatArea_sp ul li{
  margin: 0;
  width: 100%;
}
#FloatArea_sp a{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100px;
  width: 100%;
  font-weight: bold;
  font-size: 1.2rem;
}

#FloatArea_sp .f_LINE a{
  background: #06c755;
  color: #FFF;
  padding: 5px 10px;
  width: 100%;
}
#FloatArea_sp .f_LINE a:before{
  content: url(../img/common/icon_line.svg);
  display: block;
  width: 40px;
}
#FloatArea_sp .f_TEL a{
  background: #ffff00;
  color: #002b10;
  padding: 5px 10px;
  width: 100%;
}
#FloatArea_sp .f_TEL a:before{
  content: url(../img/common/icon_tel.svg);
  display: block;
  width: 40px;
}
#FloatArea_sp .f_Contact a{
  background: #008a33;
  color: #FFF;
  padding: 5px 10px;
  width: 100%;
}
#FloatArea_sp .f_Contact a:before{
  content: url(../img/common/icon_mail.svg);
  display: block;
  width: 40px;
}

@media screen and (min-width: 672px) {
.CTA{
  padding: 20px 10px;
  font-size: 2.2rem;
}

.CTA div:not(:last-child){
  margin: 0 30px 0 0 ;
}
.CTA{
  padding: 20px 20px;
}
.cta_TXT{
  text-align: center;
  margin: 10px 30px 10px 0 !important;
}

.cta_TEL{color: #002b10; margin: 0 0 0}

}

@media screen and (min-width: 768px) {
#KV{
  height: 900px;
  padding: 0 3%;
  overflow: hidden;
  background: url(../img/index/kv_pc.jpg) no-repeat;
  background-size: cover;
}
.KV_img div{
  width: calc( 33% - 30px);
}
.KV_img div:not(:last-child){
  margin: 0 30px 0 0 ;
}
.cta_TXT{
  text-align: left;
  margin: 10px 30px 10px 0 !important;
}
.Section01_contents{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.Reason1 h3,
.Reason2 h3,
.Reason3 h3{
  color: #008a33;
  font-size: 2.4rem;
  padding: 0 0 0 60px;
}
.Reason1 h3:before,
.Reason2 h3:before,
.Reason3 h3:before{
  height: 70px;
  width: 80px;
  top: 0;
  left: 0;
}
.diff_box{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
#diff:after{
  position: absolute;
  content: "";
  max-width: 521px;
  width: 100%;
  max-height: 167px;
  height: 100%;
  background: url(../img/index/diff_img.png) no-repeat;
  background-size: cover;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.merit dt{
  min-width: 100px;
  width: 25%;
  border-radius: 3px;
  padding: 3px 5px;
  color: #FFF;
  text-align: center;
  background: #666666;
  margin: 20px 0 0;
}
.merit dt:nth-child(1){
  background: #008a33;
}
.merit dd{
  width: calc(94% - 100px);
  padding: 3px 5px;
  margin: 20px 0 0;
}
#danger:after{
  position: absolute;
  content: "";
  width: 100%;
  max-width: 521px;
  height: 167px;
  background: url(../img/index/danger_bg.png) no-repeat;
  background-size: cover;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.danger_box{
  margin: 20px 0 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.pay_box{
  margin: 20px 0 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.case_Box{
  margin: 20px 0 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.Table01{
  max-width: 60%;
}
.titleh3{
  font-size: 3.0rem;
}

.voice_inner{
  border: 5px solid #008a33;
  border-radius: 5px;
  background: #FFF;
  padding: 20px;
  margin: 0 0 30px;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.Table02 th,
.Table02 td{
padding: 20px;
}
.lock{
  width: 150px !important;
}
.area_box dt{
  font-size: 3.0rem;
}

.form_tbl table th,
.form_tbl table td{
  display: table-cell;
}

.form_tbl table th{
  background: #eefff4;
  width: 30% !important;
  text-align: left;
}
.form_tbl table td{
  width: 70% !important;
}

.Company_table th,
.Company_table td{
  padding: 10px;
  display: table-cell;
}
.Company_table th{
  background: #e1e1e1;
  width: 30% !important;
  text-align: left;
}
.Company_table td{
  width: 70% !important;
}

#FloatArea_sp{
  display: none;
}
#FloatArea{
  position: fixed;
  right: -200px;
  bottom: 100px;
  transition: right 0.6s cubic-bezier(0.77,0,0.175,1);
  background: #FFF;
  border-top: 5px solid #008a33;
  border-left: 5px solid #008a33;
  border-right: none;
  border-bottom: 5px solid #008a33;
  border-radius: 10px 0 0 10px;
  z-index: 999;
  width: 200px;
}
#FloatArea.active{
  right: 0;
}
#FloatArea ul{
  margin: 0;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
}
#FloatArea ul li{
  margin: 5px 10px;
}
#FloatArea a{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 60px;
  width: 100%;
  font-weight: bold;
  font-size: 1.6rem;
}

#FloatArea .f_LINE a{
  background: #06c755;
  color: #FFF;
  padding: 5px 10px;
  width: 100%;
}
#FloatArea .f_LINE a:before{
  content: url(../img/common/icon_line.svg);
  display: block;
  width: 40px;
}
#FloatArea .f_TEL a{
  background: #ffff00;
  color: #002b10;
  padding: 5px 10px;
  width: 100%;
}
#FloatArea .f_TEL a:before{
  content: url(../img/common/icon_tel.svg);
  display: block;
  width: 40px;
}
#FloatArea .f_Contact a{
  background: #008a33;
  color: #FFF;
  padding: 5px 10px;
  width: 100%;
}
#FloatArea .f_Contact a:before{
  content: url(../img/common/icon_mail.svg);
  display: block;
  width: 40px;
}
}
@media screen and (min-width: 1060px) {

}
/****************************************

Contents

*****************************************/
#MainTitle{
  height: 350px;
  background: url(../img/index/kv_pc.jpg) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.privacy dl{
  margin: 0 0 30px;
}
.privacy dt{
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #DDD;
}

.prfbox{
  margin: 100px 0 0;
  padding: 20px;
  border: 1px solid #DDD;
}

.FooterLink{
  background: #333;
  margin: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
}
.FooterLink li span{
  color: #666;
  margin: 0 5px;
}
.FooterLink li a{
  color: #FFF;
  font-size: 1.2rem;
}