@charset "utf-8";
/*
Theme Name: クオンカット
Author: shiakkudentatsu
Version: 1.1
*/
@media screen and ( max-width:480px) {

.pcNone{
display:block;
}
.titTop01 .spNone,
.spNone{
display:none;
}

img{
max-width:100%;
}
body,
body.top{
background:none;
background-color:#F0F0F0;
}
.container{
width:100%;
}
header{
margin:0 0 20px 0;
padding-top:10px;
}
header p.logo{
float:none;
margin-left:10px;
max-width:70%;
}
header .catch{
float:none;
//display:none;
}
header .catch p{
font-size:16px !important;
padding:9px 0px 13px 0px !important;
line-height:1.3 !important;
}
header p.inq{
float:none;
margin-left:10px;
margin-bottom:0;
width:auto;
text-align:center;
}
header p.inq img{
width:90%;
max-width:275px;
}
header p.inq a[href="transaction.html"]{
display:none;
}

.gn{
margin-bottom:10px;
/*display:none;*/
overflow:hidden;
}
.gn li{
float:left;
margin:0 2px 2px 0;
width:calc(50% - 1px);
}
.gn li:nth-child(2n){
margin-right:0;
}
.gn li a{
float:none;
display:block;
overflow:hidden;
}
.gn li a img{
display:block;
margin-left:-1px;
width:calc(100% + 1px);
}

.spBtnMenu{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}

.pagetop{
width:100%;
text-align:center;
}
footer .inner{
position:relative;
padding:20px 0;
width:90%;
}
footer h6{
position:absolute;
top:20px;
left:0;
}
footer nav,
.fn01,
.fn02,
.fn03{
float:none;
width:auto;
}
footer nav{
margin-top:50px;
}


.mL{
float:none;
margin:0px auto;
padding:2%;
width:86%;
}
.mR{
float:none;
margin:20px auto;
width:90%;
}
.mR .bnr{
width:100%;
margin:auto;
}
.mR .bnr img{
width:100%;
}

section article{
width:auto;
}
section h1 .noa{
width:50px;
}
section h1 .noa + img{
width:calc(100% - 50px);
}
.catch01{
width:auto;
padding:10px 5px;
height:auto;
font-size:20px;
line-height:120%;
background-size:100% 100%;
}

.catch02{
width:auto;
padding:10px;
height:auto;
font-size:16px;
line-height:120%;
background-size:100% 100%;
}

section h2{
width:auto;
}
section .inq img{
width:100%;
}
.mf{
display:none;
}


.sn{
padding:0;
border-radius:0;
}
.sn h4{
padding:10px 5px;
height:auto;
font-size:16px;
line-height:120%;
color:#EEE;
background:none;
background:#121C34;
}
.sn h4 a{
color:#EEE;
text-decoration:none;
}
.sn h4 span:after{
display:block;
content:'MENU';
font-size:14px;
font-weight:normal;
}
.sn li{
display:inline;
}
.sn li a{
margin:0;
padding:5px 0px;
text-align:center;
background:none;
border-bottom:1px solid #EEE;
}

.hsn h4{
cursor:pointer;
}
.hsn h4:after{
display:block;
content:'▼';
font-size:8px;
line-height:10px;
color:#EEE;
transition: transform 0.5s;
}
.hsn h4.open:after{
transform: rotateX(180deg);
transition: transform 0.5s;
}
/*
advantage
*/
.adva section  h1{
padding-bottom:20px;
height:auto;
background-size:auto 100%;
background-position:right top;
}
.ul01{
padding-left:10px;
}
.ul01 li{
padding-left:1em;
text-indent:-1em;
font-size:16px;
}
.ul02{
margin:20px auto 0;
padding:0;
overflow:hidden;
zoom:1;
}
.ul02 li{
float:none;
display:table;
margin:0 auto !important;
width:auto;
}
.ul02 li img{
display:block;
}


/*
result
*/
.result section h1{
display:table;
text-align:center;
padding:20px 2%;
width:96%;
height:auto;
background-size:100% 100%;
}
.resultList figure{
float:none;
width:auto;
}
.resultList figure img{
width:100%;
}
.resultList h3{
float:none;
width:auto;
border-top-left-radius:0;
border-top-right-radius:0;
}
.resultList p{
float:none;
width:auto;
margin-bottom:1.5em;
}

.detail01 figure{
float:none;
margin:0 0 20px 0;
width:auto;
}
.detail01 figure img{
max-width:100%;
}
.detail01R{
float:none;
width:auto;
}
/*
.inq .mffc{
display:none;
}
*/
.inq .mf{
display:block;
}
.inq .mf dl{
display:block;
width:auto;
}.inq .mf dt,
.inq .mf dd{
display:block;
width:auto;
}
.inq .mf dd{
padding-top:0px;
border-right:1px solid #CCC;
}
.mf input[type="text"],
.mf textarea{
width:100%;
}
/*
top 
*/
.top .mc{
margin-top:20px;
}
.top01{
display:table;
margin:0 auto;
}
.top01 li{
float:none !important;
margin:0 0 20px !important;
}
.top .mL{
padding:10px 5%;
width:80%;
}
.top .mR{
float:none;
display:table;
margin:40px auto;
width:90%;
}
.top h2{
font-weight:bold;
width:auto;
}
.top .mL .resultList{
width:auto;
height:auto;
}
.top .mL .resultList article{
width:auto;
height:auto;
}
.top .mL .resultList figure{
float:none;
width:auto;
max-height:300px;
overflow:hidden;
}
.top .mL .resultList figure img{
width:100%;
}
.top .mL .resultList h3,
.top .mL .resultList p{
float:none;
width:auto;
}


.flyer section{
padding:10px;
background:none;
border:none;
}
.flyer01 .fly01{
padding:20px 10px;
font-size:32px;
line-height:48px;
background:#073781;
border-radius:5px;
}
.flyer01 .fly01 strong{
font-size:48px;
}
.flyer01 .fly03sp,
.flyer01 .fly08sp{
display:block;
text-align:center;
}
.flyer01 .fly03sp img,
.flyer01 .fly08sp img{
}
.flyer01 .fly03,
.flyer01 .fly08{
display:none;
}
.flyer01 .fly05{
border:none;
}
.flyer01 .fly06{
margin-bottom:20px;
padding:10px 5px;
}
.flyer01 .fly07{
padding:0;
border-left:none;
}
.flyer01 .fly09{
margin:10px auto;
}
.flyer01 .fly12{
border:none;
}
.flyer01 .fly13 span{
padding-left:0;
border:none;
}
.flyer01 .table01{
margin:0 auto 20px;
width:100%;
font-size:80%;
}
.flyer01 .table01 td{
padding:8px 10px!important;
}
.flyer01 .table02 td{
padding-left:8px
}
.flyer01 .table02{
margin:0 auto 20px;
width:39%;
font-size:80%;
}
.flyer01 .table03{
float:right;
margin:0 auto 20px;
width:59%;
font-size:80%;
}
.flyer01 .tit02,
.flyer01 .tit03{
width:auto;
}

.picBtm2 figure+figure{
margin-left:auto;
}
.picBtm2arw figure+figure{
padding-left:0;
background:none;
}
.picBtm2arw figure, .picBtm2 figure{
float:none;
width:auto;
}
.ta{
width:auto;
}

.picR figure{
float:none;
display:table;
margin:20px auto;
text-align:center;

}


/*
flyer02
*/
.imgPC{display:none;}
.imgSP{
display:table;
margin:auto;
width:100%;
}
.flyer01 section{
padding-top:0;
}

.flyer02 .f03{
font-size:24px;
line-height:150%;
}
.flyer02 .tabeSet01 table{
display:table;
width:auto !important;
margin:0 auto 20px !important;
}
.flyer02 .tabeSet01 table caption{
padding:10px;
}
.flyer02 .tabeSet01 table td{
padding:5px;
font-size:12px;
line-height:150%;
}

.flyer03 article{
padding-bottom:1px;
}
.flyer03 .f03 dl{
font-size:16px;
line-height:150%;
}
.flyer03 .f03 dd{
font-size:20px;
line-height:150%;
}
.flyer03 .f03 strong{
font-size:20px;
}

.flyer03 .tabeSet01 table{
display:table;
width:auto !important;
margin:0 auto 20px !important;
}
.flyer03 .tabeSet01 table caption{
padding:10px;
}
.flyer03 .tabeSet01 table td{
padding:5px;
font-size:12px;
line-height:150%;
}
.flyer03 .f04{
margin:10px 3% 50px;
}
.flyer03 .f04 h3{
font-size:130%;
line-height:150%;
}
.flyer03 .f04 p{
margin:20px;
font-size:100%;
line-height:170%;
}
.flyer03 .f04 p strong{
font-size:130%;
line-height:170%;
}




}

@media (max-width:667px){
.comp section h2, .inq section h2{
width: auto;
padding: 5px 0 10px;
background: none;
text-align: center;
font-size:16px;
}
.catch03{
background: none;
background: #ffff07;
height: auto;
font-size: inherit;
text-align: left;
padding: 10px;
margin: 0;
letter-spacing: inherit;
}
}

/*
@media (max-width:667px){
.result section h2, .comp section h2, .inq section h2{
width: auto;
padding: 5px 0 10px;
background: none;
text-align: center;
font-size:16px;
}
.catch03{
background: none;
background: #ffff07;
height: auto;
font-size: inherit;
text-align: left;
padding: 10px;
margin: 0;
letter-spacing: inherit;
}
}
*/