@charset "utf-8";
/* -----------------------

----------------------- */

/* 
----------------------- */

/* -----------------------
.default {
  margin-bottom: 2rem;==10px==
}

.fs12 {
  font-size: 1.2rem;==12px==
}

.fs16 {
  font-size: 1.6rem;==16px==
}

.fs24 {
  font-size: 2.4rem;==24px==
}

.fs36 {
  font-size: 3.6rem;==36px==
}
----------------------- */


html {
	font-size: 62.5%;
	color:#555555;
	line-height: 1.6;
}
body{
	font-family:"Yu Gothic,YuGothic,メイリオ,MS Pゴシック",sans-serif;
}

#wrraper{
	width: 100%;
	margin:0 auto;
}
img{
	width: 100%;
}
a{
	text-decoration: none;
}
.fsz14{
	font-size: 1.4rem;
}
.inner{
	max-width: 980px;
	margin: auto;
}
.inner02{
	max-width: 980px;
  margin: 0 auto;
  text-align: right;
}
.inner02 > p{
	font-size: 2.4rem;
  display: inline-block;
  background-color: #da2c38;
  color: #fff;
  padding: 10px 0;
  border-radius: 0 0 10px 10px
}
.inner02 > p i{
	margin-right: .5em;
}
.inner02 > p a{
	padding: 10px 1em;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
}
.inner02 > p a:hover {
  opacity: 0.5;
}
h2{
	width: 35%;
  margin: auto;
	padding: 80px 0 0;
}
.bgc_f1{
	background-color: #f1f1f1;
}

/* -----------------------

【header】

----------------------- */
#header{
	background-color: #7C6346;
}
#header .hdr{
	max-width: 980px;
	padding: 23px 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	color: #fff;
  margin: auto;
}
#header .hdr > div:nth-of-type(1){
	flex: 2;
}
#header .hdr > div:nth-of-type(2){
	flex: 3;
}
#header .hdr h1{
	font-weight: bold;
	font-size: 1.4rem;
}
#header .hdr h1 a{
	color: #fff;
}
#header .hdr h1 a:hover{
opacity: .8;
}
#header .hdr h1 span{
	font-size: 2.4rem;	
}
#header .hdr dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-weight: bold;
	justify-content: flex-end;
	align-items: center;
}
#header .hdr dl dt{
	width: 28%;
	text-align: center;
}
#header .hdr dl dt:nth-of-type(1){
	font-size: 1.4rem;
	color: #E69A2F;
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 0;
	margin-right: .5em;
}
#header .hdr dl dt:nth-of-type(2){
	font-size: 1.4rem;
	border: solid 1px #fff;
	border-radius: 5px;
	margin-right: .5em;
	margin-top: 10px;
}
#header .hdr dl dd{
	width: 45%;
	font-size: 1.6rem;
}
#header .hdr dl dd.telephone{
	font-size: 2.4rem;
	padding: 6px 0;
}
#header .hdr dl dd.telephone i{
	margin-right: .5em;
}
/*#header .hdr dl dd.telephone::before {
  content: '';/*何も入れない*/
  /*display: inline-block;/*忘れずに！*/
  width: 25px;/*画像の幅*/
  height: 25px;/*画像の高さ*/
  /*background-image: url("../images/Icon_phonet.png");
  background-size: contain;
  vertical-align: middle;
}*/
#header .hdr dl dd:nth-of-type(2){
	font-size: 1.4rem;
	margin-top: 10px;
}

/* -----------------------
nav
----------------------- */
nav{
	background-color: #FCF6EB;
}
nav ul{
	max-width: 980px;
  margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
nav li a{
	color: #555555;
	text-decoration: none;
	display: block;
	padding: 24px 0;
	font-size: 1.6rem;
  font-weight: bold;
}
nav li a:hover{
	color: #E69A2F;
}

/* ハンバーガー
----------------------- */
.nav_toggle {
  display: block;
  position: relative;
  width: 1.75rem;
  height: 1.5rem;
}
.nav_toggle i {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  position: absolute;
  transition: transform .5s, opacity .5s;
}
.nav_toggle i:nth-child(1) {
  top: 0;
}
.nav_toggle i:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}
.nav_toggle i:nth-child(3) {
  bottom: 0;
}
.nav_toggle.show i:nth-child(1) {
  transform: translateY(10px) rotate(-45deg);
}
.nav_toggle.show i:nth-child(2) {
  opacity: 0;
}
.nav_toggle.show i:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
}
.sp_nav {
  position: fixed;
  top: 3rem;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s, visibility .5s;
}
.sp_nav.show {
  opacity: 1;
  visibility: visible;
}
/* -----------------------
-----------------------
----------------------- */

