@font-face {
  font-family: "sampleFont";
  src: url("font.eot?") format('eot');
  src: url("font.eot?#iefix") format('embedded-opentype'),
       url("font.woff") format('woff'),
       url("font.ttf")  format('truetype');
}

* { 
    margin: 0px; 
    padding: 0px; 
}

html, body{
    margin: 0;
    padding: 0;
    width:100%;
    height:100%;
	color: #333;
	font-size: 100%;
	line-height: 180%;
	font-family:'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*min-width: 1300px;*/
	box-sizing: border-box;
	scroll-behavior: smooth;
}

.pc { /* PC版のみに表示 */
	display: block;
}
.sp {
	display: none;
}

.mt03 { margin-top: 3px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt90 { margin-top: 90px; }

.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb90 { margin-bottom: 90px; }

.ml50 { margin-left: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr50 { margin-right: 50px; }

.pt30 { padding-top: 30px; }
.pt60 { padding-top: 60px; }
.pt100 { padding-top: 100px; }

.pb30 { padding-bottom: 30px; }
.pb60 { padding-bottom: 60px; }

a {
	color: #0066cc;
}
a:hover {
	color: #989de6;
}
a[href^="tel:"] {
    pointer-events: none;
}

.red {
	color: #ff5959;
}


.fL {
	float: left;
}
.fR {
	float: right;
}
.tL {
	text-align: left;
}
.tR {
	text-align: right;
}
.tC {
	text-align: center;
}
.center {
	margin: 0 auto;
}

.clearfix:after {
   content: "";
   display: block;
   clear: both;
}

p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

#wrap {
	overflow: hidden;
}

.container-100 {
	margin: 0px auto 0px;
	padding: 70px 0;
}
.container-100.green {
	background-color: #277259;
}
.container-100.cta_last {
	background: url('../images/bg_cta_last.jpg') no-repeat;
	background-size: cover;
}

.main {
	width: 1100px;
	margin: 0 auto;
}

/* ヘッダー */
header {
	width: 100%;
	height: 720px;
	background: url( "../images/back_kv.png" ) 50% 0% / 1171px 669px no-repeat;
}

header #logo {
	position: absolute;
	top: 10px; left: 10px;
}

header #kv {
	max-width: 1400px;
	height: 720px;
	margin:  0 20px;
	position: relative;
}

header #kv #heading {
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	top: 115px; left: 10px;
}
header #kv #heading .mini {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}


header #kv h1 {
	position: absolute;
	top: 200px; left: 0%;
}
header #kv #device {
	position: absolute;
	top: 100px; right: 0%;
}
header #kv #box_simulation {
	position: absolute;
	top: 400px; left: 0%;
	background-color: #f5c824;
	border: solid 2px #f4b93a;
	border-radius: 30px;
	padding: 30px;
	text-align: center;
}
header #kv #box_simulation #text {
	font-size: 28px;
	font-weight: bold;
	margin: 10px 0;
}

/* ヘッダー end */

/* フッター */
footer {
	font-size: 13px;
	color: #fff;
	background-color: #1b1b1b;
	padding: 40px 0 20px;
	text-align: center;
}
footer .inner{
	width: 1100px; margin: 0 auto 40px;
}
footer .inner .left {
	font-size: 16px;
	width: 50%; float: left; text-align: left;
}
footer .inner .left img {
	width: 400px;
	margin-bottom: 20px;
}
footer .inner .right {
	width: 50%; float: right;
}
footer .inner .right .bt a {
	font-size: 16px;
	display: inline-block;
	color: #fff;
	background-color: #f5c824;
	border-radius: 30px;
	padding: 15px 100px;
	margin-top: 70px;
	text-decoration: none;
	transition: .3s;
}
footer .inner .right .bt a span:after {
	content: url("../images/icon_triangle.png");
	position: relative;
	top: 5px;
	left: 5px;
}
footer .inner .right .bt a:hover {
	background-color: #58a21c;
}

.page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
  font-size: 50px;
  color: #fff;
  background: #277259;
  padding: 10px;
  cursor: pointer;
  transition: .3s;
  z-index: 996;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}
.page_top::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 24px;
  left: 24px;
  margin: auto;
  text-align: center;
}
.page_top:hover {
	background-color: #58a21c;
}
/*このクラスが付与されると表示する*/
.ptop_active{
  opacity: 1;
  visibility: visible;
}

/*このクラスが付与されると表示する*/
.ptop_absolute{
  position: fixed;
  bottom: 70px;
}

/* フッター end */


