/*===============================================
●max 1000px
===============================================*/
@media screen and (max-width: 1000px){

ul.menu li{
width:24%;
}
ul.menu li:nth-child(5) {
border-left:none;
}
ul.menu li:nth-child(n+5) {
width:48%;
}

section.selected{
	padding-top:150px;
}



}
/*===============================================
●max 930px
===============================================*/
@media screen and (max-width: 930px){



section div.col {
margin: 0 0 2% 0;
	width: 100%;
}

section#service .col p{
	margin-bottom:20px;
}


}
/*===============================================
●max 600px
===============================================*/
@media screen and (max-width: 600px){

.back a{
border: 3px solid #bebebe;
border-radius:6px;
padding:10px;
display:block;
text-align:center;
}
.back a:hover{
text-decoration:none;
}

div#primary {
    float: none;
    width: 100%;
}

div#secondary {
    float: none;
box-sizing:border-box;
	width: 100%;

}

.mar{
margin-top:440px;
}

ul.scroll {
    position: fixed; /*bodyに対しての絶対位置*/
    right:0;
    z-index:10000;
    top: -570px; /*通常時はビュー外*/
    background:rgba(255,255,255,.9);
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left;
	width:100%;
    }

.overlay{
display:none;
    background: #3b2d26 none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    z-index:999;
    position:fixed;
    top:0;
    left:0;
    opacity:0.8;
}

.openNav #navToggle span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)
    }

.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 20px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)
    }
 .openNav ul.menu {
    -moz-transform: translateY(630px);
    -webkit-transform: translateY(630px);
    transform: translateY(630px);
width: 96%;
margin: 0 2%;
}



div#self {
    background: rgba(0, 0, 0, 0) url("../img/self.jpg") no-repeat scroll 50% 0 / 250px auto;
    min-height: auto;
    padding: 340px 0 0 0;
}

ul.menu {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	text-align: left;
	background:#ffffff;
	border-bottom: 1px solid #dcdcd3;
	border-radius:8px;
padding:0;
}

ul.menu li + li {
    border-left:none;
}
ul.menu li {
	border-bottom: 1px dotted #D6D6D6;
	background:url(../img/list_mark1.png) 100% 50% no-repeat;
	margin:0;
	width:48%;
	box-sizing:border-box;
	vertical-align:top;
}
ul.menu li:nth-child(n+5) {
	border-bottom: none;
}

ul.menu li a{
	border-left: 0 none;
	padding:30px 0 30px 4px;
	width:80%;
display: flex;
align-items:center;
justify-content:center;
}
ul.menu li a:hover{
	background:none;
	color:#111;
}

.sticky {  
	position: static;  
        width: 100%;  
        left: 0;  
        top: 0;  
        z-index: 100;  
        border-top: 0;  
	box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.3);
	margin-bottom:40px !important;
    } 

section.selected{
	padding-top:10px;
}



}
/*===============================================
●max 530px
===============================================*/
@media screen and (max-width: 530px){

.btn {
    border: 2px solid #eb6100;
    border-radius: 10px;
    font-size: 16px;
    margin: 0 auto 30px;
    text-align: center;
    width: 80%;
}

table#tbFare th, table#tbFare td{
display:block;
width:100%;
box-sizing:border-box;
}

table#tbFare td:before{
padding:4px;
border-radius:6px;
margin:0 8px;
font-size:14px;
border:1px solid #fff;
}

table#tbFare td:nth-of-type(1):before{
padding:4px 22px;
content:"BASIC";
background:#94CE58;
}
table#tbFare td.txt:nth-of-type(1):before{
content:"BASIC\A";
white-space: pre;
line-height:2;
}

table#tbFare td:nth-of-type(2):before{
content:"STANDARD";
background:#FDBF2D;
}
table#tbFare td.txt:nth-of-type(2):before{
content:"STANDARD\A";
white-space: pre;
line-height:2;
}

table#tbFare td:nth-of-type(3):before{
content:"CUSTOMISE";
background:#BCE0E3;
}
table#tbFare td.txt:nth-of-type(3):before{
content:"CUSTOMISE\A";
white-space: pre;
line-height:2;
}