/*---------------------------------
  
【トップ】

---------------------------------*/

/* -----------------------
abuto
----------------------- */
#abuto{
	max-width: 980px;
	text-align: center;
	margin: 0 auto;	
}
#abuto h3{
	margin-top: 40px;
	color: #8AB91A;
	font-size: 3.4rem;
	font-weight: bold;
	letter-spacing: 3px;
}
#abuto > div.lead{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 40px;
}
#abuto .lead div:nth-child(1){
	flex: 2;
}
#abuto .lead div:nth-child(2){
	flex: 2;
}
#abuto .lead div:nth-child(2) p{
	text-align: left;
  margin: 0 2.6em 0;
	font-size: 1.8rem;
	line-height: 2.4;
	letter-spacing: 2px;
	font-weight: bold;
}
#abuto .sales{
  margin: 80px 0 90px;
  letter-spacing: 2px;
  padding: 40px 0;
  border-radius: 10px;
  box-shadow: #e0e2db 3px 4px;
  box-shadow: 2px 2px 6px #c4c5c2;
}
#abuto .sales p:nth-of-type(1){
	font-size: 2.4rem;
	line-height: 1.6;
}
#abuto .sales p:nth-of-type(1){
	font-size: 2.4rem;
	line-height: 1.6;
}
#abuto .sales p:nth-of-type(2){
	margin-top: 10px;
	font-size: 2rem;
}
#abuto .sales p:nth-of-type(2) span{
	font-size: 3.2rem;
	font-weight: bold;
}
#abuto .sales p:nth-of-type(3),#abuto .sales p:nth-of-type(4){
	font-size: 1.6rem;
}
#abuto .sales p.btntop{
  padding: 20px 1em;
	margin-top: 10px;
}
#abuto .sales p.btntop a{
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  background-color: #DA2C38;
  padding: 20px 1em;
  min-width: 740px;
  border-radius: 10px;
  letter-spacing: 4px;
}
#abuto .sales p.btn{
  padding: 20px 1em;
	margin-top: 10px;
}
#abuto .sales p.btn a{
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  background-color: #DA2C38;
  padding: 20px 1em;
  min-width: 740px;
  border-radius: 10px;
  letter-spacing: 4px;
}
#abuto .sales p.btn a::before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 25px;/*画像の幅*/
  height: 25px;/*画像の高さ*/
  background-image: url("../images/Icon_mail.png");
  background-size: contain;
  vertical-align: middle;
　background-repeat: no-repeat!important;
  margin-right: 0.5em;
  background-repeat: no-repeat!important;
}
#abuto .sales p.btn a:hover{
	opacity: 0.8;
}
/* -----------------------
ご利用シーン
----------------------- */
#scene{
	background-color: #F1F1F1;
}
#scene .scn > p{
	font-size: 2.4rem;
	text-align: center;
	margin-top: 40px;
}
#scene .scn ul.scnlist{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 80px;
}
#scene .scn ul.scnlist > li{
	background-color: #FFFFFF;
	width: 33.3%;
	width: calc((100% - 7%)/ 3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  /*min-height: 51vh;*/
  /*min-height: 375px; */   
  margin-top: 40px;
}
/*#scene .scn ul.scnlist > li:nth-of-type(1){
	background-image: url(../images/top/sen01.jpg);
}
#scene .scn ul.scnlist > li:nth-of-type(2){
	background-image: url(../images/top/sen02.jpg);
}
#scene .scn ul.scnlist > li:nth-of-type(3){
	background-image: url(../images/top/sen03.jpg);
}
#scene .scn ul.scnlist > li:nth-of-type(4){
	background-image: url(../images/top/sen04.jpg);
}
#scene .scn ul.scnlist > li:nth-of-type(5){
	background-image: url(../images/top/sen05.jpg);
}
#scene .scn ul.scnlist > li:nth-of-type(6){
	background-image: url(../images/top/sen06.jpg);
}
#scene .scn ul.scnlist > li:nth-of-type(7){
	background-image: url(../images/top/sen07.jpg);*/
}
#scene .scn ul.scnlist > li:nth-of-type(n+4):nth-child(-n+7){
	margin-top: 65px;
}
#scene .scn ul.scnlist li div:nth-of-type(1){
	position: relative;
  display: block;
  padding: 10px 1rem;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background-color: #8ab91a;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