/* ナビゲーション */
.hamburger-menu {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 10px;
	right: 10px;
	border: none;
	background: #277259;
	appearance: none;
	padding: 0;
	cursor: pointer;
	transition: .3s;
	z-index: 999;
}
.hamburger-menu:hover {
	background-color: #58a21c;
}
.hamburger-menu__bar {
  display: inline-block;
  width: 44%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s;
}
.hamburger-menu__bar:first-child {
  top: 14px;
}
.hamburger-menu__bar:nth-child(2) {
  top: 24px;
}
.hamburger-menu__bar:last-child {
  top: 34px;
}
.hamburger-menu--open .hamburger-menu__bar {
  top: 50%;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
  display: none;
}
.navigation {
	font-size: 20px;
  display: none;
  background: #fcc800;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 998;
  padding: 60px 0;
}
.navigation__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.navigation__list-item {

}
.navigation__list-item:first-child {

}
.navigation__link {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 18px 0;
  transition: .5s;
}
.navigation__link:hover {
	color: #58a21c;
}

.navigation .bt {
	display: block;
}
.navigation .bt a {
	font-weight: bold;
	width: 400px;
	display: block;
	padding: 20px 5%;
	margin: 0 auto;
	color: #fff;
	background-color: #277259;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	position: relative;
}
.navigation .bt a:hover {
	color: #fff;
	background-color: #58a21c;
}
.navigation .bt a::before {
    font-size: 14px;
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 600;
	padding-left : 0px;
	color: #fff;
	position: absolute;
	right: 15px;
}

nav.navigation.sp ul li a::after{
	color: #fff;
}
/* ナビゲーション end */



/* 共通 */

.caption_common {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	border-radius: 30px;
	padding: 3px 30px;
	margin-bottom: 40px;
}
h2.h2_common {
	font-size: 48px;
	line-height: 1.5;
	position: relative;
	text-align: center;
}
h2.h2_common::before {
	background-color: #008803; /* 線の色 */
	border-radius: 5px; /* 線の両端を丸く */
	bottom: -40px; /* 線の位置 */
	content: "";
	height: 3px; /* 線の高さ */
	left: 50%; /* 線の中央寄せ */
	position: absolute;
	transform: translateX(-50%); /* 線の中央寄せ */
	width: 60px; /* 線の長さ */
}
h2.h2_common .color {
	color: #008803;
}

.fade {
	opacity: 0;
	transition: 1s;
}

.fade-in {
	opacity: 5;
}

/* 共通 end */



/* CTA */

.main.free_trial h2 {
	font-size: 30px;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	margin-bottom: 90px;
	position: relative;
	text-align: center;
}
.main.free_trial h2::before {
  background-color: #fff; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -30px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 60px; /* 線の長さ */
}
.main.free_trial .outer .box {
	width: 43%;
	height: 200px;
	background-image: linear-gradient(155deg, #fff 50%, #f9f9f9 50%);
	float: left;
	border-radius: 10px;
	padding: 2.8%;
	margin-bottom: 30px;
	text-align: center;
	box-shadow: 6px 3px 6px 3px rgba(0, 0, 0, .2);
	position: relative;
}
.main.free_trial .outer .box:nth-child(even) {
	float: right;
}
.main.free_trial .outer .box #fukidashi {
	position: absolute;
	top: 20px;
	left: 20px;
}

.main.free_trial .outer .box .title {
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0 20px;
}
.main.free_trial .outer .box .bt a {
	display: inline-block;
	color: #fff;
	background-color: #f5c824;
	border-radius: 30px;
	padding: 10px 60px;
	text-decoration: none;
	transition: .3s;
}
.main.free_trial .outer .box .bt a span:after {
	content: url("../images/icon_triangle.png");
	position: relative;
	top: 5px;
	left: 5px;
}
.main.free_trial .outer .box .bt a:hover {
	background-color: #58a21c;
}

.main.free_trial .outer .box .tel {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
}
.main.free_trial .outer .box .tel a {
	color: #000;
	text-decoration: none;
}
.main.free_trial .outer .box .tel:before{
	content: '';
	display: block;
	width: 25px; 
	height: 27px;
	background-image: url(../images/icon_tel.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left: -30px;
}
.main.free_trial .outer .box .box_time {
	width: 300px;
	margin: 0 auto;
}
.main.free_trial .outer .box .box_time .text {
	font-size: 12px;
	color: #fff;
	float: left;
	background-color: #58a21c;
	border-radius: 10px;
	padding: 1px 10px;
	margin-right: 10px;
}
.main.free_trial .outer .box .box_time .time {
	font-size: 14px;
	float: left
}


/* CTA end */


/* 想い */

.container-100.thought {
	background: url('../images/bg_thought.jpg') no-repeat;
	background-size: cover;
}

.container-100.thought .main {
	position: relative;
	padding: 30px 0;
}

.container-100.thought .main .text_thought {
	font-size: 24px;
	font-weight: bold;
	display: inline;
	background-color: #fff;
	padding: 10px;
	line-height: 2.5;
}
.container-100.thought .main #device {
	position: absolute;
	top: 100px;
	right: -200px;
}


/* 想い end */




/* コストカットシュミレーション */

.container-100.simulation {
	background: url('../images/bg_simulation.jpg') no-repeat;
	background-size: contain;
}

