@charset "utf-8";


#page-bg{position: relative;overflow: hidden;display: block; height: 285px;}
	@media (max-width:991px)	{#page-bg{margin-top: 0;padding-top: 0;height: 150px;}}

#page-bg img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
	object-position:50% 50%;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}

section h4{ text-align:center; font-size:36px; font-weight:normal; margin-bottom:75px;}
	@media (max-width:991px)	{ section h4{ font-size:21px; margin-bottom:35px;}}

.dlogo{ display: none; transition: .6s;}
.wlogo{ display: block; transition: .6s;}
.smaller .dlogo{ display: block; transition: .6s;}
.smaller .wlogo{ display: none; transition: .6s;}
@media (max-width:991px)	{.dlogo{display: block;}.wlogo{ display: none;}}
@media (min-width:992px)	{.navbar-expand-lg .navbar-nav .nav-link{color: #fff; transition: .6s;}
.smaller .navbar-expand-lg .navbar-nav .nav-link{color: #666; transition: .6s;}
.h-info{color: #fff;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:active, .navbar-expand-lg .navbar-nav .nav-link:focus, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus { color: #fff;}

.navbar-expand-lg .navbar-nav .nav-link:hover:after, .navbar-expand-lg .navbar-nav .nav-link:active:after, .navbar-expand-lg .navbar-nav .nav-link:focus:after, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:after, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover:after, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active:after, .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus:after {border-bottom: 3px solid #fff;}

.smaller .navbar-expand-lg .navbar-nav .nav-link:hover,.smaller .navbar-expand-lg .navbar-nav .nav-link:active,.smaller .navbar-expand-lg .navbar-nav .nav-link:focus,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus { color: #666;}

.smaller .navbar-expand-lg .navbar-nav .nav-link:hover:after,.smaller .navbar-expand-lg .navbar-nav .nav-link:active:after,.smaller .navbar-expand-lg .navbar-nav .nav-link:focus:after,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:after,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover:after,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active:after,.smaller .navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus:after {border-bottom: 3px solid #666; }}

.page-title{padding-top:140px;max-width: 1500px;margin: 0 auto;color:#fff;}
	@media (max-width:991px)	{.page-title{padding-top:50px;}}

#page-bg h2{font-size:44px;line-height: 1.7;text-align: center;color:#fff;font-weight: bold;}
#page-bg h2 span{font-size:16px;text-align: center;color:#fff;font-weight: normal; display: block; }
	@media (max-width:991px)	{#page-bg h2{font-size:24px;}}

.h2-lead{font-size: 30px;text-align: center;font-weight: bold;}
	@media (max-width:991px)	{.h2-lead{font-size: 18px;}}

.h2-sublead{font-size: 18px;text-align: center;}
	@media (max-width:991px)	{.h2-sublead{font-size: 16px;}}

.h2-sublead .en{letter-spacing:.1em;text-indent:.1em;}


.breadcrumb{background: transparent;font-size: 12px;padding: 15px 0;}



/* title */
[class*="tit-level"]				{}
[class*="tit-level"]:first-child	{margin-top:0;}
[class*="tit-level"]:last-child		{margin-bottom:0;}
hr + [class*="tit-level"]			{margin-top:20px;}

.tit-level01{font-family: 'Raleway', cursive,'swis721','nsans';font-size:32px; font-weight:bold; margin-bottom:45px; color: #ab987a; text-align: center; line-height: 1.7;}
.tit-level01 span{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-size:16px; font-weight:normal; margin-bottom:45px; color: #ab987a; display: block;}
@media only screen and (max-width:991px)	{.tit-level01{font-size:24px; display:block; padding-bottom:20px;margin-bottom:25px;}.tit-level01 span{margin-bottom: 20px;}}

.tit-level02{font-size:32px; font-weight:normal; margin-bottom:45px; color: #ab987a; text-align: center; line-height: 1.7;}
.tit-level02 span{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-size:16px; font-weight:normal; margin-bottom:45px; color: #ab987a; display: block;}
@media only screen and (max-width:991px)	{.tit-level02{font-size:24px; display:block; padding-bottom:20px;margin-bottom:25px;}.tit-level02 span{margin-bottom: 20px;}}

.tit-level1{font-size: 28px;line-height: 1;position: relative;margin-bottom: 45px;text-align: center;padding-bottom: 20px; font-weight: bold;}
	@media (max-width:991px)	{.tit-level1{font-size: 18px;padding-bottom: 15px;}}

.tit-level1:after{content: "";width: 3em;height: 3px;position: absolute;left: 50%;right: 50%;bottom: 0;margin:0 -1.5em;background: #333;display: block;}
	@media (max-width:991px)	{.tit-level1:after{display: block;}}

.tit-level2{line-height:1.25;position:relative;border-bottom:1px dotted #666;font-size:24px;margin:30px 0 20px;padding-bottom:9px;font-weight: bold;}
	@media (max-width:991px)	{.tit-level2{font-size:16px;margin:10px 0 5px;padding-bottom:5px;}}


.tit-level2aa{line-height:1.7;position:relative;border-bottom:1px dotted #666;font-size:24px;margin:30px 0 20px;padding-bottom:9px;font-weight: bold; text-align: left;}
	@media (max-width:991px)	{.tit-level2aa{font-size:16px;margin:10px 0 5px;padding-bottom:5px;}}
.tit-level2aa span{display: block;font-size: 130%; color: #ab987a;}



.tit-level02aa{font-size:32px; font-weight:bold; margin-bottom:65px; color: #0e2f49; text-align: left; line-height: 1.7;}
@media only screen and (max-width:991px)	{.tit-level02aa{font-size:22px; display:block; padding-bottom:20px;margin-bottom:25px;}.tit-level02 span{margin-bottom: 20px;}}


.tit-level3{line-height:1.25;position:relative;border-left:3px solid #0e2f49;font-size:22px;margin:20px 0 15px;padding-left:10px;font-weight: bold; color:#0e2f49}
	@media (max-width:991px)	{.tit-level3{font-size:15px;margin:20px 0 10px;padding-left:10px;}}


.tit-level4{text-align:left;font-size: 42px;font-weight:bold;margin-bottom: 30px;color:#000; line-height: 1.7}
.tit-level4 span{ display:block;font-size:24px; color:#000}
	@media only screen and (max-width:991px)	{
.tit-level4{font-size: 28px;font-weight: bold;margin-bottom: 15px;}.tit-level4 span{ display:block;font-size:20px; }}

.tit-level5{text-align:left;font-size: 32px;font-weight:bold;color:#9f3434;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{.tit-level5{font-size: 21px;font-weight: bold;margin-bottom: 15px;}}

.point-list{margin-left: 30px;}
.point-list li{padding-bottom: 10px;}

#advantage h3 { text-align: left; font-size: 40px; margin-bottom: 50px; font-weight: bold;}
#advantage h3 span { font-size: 20px; display: block; padding-top: 15px; font-weight: bold;}
#advantage h4 { text-align: center; font-size: 20px; margin-bottom: 45px; font-weight: normal;}

@media (max-width:991px)	{ #advantage h3{ font-size:32px; margin-bottom:35px;}#advantage h3 span { font-size: 18px; }}

/*PRODUCTS*/
#product1{background-position: right center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #0e2f49; position: relative;}
#product1 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
#product1 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
#product1 .inner{ background:rgba(255,255,255,.8); padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{#product1{background: none!important;}#product1 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

#product1 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a; position: relative}

#product1 p.sublead:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}
#product1 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{#product1 p.sublead{font-size: 16px;}#product1 .lineup_logo{z-index: 1;top: 50px; right: 20px;width: 33%;}}

.productitem h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:32px; font-weight:bold; margin-bottom:45px; color: #ab987a;}
@media only screen and (max-width:991px)	{.productitem h3 {font-size:24px; display:block; padding-bottom:20px;}}

.productitem h4{font-size:20px; font-weight:bold; margin-bottom:45px; color: #ab987a;}
.productitem p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a;}
.item h4{font-size: 20px; margin-bottom: 0; text-align: left;font-family: 'Raleway', cursive,'swis721','nsans'; font-weight: bold;}
.item{color: #333; background: #f9f9f9; transition: .6s;}
.item:hover{color: #fff!important; background: #0e2f49; transition: .6s;opacity: 1!important;}
.item a{color: #333; transition: .6s;}
.item a:hover{opacity: 1!important; color: #fff!important}
.item img:hover,.item a:hover img{opacity: 1!important;}
.product-txt { font-size:90%;}

.appeal-text{background-position: center center;background-repeat:no-repeat; background-size: cover;}
@media only screen and (max-width:991px){.appeal-text{background-image:none!important;}}
.appeal-text .container{max-width: 1500px;padding: 0;}
.appeal-text h4{ color: #333; font-size: 20px;font-weight:normal; margin-bottom: 45px;border-bottom: 1px solid #ab987a;position: relative; padding-bottom: 30px; text-align: left;}

.appeal-text h4:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}

.appeal-text h4 span{line-height: 1; text-align: left; font-size:60px;font-family: 'Raleway', cursive,'swis721','nsans'; color:#0e2f49; margin-bottom: 25px; display:block; font-weight: bold;}
@media only screen and (max-width:991px)	{.appeal-text h4{ font-size:18px;}.appeal-text h4 span{font-size: 40px;}}
.appeal-text p{ line-height:2; color:#000; text-align:left; font-size:16px;}
@media only screen and (max-width:991px)	{.appeal-text p{ padding:0 20px 0 20px; text-align:justify;}}
.appeal-text {padding:100px 50px; background-color:rgba(255,255,255,0.7);}
@media only screen and (max-width:991px){.appeal-text{ padding:10px 0px 10px; background-color:none;}}

.appeal-text01 {padding:100px 50px; background-color:rgba(255,255,255,0.7);}
@media only screen and (max-width:991px){.appeal-text01{ padding:50px 10px 10px; background-color:none;}}



.square-content{ display: block; height: 0; width: 100%; padding-bottom: 100%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content02{ display: block; height: 0; width: 100%; padding-bottom: 55%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content03{ display: block; height: 0; width: 100%; padding-bottom: 45%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content04{ display: block; height: 0; width: 100%; padding-bottom: 20%; position:relative; overflow:hidden; margin-bottom:1px;}
@media only screen and (max-width:991px)	{.square-content04{padding-bottom: 40%;}}

.square-content h3,.square-content02 h3,.square-content03 h3{font-size:40px; text-align:center;color:#fff;line-height: 30px;padding:10px;position:absolute;top:0;bottom:0;}
.square-content h3 span,.square-content h3 span,.square-content03 h3{ font-size:18px; display:block; padding-top:15px;}

.bg_about01{
	background: no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.square-content > div,.square-content02 > div,.square-content03 > div {position: absolute;top: 5%;left: 5%;}
.square-content-inner {display: flex;/* justify-content: center; */align-items: center;width: 100%;}
.square-content:hover,.square-content02:hover { background-size: auto 110%; transition: all 0.5s ease-in;}
.square-content03:hover,.square-content04:hover { opacity: 0.75;transition: all 0.1s;}



#bg-img-contents{background: url(../images/top/bg-img-contents.jpg) center center /cover no-repeat #fff;color:#fff;}
	@media only screen and (max-width:991px)	{#bg-img-contents{background: url(../images/top/bg-img-contents.jpg) center center /cover no-repeat;}}

#bg-img-contents h2{color:#fff;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#bg-img-contents h2{font-size: 29px;font-weight: bold;margin-bottom: 15px;}}

#bg-img-contents .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#bg-img-contents .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}


.cate-btn{list-style:none;text-align: center;}
.cate-btn li{display: inline-block; margin: 5px 10px;}
.cate-btn li .btn-service{width: 100%;}
@media only screen and (max-width:991px)	{.cate-btn li{display: block;}}

.icon-img{position: absolute;right: 0; top: 0;}
.icon-img1{position: absolute;right: 170px; top: 0; width:80px;}
.icon-img2{position: absolute;right: 85px; top: 0; width:80px;}
.icon-img3{position: absolute;right: 0; top: 0; width:80px;}
@media only screen and (max-width:991px)	{.icon-img{position: absolute;right: 0; top: -70px;}}




/*Products詳細ページ*/
.product-d h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:32px; font-weight:bold; margin-bottom:45px; color: #ab987a;text-align: center;}
.product-d h4{font-size:20px; font-weight:normal; margin-bottom:15px; color: #ab987a;text-align: center;}
@media only screen and (max-width:991px)	{.product-d h3 {font-size:24px; display:block; padding-bottom:20px;}.product-d h4{font-size: 18px;}}

.product-d2{background-position: right center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #333; position: relative;}
.product-d2 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.product-d2 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.product-d2 .inner{ background:rgba(255,255,255,.8); padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.product-d2{background: none!important;}.product-d2 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.product-d2 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a;}
.product-d2 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.product-d2 p.sublead{font-size: 16px;}.product-d2 .lineup_logo{z-index: 1;top: 60px;}}


.product-d3{background-position: left center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #0e2f49; position: relative;}
.product-d3 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.product-d3 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.product-d3 .inner{ background:rgba(255,255,255,.8); padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.product-d3{background: none!important;}.product-d3 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.product-d3 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a;}
.product-d3 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.product-d3 p.sublead{font-size: 16px;}.product-d3 .lineup_logo{z-index: 1;top: 60px;}}


.sp-box{padding: 20px; border:1px solid #09014b; margin-bottom: 40px;}
.h2-box{padding: 20px; border:1px solid #2792ce; margin-bottom: 40px;}
.ro-box{padding: 20px; border:1px solid #6cac79; margin-bottom: 40px;}
.utf-box{padding: 20px; border:1px solid #bc9762; margin-bottom: 40px;}

.comname2{}
.comname2 dt{
 float: left;font-weight: normal;padding: 5px;border-right: 1px solid #333;width: 100px;
}

.comname2 dd{
  margin-left:110px;padding: 5px;
}

/*------- list-toggle -------*/
.list-toggle {
    list-style: none;
}
.list-toggle li:first-child {border-bottom: 1px solid #666;}
.list-toggle li a{color: #b39861;font-size: 18px;}
	@media only screen and (max-width:991px)	{.list-toggle li a{font-size: 15px;}}

.list-toggle li.first{ border-top: 1px solid #666;}


.list-toggle-a {
  display: block;
  position: relative;
  padding: 14px 40px 14px 10px;
  line-height: 1.6;
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}



.list-toggle-a::after {
  position: absolute;
  display: block;
  content: '';
 background-image: url("../images/company/i_question.png");
 background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-left: auto;
  margin-right: auto;
  background-position: 0px 0px;
  top: 50%;
  margin-top: -10px;
  right: 5px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.list-toggle-a.state-active::after {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.list-toggle-con-jquery {
  display: none;
}
.list-toggle-con-jquery.state-active {
  border-bottom: 1px solid #ccc;
}

.list-toggle-con {
  height: 0;
  overflow: hidden;
}
.list-toggle-con.state-active {
}

.list-toggle-con-inner {
  position: relative;
  padding: 15px 10px 15px 10px;
  margin: 10px 0;
}



@media (max-width:991px)	{.list-toggle-con-inner:before{display:none;}}

@media print, screen and (min-width: 991px) {

	
  .list-toggle-a {
    padding: 20px 40px 20px 10px;
    line-height: 1.6;
    font-size: 16px;
  }
  .list-toggle-a::after {
    position: absolute;
    display: block;
    content: "";
    background-image: url("../images/company/i_question.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin-left: auto;
    margin-right: auto;
    background-position: 0px 0px;
    margin-top: -10px;
    right: 10px;
  }

  .list-toggle-con-inner {
    position: relative;
    padding: 20px 10px 20px 10px;
  }
}



dl#questionArea{
	line-height:1.6;
	margin-bottom:30px;
}
dl#questionArea dt{
	background:url("../images/company/i_question.png") no-repeat 0 2px;
	padding:0 0 0 25px;
	font-weight:bold;
	margin-bottom:20px;
}

dl#questionArea dt:before{
	content:"Q";
	font-size:24px;
	background:#5b4a40;
	color:#fff;
	padding:2px;
	margin-right:20px;
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
}

dl#questionArea dt a{
	color:#5b4a40;
	text-decoration:none;
}
dl#questionArea dt a:hover{
	text-decoration:none;
	color:#231f20;
	}
dl#questionArea dd{
	background:#fbfbfb;
	border:1px dotted #cdc8c8;
	padding:10px;
	color:#5b4a40;
	margin-bottom:20px;
}

#fq02 .list-toggle li{border-bottom: 1px solid #ccc; padding-left:40px; position:relative;}

#fq02 .list-toggle li:before {
	content: "Q";
	font-weight: bold;
	font-size: 36px;
	line-height: 1;
	position: absolute;
	left: 5px;
	top: 10px;
	color: #529c47;
}



/* 料金プラン */

#plan1{}

#plan2{}

#plan2 h3{color:#c03; font-size: 60px;font-weight: bold;}
	@media only screen and (max-width:991px)	{#plan2 h3{color:#c03; font-size: 26px;font-weight: bold;}}
	
#plan2 h4{text-align: left;font-size: 28px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#plan2 h4{font-size: 20px;font-weight: bold;margin-bottom: 15px;}}
	
#plan2 h4:first-letter{color:#c03;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px; margin-right:10px;}
	@media only screen and (max-width:991px)	{#plan2 h4:first-letter{font-size: 36px;font-weight: bold;margin-bottom: 15px;}}
	
#plan2-copy img{}
	@media only screen and (max-width:991px)	{#plan2-copy img{width: 290px;height: auto;}}

#plan2 .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#plan2 .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}

#arrow1-1{
	background: url(../images/plan/bg-flow1.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-1{background: url(../images/plan/bg-arrow1-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-2{
	background: url(../images/plan/bg-arrow2.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-2{background: url(../images/plan/bg-arrow2-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-3{
	background: url(../images/plan/bg-arrow3.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-3{background: url(../images/plan/bg-arrow3-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-4{
	background: url(../images/plan/bg-arrow4.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-4{background: url(../images/plan/bg-arrow4-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-5{
	background: url(../images/plan/bg-arrow5.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-5{background: url(../images/plan/bg-arrow5-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}




#plan3{}
#plan3 h3{border-bottom: 1px solid #ddd;padding-bottom: 19px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#plan3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4{border-bottom: 1px solid #ddd;text-align: left;padding-bottom: 19px;font-size: 24px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#index3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4 small{display: block;font-size: 12px;margin-bottom: 10px;}
	@media only screen and (max-width:991px)	{#plan3 h3 small{font-size: 10px;margin-bottom: 5px;}}


.tit-mini{color:#666;}
.tit-light{color:#0093d3;position: relative;}
.tit-standard{color:#f4e603;}
.tit-advance{color:#cc006b;}

#plan3 .balloon{width: 50px;height: 48px;text-align: center;font-size: 12px;line-height: 14px;padding: 7px 5px 10px;position: absolute;left: 180px;bottom: 10px;display: block;}
	@media only screen and (max-width:991px)	{#plan3 .balloon{left: 150px;bottom: 5px;}}

.plan-tb{width: 100%;}
.plan-tb th,.plan-tb td{border-bottom: 1px solid #ddd;padding: 10px;}
	@media only screen and (max-width:991px)	{.plan-tb { margin-bottom: 40px;}}


.plan-tb th{font-weight: normal;white-space: normal;}
.plan-tb th span{font-weight: bold;font-size: 18px;}
.plan-tb td{color:#333;font-size: 14px;text-align: right;}

.plan-tb.total td{font-size: 30px;}
.plan-tb.total td small{font-size: 14px;}
@media only screen and (max-width:991px)	{.plan-tb th,.plan-tb td{width: 100%; display: block;text-align: left}.plan-tb th{background:#f9f9f9}}
#ban_web{background: url(../images/common/ban_web.jpg) center center /cover no-repeat #00c1ff;color:#fff;}
	@media only screen and (max-width:991px)	{#ban_web{background: url(../images/common/ban_web-sp.jpg) center center /cover no-repeat;}}

#ban_web h2{color:#fff;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#ban_web h2{font-size: 29px;font-weight: bold;margin-bottom: 15px;}}

.ban_web-copy img{}
	@media only screen and (max-width:991px)	{.ban_web-copy img{width: 290px;height: auto;}}

#ban_web .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#ban_web .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}


.check{list-style: none;}
.check li{font-size: 18px;line-height: 40px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

.check li:before{content: "";background: url(../images/common/checkmark.png) left center /30px no-repeat;width: 30px;height: 40px;display: block;position: absolute;top: 0;left: 0;right: 0;}
	@media (max-width:991px)	{.check li:before{width: 30px;height: 24px;background-size:20px;}}

.comment{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

/* contact,inquiry,entry,estimate */
/* form control */
/* 以下必須マーク */
.common-tb.frm th.required{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQ2IDE0LjAxIj48dGl0bGU+cmVxdWlyZTwvdGl0bGU+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE0IiBzdHlsZT0iZmlsbDojYzAwIi8+PHJlY3QgeD0iMzIiIHk9IjAuMDEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+),url(../images/cmn/bg-dot.jpg);

	background-position:right center,left top;
	background-size:46px,inherit;
	background-repeat:no-repeat,repeat;}

span.required-img{display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDE0Ij48dGl0bGU+cmVxdWlyZS10eHQ8L3RpdGxlPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6I2MwMCIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+) center center /cover no-repeat;width:28px;height:14px;vertical-align:baseline;margin-right:5px;}




.point{color:#038fc4;text-align: center;font-size: 18px;margin-bottom: 10px;}
	@media (max-width:991px)	{.point{font-size: 18px;}}


.point small{font-size: 12px;display: block;color:#333;}



section#contact-introduction{ padding: 75px 0 0;}
.radio + .radio,
.checkbox + .checkbox				{margin-top:10px;}
.form-inline .radio + .radio,
.form-inline .checkbox + .checkbox	{margin-top:0;}

.required-img img					{width:32px;height:14px;vertical-align:middle;margin-right:0.25em;}

.pp-scroll{height:200px;overflow-y:scroll;padding:28px;margin:-28px;}
	@media (max-width:1199px)	{.pp-scroll{padding:23px;margin:-23px;}}
	@media (max-width:991px)	{.pp-scroll{padding:13px;margin:-13px;}}

.pp-scroll a,.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;}
.pp-scroll a{text-decoration:underline;}
.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;text-decoration:none;}

.pp-scroll > *:last-child{}
	@media (max-width:991px)	{.pp-scroll > *:last-child{padding-bottom:13px;}}

.tit-policy{padding-bottom:9px;border-bottom:1px dotted #666;font-weight:bold;margin:30px 0 15px;}
	@media (max-width:991px)	{.tit-policy{font-size:15px;margin:20px 0 10px;}}



input[type="checkbox"], input[type="radio"] {vertical-align:baseline;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right:0.5em;margin-top:6px;}
.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"]{margin-right:0.5em;margin-top:1px;}

input{font-size:100%;vertical-align:middle;}

input[type="text"],input[type="text"]:focus,
input[type="password"],input[type="password"]:focus,
input[type="tel"],input[type="tel"]:focus,
input[type="email"],input[type="email"]:focus,
select,select:focus,textarea,textarea:focus					{border:1px solid #ddd;border-radius:4px;line-height:normal;}

input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:14px;}
	@media (max-width:991px)	{input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:9px;}}

select{padding:9px 14px;}
	@media (max-width:991px)	{select{padding:6px 9px;}}


textarea{font-size:1;width:100%;height: 200px;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{background:#f6f6f6;}


.required input[type="text"],
.required input[type="password"],
.required select,
.required textarea{border:1px solid #ffbaba;line-height:normal;}

.required input[type="text"]:focus,
.required input[type="password"]:focus,
.required textarea:focus{background:#fff6f6;line-height:normal;}

label{margin:0 1em 0 0;}

.form-ss{width:80px;}
.form-s{width:100px;}
.form-m{width:33%;min-width:240px}
.form-l{width:100%;}
.form-ll{width:100%;}

::placeholder {color:#BDBDBD;}

/*----------------------flowここから----------------------*/
#page1-flow{padding: 0;}


#fbox{}

.fbox{position: relative;z-index: 0;z-index: 1;display: flex;width: 100%;}
	@media only screen and (max-width:991px)	{.fbox{display: block;}}

.step-text,.step-img{flex:1 1 50%;max-width: 50%;position: relative;}
	@media only screen and (max-width:991px)	{.step-text,.step-img{width: 100%;max-width: 100%;}}


.step-text{color:#fff;position: relative;z-index: 0;z-index: 1;display: flex;width: 100%;padding:20px;align-items:center;}
.step-title{
	font-size:21px;
	font-weight:bold;
}
.step-text:after{content: "";border-width: 25px;border-style: solid;position: absolute;top: 50%;bottom: 50%;left: 100%;z-index: 1;margin: -25px 0;}
	@media only screen and (max-width:991px)	{.step-text:after{top: 100%;left: 50%;right: 50%;bottom:auto;margin:0 -25px;}}

.step1{background: #92d050;}
.step1:after{border-color: transparent transparent transparent #92d050;}
	@media only screen and (max-width:991px)	{.step1:after{border-color: #92d050 transparent transparent transparent;}}

.step2{background: #93cddd;}
.step2:after{border-color: transparent transparent transparent #93cddd;}
	@media only screen and (max-width:991px)	{.step2:after{border-color: #93cddd transparent transparent transparent;}}

.step3{background: #ffc000;}
.step3:after{border-color: transparent transparent transparent #ffc000;}
	@media only screen and (max-width:991px)	{.step3:after{border-color: #ffc000 transparent transparent transparent;}}

.step4{background: #3cc;}
.step4:after{border-color: transparent transparent transparent #3cc;}
	@media only screen and (max-width:991px)	{.step4:after{border-color: #3cc transparent transparent transparent;}}

.step5{background: #C6C;}
.step5:after{border-color: transparent transparent transparent #C6C;}
	@media only screen and (max-width:991px)	{.step5:after{border-color: #C6C transparent transparent transparent;}}

.step-no,.step-square{}
	@media only screen and (max-width:991px)	{.step-text,.step-img{display: block;}}


.step-no {flex:1 1 100px;max-width: 100px;color:#fff;}
	@media only screen and (max-width:991px)	{.step-no{width: 60px;margin: 0 auto;}}

.step-no span{border:none;color:#fff;text-align: center;display: block;border-radius:50px;vertical-align: middle;font-weight: bold;font-family: "swis721",sans-serif;width: 100px;height: 100px;font-size: 72px;line-height: 60px;}
	@media only screen and (max-width:991px)	{.step-no span{width: 60px;height: 60px;font-size: 60px;line-height: 60px;margin-bottom: 20px;}}


.step-no small{display: block;font-weight: bold;font-size: 15px;line-height: 18px;}
	@media only screen and (max-width:991px)	{.step-circle small{font-size: 10px;line-height: 12px;}}

.step-square{padding-left:30px;vertical-align: middle;}
	@media only screen and (max-width:991px)	{.step-square{padding-left:0;}}

.step-square .well{background: #fff;border: none;color:#333;}

.step-img{vertical-align: middle;}

.flow-ofi{position: relative;overflow: hidden;display: block;padding-bottom: 300px;}
	@media (max-width:991px)	{.flow-ofi{margin-top: 0;padding-bottom: 200px;}}

.flow-ofi img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
	object-position:50% 50%;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}

/*result*/

.inner_box{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 133.33% 0 0;
}

.inner_box span{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display:block;
	background:#f6f6f6;
}

.inner_box img{
	width:auto;
	height:auto;
	text-align:center;
	max-width:100%;
	max-height:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.result-tit { font-size:16px;position: relative;padding: 1.5rem 1rem; text-align: center;margin-bottom: 15px;}
.result-tit:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
	background: #ab987a;
}

.result-tit span{ font-size:14px; color:#fff;background-color:#0e2f49; border:1px solid #0e2f49; padding:2px 10px 2px 10px; margin-right:10px;}
@media only screen and (max-width:991px){.result-tit span{ margin-right:0; line-height:3;}}

#result h4{ margin-top:10px;}

#result h4{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-size:16px; font-weight:normal; margin-bottom:45px; color: #ab987a; display: block;}
@media only screen and (max-width:991px)	{#result h4{margin-bottom: 20px;}}


.tit-level-result span{font-size: 24px; color:#0e2f49; border-right: 1px solid #0e2f49; margin-right: 10px; padding-right: 10px;}
.tit-level-result{font-size: 24px; font-weight: bold; text-align:left; margin-bottom: 45px;}

.tit-level-result2{margin: 0 0 0 5%;position: relative;}
.tit-level-result2::after{content: "";background-color: #0e2f49;height: 2px;width: 80px;position: absolute;top: 14px;left: -100px;}
.tit-level-result2 p{color: #0e2f49;font-size: 16px;margin-bottom: 9px;}
.tit-level-result2 h3{color: #0e2f49;font-size: 24px;font-weight: bold; margin-bottom: 45px;}
@media only screen and (max-width:991px)	{.tit-level-result2{margin: 0 0 0 9%;}}

.result-copy{ color: #333; font-size: 20px;font-weight:normal; margin-bottom: 45px;border-bottom: 1px solid #ab987a;position: relative; padding-bottom: 15px; text-align: left;}

.result-copy:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}

.result-copy span{line-height: 1.7; text-align: left; font-size:40px;font-family: 'Raleway', cursive,'swis721','nsans'; color:#0e2f49; display:block; font-weight: bold;}
@media only screen and (max-width:991px)	{.result-copy{ font-size:18px;}.result-copy span{font-size: 24px;}}





/*contact*/

#contact{ background:url(../images/top/bg-contact.jpg);padding: 65px 0 100px 0;}
@media only screen and (max-width:991px)	{#contact{padding: 45px 0 75px 0;}}
#contact h3{color:#666; font-weight:bold; font-size:48px; padding:40px 20px; text-align:center;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", "sans-serif"; font-weight: normal;}
@media only screen and (max-width:991px)	{#contact h3{font-size: 24px; padding:10px 20px;}}
#contact h3 img {margin-right:20px; width:30px; padding-bottom:10px;}
@media only screen and (max-width:991px)	{#contact h3 img{margin-right:10px; width:25px; padding-bottom:5px;}}

#contact .lead{ text-align:center; font-weight:bold; font-size:20px;}
@media only screen and (max-width:991px)	{#contact .lead{ text-align:center; font-weight:bold; font-size:16px;}}

	
.company-bg{padding-top: 75px; background: url("../images/top/bg-img-products.jpg") center center/cover no-repeat #fff;background-size:100%;}
@media (max-width:991px)	{.company-bg{ background-size: auto;}}


/**/
.tab_wrap{ margin:40px auto; }
.tab_wrap input[type="radio"]{display:none;}
form input[type="radio"]{display:inline-block!important;}
.tab_area{font-size:0; margin-bottom: 40px;}
.tab_area label{width:49%; margin:0; display:inline-block; padding:14px 0; color:#092b44; background:#ddd; text-align:center; font-size:18px; cursor:pointer; transition:ease 0.2s opacity; }
.tab_area label:last-child{width:49%;}

.tab_area label.tab1_label{color: #b39861; border: 1px solid #b39861 !important; background-color: #fff;font-family: 'nserif',serif;margin-right: 2%;}
.tab_area label.tab2_label{color: #b39861; border: 1px solid #b39861 !important; background-color: #fff;font-family: 'nserif',serif;}
/*.tab_area label:hover{opacity:0.5;}*/
.panel_area{background:#f1f1f1;}
.tab_panel{width:100%; padding:60px 20px; display:none;min-height: 260px;}
 @media (max-width:991px)	{.tab_panel{padding:60px 10px;}}

.tab_panel p{font-size:14px; letter-spacing:1px; text-align:left;}
 
#tab1:checked ~ .tab_area .tab1_label{background:#0e2f49; color:#fff;border: 1px solid #0e2f49 !important;}
#tab1:checked ~ .panel_area #panel1{display:inline-block;;}
#tab2:checked ~ .tab_area .tab2_label{background:#0e2f49; color:#fff;border: 1px solid #0e2f49 !important;}
#tab2:checked ~ .panel_area #panel2{display:inline-block;;}

@media (max-width:991px)	{.tab_area label{font-size: 14px;}}


.btn-tblabel,.btn-tblabel:active,.btn-tblabel:focus,.btn-tblabel:hover{color: #b39861;border: 1px solid #b39861 !important;background-color: #fff;position: relative;font-size: 20px;line-height: 32px;padding:18px 15px;width: 100%;margin: 0 auto;border-radius: 0;transition: .4s;font-family:'nserif',serif;}

@media (max-width:991px)	{.btn-tblabel,.btn-tblabel:active,.btn-tblabel:focus,.btn-tblabel:hover{font-size: 16px; margin-bottom: 10px;}}

.btn-tblabel:before{content: "";position: absolute;left: 0; top: 0; bottom: 0; width: 0; display: block; background: #0e2f49; z-index: -1; transition: .4s;}

.btn-tblabel:hover:before{width: 100%;}
.btn-tblabel:hover{color: #fff!important;transition: .4s;opacity:.9!important; border: 1px solid #0e2f49 !important;font-size: 20px;}
.btn-tblabel,.btn-tblabel:hover,.btn-tblabel:active,.btn-tblabel:focus{color: #0e2f49;border: 1px solid #0e2f49 !important;position: relative;line-height: 32px;padding:18px 15px;width: 100%;margin: 0 auto;border-radius: 0;transition: .4s;font-size: 20px;}

.btn-tblabel:before{content: "";position: absolute;left: 0; top: 0; bottom: 0; width: 0; display: block; background: #0e2f49; z-index: -1; transition: .4s;}


/*レンタル料金プラン*/

.price h4{font-weight: normal; margin-bottom: 25px; font-size: 20px;}

.plan_tab{
	border-top: 1px solid #eee;
	font-size:15px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	white-space: initial;
}
.plan_tab thead th {background: #0e2f49;text-align:center;color:#fff;padding:10px;font-size: 18px;white-space: initial!important;}
.plan_tab th{padding:10px;font-weight:normal;width: 40%;white-space: initial!important;}
.plan_tab td{padding:15px;text-align:left;border-left: 1px solid #ccc;}

.plan1_tab{
	border-top: 1px solid #eee;
	font-size:15px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	white-space: initial;border-collapse: collapse;
}
.plan1_tab thead th {background: #0e2f49;text-align:center;color:#fff;padding:10px;font-size: 18px;white-space: initial!important;}
.plan1_tab th{padding:10px;font-weight:normal;white-space: initial!important;border-bottom: 1px solid #ccc; text-align: center;border-left: 1px solid #ccc;}
.plan1_tab td{padding:15px;text-align:left;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}


@media (min-width:992px)	{
.plan_tab tr:nth-child(even) {background:#f1f1f1;}
}
@media (max-width:991px)	{
.plan_tab th {padding: 10px;font-weight: normal;display: block;width: 100%;	border-bottom:1px dotted #ccc; background:#f1f1f1}
.plan_tab td{display: block; width: 100%;border-left: none;}
}
.plan1_tab th {padding: 10px;font-weight: normal;display: block;width: 100%;	border-bottom:1px dotted #ccc; background:#f1f1f1}
.plan1_tab td{display: block; width: 100%;border-left: none;}
}

.tit-level2a{line-height:1.7;position:relative;border-bottom:1px dotted #666;font-size:32px;margin:30px 0 20px;padding-bottom:9px;font-weight:normal;color: #ab987a;}
.tit-level2a span{font-size:16px; color: #ab987a;display: block;}
	@media (max-width:991px)	{.tit-level2a{font-size:24px;margin:10px 0 5px;padding-bottom:5px;}}



/*water 20250512追加
---------------------------*/
.water{padding: 75px 0; background: #fff;}
.water .om-tit-box:after{display: none;}
@media (max-width:991px)	{.water{ background-size: auto;background: #fff;}}
.water p{color: #333;}
@media (max-width:991px)	{.our-mission{ padding-top: 0;}}
.water h3{text-align: center; color: #000;}
.water p.txt-lead{text-align: center; color: #000;font-weight: bold;font-size: 20px;}
.tit-water2{text-align: center; color: #0e2f49; font-size: 24px; margin: 65px 0 45px;font-weight: bold;line-height: 1.7;}
@media (max-width:991px)	{.tit-water2{ font-size: 20px; margin: 20px 0 50px;}}
.tit-water2 span{font-size: 48px;}
@media (max-width:991px)	{.tit-water2 span{ font-size: 35px;}}
.icon-tit{font-size: 18px;font-weight: bold;}
.in2-tit{font-family: 'Raleway','swis721',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; color: #ab987a; font-size: 38px;text-align: center;margin-bottom: 75px;}
.in2-tit span{display: block;font-size: 18px;padding-top: 15px;color: #333}
	@media only screen and (max-width:991px)	{.in2-tit{font-size: 30px;}}

.tit-box-water{background:#042338;padding: 15px;border:1px solid #042338;transition: .6s;}
.tit-box-water h4{color: #fff;font-weight: normal;font-size: 28px;text-align: center;line-height: 1.7;margin-bottom: 0;}
.tit-box-water h4 span{color: #fff;font-weight: normal;font-size: 20px;display: block;font-weight: normal}
a:hover .tit-box-water{background:#2182c3;padding: 15px;border:1px solid #2182c3;transition: .6s;}

.box-water{padding: 15px;background: #fff;border-left: 1px solid #042338;border-right: 1px solid #042338;border-bottom: 1px solid #042338;}
.box-water h5{text-align: center;color: #000;padding: 5px;border: 1px solid #000;margin-bottom: 20px;}
.box-water img{padding: 0 20px;}
.box-water p{color: #000;}

.option h4{font-weight: bold;font-size: 24px;line-height: 1.7;border-bottom: 2px solid #000;color: #000;}
.option h5{font-weight: bold;color: #000;text-align: center;}

.om-tit-box{background-color: #f5f5f5; margin-top: 0;}
.om-tit-box h5{font-size: 20px; padding: 38px 30px 10px;color:  #0e2f49;}
.om-tit-box h5 span{font-size: 18px; color:  #0e2f49;display: block;}
.om-tit-box p{ padding: 0px 30px 49px; font-size: 14px;color:  #0e2f49;}
.type-box a .btn-arrow{ color:#0e2f49; background:#fff; padding:10px 40px 10px 15px;transition:.6s; border-radius:0px;border: 1px solid #0e2f49;font-size: 14px;}
.type-box a .btn-arrow:after{font-family:'Font Awesome\ 5 Pro';margin-left:1.5em;color:#0e2f49;content:"\f061"; position: absolute;transition:.6s;right: 15px;}
.type-box a:hover .btn-arrow:after{font-family:'Font Awesome\ 5 Pro';margin-left:2.2em;color:#fff;content:"\f061"; position: absolute;transition:.6s;right: 10px;}
.type-box a:hover .btn-arrow{ color:#fff; background:#2182c3; padding:10px 40px 10px 15px;transition:.6s; border-radius:0px;border: 1px solid #2182c3;font-size: 14px;}


.imgscroll {overflow: hidden;}
.imgscroll .imgscrollwrap{width: 300dvw;display: flex;animation: slide-left 48s linear infinite;}
.imgscroll .imgscrollwrap span{width: 25dvw;height: 20dvw;}
.imgscroll .imgscrollwrap span img{width: 100%;height: auto;}

@keyframes slide-left {
  from {
    transform: translateX(0); /* 右外から */
  }
  to {
    transform: translateX(-200dvw);
  }