#scene .scn ul.scnlist li .senbox:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #8ab91a;
}
#scene .scn ul.scnlist li div:nth-of-type(1) p {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
}
#scene .scn ul.scnlist li div p,#scene .scn ul.scnlist li ul{
	font-size: 1.4rem;
	padding: 25px 2em 10px;
	/* padding-left: 2em; */
	list-style-type: disc;
	list-style-position: outside;
}
scene .scn ul.scnlist li div li{
	margin: 5px 0 0;
}
#scene .scn ul.scnlist li div li span{
	color: #8AB91A;
	font-weight: bold;
}

#scene .box{
    clear: both;
    widows: 100%;
}
#scene .box_l{
    float: left;
    width: 34%;
    color: #555 !important;
    font-size: 14px !important;
    background-color: #fff !important;
    font-weight: normal !important;
    text-align: left !important;
}
#scene .box_r{
    float: right;
    width: 31%;
    padding-top: 25px;
}
#scene .box_r img{
    width: 100%;
    max-width: 304px;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
#scene .scn ul.scnlist > li:nth-child(7){
width: 100%;
}
#scene .scn ul.scnlist > li.one/*:nth-child(7)*/{
width: 100%;
}
#scene .scn ul.scnlist > li.one .clearfix > div{
	height: auto;
}
#scene .scn ul.scnlist li.one div:nth-of-type(2) .box_l{
	padding: 0 1rem;
	margin-top: 0;
}
#scene .scn ul.scnlist > li.one .clearfix div:nth-of-type(2){
	margin-top: 0;
}
/* -----------------------
申し込み
----------------------- */
#secApp{
	text-align: center;
	margin-top: 80px;
}
section div.app p:nth-of-type(1){
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing:4px;
}
section div.app .appbtn{
  margin-top: 10px;
	padding: 24px 1em;
}

section div.app .appbtn a{
	color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  background-color: #DA2C38;
  padding: 24px 1em;
  min-width: 740px;
  border-radius: 10px;
	letter-spacing:4px;
}
section div.app .appbtn i{
	margin-right: .5em;
}
section div.app .appbtn a:hover{
	opacity: 0.5;
}
/*section div.app .appbtn a::before{
  content: '';/*何も入れない*/
  /*display: inline-block;/*忘れずに！*/
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  /*background-image: url("../images/Icon_mail.png");
  background-size: contain;
  vertical-align: middle;
　background-repeat: no-repeat;
  margin-right: 0.5em;
	background-repeat: no-repeat;
}*/
section div.app .appbtn a:hover{
	opacity: 0.5;
}
section div.app p:nth-of-type(3){
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 30px;
}

/* -----------------------

【footer】

----------------------- */

footer{
	margin-top: 80px;
}
footer .footerNav{
	background-color: #FCF6EB;
}
footer .footerNav ul{
	max-width: 980px;
	display: flex;
	flex-wrap: nowrap;
  margin: auto;
	justify-content: space-between;
	font-size: 1.6rem;
}
footer .footerNav ul li a{
	color: #555555;      
	display: block;
	padding: 20px 0 20px;
	font-weight: bold;
}
footer .footerNav ul li a:hover{
	color: #E69A2F;
}
/* 
MANOMAメモ
----------------------- */
footer .footernote{
	max-width: 980px;
	margin: auto;
}
footer .footernote div:nth-child(1){
	width: 40%;
	margin-top: 40px;
}
footer .footernote div:nth-child(1) a:hover{
	opacity: 0.5;
}
footer .footernote div:nth-child(2){
	margin-top: 40px;
}
footer .footernote ul li{
	font-size: 1.6rem;
  margin-top: 10px;
	
}
/* 
copyright
----------------------- */
footer .copy{
	background-color: #7C6346;
	margin-top: 40px;

}
footer .copy > p{
	font-size: 1.4rem;
	color: #fff;
	max-width: 980px;
    margin: auto;
	text-align: center;
	padding: 10px 0;
}