.container-100.simulation .main {
	position: relative;
	padding: 30px 0;
	text-align: center;
}

.container-100.simulation .main h2 {
	font-size: 40px;
	color: #393939;
	display: inline-block;
	text-align: center;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
}
.container-100.simulation .main h2:before{
	content: '';
	display: block;
	width: 28px; 
	height: 18px;
	background-image: url(../images/icon_canma_left.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left: -40px;
}
.container-100.simulation .main h2:after{
	content: '';
	display: block;
	width: 28px; 
	height: 18px;
	background-image: url(../images/icon_canma_right.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right: -40px;
}

.container-100.simulation .main h2 .name {
	color: #008803;
}


.container-100.simulation .main #box_simulation {
	border-radius: 20px 20px 0 0; border: solid 1px #000;
	background-color: #fff;

}
.container-100.simulation .main #box_simulation #box_title {
	border-radius: 20px 20px 0 0; padding: 20px;
	background-color: #000;
	text-align: center;
}
.container-100.simulation .main #box_simulation #box_title #title {
	font-size: 26px;
	line-height: 47px;
	color: #fff;
	background: url( "../images/icon_owner.png" ) 0% 0% / 22px 47px no-repeat;
	display: inline-block;
	padding-left: 30px;
	margin-bottom: 10px;
}
.container-100.simulation .main #box_simulation #box_title #note {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	background-color: #3b3a3a;
	padding: 2px 20px;
	border-radius: 30px;
}
.container-100.simulation .main #content {
	padding: 40px 80px;
	text-align: left;
}
.container-100.simulation .main #content .title {
	font-size: 22px;
	font-weight: bold;
}
.container-100.simulation .main #content .title .green {
	color: #008803;
}
.container-100.simulation .main #content .box_bt {
	width: 1000px;
	margin: 30px auto 45px;
	position: relative;
}
.container-100.simulation .main #content .box_bt .bt a {
	font-size: 18px;
	font-weight: bold;
	color: #008803;
	width: 180px;
	background-color: #eaf7e3;
	border: solid 2px #008803;
	border-radius: 10px;
	float: left;
	padding: 10px 0px;
	text-decoration: none;
	text-align: center;
	margin: 0 30px 0 0;
	transition: .3s;
	position: relative;
}
.container-100.simulation .main #content .box_bt .bt a:hover {
	color: #fff;
	background-color: #008803;
}

.container-100.simulation .main #content .box_bt .bt#btn1.change a , .container-100.simulation .main #content .box_bt .bt#btn2.change a , .container-100.simulation .main #content .box_bt .bt#btn3.change a , .container-100.simulation .main #content .box_bt .bt#btn4.change a,
.container-100.simulation .main #content .box_bt .bt#btn5.change a , .container-100.simulation .main #content .box_bt .bt#btn6.change a , .container-100.simulation .main #content .box_bt .bt#btn7.change a , .container-100.simulation .main #content .box_bt .bt#btn8.change a
{
	color: #fff;
	background-color: #008803;
}

.container-100.simulation .main #content .box_bt .bt#btn1.change a::before , .container-100.simulation .main #content .box_bt .bt#btn2.change a::before ,.container-100.simulation .main #content .box_bt .bt#btn3.change a::before , .container-100.simulation .main #content .box_bt .bt#btn4.change a::before, 
.container-100.simulation .main #content .box_bt .bt#btn5.change a::before , .container-100.simulation .main #content .box_bt .bt#btn6.change a::before ,.container-100.simulation .main #content .box_bt .bt#btn7.change a::before , .container-100.simulation .main #content .box_bt .bt#btn8.change a::before
{
    font-size: 14px;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 600;
	padding-left : 0px;
	color: #fff;
	position: absolute;
	right: 15px;
}


.container-100.simulation .main #content .bt_next a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #ebc12e;
	border-radius: 30px;
	padding: 15px 70px;
	margin: 20px auto 0;
	text-decoration: none;
	text-align: center;
	transition: .3s;
	position: relative;
}
.container-100.simulation .main #content .bt_next a::after {
	content: url("../images/icon_triangle.png");
	position: relative;
	top: 4px;
	left: 5px;
}
.container-100.simulation .main #content .bt_next a:hover {
	background-color: #58a21c;
}


.container-100.simulation .main #content #result {
	background: url( "../images/bg_sumilation_result.png" ) 50% 0% / 587px auto no-repeat;
	padding: 80px 0 30px;
	margin-top: -40px;

}
.container-100.simulation .main #content #result #month {
	margin-left: 250px;

}
.container-100.simulation .main #content #result #cost {
	font-size: 60px;
	color: #fcc800;
	text-align: center;
	position: relative;
	margin-bottom: 0px;
	background-color: #fff;
	padding: 20px;
}
.container-100.simulation .main #content #result #cost::after {
	content: "削減可能！";
	color: #fcc800;
	font-size: 20px;
	position: absolute;
	top: 22px;
	margin-left: 5px;;
}
.container-100.simulation .main #content #result #explanation {
	font-size: 14px;
}

