/* pc sp control ====================================================== */
.forsp,.js-btn{display:none!important}
.forpc{display:block!important}
/* header ====================================================== */
header{display: block;padding:43px 0;max-width: 1100px;margin: 0 auto;}
header ul{display: flex;align-items: center;}
header ul li{margin-right:2em}
header a{color: #333;display: block;}
header .logo{width: 258px;margin-right:70px;}
.icb{margin-right: 0.4em;}
.otoiawase {margin-left: auto;margin-right: 1em;}
.otoiawase a{background: url(../../images/icon-m.png) no-repeat right center;background-size: 43px; display: flex; align-items: center;font-size: 80%;padding-right: 35px;}
header .icon{width: 18px!important;height: 18px!important;display: block;}
header .insta{background: url(../../images/icon-in.png) no-repeat;background-size:18px;}
header .facebook{background: url(../../images/icon-fb.png) no-repeat;background-size: 18px;}
footer{}
footer .sns{}
footer .sns ul{display: flex;justify-content: center;max-width:697px;margin: 0 auto 30px;}
footer .sns ul li{display: block;}
footer .sns ul li:first-of-type{margin-right:5em}
footer .sns ul li a{color: #333;font-weight: bold;font-size:120%;padding:0.7em 0 0.7em 65px}
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: 120%;}
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:50%;margin-left:48%}
footer .inqiry h1{color: #fff;margin-bottom:1em}
footer .inqiry h2{color: #fff;margin-bottom:2em}
.footb .flogo{width:93px;display: block;margin-bottom:30px}
.footb{max-width:1052px;margin: 60px auto 0;padding-bottom:30px;}
footer ul{display: flex; justify-content: space-between;align-items: center;}
footer ul li{margin-left: 2em;}
footer ul li:first-of-type{margin-left: 0;}
footer ul li a{font-size: 80%;color:#333;}
footer ul li.sns{margin-left: auto;display: flex;}
span.icon{display: block;width:43px;height:43px;}
span.insta{background: url(../../images/icon-in.png) no-repeat;background-size: contain;margin-right:0.4em}
footer span.insta{margin-right: 1em;}
span.facebook{background: url(../../images/icon-fb.png) no-repeat;background-size: contain;}
/* common ====================================================== */
.con section article{max-width: 1100px;}
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: 250%;line-height: 100%;}
h2{font-size: 150%;line-height: 130%;}
.midashi{ text-align: center;margin-bottom:70px}
.more{display:block;background:#009CD2;color:#fff;padding: 1.3em 0;width:16em; text-align: center;font-size:80%}
.morecen{margin: 0 auto;}
/* mv */
.mv{margin:0 auto 40px;}
.mv img{border-radius: 30px;}
/* contents */
.box01{display: flex; justify-content: space-between; align-items: center;}
.box01-l{width:38%;padding-left:5%;}
.box01-r{width: 60%;}
.box01-l h1{margin-bottom:0.7em}
.box01-l h2{margin-bottom:1.5em}

.box02{display: flex; justify-content: space-between; align-items: center;}
.box02-l{width:100%;padding-right:5%; order: 2;}
.box02-r{width: 38%; order: 1;}
.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{max-width:697px;margin: 0 auto 80px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.topbrandlist a{width: 28%;margin-bottom: 3em;}
.topics ul{display: flex; justify-content: space-around;margin-bottom:3em;padding: 0 8%;}
.topics ul li{width:17%;line-height:180%}
.topics ul li a{color: #333;}
.topics ul li img{border-radius: 10px;margin-bottom:8px}

.topicslist ul{flex-wrap: wrap;padding: 0;}
.topicslist ul li{width:100%;line-height:180%;margin-bottom: 1.5em;}
.topicslist ul li a{color: #333;display: flex;justify-content: space-between;align-items: center;}
.topicslist ul li a br{display:inline-block;}
.topicslist ul li img{border-radius: 10px;margin-bottom:8px;width:10%;height:auto;display: block;}
.topicslist ul li a span{width: 85%;}
.topicslist ul li a em{margin-left: 2em;}

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

/* brand list */
.brand .bbox{margin: 0 1% 40px;display: flex;justify-content: space-between;align-items: center;}
.bbox .bimg{width:20%}
.bbox .btxt{width: 58%;font-size: 80%;line-height: 210%;}
.bbox .btxt h3{margin-bottom:10px;font-size: 117%;}
.bbox .more{width: 12%;}
.bbox .web{background: #333;}

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

/* PRIVACY */
h4{margin:3em 0 1em}

.privacy{line-height:180%}


/* inquiry */
.inquiry{width: 70%;margin: 0 auto;}
.inquiry{margin-top:60px}
.inquiry tbody{width: 100%; display: block;}
.inquiry tbody tr{display: flex;justify-content: space-between;margin-bottom: 2em;align-items: center;}
.inquiry tbody tr th{width:35%; text-align: left;font-weight: normal;}
.inquiry tbody tr td{width: 60%;font-weight: normal;font-size: 80%;line-height: 200%;}

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: flex;align-items:center;border-bottom:5px solid #F7F7F7;padding-bottom: 1em;}
#brandtop #brandlogo{margin:0 auto 0 0;width: 20%;}
#brandtop a{margin-left:2em;color: #333;font-size: 80%;}
#brandtop a:last-of-type{color:#009CD2;}
.branddetail{line-height: 180%;/* font-size: 80%; */}
.branddetail h4{text-align: center;}
.branddetail p{text-align: center;}
.branddetail h1{color:#009CD2; text-align: center;margin-bottom: 1em;}
.process1{display: flex; justify-content: space-between; flex-wrap: wrap;font-size: 80%;}
.pro1{display: flex; justify-content: space-between;width:49%;background: #FBFBFB;margin-bottom: 2em;}
.prol{width:30%}
.pror{width:66%;padding: 0.5em 0;line-height: 240%;}
.pror h1{color: #333; text-align:left;margin: 0;}
.pror p{text-align: left;font-size: 140%; font-weight: bold;}
.w4{display: flex;justify-content:center;}
.w4 div{width:20%;margin:0 2%}
.w4 iframe{        width: 100%;
        height: fit-content;}
.bbox1{background: #FBFBFB;display: flex;justify-content: space-between;margin: 3em 0;font-size: 85%;}
.bbox1l{width: 41%;}
.bbox1r{width: 58%;display: flex;align-items: center;padding:0em 2% 0em 0}
.bbox1r p{line-height: 165%; text-align: left;font-weight: bold;margin:0;font-size:95%}
.crevinmidashi{margin: 80px 0 40px;}
.w5{display: flex; justify-content: space-between;}
.w5 img{width:20%;height: auto;display: block;}
.w3{display: flex;}
.w3 h4,.w3 p{text-align: left!important;}
.w3 h4{margin-top: 1.5em;}
.w3l{width:33%}
.w3c{width:33%;margin-top:10%}
.w3r{width:33%}
.w2{display: flex;justify-content: space-between;}
.w2l{width:45%}
.w2r{width:50%; }
.w2r p{text-align: left;}
.w22{display: flex;justify-content: space-between;}
.w22l{width:20%}
.w22r{width:75%; }
.w22r p{text-align: left;}
.aboutmidashi{background: #F7F7F7; text-align: center;font-size: 250%; font-weight: bold;padding: 1em 0;}
.aboutlogolist img{width:35%;margin: 0 auto;}
.w4img{display: flex; justify-content: space-between;}
.w4img img{height: auto;display: block;width:25%}
.branddetail h2{ text-align: center;margin: 1.5em 0;}
.servicelogo{width:250px;margin: 3em auto 2em;}

.finbox1{display: flex;justify-content: space-between;}
.finbox1-l{width:45%;}
.finbox1-r{width:50%;}
.finbox1-r p{text-align: left;}
.finbox2{display: flex; justify-content: space-between;}
.finbox2-l{width:45%;order: 2;}
.finbox2-r{width:50%;order: 1;}
.w100{}
.finbox3{display: flex;justify-content: space-between;}
.finbox3-l{width:15%}
.finbox3-r{width:83%}

.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{width:20%!important; text-align: left;}
.tokutabl table tbody tr td:last-of-type{width: 75%;font-weight: normal;font-size: 80%;line-height: 200%;}


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