/*---------------------------------
---------------------------------  
下層
---------------------------------
---------------------------------*/
#plan,#device,#flow,#event{
	font-size: 1.6rem;
}
#plan .plnBox,#device .dev,#flow .flw,#event .evt{
	margin-top: 50px;
}
/*---------------------------------
  
【料金・プラン】

---------------------------------*/
#plan{
	font-size: 1.6rem;
}
#plan .plnBox div.note{
		font-size: 1.4rem;
		/*display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;*/
}
#plan .plnBox:nth-child(1){
		font-size: 1.4rem;
		margin-top: 40px;
}

#plan .plnBox > p {
	font-size: 1.3rem;
}
#plan .plnBox div:nth-child(3){
	margin-top: 80px;
}
#plan .plnBox table.pln{
	table-layout: fixed;
}
#plan .plnBox table.pln th,#plan .plnBox table.prc th{
	text-align: center;
	font-weight: bold;
	padding: 10px .5em !important;
}
#plan .plnBox table.pln th .ex p:nth-of-type(2){
	font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  padding: 10px 0.5em;
  border-top: 1px solid #d3d1ce;
}
#plan .plnBox table.pln td,#plan .plnBox table.prc td{
	padding: 10px .5em !important;
}
#plan .plnBox table.pln tr:nth-of-type(1) {
	background-color:#a9d248 /*#8ab91a*/;
	color: #362d22;
}
#plan .plnBox table.pln dl{
	display: flex;
	flex-wrap: wrap;
  width: 100%;
}
#plan .plnBox table.pln dl dt{
	width: 45%;
	margin-right: .5em;
}
#plan .plnBox table.pln dl dd{
	width: 45%;
}
#plan .plnBox table.prc tr:nth-of-type(1){
	background-color:#a9d248 /*#8ab91a*/;
	color: #362d22;
}
#plan .plnBox table.prc tr:nth-of-type(2) td {
	text-align: center;
	font-weight: bold;
	background-color:#a9d248 /*#8ab91a*/;
	color: #362d22;
}
#plan .plnBox table.prc tr td:nth-of-type(2),#plan .plnBox table.prc tr td:nth-of-type(3){
	text-align: right;
}
#plan .plnBox table.prc tr td:last-child{
	text-align: center;
}

/*---------------------------------
  
【提供機器】

---------------------------------*/

#device{
	background-color: #F1F1F1;
	padding-bottom: 80px;
}
#device .dev > p{
	font-size: 1.3rem;
}
#device .dev ul.devlist li{
	display: flex;
  flex-wrap: nowrap;
  border: solid 1px #7c6346;
  padding: 15px 1em;
  border-radius: 10px;
  background-color: #fff;
}
#device .dev ul.devlist li:not(:nth-of-type(1)){
	margin-top: 40px;
}
#device .dev ul.devlist li div:nth-of-type(1){
	padding: 0 1em 0 0;
	flex: 1;
}
#device .dev ul.devlist li div:not(:nth-of-type(1)){
	padding: 0 1em;
	flex: 2;
}
#device .dev ul.devlist li div:nth-of-type(2){
	border-right: 1px solid #777777;
	border-left: 1px solid #777777;
}
#device .dev ul.devlist li div:nth-child(n+2) p:nth-child(1){
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	color: #8ab91a;
}