.container-100.simulation .main #content #result #button {
	margin: 30px 0;
	text-align: center;
}
.container-100.simulation .main #content #result #button .contact a {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	background-color: #f5c824;
	border-radius: 30px;
	padding: 10px 60px;
	margin-bottom: 40px;
	text-decoration: none;
	transition: .3s;
}
.container-100.simulation .main #content #result #button .contact a span:after {
	content: url("../images/icon_triangle.png");
	position: relative;
	top: 3px;
	left: 5px;
}
.container-100.simulation .main #content #result #button .contact a:hover {
	background-color: #58a21c;
}


.container-100.simulation .main #content #result #button .back a {
	display: inline-block;
	color: #fff;
	background-color: #333;
	border-radius: 30px;
	padding: 5px 30px;
	text-decoration: none;
	transition: .3s;
}
.container-100.simulation .main #content #result #button .back a:hover {
	background-color: #58a21c;
}


/* コストカットシュミレーション end */

/* お悩み */

.container-100.assignment {

	background: url('../images/bg_assignment.jpg') no-repeat;
	background-size: cover;
	position: relative;
	margin-bottom: 110px;
}

.container-100.assignment .main {
	width: 900px;
	height: 600px;
	text-align: left;

}

.container-100.assignment .main .text_assignment {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	display: inline;
	background-color: #000;
	padding: 10px 0;
	line-height: 2.5;
}

.container-100.assignment .main #box_wrap {
	position: absolute; 		
	bottom: -15%;
	left: 50%;
	transform: translateY(15%) translateX(-50%);
	-webkit- transform: translateY(15%) translateX(-50%);
}

.container-100.assignment .main #box_outer {
	width: 900px;
	padding: 0px;
}
.container-100.assignment .main #box_outer #box_list {
	padding: 50px 60px; background-color: rgba( 255, 255, 255, 0.8 );
}
.container-100.assignment .main #box_outer #box_kaiketsu {
	width: 840px;
	background-color: #393939; padding: 30px; text-align: center;
}
.container-100.assignment .main #box_outer #box_kaiketsu img {
	width: 600px;
}

.container-100.assignment .main #box_outer #box_list .list {
	font-size: 24px;
	font-weight: bold;
	position: relative;
	padding-left: 50px;
	margin-bottom: 20px;
}
.container-100.assignment .main #box_outer #box_list .list:before{
	content: '';
	display: block;
	width: 34px; 
	height: 28px;
	background-image: url(../images/icon_check.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left: 0px;
}

.container-100.assignment .main .triangle {
  background: #393939;
  height: calc(100px / 2);
  width: 100px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: -1px auto 0;
}

/* お悩み end */


/* お客様の声 */

.container-100.solution {
	background: url('../images/bg_solution.jpg') repeat-y;
	background-size: contain;
}
.container-100.solution .main {
	position: relative;
	height: 1300px;
}
.container-100.solution .main #box_photo {
	width: 100%;

}
.container-100.solution .main #box_photo .owner {
	float: left;
}
.container-100.solution .main #box_photo .store {
	float: right;
	margin-top: 100px;

}

.container-100.solution .main #contents {
	width: 100%;
	height: auto;
	margin-top: 0px;
	position: absolute;
	top: 400px;
    left: 0;
}
.container-100.solution .main #contents .box {
	font-size: 16px;
	width: 70%;
	background-color: #f1f6ec;
	border-radius: 10px;
	padding: 40px 60px;
	margin-bottom: 60px;
	float: left;
}
.container-100.solution .main #contents .box.right {
	float: right;
}

.container-100.solution .main #contents .box h3 {
	display: inline-block;
	font-size: 36px;
	margin-bottom: 30px;
	background: linear-gradient(transparent 60%, yellow 0%);
}

/* お客様の声 end */


/* JEDOでできること */

.container-100.features {
	background-color: #f3f5f1;

}
.container-100.features .explanation {
	margin: 100px 0;
	text-align: center;
}
.container-100.features .box {
	width: 90%;
	background-color: #fff;
	float: left;
	padding: 0px 0px 60px;
	margin-bottom: 60px;
}
.container-100.features .box.right {
	float: right;
}


.container-100.features .box .line {
	border-top: solid 4px #51a10b; width: 200px;
}

.container-100.features .box .outer {
	width: 1100px; margin: 60px auto 0;
	float: right;
}
.container-100.features .box.right .outer {
	float: left;
}

.container-100.features .box .outer .img {
	width: 45%;
	margin: 0 3%;
}
.container-100.features .box .outer .img img {
	width: 100%;
}

.container-100.features .box .outer .textarea {
	width: 45%;
	text-align: left;
}

