html{-webkit-text-size-adjust:100%;font-size: 90%;}
header ul li{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
.menu{
z-index:9996;
position:fixed;
right:-100%;
width:100%;
height:100vh;
display:flex;
flex-direction:column;
color:#efefef;
background-color:rgba(2,2,2,0.7);
transition:.3s;
}
.menu a{display:block;width:100%;height:auto;color:#fff;text-align: center;}
.btn{
position:fixed;
top:25px;
right:16px;
width:32px;
height:32px;
z-index:9999;
}
.btn-line{
display:block;
position:relative;
width:100%;
height:4px;
background-color:#333;
transition:.2s;
}
.btn-line::before,
.btn-line::after{
content:"";
position:absolute;
width:100%;
height:100%;
background-color:#333;
transition:.5s;
}
.btn-line::before{
transform:translateY(-10px);
}
.btn-line::after{
transform:translateY(10px);
}.menu.open{
left:0;
}
/* menuopen */
.btn-line.open{
background-color:transparent;
}
.btn-line.open::before,
.btn-line.open::after{
content:"";
background-color:#fff;
transition:.2s;
}
.btn-line.open::before{
transform:rotate(45deg);
}
.btn-line.open::after{
transform:rotate(-45deg);
}
/*for ios input reset*/
input{-webkit-appearance: none;}
/* pc sp control ====================================================== */
.forpc{display:none!important}
.forsp{display:block!important}
/* head common ====================================================== */
.icb{margin-right: 1em;}
.otoiawase {margin:0 auto; text-align: center;}
.otoiawase a{/*background: url(../../images/icon-m.png) no-repeat right center;background-size: 43px;*/ }
header .icon{width: 18px;height: 18px;display: block; margin: 0 auto;}
header .insta{background: url(../../images/icon-in.png) no-repeat;background-size: contain;}
header .facebook{background: url(../../images/icon-fb.png) no-repeat;background-size: contain;}
.headsp{width:35%;padding:1em 0 1em 5%}

footer .sns ul{display: flex;margin: 0 auto 30px;justify-content: center;}
footer .sns ul li{display: block;}
footer .sns ul li:nth-of-type(1){margin-right: 1em;}
footer .sns ul li a{color: #333;font-weight: bold;font-size:100%;padding:0.5em 0 0.5em 45px;display: block;width: 100%;}
footer .sns ul li.insta a{background: url(../../images/icon-in.png) no-repeat;background-size: contain;}
footer .sns ul li.facebook a{background: url(../../images/icon-fb.png) no-repeat;background-size: contain;}
footer .sns p{font-weight: bold; text-align: center;font-size: 3vw;}
footer .more{margin: 0 auto;}
footer .inqiry{background: url(https://trade-mti.com/wapp/wp-content/uploads/2025/04/mv4.png) no-repeat; background-size: cover;padding:60px 0;margin-top:60px}
footer .inqiry div{width:100%; text-align: center;}
footer .inqiry h1{color: #fff;margin-bottom:1em;text-shadow: 1px 2px 3px #808080;}
footer .inqiry h2{color: #fff;margin-bottom:2em;text-shadow: 1px 2px 3px #808080;}
.footb .flogo{width:110px;display: block;margin:0 0 30px;}
.footb{margin: 60px 5% 0;padding-bottom:30px;}
footer ul{display: block;}
footer ul li{margin-bottom:1em}
footer ul li a{font-size: 100%;color:#333;}
footer ul li.sns{display: flex;}

span.icon{display: block;width:43px;height:43px;}
span.insta{background: url(../../images/icon-in.png) no-repeat;background-size: contain;}
span.facebook{background: url(../../images/icon-fb.png) no-repeat;background-size: contain;}
/* common ====================================================== */
section{}
section article{max-width: 1200px;padding:0 30px;margin: 0 auto 80px;}
.backgr{max-width: 100%;background:#FCFCFC;}
article .box{max-width: 1200px;margin: 0px auto;padding:80px 0}
h1{font-size: 8vw;line-height: 100%; text-align: left;}
h2{font-size: 4vw;line-height: 130%; text-align: left;}
.midashi{ text-align: center;margin-bottom:70px}
.more{display:block;background:#009CD2;color:#fff;padding: 0.9em 0;width:16em; text-align: center;font-size:80%;margin: 0 auto;}
/* mv */
.mv{margin:0 auto 40px;}
.mv img{border-radius: 30px;}
/* contents */
.box01{display: flex; flex-wrap: wrap;}
.box01-l{width:100%;order: 2;}
.box01-r{width: 100%;order: 1;margin-bottom:1em}
.box01-l h1{margin-bottom:0.7em}
.box01-l h2{margin-bottom:1.5em}

.box02{display: flex;  flex-wrap: wrap;}
.box02-l{width:100%;order: 2;}
.box02-r{width: 100%;order: 1;margin-bottom:1em}
.box02-l h1{margin-bottom:0.7em}
.box02-l h2{margin-bottom:1.5em}
.con .box01-r img,.con .box02-r img{border-radius: 15px;}

.topbrandlist{margin: 0 5% 80px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.topbrandlist a{width: 30%;margin-bottom: 3em;}
.topics ul{display: flex; flex-direction: column;margin-bottom:3em;}
.topics ul li{width:100%;line-height:180%;margin: 0 0 1em;}
.topics ul li a{color: #333;display: flex;justify-content: space-between;}
.topics ul li img{border-radius: 10px;margin-bottom:8px;width:37%;height:auto;display: block;}
.topics ul li a span{width: 60%;}
.topicslist ul li a em{display: block;}
.topicslist ul li a{color: #333;display: flex;justify-content: space-between;align-items: center;}

/* midashi */
.midashib{padding-top: 35px;position: relative;margin-bottom:60px}
.midashib h1{font-size: 170%; text-align: left;}
.midashib h1 span{margin-left: 0.5em;font-size: 80%;font-weight: normal;}

/* brand list */
.brand .bbox{margin: 0 5% 40px;}
.bbox .bimg{width:100%}
.bbox .btxt{width:100%;font-size: 80%;line-height: 210%;margin: 1em 0;}
.bbox .btxt h3{margin-bottom:10px;font-size: 117%;}
.bbox .more{width: 45%;}
.bbox .web{background: #333;}


table{margin-top:60px}
table tbody{width: 100%; display: block;}
table tbody tr{display: block;margin-bottom: 1em;}
table tbody tr th{display: block;width:100%; text-align: left;margin-bottom:0.25em}
table tbody tr td{display: block;width:100%;font-weight: normal;font-size: 80%;line-height: 200%;}

/* inquiry */
.inquiry{width: 100%;margin: 0 auto;}
.inquiry{margin-top:60px}
.inquiry tbody{width: 100%; display: block;}
.inquiry tbody tr{display:block;margin-bottom: 1em;}
.inquiry tbody tr th{display:block;width:100%; text-align: left;font-weight: normal;padding-bottom:0.5em;}
.inquiry tbody tr td{display:block;width:100%;font-weight: normal;font-size: 80%;line-height: 200%;padding:1em 0}
input[type="text"]{width: 100%;padding: 8px 0;font-size: 120%;}
input[type="submit"]{display:block;background:#009CD2;color:#fff;padding: 1.3em 0;width:40%; text-align: center;margin: 0 auto;font-size:80%;border: none;}


/*　brand　*/
.brandtopb{margin-bottom: 30px;}
#brandtop{display:block;border-bottom:5px solid #F7F7F7;padding-bottom: 1em;}
#brandtop #brandlogo{margin:0 auto 1.5em 0;width: 35%;}
#brandtop a{color: #333;font-size: 80%;width: 100%; display:block;padding: 1em 0;}
#brandtop a:last-of-type{color:#009CD2;}
.branddetail{line-height: 180%;font-size: 80%;}
.branddetail h4{text-align: left;}
.branddetail p{text-align: left;}
.branddetail h1{color:#009CD2; text-align: left;margin-bottom: 1em;}
.process1{display: flex; justify-content: space-between; flex-wrap: wrap;}
.pro1{display: flex; justify-content: space-between;width:100%;background: #FBFBFB;margin-bottom: 1em;}
.prol{width:30%}
.pror{width:66%;padding: 0.5em 0;}
.pror h1{color: #333; text-align:left;margin: 0;}
.pror p{text-align: left;font-size: 3.3vw; font-weight: bold;}
.w4{display: flex;justify-content:center;flex-wrap: wrap;}
.w4 iframe{width: 100%; height:fit-content;}
.bbox1{background: #FBFBFB;display: block;margin: 3em 0;padding:1em;}
.bbox1l{width: 100%;margin-bottom:1em}
.bbox1r{width: 100%;}
.bbox1r p{text-align: left;font-size: 90%;}
.crevinmidashi{margin: 80px 0 40px;}
.w5{display: flex; justify-content: space-between;}
.w5 img{width:20%;height: auto;display: block;}
.w3{display:flex; flex-wrap: wrap;flex-direction: column;}
.w3 h4,.w3 p{text-align: left!important;}
.w3 h4{margin-top: 1.5em;}
.w3l{width:100%;order: 1;}
.w3c{width:100%;order: 3;}
.w3r{width:100%;order: 2;}
.w2{display: block;}
.w2l{width:100%;margin-bottom: 1em;}
.w2r{width:100%; }
.w2r p{text-align: left;}
.w22{display: block;}
.w22l{width:100%;margin-bottom: 1em;}
.w22r{width:100%; }
.w22r p{text-align: left;}
.aboutmidashi{background: #F7F7F7; text-align: center;font-size: 7.3vw; font-weight: bold;padding: 1em 0;}
.aboutlogolist img{width:30%;margin: 0 auto;}
.w4img{display: flex; justify-content: space-between;flex-wrap: wrap;}
.w4img img{height: auto;display: block;width:50%}
.branddetail h2{ text-align:center;margin: 1.5em 0;font-size:2.5vw;}
.w50per img{margin-bottom: 1em;}
.servicelogo{width:150px;margin: 3em auto 2em;}

.finbox1{display:block;}
.finbox1-l{width:100%;margin-bottom: 1em;}
.finbox1-r{width:100%;}
.finbox1-r p{text-align: left;}
.finbox2{display:block;}
.finbox2-l{width:100%;margin-bottom: 1em;}
.finbox2-r{width:100%;}
.w100{}
.finbox3{display:block;}
.finbox3-l{width:100%;margin-bottom: 1em;}
.finbox3-r{width:100%}

.finbox1 h4,.finbox1 p,
.finbox2 h4,.finbox2 p,
.finbox3 h4,.finbox3 p,
.w100 h4,.w100 p{text-align: left;}

.finw3{display: flex;justify-content: space-between;margin-bottom:1.2em}
.finw3 img{height: auto;display: block;width:32%}

.finw7{display: flex;justify-content: space-between;margin-bottom:1.2em}
.finw7 img{height: auto;display: block;width:12%}

.box02-l p{line-height: 200%;}

.tokutabl table{width:100%}
.tokutabl table tbody tr td:first-of-type{display: block;width:100%!important; text-align: left;margin-bottom:0.25em}
.tokutabl table tbody tr td:last-of-type{display: block;width:100%;font-weight: normal;font-size: 80%;line-height: 200%;}

.post{margin-bottom:3em}
.navigation{display:flex;justify-content:space-between}
.navigation{width:50%}
.navigation a{color:#333;width:100%;display:block}
.alignright{margin:0 0 0 auto}