/*---------------------------------
  
【ご契約の流れ】

---------------------------------*/
#flow .flw > p{
	text-align: center;
}
#flow .flw .stepBox .step{
	display: flex;
	flex-wrap: nowrap;
  margin-top: 40px;
}
#flow .flw .stepBox .step > div{
  padding: 10px 1rem;	
}
#flow .flw .stepBox .step > div:nth-of-type(1){
	flex: 1;
  background-color: #a9d248;
  margin-right: 2rem;
  border-radius: 10px;
  text-align: center;
  height: 172px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border: solid 2px #8ab91a;
}
#flow .flw .stepBox .step > div:nth-of-type(2){
	flex: 4;
	border: 1px solid #7c6346;
}
#flow .flw .stepBox .step .stptxt{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
#flow .flw .stepBox .step .stptxt div:nth-of-type(1){
	flex: 1;
	margin: 0 1.5em 0 0;
}
#flow .flw .stepBox .step .stptxt div:nth-of-type(2){
	flex: 6;
}
#flow .flw .stepBox .step .stptxt:nth-of-type(2) p:nth-child(1){
	font-weight: bold;
	font-size: 1.8rem;
}

/*---------------------------------
  
【イベント情報】

---------------------------------*/

#event .evt .area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
#event .evt .area ul li{
	/*background-color: #8ab91a;*/
  border-radius: 10px;
  border: 2px solid #8ab91a;
  font-weight: bold;
}
#event .evt .area ul li a{
	padding: 10px 1em;
  display: block;
  color: #555555;
}
#event .evt .area ul li a:hover{
	opacity: 0.5;
}
#event .evt .newsBox {
	margin-top: 40px;
}
#event .evt .newsBox > p{
	display: inline-block;
  background: #8ab91a;
  padding: 5px 1em;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}

#event .evt ul li dl{
	display: flex;
	flex-wrap: nowrap;
}
#event .evt ul li dl dt{
	width: 20%;
  font-weight: bold;
}
#event .evt ul li dl dd{
	width: 65%;
}

#event .evt .newsBox > div{
      padding: 20px 2em;
    border: 1px solid #7c6346;
  }










#event .evt .newsBox dl.shop{
	text-align: inherit;
	margin-top: 10px;
	color: #555;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#event .evt .newsBox dl.shop dt{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;  
}
#event .evt .newsBox dl.shop dt p{
	margin-top: 0;
}
#event .evt .newsBox dl.shop dd{
	width: 100%;
}
#event .evt .newsBox dl.shop dt p:nth-child(1) i{
	color: #7c6346;
	margin: 0 .5em 0 0;
}
#event .evt .newsBox dl.shop dt p:nth-child(1) span{
	font-size: 1.4rem;
	font-weight: inherit;
	margin-left: 0.5em;
}
#event .evt .newsBox dl.shop dt p:nth-child(2){
	margin: 0 0 0 1em;
	font-weight: normal;
}
#event .evt .newsBox dl.shop dt p:nth-child(2) i{
	margin: 0 .5em 0 0;
	color: #818f9d;
}
#event .evt .newsBox dl.shop dd ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: baseline;
}
#event .evt .newsBox dl.shop dd ul li{
	line-height: 1.6;
	margin-top: 10px;
	margin-right: 1.5em;
	border-bottom: none;
	font-weight: normal;
}
#event .evt .newsBox dl.shop:not(:last-child){
	border-bottom: 1px solid #dfdedd;
}




/* 
PC用のcss
----------------------- */
@media all and (min-width: 1024px) and (max-width: 1280px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/

}
/* 
横タブレット用のcss
----------------------- */
@media all and (min-width: 768px) and (max-width: 1024px) {

}
/* 
タブレット用のcss
----------------------- */

@media all and (min-width: 480px) and (max-width: 768px) { 

/* -----------------------
	
【header】
	
----------------------- */
html{

}
#header .hdr{
	max-width: 728px;
}
nav ul{
	max-width: 728px;	
}



}


@media(min-width:481px){
.sp{
    display: none !important;
}
.pc_non{
	display: none !important;	
}
.sp_plnCtch{
	display: none !important;
}
}
/*@media(max-width:750px){
    .pc{
        display: none !important;
    }
}*/


/* 
スマホ用のcss
----------------------- */