.container-100.features .box .outer .img.right {
	float: right;
}
.container-100.features .box .outer .textarea.left {
	float: left;
}
.container-100.features .box .outer .img.left {
	float: left;
}
.container-100.features .box .outer .textarea.right {
	float: right;
}


.container-100.features .box .outer .textarea .heading {
	border-bottom: solid 1px #008803 ;
	padding-bottom: 0px;
	margin-bottom: 30px;
}
.container-100.features .box .outer .textarea .heading .num {
	font-size: 90px;
	float: left;
	margin-right: 20px;
}
.container-100.features .box .outer .textarea .heading .cont {
	font-size: 24px;
	font-weight: bold;
	color: #008803;
	float: left;
	padding-top: 35px;
}
.container-100.features .box .outer .textarea .heading .features {
	font-size: 12px;
	color: #008803;
	float: right;
	padding-top: 40px;
}

.container-100.features .box .outer .textarea h3 {
	font-size: 36px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.container-100.features .box .outer .textarea h3 .green {
	color: #008803;
}
.container-100.features .box .outer .textarea .features_explanation {
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
}
.container-100.features .box .outer .textarea .caution {
	font-size: 14px;
	margin-top: 20px;
}

/* JEDOでできること end */

/* だからJEDOが選ばれる */

.container-100.chosen {
	background: url('../images/bg_chosen.jpg') no-repeat;
	background-size: contain;
	background-color: #e3e0c9;
}
.container-100.chosen .main .caption_common {
	color: #000;
	background-color: #fff;
}
.container-100.chosen .main h2 {
	color: #fff;
}
.container-100.chosen .main h2::before {
	background-color: #fff;
}

.container-100.chosen .main .explanation {
	display: inline-block;
	font-size: 20px;
	color: #000;
	background-color: #fff;
	padding: 5px 10px;
	margin: 90px auto 200px;
	text-align: center;
}

.container-100.chosen .main .box_chosen {
	margin-bottom: 60px;
}
.container-100.chosen .main .box_chosen .cont {
	font-size: 16px;
	width: 52%;

}
.container-100.chosen .main .box_chosen .img {
	width: 45%;

}
.container-100.chosen .main .box_chosen .img img {
	width: 100%;
}

.container-100.chosen .main .box_chosen .cont.left {
	float: left;
}
.container-100.chosen .main .box_chosen .cont.right {
	float: right;
}
.container-100.chosen .main .box_chosen .img.left {
	float: left;
}
.container-100.chosen .main .box_chosen .img.right {
	float: right;
}

.container-100.chosen .main .box_chosen .cont h3 {
	font-size: 40px;
	line-height: 1.5;
	color: #008803;
	margin: 10px 0 20px;
}


/* だからJEDOが選ばれる end */

/* サービスご利用の流れ */

.container-100.flow {

}
.container-100.flow .main h2 {
	display: inline-block;
	font-size: 36px;
	color: #008803;
	text-align: center;
	margin-bottom: 90px;
	position: relative;
}
.container-100.flow .main h2:before{
	content: '';
	display: block;
	width: 273px; 
	height: 1px;
	background-image: url(../images/img_flow_h2line.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 12px;
	left: -300px;
}
.container-100.flow .main h2:after{
	content: '';
	display: block;
	width: 273px; 
	height: 1px;
	background-image: url(../images/img_flow_h2line.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 12px;
	right: -300px;
}

.container-100.flow .main .box_flow {
	margin-bottom: 30px;
}

.container-100.flow .main .img {
	width: 20%;
	float: left;
}
.container-100.flow .main .contents {
	width: 75%;
	float: right;
	text-align: left;
	margin-top: 40px;
}
.container-100.flow .contents .outer {
	text-align: left;
	margin-bottom: 20px;
}
.container-100.flow .contents .outer .icon {
	width: 17%;
	float: left;
}
.container-100.flow .contents .outer .text {
	font-size: 24px;
	font-weight: bold;
	color: #fcc800;
	width: 80%;
	float: left;
	margin-top: 6px;
}

/* サービスご利用の流れ end */

/* よくある質問 */

.container-100.qa h2 {
	font-size: 36px;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}
.container-100.qa .en {
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}
.container-100.qa .box {
	background-color: #fff;
	border-radius: 10px;
	padding: 0px 10px;
	margin-bottom: 30px;
}


.container-100.qa .accordion {
	margin: 0 auto;
	max-width: 100%;
}
.container-100.qa .toggle {
	display: none;
}
.container-100.qa .option {
	position: relative;
	margin-bottom: 1em;
}
.container-100.qa .title,
.container-100.qa .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.container-100.qa .title {
	padding: 25px 20px 15px;
	display: block;
	color: #51a10b;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
.container-100.qa .title .box_title .qa_icon {
	width: 5%; float: left;
}
.container-100.qa .title .box_title .qa_text {
	width: 95%; float: right; margin-top: 5px;
}


.container-100.qa .title::after,
.container-100.qa .title::before {
	content: "";
	position: absolute;
	right: 1.25em;
	top: 35px;
	width: 3px;
	height: 1em;
	background-color: #008803;
	transition: all 0.3s;
}
.container-100.qa .title::after {
	transform: rotate(90deg);
}
.container-100.qa .content {
	max-height: 0;
	overflow: hidden;
}
.container-100.qa .content .box_cont {
	width: 96.2%;;
	padding: 30px 0px 30px;
	font-size: 16px;
	line-height: 1.5;
	margin: 0 auto;
	background-image : linear-gradient(to right, #51a10b 2px, transparent 2px);
	background-size: 10px 2px;
	background-repeat: repeat-x;
}
.container-100.qa .content .box_cont .qa_icon {
	width: 5%; float: left;
}
.container-100.qa .content .box_cont .qa_text {
	width: 95%; float: right;
}


.container-100.qa .toggle:checked + .title + .content {
	max-height: 500px;
	transition: all 1.5s;
}
.container-100.qa .toggle:checked + .title::before {
	transform: rotate(90deg) !important;
}



/* よくある質問 end */

/* シミュレーション */
.bt_next {
  opacity: .3;
  pointer-events: none;
}
.bt_next.is-active {
  opacity: 1;
  pointer-events: inherit;
}
.simulation_set {
  display: none;
}
.simulation_set.is-visible {
  display: block;
}
.simulation_set .simulation_inner {
  transition: .3s all;
}
.simulation_set.is-visible .simulation_inner {
  animation: animateIn 0.3s ease-out;
}

@keyframes animateIn {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


@media screen and (max-width: 800px) {/* スマートフォン用のスタイル記述 */

.pc {
	display: none;
}
.sp { /* PC版のみに表示 */
	display: block;
}

a[href^="tel:"] {
    pointer-events: initial;
}

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

/* ヘッダー */
header {
	width: 100%;
	height: 600px;
	background: url( "../images/back_kv.png" ) -40% 0% / 600px auto no-repeat;
}

header #logo {
	top: 10px; left: 10px;
}

header #kv {
	width: 95%;
	height: 720px;
	margin:  auto;
}

header #kv #heading {
	font-size: 18px;
	font-weight: bold;
	top: 100px; left: 10px;
}

header #kv #heading .mini {
	font-size: 14px;
	margin-top: 5px;
}
header #kv h1 {
	top: 180px; left: 0%;
}
header #kv h1 img {
	width: 60%;
}

header #kv #device {
	top: 170px; right: 0%;
}
header #kv img#device {
	width: 35%;
}