ul.menu li.inq a {
padding:20px 0 20px 4px;
}

}
/*===============================================
●max 480px
===============================================*/
@media screen and (max-width: 480px){

 


section#service .col p{
min-height: auto;
margin:0 0 20px;
}


div#ser01 p, div#ser02 p, div#ser03 p, div#ser04 p, div#ser05 p, div#ser06 p {
padding:140px 0 0;
background-position:50% 0;
}

}
/*===============================================
●max 414px
===============================================*/
@media screen and (max-width: 414px){

#form th,#form td{
display:block;
width:100%;
font-size:16px;
}
#form input, #form textarea {
font-size:16px;
}



ul#fNav li {
width:100%;
padding:4px;
}
ul#fNav li+ li a{
border-left:none;
}

ul.menu li:nth-child(5) {
	border-bottom: 1px dotted #D6D6D6;
}
ul.menu li.inq a {
padding: 30px 0 30px 14px;
}

.arrow-back{
	width:60px;
}

section {
    padding: 40px 14px;
}

div#header h1#logo img{
    text-align:center;
	max-width:100%;
}




div.point {
	background-position:0 20px;
}
div.point h4 {
	padding: 14px 0 30px 70px;
	min-height:40px;
}

ul.menu {
	clear:both;
	font-size:inherit;
	overflow:hidden;
	margin-bottom:20px;
	text-align: left;
	background:#ffffff;
	border-bottom: 1px solid #dcdcd3;
	border-radius:8px;
}

ul.menu li {
	display: block;
	border-bottom: 1px dotted #D6D6D6;
	background:url(../img/list_mark1.png) 100% 50% no-repeat;
	margin:0;
	width:100%;
}
ul.menu li a{
	border-left: 0 none;
	display: block;
	padding:20px 0 20px 14px;
}
ul.menu li a:hover{
	background:url(../img/list_mark1.png) 100% 50% no-repeat #fcfcfc;
	text-decoration: none;
}





section div.col {
    width: auto;
}

#flow01{
	padding:0 0 120px 0;
	background:url(../img/flow01.png) 50% 100% no-repeat;
	min-height:auto;	
}
#flow02{
	padding:0 0 120px 0;
	background:url(../img/flow02.png) 50% 100% no-repeat;
	min-height:auto;		
}
#flow03{
	padding:0 0 120px 0;
	background:url(../img/flow03.png) 50% 100% no-repeat;
}
#flow04{
	padding:0 0 120px 0;
	background:url(../img/flow04.png) 50% 100% no-repeat;
	min-height:auto;		
}
#flow05{
	padding:0 0 120px 0;
	background:url(../img/flow05.png) 50% 100% no-repeat;
	min-height:auto;	
}

table#fare td {
	font-size:12px;
}


.arrow-back{
	position:fixed;
	bottom:20px;
	right:20px;
}


#form select{
width:70%;
}

.confirm .submitBtn {
    height: auto;
    padding: 20px 10px;
    width: 50%;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800));	
	border: 1px #F27300 solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #C45C00;
}






/*wp*/

div#primary{
	width:100%;
}

section#primary{
	width:100%;
}

.catcol{
	margin-bottom:30px;
	overflow:hidden;
}

span.catlist a{
	display:block;
	background:#ffffff;
	padding:20px 0;
	margin:0 10px 10px 0;
	border-radius:10px;
	float:right;
	text-align:center;
	width:46%;
}




ul.menu {
	clear:both;
	font-size:18px;
	overflow:hidden;
	margin-bottom:20px;
	text-align: left;
	background:#ffffff;
	border-bottom: 1px solid #dcdcd3;
	border-radius:8px;
}

ul.menu li {
	display: block;
	border-bottom: 1px dotted #D6D6D6;
	background:url(../img/list_mark1.png) 100% 50% no-repeat;
	margin:0;	
}

ul.menu li a:hover{
	background:none;
	color: #111111;
}
ul.menu li:nth-child(n+5) {
    width: 100%;
}


.sticky {  
	position: static;  
        width: 100%;  
        left: 0;  
        top: 0;  
        z-index: 100;  
        border-top: 0;  
	box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.3);
	margin-bottom:40px !important;

    }  



section div.col {
    width: auto;
}



table#fare td {
	font-size:12px;
}



#form select{
width:100%;
}

}