@media all and (max-width: 480px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.pc{
  display: none !important;
}
.sp_non{
	display: none !important;	
}
	
/*----------------------------
* メニュー開閉ボタン
*----------------------------*/

.menu-btn{
  position: absolute;
  top: 139px;
  right: 0;
  z-index: 2;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #555;
}

/*----------------------------
* メニュー本体
*----------------------------*/
.menu{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100vw;
  height: 65vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
　color: #555;
}
.menu__item{
  width: 100%;
  height: auto;
  padding: .5em 1em;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: bold;
}
.menu__item a{
	color: #555;
}
/*----------------------------
* アニメーション部分
*----------------------------*/

/* アニメーション前のメニューの状態 */
.menu{
  transform: translateX(100vw);
  transition: all .3s linear;
}
/* アニメーション後のメニューの状態 */
.menu.is-active{
  transform: translateX(0);
}	
/* -----------------------
-----------------------
----------------------- */	
	
	
.inner{
	padding: 0 2rem;		
}	
	
h2{
	width: 70%;
	padding: 40px 0 0;
}	
	
	
/* -----------------------
	
【header】
	
----------------------- */
#header .hdr{
	display: block;
}
#header .hdr h1{
	padding: 0 1em 20px;
  text-align: center;
  font-size: 1.2rem;
}
#header .hdr h1 span{
	font-size: 1.6rem;
}
#header .hdr .desk{
	background-color: #FCF6EB;
	padding: 10px 1em;
	}
#header .hdr dl{
  justify-content: flex-start;
}

#header .hdr dl dt:nth-of-type(1){
	color: #fff;
    background-color: #E69A2F;
    font-size: 1.2rem;
}
#header .hdr dl dt:nth-of-type(2){
	color: #555;
	border: solid 1px #E69A2F;
}
#header .hdr dl dd{
	width: 60%;
}
#header .hdr dl dd.telephone{
	color: #555;
	font-size: 1.6rem;
}
#header .hdr dl dd:nth-of-type(2){
	color: #555;
	font-size: 1.2rem;
  margin-top: 10px;
}
/* -----------------------
	
【トップ】
	
----------------------- */	

	
/* -----------------------
abuto
----------------------- */	

#abuto > div.lead{
	display: block;
}
#abuto h3{
	font-size: 1.7rem;
  letter-spacing: 1px;
  margin-top: 15px;
}
#abuto > div.lead{
	margin-top: 15px;
}
#abuto .lead div:nth-child(2) p{
	font-size: 1.6rem;
  letter-spacing: 1px;
  padding: 15px 0 30px;
  line-height: 1.8em;	
}
#abuto .sales{
	margin: 15px 2em 50px;
}	
#abuto .sales p:nth-of-type(1){
  font-size: 1.8rem;
}
#abuto .sales p:nth-of-type(3) {
    /*font-size: 1.2rem;*/
}
#abuto .sales p.btntop a{
	font-size: 2rem;
}
#abuto .sales p.btn a{
	font-size: 1.6rem;
  letter-spacing: 1px;
  padding: 15px 1.5em;
}	
#abuto .sales p.btn a::before{
	background-repeat: no-repeat;
}


/* -----------------------
ご利用シーン
----------------------- */
#scene .scn > p{
	margin-top: 15px;
}
#scene .scn ul.scnlist{
	display: block;	
}
#scene .scn ul.scnlist > li{
	width: 100%;
  margin: 40px 0;
}	
#scene .scn ul.scnlist > li.one .box_l{
	height: auto;
	width: auto;
}
#scene .scn ul.scnlist li.one div:nth-of-type(1) .box_l{
	padding: 0 1rem;
	margin-top: 15px;
}
#scene .scn ul.scnlist li.one div:nth-of-type(2) .box_l{
	padding: 0 1rem;
	margin-top: 0;
}
#scene .scn ul.scnlist > li.one .clearfix div:nth-of-type(1){
	margin-top: 15px;
}
#scene .scn ul.scnlist > li.one .clearfix div:nth-of-type(1) ul{
	padding-bottom: 0;
}
#scene .scn ul.scnlist > li.one .clearfix div:nth-of-type(2){
	margin-top: 0;
}
#scene .scn ul.scnlist > li.one .clearfix div:nth-of-type(2) ul{
	padding-top: 0;
}
#scene .scn ul.scnlist > li.one .box_r{
	width: auto;
}