header #kv #box_simulation {
	width: 100%;
	top: 330px; left: 0%;
	border-radius: 30px;
	padding: 20px 0;
}
header #kv #box_simulation #text {
	font-size: 18px;
	margin: 10px 0;
}

/* ヘッダー end */

/* フッター */
footer {
	font-size: 10px;
}

footer .inner{
	width: 95%; margin: 0 auto 40px;
}
footer .inner .left {
	width: 100%; float: none;
}
footer .inner .left img {
	width: 360px;
	margin-bottom: 20px;
}
footer .inner .right {
	width: 100%; float: none;
}
footer .inner .right .bt a {
	margin-top: 40px;
}
/* フッター end */

/* ナビゲーション */
.navigation .bt a {
	width: 75%;
}
/* ナビゲーション end */

/* 共通 */

.caption_common {
	font-size: 16px;
	border-radius: 30px;
	padding: 3px 30px;
	margin-bottom: 40px;
}
h2.h2_common {
	font-size: 36px;
}
h2.h2_common::before {
	border-radius: 5px; /* 線の両端を丸く */
	bottom: -40px; /* 線の位置 */
	width: 60px; /* 線の長さ */
}

/* 共通 end */

/* CTA */

.main.free_trial h2 {
	font-size: 30px;
	margin-bottom: 70px;
}
.main.free_trial .outer .box {
	width: 100%;
	height: auto;
	background-image: linear-gradient(155deg, #fff 50%, #f9f9f9 50%);
	padding: 20px 0;
	float: none;
}
.main.free_trial .outer .box:nth-child(even) {
	float: none;
}
.main.free_trial .outer .box #fukidashi {
	top: 20px;
	left: 20px;
}
.main.free_trial .outer .box img#fukidashi {
	width: 120px;
}

.main.free_trial .outer .box .title {
	font-size: 20px;
	margin: 5px 0 20px;
}
.main.free_trial .outer .box .bt a {
	padding: 10px 60px;
}
.main.free_trial .outer .box .bt a span:after {
	content: url("../images/icon_triangle.png");
	position: relative;
	top: 5px;
	left: 5px;
}
.main.free_trial .outer .box .tel {
	font-size: 30px;
	margin-bottom: 10px;
}
.main.free_trial .outer .box .box_time .text {
	font-size: 12px;
}
.main.free_trial .outer .box .box_time .time {
	font-size: 14px;
}