/*#scene .scn ul.scnlist > li:nth-of-type(7) .clearfix div:nth-of-type(2) ul{
	padding-top: 0;
}*/

#scene .box_r img{
	max-width: fit-content;
}

/* -----------------------
申し込み
----------------------- */

section div.app p:nth-of-type(1){
	font-size: 1.6rem;
    letter-spacing: 1px;	
}	
section div.app .appbtn{
	padding: 15px 0;
}
section div.app .appbtn a{
	font-size: 1.8rem;
  letter-spacing: 1px;	
 	padding: 15px 1.5em;
}
section div.app p:nth-of-type(3){
	font-size: 1.4rem;
    padding: 0 1rem;
}
	
/*---------------------------------
---------------------------------  
下層
---------------------------------
---------------------------------*/
.inner02 > p{
	font-size: 1.6rem;
}
/*---------------------------------
  
【料金・プラン】

---------------------------------*/
#plan .plnBox div.note{
	display: block;
}
#plan .plnBox table.pln tr:nth-of-type(1){
	display: none;
}
#plan .plnBox table.pln th, table.pln td {
	width: 100%;
  display: block;
  border-bottom: none;
}
#plan .plnBox table.pln td p.sp_plnCtch{
	font-weight: bold;
  margin-bottom: 10px;
  color: #8ab91a;
}
#plan .plnBox table.pln th{
	background-color: #a9d248;
	color: #333;
}
#plan .plnBox table.pln th .ex p:nth-of-type(2){
	border-top: 1px solid #829b48;
}
#plan .plnBox table.pln td, #plan .plnBox table.prc td{
  text-align: center;
}
#plan .plnBox > div.scroll table{
	width: 100%;
}
#plan .plnBox > div.scroll{
  overflow: auto;
  white-space: nowrap;
  border-collapse: collapse;
}

/*---------------------------------
  
【提供機器】

---------------------------------*/

#device .dev ul.devlist li{
	display: block;
}
#device .dev ul.devlist li div:nth-of-type(1){
	padding: 10px 1em ;
}
#device .dev ul.devlist li div:not(:nth-of-type(1)){
	padding: 10px 1em;
}
#device .dev ul.devlist li div:nth-of-type(2){
	border-right: none; 
  border-left: none;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
}



/*---------------------------------
  
【ご契約の流れ】

---------------------------------*/
#flow .flw .stepBox .step{
	display: block;
}
#flow .flw .stepBox .step > div:nth-of-type(1){
	margin: 0 0 10px;
	height: auto;
}
#flow .flw .stepBox .step .stptxt{
	display: block;
}
#flow .flw .stepBox .step .stptxt div:nth-of-type(1){
	margin: 10px auto;
  width: 40%;
}
/*---------------------------------
  
【イベント情報】

---------------------------------*/
#event .evt .area ul{
	display: block;
}
#event .evt .area ul li{
	margin: 10px 1em;
  text-align: center;
}
#event .evt ul li dl{
	display: block;
}
#event .evt ul li dl dt {
    width: 100%;
}
/*#event .evt .newsBox ul{
	padding: 20px 0;
}*/
#event .evt .newsBox div:nth-of-type(1){
	padding-top: 20px;
}
#event .evt .newsBox div:nth-of-type(2){

}
#event .evt .newsBox dl.shop dt p:nth-child(2){
	margin: 0 0 0 0;
}
#event .evt ul li dl dd{
	width: 100%;
}
#event .evt ul li dl dd a{
	word-wrap: break-word;
}
/* -----------------------
	
【footer】
	
----------------------- */
	
footer .footerNav ul{
	flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 2rem;
    text-align: center;	
}
footer .footerNav ul li{
	width: 33.3%;
	font-size: 1.2rem;
}
	
footer .footernote div:nth-child(1){
    width: 100%;
	
}
footer .footernote div:nth-child(2){
	padding: 0 2rem;
}	
	
}