/* CTA end */


/* 想い */

.container-100.thought .main {
	padding: 0px 0;
}

.container-100.thought .main .text_thought {
	font-size: 15px;
	padding: 10px;
	line-height: 3;
}
.container-100.thought .main #device {
	display: none;
	/*
	position: absolute;
	top: 100px;
	right: -200px;
	*/
}

/* 想い end */




/* コストカットシュミレーション */

.container-100.simulation .main {
	padding: 0px 0 30px;
}

.container-100.simulation .main h2 {
	font-size: 30px;
	line-height: 1.6;
	margin-bottom: 60px;
}
.container-100.simulation .main h2:before{
	width: 18px; 
	height: 12px;
}
.container-100.simulation .main h2:after{
	width: 18px; 
	height: 12px;
}
.container-100.simulation .main #box_simulation {
	border-radius: 20px 20px 0 0;
}
.container-100.simulation .main #box_simulation #box_title {
	border-radius: 20px 20px 0 0; padding: 20px 10px;
}
.container-100.simulation .main #box_simulation #box_title #title {
	font-size: 24px;
	line-height: 1;
	padding-left: 30px;
	margin-bottom: 10px;
}
.container-100.simulation .main #box_simulation #box_title #note {
	font-size: 12px;
	padding: 2px 20px;
	text-align: left;
}
.container-100.simulation .main #content {
	padding: 60px 20px;
}

.container-100.simulation .main #content .box_bt {
	width: 100%;
	margin: 30px auto;
}
.container-100.simulation .main #content .box_bt .bt a {
	width: 45%;
	font-size: 18px;
	padding: 10px 0px;
	margin: 0 0px 30px 0;
}
.container-100.simulation .main #content .box_bt .bt.odd_number a {
	margin-right: 5%;
}


.container-100.simulation .main #content #result {
	background: url( "../images/bg_sumilation_result.png" ) 50% 0% / 587px auto no-repeat;
	padding: 80px 0 0px;
}
.container-100.simulation .main #content #result #month {
	margin-left: 0px;
}
.container-100.simulation .main #content #result #cost {
	font-size: 40px;
	margin-bottom: 0px;
	padding: 20px;
}
.container-100.simulation .main #content #result #cost::after {
	font-size: 14px;
	position: absolute;
	top: 22px;
	margin-left: 5px;;
}
.container-100.simulation .main #content #result #explanation {
	font-size: 14px;
}

/* コストカットシュミレーション end */


/* お悩み */



.container-100.assignment {
	background: url('../images/bg_assignment.jpg')  50% 0% / 1171px 669px no-repeat;
	margin-bottom: 110px;
}

.container-100.assignment .main {
	width: 95%;
	height: 600px;
	text-align: left;

}

.container-100.assignment .main .text_assignment {;
	font-size: 22px;
	padding: 10px 0;
	line-height: 2.5;
}

.container-100.assignment .main #box_wrap {
	width: 95%;
	position: absolute; 
	bottom: 0%;
	left: 50%;
	transform: translateY(15%) translateX(-50%);
	-webkit- transform: translateY(15%) translateX(-50%);
}

.container-100.assignment .main #box_outer {
	width: 100%;
	padding: 0px;
}
.container-100.assignment .main #box_outer #box_list {
	padding: 50px 5%;
}
.container-100.assignment .main #box_outer #box_kaiketsu {
	width: 100%;
	padding: 30px 0;
}
.container-100.assignment .main #box_outer #box_kaiketsu img {
	width: 90%;
}

.container-100.assignment .main #box_outer #box_list .list {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
}
.container-100.assignment .main #box_outer #box_list .list:before{
	width: 25px; 
	height: 21px;
	top:0;
	left: 0px;
}

.container-100.assignment .main .triangle {
  height: calc(100px / 2);
  width: 100px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: -1px auto 0;
}

/* お悩み end */


/* お客様の声 */

.container-100.solution {
	padding-top: 0;
}
.container-100.solution .main {
	position: static;
	height: auto;
}
.container-100.solution .main #box_photo {
	width: 100%;
}
.container-100.solution .main #box_photo .owner {
	width: 65%;
}
.container-100.solution .main #box_photo .store {
	width: 35%;
	margin-top: 60px;
}

.container-100.solution .main #box_photo .owner img , .container-100.solution .main #box_photo .store img {
	width: 100%;
}


.container-100.solution .main #contents {
	height: auto;
	margin-top: 0px;
	position: static;
	top: 300px;
    left: 0;
}
.container-100.solution .main #contents .box {
	width: 90%;
	padding: 40px 5%;
	margin-top: 30px;
	margin-bottom: 0px;
}
.container-100.solution .main #contents .box h3 {
	font-size: 30px;
	margin-bottom: 30px;
}

/* お客様の声 end */


/* JEDOでできること */

.container-100.features .explanation {
	width: 95%;
	margin: 100px auto;
	text-align: left;
}
.container-100.features .box {
	width: 100%;
	float: left;
	padding: 0px 0px 60px;
	margin-bottom: 60px;
}
.container-100.features .box.right {
	float: right;
}

.container-100.features .box .outer {
	width: 100%; margin: 60px auto 0;
	float: right;
}
.container-100.features .box.right .outer {
	float: left;
}

.container-100.features .box .outer .img {
	width: 95%;
	margin: 30px auto 0;
}
.container-100.features .box .outer .img img {
	width: 100%;
}

.container-100.features .box .outer .textarea {
	width: 95%;
	text-align: left;
	margin: 0 auto;
}

.container-100.features .box .outer .img.right {
	float: none;
}
.container-100.features .box .outer .textarea.left {
	float: none;
}
.container-100.features .box .outer .img.left {
	float: none;
}
.container-100.features .box .outer .textarea.right {
	float: none;
}

.container-100.features .box .outer .textarea .heading {
	padding-bottom: 0px;
	margin-bottom: 30px;
}
.container-100.features .box .outer .textarea .heading .num {
	font-size: 90px;
	float: left;
	margin-right: 20px;
}
.container-100.features .box .outer .textarea .heading .cont {
	font-size: 24px;
	float: left;
	padding-top: 35px;
}
.container-100.features .box .outer .textarea .heading .features {
	font-size: 12px;
	color: #008803;
	float: right;
	padding-top: 40px;
}

.container-100.features .box .outer .textarea h3 {
	font-size: 30px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.container-100.features .box .outer .textarea .features_explanation {
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
}

/* JEDOでできること end */

/* だからJEDOが選ばれる */

.container-100.chosen {
	background: url('../images/bg_chosen.jpg')  50% 0% / 1171px auto no-repeat;
	background-color: #e3e0c9;
}
.container-100.chosen .main .explanation {
	font-size: 20px;
	padding: 5px 10px;
	margin: 90px auto 60px;
	text-align: left;
}

.container-100.chosen .main .box_chosen {
	margin-bottom: 60px;
}
.container-100.chosen .main .box_chosen .cont {
	font-size: 16px;
	width: 100%;
	margin-bottom: 30px;

}
.container-100.chosen .main .box_chosen .img {
	width: 100%;
}
.container-100.chosen .main .box_chosen .img img {
	width: 100%;
}

.container-100.chosen .main .box_chosen .cont.left {
	float: none;
}
.container-100.chosen .main .box_chosen .cont.right {
	float: none;
}
.container-100.chosen .main .box_chosen .img.left {
	float: none;
}
.container-100.chosen .main .box_chosen .img.right {
	float: none;
}

.container-100.chosen .main .box_chosen .cont h3 {
	font-size: 30px;
	margin: 10px 0 20px;
}
/* だからJEDOが選ばれる end */




/* サービスご利用の流れ */

.container-100.flow {

}
.container-100.flow .main h2 {
	display: inline-block;
	font-size: 36px;
	color: #008803;
	text-align: center;
	margin-bottom: 90px;
	position: relative;
}
.container-100.flow .main h2:before{
	content: '';
	display: block;
	width: 273px; 
	height: 1px;
	background-image: url(../images/img_flow_h2line.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 12px;
	left: -300px;
}
.container-100.flow .main h2:after{
	content: '';
	display: block;
	width: 273px; 
	height: 1px;
	background-image: url(../images/img_flow_h2line.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 12px;
	right: -300px;
}

.container-100.flow .main .box_flow {
	margin-bottom: 30px;
}

.container-100.flow .main .img {
	width: 100%;
	float: none;
	text-align: center;
}
.container-100.flow .main .img img {
	width: 80px;
}

.container-100.flow .main .contents {
	width: 100%;
	float: right;
	text-align: none;
	margin-top: 10px;
}
.container-100.flow .contents .outer {
	text-align: left;
	margin-bottom: 20px;
}
.container-100.flow .contents .outer .icon {
	width: 35%;
}

.container-100.flow .contents .outer .text {
	font-size: 22px;
	width: 65%;
	margin-top: 6px;
}

/* サービスご利用の流れ end */





/* よくある質問 */

.container-100.qa .title {
	padding: 25px 5px 15px;
	font-size: 18px;
}
.container-100.qa .title .box_title .qa_icon {
	width: 15%; float: left;
}
.container-100.qa .title .box_title .qa_text {
	width: 75%; float: left;
}


.container-100.qa .title::after,
.container-100.qa .title::before {
	top: 35px;
}
.container-100.qa .content .box_cont {
	width: 100%;
	padding: 30px 5px 30px;
	font-size: 16px;
}
.container-100.qa .content .box_cont .qa_icon {
	width: 15%; float: left;
}
.container-100.qa .content .box_cont .qa_text {
	width: 85%; float: left;
}



/* よくある質問 end */

}