html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol,ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption,th,td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q,blockquote {
quotes: none
}
q:before,q:after,blockquote:before,blockquote:after {
content: "";
content: none
}
a img {
border: none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
@font-face {
font-family: "Shippori Mincho", serif;
src: url(/fonts/Shippori_Mincho/ShipporiMincho-Bold.ttf;),url(/fonts/Shippori_Mincho/ShipporiMincho-ExtraBold.ttf;),url(/fonts/Shippori_Mincho/ShipporiMincho-Medium.ttf;),url(/fonts/Shippori_Mincho/ShipporiMincho-Regular.ttf;),url(/fonts/Shippori_Mincho/ShipporiMincho-SemiBold.ttf.ttf;)
}
.p0 {
padding: 0px !important
}
.pt0 {
padding-top: 0px !important
}
.pb0 {
padding-bottom: 0px !important
}
.pl0 {
padding-left: 0px !important
}
.pr0 {
padding-right: 0px !important
}
.pv0 {
padding-top: 0px !important;
padding-bottom: 0px !important
}
.ph0 {
padding-left: 0px !important;
padding-right: 0px !important
}
.m0 {
margin: 0px !important
}
.mt0 {
margin-top: 0px !important
}
.mb0 {
margin-bottom: 0px !important
}
.ml0 {
margin-left: 0px !important
}
.mr0 {
margin-right: 0px !important
}
.mv0 {
margin-top: 0px !important;
margin-bottom: 0px !important
}
.mh0 {
margin-left: 0px !important;
margin-right: 0px !important
}
.p1 {
padding: 1px !important
}
.pt1 {
padding-top: 1px !important
}
.pb1 {
padding-bottom: 1px !important
}
.pl1 {
padding-left: 1px !important
}
.pr1 {
padding-right: 1px !important
}
.pv1 {
padding-top: 1px !important;
padding-bottom: 1px !important
}
.ph1 {
padding-left: 1px !important;
padding-right: 1px !important
}
.m1 {
margin: 1px !important
}
.mt1 {
margin-top: 1px !important
}
.mb1 {
margin-bottom: 1px !important
}
.ml1 {
margin-left: 1px !important
}
.mr1 {
margin-right: 1px !important
}
.mv1 {
margin-top: 1px !important;
margin-bottom: 1px !important
}
.mh1 {
margin-left: 1px !important;
margin-right: 1px !important
}
.p2 {
padding: 2px !important
}
.pt2 {
padding-top: 2px !important
}
.pb2 {
padding-bottom: 2px !important
}
.pl2 {
padding-left: 2px !important
}
.pr2 {
padding-right: 2px !important
}
.pv2 {
padding-top: 2px !important;
padding-bottom: 2px !important
}
.ph2 {
padding-left: 2px !important;
padding-right: 2px !important
}
.m2 {
margin: 2px !important
}
.mt2 {
margin-top: 2px !important
}
.mb2 {
margin-bottom: 2px !important
}
.ml2 {
margin-left: 2px !important
}
.mr2 {
margin-right: 2px !important
}
.mv2 {
margin-top: 2px !important;
margin-bottom: 2px !important
}
.mh2 {
margin-left: 2px !important;
margin-right: 2px !important
}
.p3 {
padding: 3px !important
}
.pt3 {
padding-top: 3px !important
}
.pb3 {
padding-bottom: 3px !important
}
.pl3 {
padding-left: 3px !important
}
.pr3 {
padding-right: 3px !important
}
.pv3 {
padding-top: 3px !important;
padding-bottom: 3px !important
}
.ph3 {
padding-left: 3px !important;
padding-right: 3px !important
}
.m3 {
margin: 3px !important
}
.mt3 {
margin-top: 3px !important
}
.mb3 {
margin-bottom: 3px !important
}
.ml3 {
margin-left: 3px !important
}
.mr3 {
margin-right: 3px !important
}
.mv3 {
margin-top: 3px !important;
margin-bottom: 3px !important
}
.mh3 {
margin-left: 3px !important;
margin-right: 3px !important
}
.p4 {
padding: 4px !important
}
.pt4 {
padding-top: 4px !important
}
.pb4 {
padding-bottom: 4px !important
}
.pl4 {
padding-left: 4px !important
}
.pr4 {
padding-right: 4px !important
}
.pv4 {
padding-top: 4px !important;
padding-bottom: 4px !important
}
.ph4 {
padding-left: 4px !important;
padding-right: 4px !important
}
.m4 {
margin: 4px !important
}
.mt4 {
margin-top: 4px !important
}
.mb4 {
margin-bottom: 4px !important
}
.ml4 {
margin-left: 4px !important
}
.mr4 {
margin-right: 4px !important
}
.mv4 {
margin-top: 4px !important;
margin-bottom: 4px !important
}
.mh4 {
margin-left: 4px !important;
margin-right: 4px !important
}
.p5 {
padding: 5px !important
}
.pt5 {
padding-top: 5px !important
}
.pb5 {
padding-bottom: 5px !important
}
.pl5 {
padding-left: 5px !important
}
.pr5 {
padding-right: 5px !important
}
.pv5 {
padding-top: 5px !important;
padding-bottom: 5px !important
}
.ph5 {
padding-left: 5px !important;
padding-right: 5px !important
}
.m5 {
margin: 5px !important
}
.mt5 {
margin-top: 5px !important
}
.mb5 {
margin-bottom: 5px !important
}
.ml5 {
margin-left: 5px !important
}
.mr5 {
margin-right: 5px !important
}
.mv5 {
margin-top: 5px !important;
margin-bottom: 5px !important
}
.mh5 {
margin-left: 5px !important;
margin-right: 5px !important
}
.p6 {
padding: 6px !important
}
.pt6 {
padding-top: 6px !important
}
.pb6 {
padding-bottom: 6px !important
}
.pl6 {
padding-left: 6px !important
}
.pr6 {
padding-right: 6px !important
}
.pv6 {
padding-top: 6px !important;
padding-bottom: 6px !important
}
.ph6 {
padding-left: 6px !important;
padding-right: 6px !important
}
.m6 {
margin: 6px !important
}
.mt6 {
margin-top: 6px !important
}
.mb6 {
margin-bottom: 6px !important
}
.ml6 {
margin-left: 6px !important
}
.mr6 {
margin-right: 6px !important
}
.mv6 {
margin-top: 6px !important;
margin-bottom: 6px !important
}
.mh6 {
margin-left: 6px !important;
margin-right: 6px !important
}
.p7 {
padding: 7px !important
}
.pt7 {
padding-top: 7px !important
}
.pb7 {
padding-bottom: 7px !important
}
.pl7 {
padding-left: 7px !important
}
.pr7 {
padding-right: 7px !important
}
.pv7 {
padding-top: 7px !important;
padding-bottom: 7px !important
}
.ph7 {
padding-left: 7px !important;
padding-right: 7px !important
}
.m7 {
margin: 7px !important
}
.mt7 {
margin-top: 7px !important
}
.mb7 {
margin-bottom: 7px !important
}
.ml7 {
margin-left: 7px !important
}
.mr7 {
margin-right: 7px !important
}
.mv7 {
margin-top: 7px !important;
margin-bottom: 7px !important
}
.mh7 {
margin-left: 7px !important;
margin-right: 7px !important
}
.p8 {
padding: 8px !important
}
.pt8 {
padding-top: 8px !important
}
.pb8 {
padding-bottom: 8px !important
}
.pl8 {
padding-left: 8px !important
}
.pr8 {
padding-right: 8px !important
}
.pv8 {
padding-top: 8px !important;
padding-bottom: 8px !important
}
.ph8 {
padding-left: 8px !important;
padding-right: 8px !important
}
.m8 {
margin: 8px !important
}
.mt8 {
margin-top: 8px !important
}
.mb8 {
margin-bottom: 8px !important
}
.ml8 {
margin-left: 8px !important
}
.mr8 {
margin-right: 8px !important
}
.mv8 {
margin-top: 8px !important;
margin-bottom: 8px !important
}
.mh8 {
margin-left: 8px !important;
margin-right: 8px !important
}
.p9 {
padding: 9px !important
}
.pt9 {
padding-top: 9px !important
}
.pb9 {
padding-bottom: 9px !important
}
.pl9 {
padding-left: 9px !important
}
.pr9 {
padding-right: 9px !important
}
.pv9 {
padding-top: 9px !important;
padding-bottom: 9px !important
}
.ph9 {
padding-left: 9px !important;
padding-right: 9px !important
}
.m9 {
margin: 9px !important
}
.mt9 {
margin-top: 9px !important
}
.mb9 {
margin-bottom: 9px !important
}
.ml9 {
margin-left: 9px !important
}
.mr9 {
margin-right: 9px !important
}
.mv9 {
margin-top: 9px !important;
margin-bottom: 9px !important
}
.mh9 {
margin-left: 9px !important;
margin-right: 9px !important
}
.p10 {
padding: 10px !important
}
.pt10 {
padding-top: 10px !important
}
.pb10 {
padding-bottom: 10px !important
}
.pl10 {
padding-left: 10px !important
}
.pr10 {
padding-right: 10px !important
}
.pv10 {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.ph10 {
padding-left: 10px !important;
padding-right: 10px !important
}
.m10 {
margin: 10px !important
}
.mt10 {
margin-top: 10px !important
}
.mb10 {
margin-bottom: 10px !important
}
.ml10 {
margin-left: 10px !important
}
.mr10 {
margin-right: 10px !important
}
.mv10 {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.mh10 {
margin-left: 10px !important;
margin-right: 10px !important
}
.mt-10 {
margin-top: -10px !important
}
.ml-10 {
margin-left: -10px !important
}
.mr-10 {
margin-right: -10px !important
}
.p15 {
padding: 15px !important
}
.pt15 {
padding-top: 15px !important
}
.pb15 {
padding-bottom: 15px !important
}
.pl15 {
padding-left: 15px !important
}
.pr15 {
padding-right: 15px !important
}
.pv15 {
padding-top: 15px !important;
padding-bottom: 15px !important
}
.ph15 {
padding-left: 15px !important;
padding-right: 15px !important
}
.m15 {
margin: 15px !important
}
.mt15 {
margin-top: 15px !important
}
.mb15 {
margin-bottom: 15px !important
}
.ml15 {
margin-left: 15px !important
}
.mr15 {
margin-right: 15px !important
}
.mv15 {
margin-top: 15px !important;
margin-bottom: 15px !important
}
.mh15 {
margin-left: 15px !important;
margin-right: 15px !important
}
.mt-15 {
margin-top: -15px !important
}
.ml-15 {
margin-left: -15px !important
}
.mr-15 {
margin-right: -15px !important
}
.p20 {
padding: 20px !important
}
.pt20 {
padding-top: 20px !important
}
.pb20 {
padding-bottom: 20px !important
}
.pl20 {
padding-left: 20px !important
}
.pr20 {
padding-right: 20px !important
}
.pv20 {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.ph20 {
padding-left: 20px !important;
padding-right: 20px !important
}
.m20 {
margin: 20px !important
}
.mt20 {
margin-top: 20px !important
}
.mb20 {
margin-bottom: 20px !important
}
.ml20 {
margin-left: 20px !important
}
.mr20 {
margin-right: 20px !important
}
.mv20 {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.mh20 {
margin-left: 20px !important;
margin-right: 20px !important
}
.mt-20 {
margin-top: -20px !important
}
.ml-20 {
margin-left: -20px !important
}
.mr-20 {
margin-right: -20px !important
}
.p25 {
padding: 25px !important
}
.pt25 {
padding-top: 25px !important
}
.pb25 {
padding-bottom: 25px !important
}
.pl25 {
padding-left: 25px !important
}
.pr25 {
padding-right: 25px !important
}
.pv25 {
padding-top: 25px !important;
padding-bottom: 25px !important
}
.ph25 {
padding-left: 25px !important;
padding-right: 25px !important
}
.m25 {
margin: 25px !important
}
.mt25 {
margin-top: 25px !important
}
.mb25 {
margin-bottom: 25px !important
}
.ml25 {
margin-left: 25px !important
}
.mr25 {
margin-right: 25px !important
}
.mv25 {
margin-top: 25px !important;
margin-bottom: 25px !important
}
.mh25 {
margin-left: 25px !important;
margin-right: 25px !important
}
.mt-25 {
margin-top: -25px !important
}
.ml-25 {
margin-left: -25px !important
}
.mr-25 {
margin-right: -25px !important
}
.p30 {
padding: 30px !important
}
.pt30 {
padding-top: 30px !important
}
.pb30 {
padding-bottom: 30px !important
}
.pl30 {
padding-left: 30px !important
}
.pr30 {
padding-right: 30px !important
}
.pv30 {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.ph30 {
padding-left: 30px !important;
padding-right: 30px !important
}
.m30 {
margin: 30px !important
}
.mt30 {
margin-top: 30px !important
}
.mb30 {
margin-bottom: 30px !important
}
.ml30 {
margin-left: 30px !important
}
.mr30 {
margin-right: 30px !important
}
.mv30 {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.mh30 {
margin-left: 30px !important;
margin-right: 30px !important
}
.mt-30 {
margin-top: -30px !important
}
.ml-30 {
margin-left: -30px !important
}
.mr-30 {
margin-right: -30px !important
}
.p35 {
padding: 35px !important
}
.pt35 {
padding-top: 35px !important
}
.pb35 {
padding-bottom: 35px !important
}
.pl35 {
padding-left: 35px !important
}
.pr35 {
padding-right: 35px !important
}
.pv35 {
padding-top: 35px !important;
padding-bottom: 35px !important
}
.ph35 {
padding-left: 35px !important;
padding-right: 35px !important
}
.m35 {
margin: 35px !important
}
.mt35 {
margin-top: 35px !important
}
.mb35 {
margin-bottom: 35px !important
}
.ml35 {
margin-left: 35px !important
}
.mr35 {
margin-right: 35px !important
}
.mv35 {
margin-top: 35px !important;
margin-bottom: 35px !important
}
.mh35 {
margin-left: 35px !important;
margin-right: 35px !important
}
.mt-35 {
margin-top: -35px !important
}
.ml-35 {
margin-left: -35px !important
}
.mr-35 {
margin-right: -35px !important
}
.p40 {
padding: 40px !important
}
.pt40 {
padding-top: 40px !important
}
.pb40 {
padding-bottom: 40px !important
}
.pl40 {
padding-left: 40px !important
}
.pr40 {
padding-right: 40px !important
}
.pv40 {
padding-top: 40px !important;
padding-bottom: 40px !important
}
.ph40 {
padding-left: 40px !important;
padding-right: 40px !important
}
.m40 {
margin: 40px !important
}
.mt40 {
margin-top: 40px !important
}
.mb40 {
margin-bottom: 40px !important
}
.ml40 {
margin-left: 40px !important
}
.mr40 {
margin-right: 40px !important
}
.mv40 {
margin-top: 40px !important;
margin-bottom: 40px !important
}
.mh40 {
margin-left: 40px !important;
margin-right: 40px !important
}
.mt-40 {
margin-top: -40px !important
}
.ml-40 {
margin-left: -40px !important
}
.mr-40 {
margin-right: -40px !important
}
.p45 {
padding: 45px !important
}
.pt45 {
padding-top: 45px !important
}
.pb45 {
padding-bottom: 45px !important
}
.pl45 {
padding-left: 45px !important
}
.pr45 {
padding-right: 45px !important
}
.pv45 {
padding-top: 45px !important;
padding-bottom: 45px !important
}
.ph45 {
padding-left: 45px !important;
padding-right: 45px !important
}
.m45 {
margin: 45px !important
}
.mt45 {
margin-top: 45px !important
}
.mb45 {
margin-bottom: 45px !important
}
.ml45 {
margin-left: 45px !important
}
.mr45 {
margin-right: 45px !important
}
.mv45 {
margin-top: 45px !important;
margin-bottom: 45px !important
}
.mh45 {
margin-left: 45px !important;
margin-right: 45px !important
}
.mt-45 {
margin-top: -45px !important
}
.ml-45 {
margin-left: -45px !important
}
.mr-45 {
margin-right: -45px !important
}
.p50 {
padding: 50px !important
}
.pt50 {
padding-top: 50px !important
}
.pb50 {
padding-bottom: 50px !important
}
.pl50 {
padding-left: 50px !important
}
.pr50 {
padding-right: 50px !important
}
.pv50 {
padding-top: 50px !important;
padding-bottom: 50px !important
}
.ph50 {
padding-left: 50px !important;
padding-right: 50px !important
}
.m50 {
margin: 50px !important
}
.mt50 {
margin-top: 50px !important
}
.mb50 {
margin-bottom: 50px !important
}
.ml50 {
margin-left: 50px !important
}
.mr50 {
margin-right: 50px !important
}
.mv50 {
margin-top: 50px !important;
margin-bottom: 50px !important
}
.mh50 {
margin-left: 50px !important;
margin-right: 50px !important
}
.mt-50 {
margin-top: -50px !important
}
.ml-50 {
margin-left: -50px !important
}
.mr-50 {
margin-right: -50px !important
}
.p55 {
padding: 55px !important
}
.pt55 {
padding-top: 55px !important
}
.pb55 {
padding-bottom: 55px !important
}
.pl55 {
padding-left: 55px !important
}
.pr55 {
padding-right: 55px !important
}
.pv55 {
padding-top: 55px !important;
padding-bottom: 55px !important
}
.ph55 {
padding-left: 55px !important;
padding-right: 55px !important
}
.m55 {
margin: 55px !important
}
.mt55 {
margin-top: 55px !important
}
.mb55 {
margin-bottom: 55px !important
}
.ml55 {
margin-left: 55px !important
}
.mr55 {
margin-right: 55px !important
}
.mv55 {
margin-top: 55px !important;
margin-bottom: 55px !important
}
.mh55 {
margin-left: 55px !important;
margin-right: 55px !important
}
.mt-55 {
margin-top: -55px !important
}
.ml-55 {
margin-left: -55px !important
}
.mr-55 {
margin-right: -55px !important
}
.p60 {
padding: 60px !important
}
.pt60 {
padding-top: 60px !important
}
.pb60 {
padding-bottom: 60px !important
}
.pl60 {
padding-left: 60px !important
}
.pr60 {
padding-right: 60px !important
}
.pv60 {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.ph60 {
padding-left: 60px !important;
padding-right: 60px !important
}
.m60 {
margin: 60px !important
}
.mt60 {
margin-top: 60px !important
}
.mb60 {
margin-bottom: 60px !important
}
.ml60 {
margin-left: 60px !important
}
.mr60 {
margin-right: 60px !important
}
.mv60 {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.mh60 {
margin-left: 60px !important;
margin-right: 60px !important
}
.mt-60 {
margin-top: -60px !important
}
.ml-60 {
margin-left: -60px !important
}
.mr-60 {
margin-right: -60px !important
}
.pt70 {
padding-top: 70px !important
}
.pb70 {
padding-bottom: 70px !important
}
.mt70 {
margin-top: 70px !important
}
.mt-70 {
margin-top: -70px !important
}
.mb70 {
margin-bottom: 70px !important
}
.pt80 {
padding-top: 80px !important
}
.pb80 {
padding-bottom: 80px !important
}
.mt80 {
margin-top: 80px !important
}
.mt-80 {
margin-top: -80px !important
}
.mb80 {
margin-bottom: 80px !important
}
.pt90 {
padding-top: 90px !important
}
.pb90 {
padding-bottom: 90px !important
}
.mt90 {
margin-top: 90px !important
}
.mt-90 {
margin-top: -90px !important
}
.mb90 {
margin-bottom: 90px !important
}
.pt100 {
padding-top: 100px !important
}
.pb100 {
padding-bottom: 100px !important
}
.mt100 {
margin-top: 100px !important
}
.mt-100 {
margin-top: -100px !important
}
.mb100 {
margin-bottom: 100px !important
}
.pt110 {
padding-top: 110px !important
}
.pb110 {
padding-bottom: 110px !important
}
.mt110 {
margin-top: 110px !important
}
.mt-110 {
margin-top: -110px !important
}
.mb110 {
margin-bottom: 110px !important
}
.pt120 {
padding-top: 120px !important
}
.pb120 {
padding-bottom: 120px !important
}
.mt120 {
margin-top: 120px !important
}
.mt-120 {
margin-top: -120px !important
}
.mb120 {
margin-bottom: 120px !important
}
.pt130 {
padding-top: 130px !important
}
.pb130 {
padding-bottom: 130px !important
}
.mt130 {
margin-top: 130px !important
}
.mt-130 {
margin-top: -130px !important
}
.mb130 {
margin-bottom: 130px !important
}
.pt140 {
padding-top: 140px !important
}
.pb140 {
padding-bottom: 140px !important
}
.mt140 {
margin-top: 140px !important
}
.mt-140 {
margin-top: -140px !important
}
.mb140 {
margin-bottom: 140px !important
}
.pt150 {
padding-top: 150px !important
}
.pb150 {
padding-bottom: 150px !important
}
.mt150 {
margin-top: 150px !important
}
.mt-150 {
margin-top: -150px !important
}
.mb150 {
margin-bottom: 150px !important
}
.mb1em {
margin-bottom: 1em
}
.mhauto {
margin-left: auto !important;
margin-right: auto !important
}
.mtm5 {
margin-top: -5px !important
}
.w10p {
width: 10% !important
}
.w15p {
width: 15% !important
}
.h1 {
height: 1px !important
}
.w10 {
width: 10px !important
}
.minw10 {
min-width: 10px !important
}
.maxw10 {
max-width: 10px !important
}
.h10 {
height: 10px !important
}
.minh10 {
min-height: 10px !important
}
.maxh10 {
max-height: 10px !important
}
.w110 {
width: 110px !important
}
.minw110 {
min-width: 110px !important
}
.maxw110 {
max-width: 110px !important
}
.h110 {
height: 110px !important
}
.minh110 {
min-height: 110px !important
}
.maxh110 {
max-height: 110px !important
}
.w210 {
width: 210px !important
}
.minw210 {
min-width: 210px !important
}
.maxw210 {
max-width: 210px !important
}
.h210 {
height: 210px !important
}
.minh210 {
min-height: 210px !important
}
.maxh210 {
max-height: 210px !important
}
.w310 {
width: 310px !important
}
.minw310 {
min-width: 310px !important
}
.maxw310 {
max-width: 310px !important
}
.h310 {
height: 310px !important
}
.minh310 {
min-height: 310px !important
}
.maxh310 {
max-height: 310px !important
}
.w410 {
width: 410px !important
}
.minw410 {
min-width: 410px !important
}
.maxw410 {
max-width: 410px !important
}
.h410 {
height: 410px !important
}
.minh410 {
min-height: 410px !important
}
.maxh410 {
max-height: 410px !important
}
.w510 {
width: 510px !important
}
.minw510 {
min-width: 510px !important
}
.maxw510 {
max-width: 510px !important
}
.h510 {
height: 510px !important
}
.minh510 {
min-height: 510px !important
}
.maxh510 {
max-height: 510px !important
}
.w610 {
width: 610px !important
}
.minw610 {
min-width: 610px !important
}
.maxw610 {
max-width: 610px !important
}
.h610 {
height: 610px !important
}
.minh610 {
min-height: 610px !important
}
.maxh610 {
max-height: 610px !important
}
.w710 {
width: 710px !important
}
.minw710 {
min-width: 710px !important
}
.maxw710 {
max-width: 710px !important
}
.h710 {
height: 710px !important
}
.minh710 {
min-height: 710px !important
}
.maxh710 {
max-height: 710px !important
}
.w810 {
width: 810px !important
}
.minw810 {
min-width: 810px !important
}
.maxw810 {
max-width: 810px !important
}
.h810 {
height: 810px !important
}
.minh810 {
min-height: 810px !important
}
.maxh810 {
max-height: 810px !important
}
.w910 {
width: 910px !important
}
.minw910 {
min-width: 910px !important
}
.maxw910 {
max-width: 910px !important
}
.h910 {
height: 910px !important
}
.minh910 {
min-height: 910px !important
}
.maxh910 {
max-height: 910px !important
}
.w20p {
width: 20% !important
}
.w25p {
width: 25% !important
}
.h2 {
height: 2px !important
}
.w20 {
width: 20px !important
}
.minw20 {
min-width: 20px !important
}
.maxw20 {
max-width: 20px !important
}
.h20 {
height: 20px !important
}
.minh20 {
min-height: 20px !important
}
.maxh20 {
max-height: 20px !important
}
.w120 {
width: 120px !important
}
.minw120 {
min-width: 120px !important
}
.maxw120 {
max-width: 120px !important
}
.h120 {
height: 120px !important
}
.minh120 {
min-height: 120px !important
}
.maxh120 {
max-height: 120px !important
}
.w220 {
width: 220px !important
}
.minw220 {
min-width: 220px !important
}
.maxw220 {
max-width: 220px !important
}
.h220 {
height: 220px !important
}
.minh220 {
min-height: 220px !important
}
.maxh220 {
max-height: 220px !important
}
.w320 {
width: 320px !important
}
.minw320 {
min-width: 320px !important
}
.maxw320 {
max-width: 320px !important
}
.h320 {
height: 320px !important
}
.minh320 {
min-height: 320px !important
}
.maxh320 {
max-height: 320px !important
}
.w420 {
width: 420px !important
}
.minw420 {
min-width: 420px !important
}
.maxw420 {
max-width: 420px !important
}
.h420 {
height: 420px !important
}
.minh420 {
min-height: 420px !important
}
.maxh420 {
max-height: 420px !important
}
.w520 {
width: 520px !important
}
.minw520 {
min-width: 520px !important
}
.maxw520 {
max-width: 520px !important
}
.h520 {
height: 520px !important
}
.minh520 {
min-height: 520px !important
}
.maxh520 {
max-height: 520px !important
}
.w620 {
width: 620px !important
}
.minw620 {
min-width: 620px !important
}
.maxw620 {
max-width: 620px !important
}
.h620 {
height: 620px !important
}
.minh620 {
min-height: 620px !important
}
.maxh620 {
max-height: 620px !important
}
.w720 {
width: 720px !important
}
.minw720 {
min-width: 720px !important
}
.maxw720 {
max-width: 720px !important
}
.h720 {
height: 720px !important
}
.minh720 {
min-height: 720px !important
}
.maxh720 {
max-height: 720px !important
}
.w820 {
width: 820px !important
}
.minw820 {
min-width: 820px !important
}
.maxw820 {
max-width: 820px !important
}
.h820 {
height: 820px !important
}
.minh820 {
min-height: 820px !important
}
.maxh820 {
max-height: 820px !important
}
.w920 {
width: 920px !important
}
.minw920 {
min-width: 920px !important
}
.maxw920 {
max-width: 920px !important
}
.h920 {
height: 920px !important
}
.minh920 {
min-height: 920px !important
}
.maxh920 {
max-height: 920px !important
}
.w30p {
width: 30% !important
}
.w35p {
width: 35% !important
}
.h3 {
height: 3px !important
}
.w30 {
width: 30px !important
}
.minw30 {
min-width: 30px !important
}
.maxw30 {
max-width: 30px !important
}
.h30 {
height: 30px !important
}
.minh30 {
min-height: 30px !important
}
.maxh30 {
max-height: 30px !important
}
.w130 {
width: 130px !important
}
.minw130 {
min-width: 130px !important
}
.maxw130 {
max-width: 130px !important
}
.h130 {
height: 130px !important
}
.minh130 {
min-height: 130px !important
}
.maxh130 {
max-height: 130px !important
}
.w230 {
width: 230px !important
}
.minw230 {
min-width: 230px !important
}
.maxw230 {
max-width: 230px !important
}
.h230 {
height: 230px !important
}
.minh230 {
min-height: 230px !important
}
.maxh230 {
max-height: 230px !important
}
.w330 {
width: 330px !important
}
.minw330 {
min-width: 330px !important
}
.maxw330 {
max-width: 330px !important
}
.h330 {
height: 330px !important
}
.minh330 {
min-height: 330px !important
}
.maxh330 {
max-height: 330px !important
}
.w430 {
width: 430px !important
}
.minw430 {
min-width: 430px !important
}
.maxw430 {
max-width: 430px !important
}
.h430 {
height: 430px !important
}
.minh430 {
min-height: 430px !important
}
.maxh430 {
max-height: 430px !important
}
.w530 {
width: 530px !important
}
.minw530 {
min-width: 530px !important
}
.maxw530 {
max-width: 530px !important
}
.h530 {
height: 530px !important
}
.minh530 {
min-height: 530px !important
}
.maxh530 {
max-height: 530px !important
}
.w630 {
width: 630px !important
}
.minw630 {
min-width: 630px !important
}
.maxw630 {
max-width: 630px !important
}
.h630 {
height: 630px !important
}
.minh630 {
min-height: 630px !important
}
.maxh630 {
max-height: 630px !important
}
.w730 {
width: 730px !important
}
.minw730 {
min-width: 730px !important
}
.maxw730 {
max-width: 730px !important
}
.h730 {
height: 730px !important
}
.minh730 {
min-height: 730px !important
}
.maxh730 {
max-height: 730px !important
}
.w830 {
width: 830px !important
}
.minw830 {
min-width: 830px !important
}
.maxw830 {
max-width: 830px !important
}
.h830 {
height: 830px !important
}
.minh830 {
min-height: 830px !important
}
.maxh830 {
max-height: 830px !important
}
.w930 {
width: 930px !important
}
.minw930 {
min-width: 930px !important
}
.maxw930 {
max-width: 930px !important
}
.h930 {
height: 930px !important
}
.minh930 {
min-height: 930px !important
}
.maxh930 {
max-height: 930px !important
}
.w40p {
width: 40% !important
}
.w45p {
width: 45% !important
}
.h4 {
height: 4px !important
}
.w40 {
width: 40px !important
}
.minw40 {
min-width: 40px !important
}
.maxw40 {
max-width: 40px !important
}
.h40 {
height: 40px !important
}
.minh40 {
min-height: 40px !important
}
.maxh40 {
max-height: 40px !important
}
.w140 {
width: 140px !important
}
.minw140 {
min-width: 140px !important
}
.maxw140 {
max-width: 140px !important
}
.h140 {
height: 140px !important
}
.minh140 {
min-height: 140px !important
}
.maxh140 {
max-height: 140px !important
}
.w240 {
width: 240px !important
}
.minw240 {
min-width: 240px !important
}
.maxw240 {
max-width: 240px !important
}
.h240 {
height: 240px !important
}
.minh240 {
min-height: 240px !important
}
.maxh240 {
max-height: 240px !important
}
.w340 {
width: 340px !important
}
.minw340 {
min-width: 340px !important
}
.maxw340 {
max-width: 340px !important
}
.h340 {
height: 340px !important
}
.minh340 {
min-height: 340px !important
}
.maxh340 {
max-height: 340px !important
}
.w440 {
width: 440px !important
}
.minw440 {
min-width: 440px !important
}
.maxw440 {
max-width: 440px !important
}
.h440 {
height: 440px !important
}
.minh440 {
min-height: 440px !important
}
.maxh440 {
max-height: 440px !important
}
.w540 {
width: 540px !important
}
.minw540 {
min-width: 540px !important
}
.maxw540 {
max-width: 540px !important
}
.h540 {
height: 540px !important
}
.minh540 {
min-height: 540px !important
}
.maxh540 {
max-height: 540px !important
}
.w640 {
width: 640px !important
}
.minw640 {
min-width: 640px !important
}
.maxw640 {
max-width: 640px !important
}
.h640 {
height: 640px !important
}
.minh640 {
min-height: 640px !important
}
.maxh640 {
max-height: 640px !important
}
.w740 {
width: 740px !important
}
.minw740 {
min-width: 740px !important
}
.maxw740 {
max-width: 740px !important
}
.h740 {
height: 740px !important
}
.minh740 {
min-height: 740px !important
}
.maxh740 {
max-height: 740px !important
}
.w840 {
width: 840px !important
}
.minw840 {
min-width: 840px !important
}
.maxw840 {
max-width: 840px !important
}
.h840 {
height: 840px !important
}
.minh840 {
min-height: 840px !important
}
.maxh840 {
max-height: 840px !important
}
.w940 {
width: 940px !important
}
.minw940 {
min-width: 940px !important
}
.maxw940 {
max-width: 940px !important
}
.h940 {
height: 940px !important
}
.minh940 {
min-height: 940px !important
}
.maxh940 {
max-height: 940px !important
}
.w50p {
width: 50% !important
}
.w55p {
width: 55% !important
}
.h5 {
height: 5px !important
}
.w50 {
width: 50px !important
}
.minw50 {
min-width: 50px !important
}
.maxw50 {
max-width: 50px !important
}
.h50 {
height: 50px !important
}
.minh50 {
min-height: 50px !important
}
.maxh50 {
max-height: 50px !important
}
.w150 {
width: 150px !important
}
.minw150 {
min-width: 150px !important
}
.maxw150 {
max-width: 150px !important
}
.h150 {
height: 150px !important
}
.minh150 {
min-height: 150px !important
}
.maxh150 {
max-height: 150px !important
}
.w250 {
width: 250px !important
}
.minw250 {
min-width: 250px !important
}
.maxw250 {
max-width: 250px !important
}
.h250 {
height: 250px !important
}
.minh250 {
min-height: 250px !important
}
.maxh250 {
max-height: 250px !important
}
.w350 {
width: 350px !important
}
.minw350 {
min-width: 350px !important
}
.maxw350 {
max-width: 350px !important
}
.h350 {
height: 350px !important
}
.minh350 {
min-height: 350px !important
}
.maxh350 {
max-height: 350px !important
}
.w450 {
width: 450px !important
}
.minw450 {
min-width: 450px !important
}
.maxw450 {
max-width: 450px !important
}
.h450 {
height: 450px !important
}
.minh450 {
min-height: 450px !important
}
.maxh450 {
max-height: 450px !important
}
.w550 {
width: 550px !important
}
.minw550 {
min-width: 550px !important
}
.maxw550 {
max-width: 550px !important
}
.h550 {
height: 550px !important
}
.minh550 {
min-height: 550px !important
}
.maxh550 {
max-height: 550px !important
}
.w650 {
width: 650px !important
}
.minw650 {
min-width: 650px !important
}
.maxw650 {
max-width: 650px !important
}
.h650 {
height: 650px !important
}
.minh650 {
min-height: 650px !important
}
.maxh650 {
max-height: 650px !important
}
.w750 {
width: 750px !important
}
.minw750 {
min-width: 750px !important
}
.maxw750 {
max-width: 750px !important
}
.h750 {
height: 750px !important
}
.minh750 {
min-height: 750px !important
}
.maxh750 {
max-height: 750px !important
}
.w850 {
width: 850px !important
}
.minw850 {
min-width: 850px !important
}
.maxw850 {
max-width: 850px !important
}
.h850 {
height: 850px !important
}
.minh850 {
min-height: 850px !important
}
.maxh850 {
max-height: 850px !important
}
.w950 {
width: 950px !important
}
.minw950 {
min-width: 950px !important
}
.maxw950 {
max-width: 950px !important
}
.h950 {
height: 950px !important
}
.minh950 {
min-height: 950px !important
}
.maxh950 {
max-height: 950px !important
}
.w60p {
width: 60% !important
}
.w65p {
width: 65% !important
}
.h6 {
height: 6px !important
}
.w60 {
width: 60px !important
}
.minw60 {
min-width: 60px !important
}
.maxw60 {
max-width: 60px !important
}
.h60 {
height: 60px !important
}
.minh60 {
min-height: 60px !important
}
.maxh60 {
max-height: 60px !important
}
.w160 {
width: 160px !important
}
.minw160 {
min-width: 160px !important
}
.maxw160 {
max-width: 160px !important
}
.h160 {
height: 160px !important
}
.minh160 {
min-height: 160px !important
}
.maxh160 {
max-height: 160px !important
}
.w260 {
width: 260px !important
}
.minw260 {
min-width: 260px !important
}
.maxw260 {
max-width: 260px !important
}
.h260 {
height: 260px !important
}
.minh260 {
min-height: 260px !important
}
.maxh260 {
max-height: 260px !important
}
.w360 {
width: 360px !important
}
.minw360 {
min-width: 360px !important
}
.maxw360 {
max-width: 360px !important
}
.h360 {
height: 360px !important
}
.minh360 {
min-height: 360px !important
}
.maxh360 {
max-height: 360px !important
}
.w460 {
width: 460px !important
}
.minw460 {
min-width: 460px !important
}
.maxw460 {
max-width: 460px !important
}
.h460 {
height: 460px !important
}
.minh460 {
min-height: 460px !important
}
.maxh460 {
max-height: 460px !important
}
.w560 {
width: 560px !important
}
.minw560 {
min-width: 560px !important
}
.maxw560 {
max-width: 560px !important
}
.h560 {
height: 560px !important
}
.minh560 {
min-height: 560px !important
}
.maxh560 {
max-height: 560px !important
}
.w660 {
width: 660px !important
}
.minw660 {
min-width: 660px !important
}
.maxw660 {
max-width: 660px !important
}
.h660 {
height: 660px !important
}
.minh660 {
min-height: 660px !important
}
.maxh660 {
max-height: 660px !important
}
.w760 {
width: 760px !important
}
.minw760 {
min-width: 760px !important
}
.maxw760 {
max-width: 760px !important
}
.h760 {
height: 760px !important
}
.minh760 {
min-height: 760px !important
}
.maxh760 {
max-height: 760px !important
}
.w860 {
width: 860px !important
}
.minw860 {
min-width: 860px !important
}
.maxw860 {
max-width: 860px !important
}
.h860 {
height: 860px !important
}
.minh860 {
min-height: 860px !important
}
.maxh860 {
max-height: 860px !important
}
.w960 {
width: 960px !important
}
.minw960 {
min-width: 960px !important
}
.maxw960 {
max-width: 960px !important
}
.h960 {
height: 960px !important
}
.minh960 {
min-height: 960px !important
}
.maxh960 {
max-height: 960px !important
}
.w70p {
width: 70% !important
}
.w75p {
width: 75% !important
}
.h7 {
height: 7px !important
}
.w70 {
width: 70px !important
}
.minw70 {
min-width: 70px !important
}
.maxw70 {
max-width: 70px !important
}
.h70 {
height: 70px !important
}
.minh70 {
min-height: 70px !important
}
.maxh70 {
max-height: 70px !important
}
.w170 {
width: 170px !important
}
.minw170 {
min-width: 170px !important
}
.maxw170 {
max-width: 170px !important
}
.h170 {
height: 170px !important
}
.minh170 {
min-height: 170px !important
}
.maxh170 {
max-height: 170px !important
}
.w270 {
width: 270px !important
}
.minw270 {
min-width: 270px !important
}
.maxw270 {
max-width: 270px !important
}
.h270 {
height: 270px !important
}
.minh270 {
min-height: 270px !important
}
.maxh270 {
max-height: 270px !important
}
.w370 {
width: 370px !important
}
.minw370 {
min-width: 370px !important
}
.maxw370 {
max-width: 370px !important
}
.h370 {
height: 370px !important
}
.minh370 {
min-height: 370px !important
}
.maxh370 {
max-height: 370px !important
}
.w470 {
width: 470px !important
}
.minw470 {
min-width: 470px !important
}
.maxw470 {
max-width: 470px !important
}
.h470 {
height: 470px !important
}
.minh470 {
min-height: 470px !important
}
.maxh470 {
max-height: 470px !important
}
.w570 {
width: 570px !important
}
.minw570 {
min-width: 570px !important
}
.maxw570 {
max-width: 570px !important
}
.h570 {
height: 570px !important
}
.minh570 {
min-height: 570px !important
}
.maxh570 {
max-height: 570px !important
}
.w670 {
width: 670px !important
}
.minw670 {
min-width: 670px !important
}
.maxw670 {
max-width: 670px !important
}
.h670 {
height: 670px !important
}
.minh670 {
min-height: 670px !important
}
.maxh670 {
max-height: 670px !important
}
.w770 {
width: 770px !important
}
.minw770 {
min-width: 770px !important
}
.maxw770 {
max-width: 770px !important
}
.h770 {
height: 770px !important
}
.minh770 {
min-height: 770px !important
}
.maxh770 {
max-height: 770px !important
}
.w870 {
width: 870px !important
}
.minw870 {
min-width: 870px !important
}
.maxw870 {
max-width: 870px !important
}
.h870 {
height: 870px !important
}
.minh870 {
min-height: 870px !important
}
.maxh870 {
max-height: 870px !important
}
.w970 {
width: 970px !important
}
.minw970 {
min-width: 970px !important
}
.maxw970 {
max-width: 970px !important
}
.h970 {
height: 970px !important
}
.minh970 {
min-height: 970px !important
}
.maxh970 {
max-height: 970px !important
}
.w80p {
width: 80% !important
}
.w85p {
width: 85% !important
}
.h8 {
height: 8px !important
}
.w80 {
width: 80px !important
}
.minw80 {
min-width: 80px !important
}
.maxw80 {
max-width: 80px !important
}
.h80 {
height: 80px !important
}
.minh80 {
min-height: 80px !important
}
.maxh80 {
max-height: 80px !important
}
.w180 {
width: 180px !important
}
.minw180 {
min-width: 180px !important
}
.maxw180 {
max-width: 180px !important
}
.h180 {
height: 180px !important
}
.minh180 {
min-height: 180px !important
}
.maxh180 {
max-height: 180px !important
}
.w280 {
width: 280px !important
}
.minw280 {
min-width: 280px !important
}
.maxw280 {
max-width: 280px !important
}
.h280 {
height: 280px !important
}
.minh280 {
min-height: 280px !important
}
.maxh280 {
max-height: 280px !important
}
.w380 {
width: 380px !important
}
.minw380 {
min-width: 380px !important
}
.maxw380 {
max-width: 380px !important
}
.h380 {
height: 380px !important
}
.minh380 {
min-height: 380px !important
}
.maxh380 {
max-height: 380px !important
}
.w480 {
width: 480px !important
}
.minw480 {
min-width: 480px !important
}
.maxw480 {
max-width: 480px !important
}
.h480 {
height: 480px !important
}
.minh480 {
min-height: 480px !important
}
.maxh480 {
max-height: 480px !important
}
.w580 {
width: 580px !important
}
.minw580 {
min-width: 580px !important
}
.maxw580 {
max-width: 580px !important
}
.h580 {
height: 580px !important
}
.minh580 {
min-height: 580px !important
}
.maxh580 {
max-height: 580px !important
}
.w680 {
width: 680px !important
}
.minw680 {
min-width: 680px !important
}
.maxw680 {
max-width: 680px !important
}
.h680 {
height: 680px !important
}
.minh680 {
min-height: 680px !important
}
.maxh680 {
max-height: 680px !important
}
.w780 {
width: 780px !important
}
.minw780 {
min-width: 780px !important
}
.maxw780 {
max-width: 780px !important
}
.h780 {
height: 780px !important
}
.minh780 {
min-height: 780px !important
}
.maxh780 {
max-height: 780px !important
}
.w880 {
width: 880px !important
}
.minw880 {
min-width: 880px !important
}
.maxw880 {
max-width: 880px !important
}
.h880 {
height: 880px !important
}
.minh880 {
min-height: 880px !important
}
.maxh880 {
max-height: 880px !important
}
.w980 {
width: 980px !important
}
.minw980 {
min-width: 980px !important
}
.maxw980 {
max-width: 980px !important
}
.h980 {
height: 980px !important
}
.minh980 {
min-height: 980px !important
}
.maxh980 {
max-height: 980px !important
}
.w90p {
width: 90% !important
}
.w95p {
width: 95% !important
}
.h9 {
height: 9px !important
}
.w90 {
width: 90px !important
}
.minw90 {
min-width: 90px !important
}
.maxw90 {
max-width: 90px !important
}
.h90 {
height: 90px !important
}
.minh90 {
min-height: 90px !important
}
.maxh90 {
max-height: 90px !important
}
.w190 {
width: 190px !important
}
.minw190 {
min-width: 190px !important
}
.maxw190 {
max-width: 190px !important
}
.h190 {
height: 190px !important
}
.minh190 {
min-height: 190px !important
}
.maxh190 {
max-height: 190px !important
}
.w290 {
width: 290px !important
}
.minw290 {
min-width: 290px !important
}
.maxw290 {
max-width: 290px !important
}
.h290 {
height: 290px !important
}
.minh290 {
min-height: 290px !important
}
.maxh290 {
max-height: 290px !important
}
.w390 {
width: 390px !important
}
.minw390 {
min-width: 390px !important
}
.maxw390 {
max-width: 390px !important
}
.h390 {
height: 390px !important
}
.minh390 {
min-height: 390px !important
}
.maxh390 {
max-height: 390px !important
}
.w490 {
width: 490px !important
}
.minw490 {
min-width: 490px !important
}
.maxw490 {
max-width: 490px !important
}
.h490 {
height: 490px !important
}
.minh490 {
min-height: 490px !important
}
.maxh490 {
max-height: 490px !important
}
.w590 {
width: 590px !important
}
.minw590 {
min-width: 590px !important
}
.maxw590 {
max-width: 590px !important
}
.h590 {
height: 590px !important
}
.minh590 {
min-height: 590px !important
}
.maxh590 {
max-height: 590px !important
}
.w690 {
width: 690px !important
}
.minw690 {
min-width: 690px !important
}
.maxw690 {
max-width: 690px !important
}
.h690 {
height: 690px !important
}
.minh690 {
min-height: 690px !important
}
.maxh690 {
max-height: 690px !important
}
.w790 {
width: 790px !important
}
.minw790 {
min-width: 790px !important
}
.maxw790 {
max-width: 790px !important
}
.h790 {
height: 790px !important
}
.minh790 {
min-height: 790px !important
}
.maxh790 {
max-height: 790px !important
}
.w890 {
width: 890px !important
}
.minw890 {
min-width: 890px !important
}
.maxw890 {
max-width: 890px !important
}
.h890 {
height: 890px !important
}
.minh890 {
min-height: 890px !important
}
.maxh890 {
max-height: 890px !important
}
.w990 {
width: 990px !important
}
.minw990 {
min-width: 990px !important
}
.maxw990 {
max-width: 990px !important
}
.h990 {
height: 990px !important
}
.minh990 {
min-height: 990px !important
}
.maxh990 {
max-height: 990px !important
}
.w100p {
width: 100% !important
}
.w105p {
width: 105% !important
}
.h10 {
height: 10px !important
}
.w100 {
width: 100px !important
}
.minw100 {
min-width: 100px !important
}
.maxw100 {
max-width: 100px !important
}
.h100 {
height: 100px !important
}
.minh100 {
min-height: 100px !important
}
.maxh100 {
max-height: 100px !important
}
.w200 {
width: 200px !important
}
.minw200 {
min-width: 200px !important
}
.maxw200 {
max-width: 200px !important
}
.h200 {
height: 200px !important
}
.minh200 {
min-height: 200px !important
}
.maxh200 {
max-height: 200px !important
}
.w300 {
width: 300px !important
}
.minw300 {
min-width: 300px !important
}
.maxw300 {
max-width: 300px !important
}
.h300 {
height: 300px !important
}
.minh300 {
min-height: 300px !important
}
.maxh300 {
max-height: 300px !important
}
.w400 {
width: 400px !important
}
.minw400 {
min-width: 400px !important
}
.maxw400 {
max-width: 400px !important
}
.h400 {
height: 400px !important
}
.minh400 {
min-height: 400px !important
}
.maxh400 {
max-height: 400px !important
}
.w500 {
width: 500px !important
}
.minw500 {
min-width: 500px !important
}
.maxw500 {
max-width: 500px !important
}
.h500 {
height: 500px !important
}
.minh500 {
min-height: 500px !important
}
.maxh500 {
max-height: 500px !important
}
.w600 {
width: 600px !important
}
.minw600 {
min-width: 600px !important
}
.maxw600 {
max-width: 600px !important
}
.h600 {
height: 600px !important
}
.minh600 {
min-height: 600px !important
}
.maxh600 {
max-height: 600px !important
}
.w700 {
width: 700px !important
}
.minw700 {
min-width: 700px !important
}
.maxw700 {
max-width: 700px !important
}
.h700 {
height: 700px !important
}
.minh700 {
min-height: 700px !important
}
.maxh700 {
max-height: 700px !important
}
.w800 {
width: 800px !important
}
.minw800 {
min-width: 800px !important
}
.maxw800 {
max-width: 800px !important
}
.h800 {
height: 800px !important
}
.minh800 {
min-height: 800px !important
}
.maxh800 {
max-height: 800px !important
}
.w900 {
width: 900px !important
}
.minw900 {
min-width: 900px !important
}
.maxw900 {
max-width: 900px !important
}
.h900 {
height: 900px !important
}
.minh900 {
min-height: 900px !important
}
.maxh900 {
max-height: 900px !important
}
.w1000 {
width: 1000px !important
}
.minw1000 {
min-width: 1000px !important
}
.maxw1000 {
max-width: 1000px !important
}
.h1000 {
height: 1000px !important
}
.minh1000 {
min-height: 1000px !important
}
.maxh1000 {
max-height: 1000px !important
}
.w33p {
width: 33.33333%
}
.maxw100p {
max-width: 100%
}
.w780 {
width: 780px !important
}
.fz10 {
font-size: 10px !important
}
.fz11 {
font-size: 11px !important
}
.fz12 {
font-size: 12px !important
}
.fz13 {
font-size: 13px !important
}
.fz14 {
font-size: 14px !important
}
.fz15 {
font-size: 15px !important
}
.fz16 {
font-size: 16px !important
}
.fz17 {
font-size: 17px !important
}
.fz18 {
font-size: 18px !important
}
.fz19 {
font-size: 19px !important
}
.fz20 {
font-size: 20px !important
}
.fz21 {
font-size: 21px !important
}
.fz22 {
font-size: 22px !important
}
.fz23 {
font-size: 23px !important
}
.fz24 {
font-size: 24px !important
}
.fz25 {
font-size: 25px !important
}
.fz26 {
font-size: 26px !important
}
.fz27 {
font-size: 27px !important
}
.fz28 {
font-size: 28px !important
}
.fz29 {
font-size: 29px !important
}
.fz30 {
font-size: 30px !important
}
.fz31 {
font-size: 31px !important
}
.fz32 {
font-size: 32px !important
}
.fz33 {
font-size: 33px !important
}
.fz34 {
font-size: 34px !important
}
.fz35 {
font-size: 35px !important
}
.fz36 {
font-size: 36px !important
}
.fz37 {
font-size: 37px !important
}
.fz38 {
font-size: 38px !important
}
.fz39 {
font-size: 39px !important
}
.fz40 {
font-size: 40px !important
}
.fz41 {
font-size: 41px !important
}
.fz42 {
font-size: 42px !important
}
.fz43 {
font-size: 43px !important
}
.fz44 {
font-size: 44px !important
}
.fz45 {
font-size: 45px !important
}
.fz46 {
font-size: 46px !important
}
.fz47 {
font-size: 47px !important
}
.fz48 {
font-size: 48px !important
}
.fz49 {
font-size: 49px !important
}
.fz50 {
font-size: 50px !important
}
.bold {
font-weight: bold
}
.fw100 {
font-weight: 100 !important
}
.fw200 {
font-weight: 200 !important
}
.fw300 {
font-weight: 300 !important
}
.fw400 {
font-weight: 400 !important
}
.fw500 {
font-weight: 500 !important
}
.fw600 {
font-weight: 600 !important
}
.fw700 {
font-weight: 700 !important
}
.fw800 {
font-weight: 800 !important
}
.fw900 {
font-weight: 900 !important
}
.lh0 {
line-height: 0 !important
}
.lh1 {
line-height: .1 !important
}
.lh2 {
line-height: .2 !important
}
.lh3 {
line-height: .3 !important
}
.lh4 {
line-height: .4 !important
}
.lh5 {
line-height: .5 !important
}
.lh6 {
line-height: .6 !important
}
.lh7 {
line-height: .7 !important
}
.lh8 {
line-height: .8 !important
}
.lh9 {
line-height: .9 !important
}
.lh10 {
line-height: 1 !important
}
.lh11 {
line-height: 1.1 !important
}
.lh12 {
line-height: 1.2 !important
}
.lh13 {
line-height: 1.3 !important
}
.lh14 {
line-height: 1.4 !important
}
.lh15 {
line-height: 1.5 !important
}
.lh16 {
line-height: 1.6 !important
}
.lh17 {
line-height: 1.7 !important
}
.lh18 {
line-height: 1.8 !important
}
.lh19 {
line-height: 1.9 !important
}
.lh20 {
line-height: 2 !important
}
.va0 {
vertical-align: 0
}
.va1 {
vertical-align: 1px !important
}
.va-1 {
vertical-align: -1px !important
}
.va2 {
vertical-align: 2px !important
}
.va-2 {
vertical-align: -2px !important
}
.va3 {
vertical-align: 3px !important
}
.va-3 {
vertical-align: -3px !important
}
.va4 {
vertical-align: 4px !important
}
.va-4 {
vertical-align: -4px !important
}
.va5 {
vertical-align: 5px !important
}
.va-5 {
vertical-align: -5px !important
}
.va6 {
vertical-align: 6px !important
}
.va-6 {
vertical-align: -6px !important
}
.va7 {
vertical-align: 7px !important
}
.va-7 {
vertical-align: -7px !important
}
.va8 {
vertical-align: 8px !important
}
.va-8 {
vertical-align: -8px !important
}
.va9 {
vertical-align: 9px !important
}
.va-9 {
vertical-align: -9px !important
}
.va10 {
vertical-align: 10px !important
}
.va-10 {
vertical-align: -10px !important
}
.mt-1 {
margin-top: -1px !important
}
.mt-5 {
margin-top: -5px !important
}
.fll {
float: left !important
}
.flr {
float: right !important
}
.fln {
float: none !important
}
.tac {
text-align: center !important
}
.tal {
text-align: left !important
}
.tar {
text-align: right !important
}
.vat {
vertical-align: top !important
}
.vab {
vertical-align: bottom !important
}
.vam {
vertical-align: middle !important
}
.clearfix {
display: block;
*zoom:1}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.none {
display: none !important
}
.block {
display: block !important
}
.ib,.inline-block {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline;
vertical-align: top
}
.inline {
display: inline
}
.table {
display: table;
table-layout: fixed
}
table.table {
table-layout: auto
}
.table-row {
display: table-row
}
.table-cell {
display: table-cell;
vertical-align: top
}
a.block:hover {
text-decoration: none
}
.list-disc {
list-style-type: disc;
padding-left: 20px
}
.list-decimal {
list-style-type: decimal;
padding-left: 20px
}
.w100vw {
width: 100vw
}
.w100p {
width: 100%
}
.radius2 {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px
}
.radius4 {
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px;
border-radius: 4px !important
}
.radius5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.radius6 {
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px;
border-radius: 6px !important
}
.radius10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px
}
.radius15 {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px
}
.radius20,.is-radius-1 {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px
}
.radius25 {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px
}
.radius50p {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.indent {
text-indent: -1.25em;
padding-left: 1.25em
}
.indent1 {
text-indent: -1em;
padding-left: 1em
}
.indent20 {
text-indent: -20px;
padding-left: 20px
}
.nowrap {
white-space: nowrap
}
.underline {
text-decoration: underline
}
.hover75 {
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.hover75:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: .75
}
.hover50 {
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.hover50:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5
}
.hover25 {
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.hover25:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
opacity: .25
}
.border0 {
border: 0px solid !important
}
.bordert0 {
border-top: 0px solid !important
}
.borderr0 {
border-right: 0px solid !important
}
.borderb0 {
border-bottom: 0px solid !important
}
.borderl0 {
border-left: 0px solid !important
}
.border1,.is-radius-1 {
border: 1px solid !important
}
.bordert1 {
border-top: 1px solid !important
}
.borderr1 {
border-right: 1px solid !important
}
.borderb1 {
border-bottom: 1px solid !important
}
.borderl1 {
border-left: 1px solid !important
}
.border2 {
border: 2px solid !important
}
.bordert2 {
border-top: 2px solid !important
}
.borderr2 {
border-right: 2px solid !important
}
.borderb2 {
border-bottom: 2px solid !important
}
.borderl2 {
border-left: 2px solid !important
}
.border3 {
border: 3px solid !important
}
.bordert3 {
border-top: 3px solid !important
}
.borderr3 {
border-right: 3px solid !important
}
.borderb3 {
border-bottom: 3px solid !important
}
.borderl3 {
border-left: 3px solid !important
}
.border4 {
border: 4px solid !important
}
.bordert4 {
border-top: 4px solid !important
}
.borderr4 {
border-right: 4px solid !important
}
.borderb4 {
border-bottom: 4px solid !important
}
.borderl4 {
border-left: 4px solid !important
}
.border5 {
border: 5px solid !important
}
.bordert5 {
border-top: 5px solid !important
}
.borderr5 {
border-right: 5px solid !important
}
.borderb5 {
border-bottom: 5px solid !important
}
.borderl5 {
border-left: 5px solid !important
}
.border6 {
border: 6px solid !important
}
.bordert6 {
border-top: 6px solid !important
}
.borderr6 {
border-right: 6px solid !important
}
.borderb6 {
border-bottom: 6px solid !important
}
.borderl6 {
border-left: 6px solid !important
}
.border7 {
border: 7px solid !important
}
.bordert7 {
border-top: 7px solid !important
}
.borderr7 {
border-right: 7px solid !important
}
.borderb7 {
border-bottom: 7px solid !important
}
.borderl7 {
border-left: 7px solid !important
}
.border8 {
border: 8px solid !important
}
.bordert8 {
border-top: 8px solid !important
}
.borderr8 {
border-right: 8px solid !important
}
.borderb8 {
border-bottom: 8px solid !important
}
.borderl8 {
border-left: 8px solid !important
}
.border9 {
border: 9px solid !important
}
.bordert9 {
border-top: 9px solid !important
}
.borderr9 {
border-right: 9px solid !important
}
.borderb9 {
border-bottom: 9px solid !important
}
.borderl9 {
border-left: 9px solid !important
}
.border10 {
border: 10px solid !important
}
.bordert10 {
border-top: 10px solid !important
}
.borderr10 {
border-right: 10px solid !important
}
.borderb10 {
border-bottom: 10px solid !important
}
.borderl10 {
border-left: 10px solid !important
}
.border-primary,.is-radius-1 {
border-color: #2dafe6 !important
}
.bg-primary {
background-color: #0490D3 !important
}
.bg-secondary {
background-color: #2dafe6 !important
}
.bg-light-blue {
background-color: #A1E6F2 !important
}
.text-base {
color: #fff !important
}
.text-main {
color: #1b1b1b !important
}
.text-default {
color: #010101 !important
}
.text-option {
color: #1F4D6F !important
}
.text-primary {
color: #0490D3 !important
}
.text-secondary {
color: #2dafe6 !important
}
.text-link {
color: #0490D3 !important
}
.u-mt-1 {
margin-top: 10px !important
}
.u-mt-2 {
margin-top: 20px !important
}
.u-mt-3 {
margin-top: 30px !important
}
.u-mt-4 {
margin-top: 40px !important
}
.u-mt-5 {
margin-top: 50px !important
}
.u-mb-1 {
margin-bottom: 10px !important
}
.u-mb-2 {
margin-bottom: 20px !important
}
.u-mb-3 {
margin-bottom: 30px !important
}
.u-mb-4 {
margin-bottom: 40px !important
}
.u-mb-5 {
margin-bottom: 50px !important
}
.u-pd-1 {
padding: 10px !important
}
.u-pd-2 {
padding: 20px !important
}
.u-pd-3 {
padding: 30px !important
}
.u-pd-4 {
padding: 40px !important
}
.u-pd-5 {
padding: 50px !important
}
.align-items-center {
align-items: center
}
.icon {
display: block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
position: relative;
width: 20px;
height: 20px
}
@media screen and (max-width: 880px) {
.icon {
width:17px;
height: 17px
}
}
.icon-1:before,.icon-2:before,.icon-3:before,.icon-4:before,.icon-5:before,.icon-6:before,.icon-7:before,.icon-8:before,.icon-9:before,.icon-10:before,.icon-11:before,.icon-12:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
left: 0px;
right: 0px;
top: 0px
}
@media screen and (max-width: 880px) {
.icon-1:before,.icon-2:before,.icon-3:before,.icon-4:before,.icon-5:before,.icon-6:before,.icon-7:before,.icon-8:before,.icon-9:before,.icon-10:before,.icon-11:before,.icon-12:before {
width:17px;
height: 17px
}
}
.icon-1:before {
background: url(img/icon/1.svg) no-repeat;
background-size: 100% auto
}
.icon-2:before {
background: url(img/icon/2.svg) no-repeat;
background-size: 100% auto
}
.icon-3:before {
background: url(img/icon/3.svg) no-repeat;
background-size: 100% auto
}
.icon-4:before {
background: url(img/icon/4.svg) no-repeat;
background-size: 100% auto
}
.icon-5:before {
background: url(img/icon/5.svg) no-repeat;
background-size: 100% auto
}
.icon-6:before {
background: url(img/icon/6.svg) no-repeat;
background-size: 100% auto
}
.icon-7:before {
background: url(img/icon/7.svg) no-repeat;
background-size: 100% auto
}
.icon-8:before {
background: url(img/icon/8.svg) no-repeat;
background-size: 100% auto
}
.icon-9:before {
background: url(img/icon/9.svg) no-repeat;
background-size: 100% auto
}
.icon-10:before {
background: url(img/icon/10.svg) no-repeat;
background-size: 100% auto
}
.icon-11:before {
background: url(img/icon/11.svg) no-repeat;
background-size: 100% auto
}
.icon-12:before {
background: url(img/icon/12.svg) no-repeat;
background-size: 100% auto
}
.icon-square {
width: 15px;
height: 15px;
background-color: #dfdfdf
}
.icon-md {
width: 33px;
height: 33px
}
.icon-md.icon-1:before,.icon-md.icon-2:before,.icon-md.icon-3:before,.icon-md.icon-4:before,.icon-md.icon-5:before,.icon-md.icon-6:before,.icon-md.icon-7:before,.icon-md.icon-8:before,.icon-md.icon-9:before,.icon-md.icon-10:before,.icon-md.icon-11:before,.icon-md.icon-12:before {
width: 33px;
height: 33px
}
.icon-md.icon-12 {
width: 28px
}
.icon-md.icon-12:before {
width: 28px
}
html,body {
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none
}
html {
font-size: 62.5%
}
body {
font-family: "hiragino-kaku-gothic-pron","Hiragino Sans","Noto Sans","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
color: #272727;
line-height: 1.6;
font-size: 16px;
background: #fff;
word-break: break-all
}
body.hidden {
overflow: hidden
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
h1 {
font-size: 25px;
font-weight: 600
}
h2 {
font-size: 22px;
font-weight: 600
}
h3 {
font-size: 20px;
font-weight: 600
}
h4 {
font-size: 18px
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto
}
p {
font-family: 'Noto Sans', sans-serif
}
a {
color: #0490D3;
cursor: pointer;
text-decoration: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline;
vertical-align: 0
}
a:hover {
text-decoration: underline
}
strong {
font-weight: 600
}
small {
font-size: .7em
}
table th,table td {
vertical-align: top
}
span {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline;
vertical-align: 0
}
hr {
margin: 0;
padding: 0;
border: none;
border-bottom: 1px solid rgba(34,78,110,0.5)
}
div {
box-sizing: border-box
}
input[type='radio'],input[type='checkbox'],label {
cursor: pointer
}
input[type='text'],input[type='password'],input[type='email'],input[type='search'],input[type='tel'],input.text,textarea {
padding: 8px 10px;
min-height: 36px;
vertical-align: middle;
border: 1px solid #CCC;
background: #FFF;
max-width: 100%;
width: 100%;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: 1.5px;
font-size: 16px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none
}
input[type='text'].input-sm,input[type='password'].input-sm,input[type='email'].input-sm,input[type='search'].input-sm,input[type='tel'].input-sm,input.text.input-sm,textarea.input-sm {
width: 140px
}
textarea {
line-height: 1.4
}
select {
padding: 5px 10px;
height: 36px;
line-height: 1;
border: 1px solid #D8D8D8;
background: #fff;
font-family: "hiragino-kaku-gothic-pron","Hiragino Sans","Noto Sans","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
color: #272727;
font-size: 16px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding;
-moz-background-clip: padding;
-webkit-background-clip: padding-box
}
.arrow {
display: inline-block;
height: 12px;
position: relative;
width: 12px
}
.arrow::after {
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
content: '';
display: inline-block;
height: 12px;
left: 0;
position: absolute;
top: 0;
width: 12px
}
.arrow.is-triangle::after {
border-style: solid;
border-width: 0 0 12px 12px;
height: 0;
width: 0
}
.arrow.is-check::after {
width: 6px
}
.arrow.arrow-bar::before {
bottom: 1px;
content: '';
height: 20px;
position: absolute;
right: 0;
transform-origin: bottom;
width: 1px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.arrow.is-top {
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
.arrow.is-right {
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
transform: rotate(315deg)
}
.arrow.is-bottom {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.arrow.is-left {
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.arrow::after,.arrow .arrow::after {
border-color: #2dafe6
}
.arrow.is-triangle::after,.arrow .arrow.is-triangle::after {
border-color: transparent;
border-bottom-color: #2dafe6
}
.arrow::before,.arrow .arrow::before {
background-color: #2dafe6
}
@font-face {
font-family: "Bangla MN";
src: url("fonts/Bangla_MN.ttf")
}
html {
margin-top: 0 !important
}
html {
position: relative;
height: 100%
}
body {
height: 100%;
background: #F6F6F6;
overflow-x: hidden
}
.container {
position: relative;
width: 1120px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto
}
.container.full {
max-width: none
}
@media screen and (max-width: 1050px) {
.container.sp_full {
padding-left:0;
padding-right: 0
}
}
@media screen and (max-width: 1050px) {
.container {
width:100%;
padding-right: 15px;
padding-left: 15px
}
}
#wpadminbar {
display: none !important
}
.header {
position: relative;
padding: 0px 80px 0 40px;
height: 100px;
display: flex;
justify-content: space-between;
align-items: center
}
@media screen and (max-width: 1050px) {
.header {
padding:0 40px;
height: auto
}
}
.header .header-logo {
width: 10%
}
@media screen and (max-width: 1050px) {
.header .header-logo {
position:fixed;
top: 10px;
left: 10px;
z-index: 10000;
width: 50px
}
.header .header-logo img {
width: 100%
}
}
.header .gnav {
width: 90%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 45px
}
@media screen and (max-width: 1050px) {
.header .gnav {
display:none
}
}
.header .gnav>li {
position: relative;
display: flex;
align-items: center
}
.header .gnav>li:after {
position: absolute;
content: '';
width: 6px;
height: 6px;
left: 50%;
bottom: 0;
border-radius: 50%;
background: #A62E2E;
transform: translateX(-50%);
transition: all 0.5s;
opacity: 0
}
.header .gnav>li:hover:after {
opacity: 1
}
.header .gnav>li>a {
position: relative;
text-align: center;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 280%;
color: #666666;
transition: all 0.5s
}
.header .gnav>li>a:hover {
color: #A62E2E;
text-decoration: none
}
.fixed-nav {
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 58px;
background: rgba(255,255,255,0.4);
z-index: 10000
}
@media screen and (max-width: 1050px) {
.fixed-nav {
height:56px;
width: 56px
}
}
.fixed-nav .languages {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
text-align: center
}
@media screen and (max-width: 1050px) {
.fixed-nav .languages {
display:none
}
}
.fixed-nav .languages .lang-item {
position: relative;
text-align: center;
margin-bottom: 23px
}
.fixed-nav .languages .lang-item:before {
content: '';
position: absolute;
left: 50%;
bottom: -12px;
width: 15px;
height: 1px;
background: #A62E2E;
transform: translateX(-50%)
}
.fixed-nav .languages .lang-item:last-child:before {
display: none
}
.fixed-nav .languages .lang-item a {
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.7px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.fixed-nav .languages .lang-item a:hover {
text-decoration: none;
color: #666;
opacity: 0.4
}
.fixed-nav .languages.active-la-ja .lang-item-ja a {
color: #666;
opacity: 0.4
}
.fixed-nav .languages.active-la-en .lang-item-en a {
color: #666;
opacity: 0.4
}
.fixed-nav .btn-menu {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
cursor: pointer;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
@media screen and (max-width: 1050px) {
.fixed-nav .btn-menu {
position:static;
padding: 15px;
transform: translateY(0%) translateX(0%)
}
}
.fixed-nav .btn-menu:hover {
text-decoration: none;
opacity: 0.7
}
.fixed-nav .sns-list {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%)
}
@media screen and (max-width: 1050px) {
.fixed-nav .sns-list {
display:none
}
}
.fixed-nav .sns-list>li {
text-align: center;
margin-bottom: 12px
}
.fixed-nav .sns-list>li>a {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.fixed-nav .sns-list>li>a:hover {
text-decoration: none;
opacity: 0.7
}
.fixed-nav-detail {
position: fixed;
top: 0;
right: -100vw;
width: 100vw;
height: 100vh;
overflow-y: auto;
z-index: 20000;
background: #A62E2E;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
transition-timing-function: ease-out
}
.fixed-nav-detail.active {
right: 0
}
.fixed-nav-detail .language-list {
position: absolute;
left: 40px;
top: 40px;
display: flex;
justify-content: center;
gap: 23px
}
@media screen and (max-width: 1050px) {
.fixed-nav-detail .language-list {
top:20px
}
}
.fixed-nav-detail .language-list .lang-item {
position: relative;
text-align: center
}
.fixed-nav-detail .language-list .lang-item:before {
content: '';
position: absolute;
top: 50%;
right: -12px;
width: 1px;
height: 15px;
background: #fff;
transform: translateY(-50%)
}
.fixed-nav-detail .language-list .lang-item:last-child:before {
display: none
}
.fixed-nav-detail .language-list .lang-item a {
color: #fff;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.65px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.fixed-nav-detail .language-list .lang-item a:hover {
text-decoration: none;
color: #fff;
opacity: 0.4
}
.fixed-nav-detail .language-list.active-la-ja .lang-item-ja a {
color: #fff;
opacity: 0.4
}
.fixed-nav-detail .language-list.active-la-en .lang-item-en a {
color: #fff;
opacity: 0.4
}
.fixed-nav-detail .btn-close {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 100;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
@media screen and (max-width: 1050px) {
.fixed-nav-detail .btn-close {
top:0px;
right: 0px;
transform: translateY(0)
}
}
.fixed-nav-detail .btn-close:hover {
text-decoration: none;
opacity: 0.7
}
.fixed-nav-detail .nav-list {
padding: 35vh 0 15vh;
display: flex;
justify-content: center;
flex-direction: row-reverse
}
.fixed-nav-detail .nav-list>li {
padding: 0 10px
}
.fixed-nav-detail .nav-list>li>a {
position: relative;
color: #FFF;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 105%;
letter-spacing: 3px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl
}
.fixed-nav-detail .nav-list>li>a:before {
content: '';
position: absolute;
right: -5px;
height: 0%;
width: 1px;
background: #fff;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.fixed-nav-detail .nav-list>li>a:hover {
text-decoration: none
}
.fixed-nav-detail .nav-list>li>a:hover:before {
height: 110%
}
.fixed-nav-detail .sns-list {
display: flex;
justify-content: center;
gap: 24px;
margin-bottom: 5vh
}
.fixed-nav-detail .sns-list>li>a {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.fixed-nav-detail .sns-list>li>a:hover {
text-decoration: none;
opacity: 0.7
}
.fixed-nav-detail .logo {
text-align: center
}
.section-breadcrumbs .breadcrumbs {
padding: 32px 0
}
.section-breadcrumbs .breadcrumbs>span {
color: #A62E2E;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 1.2px
}
.section-breadcrumbs .breadcrumbs>span>span {
padding: 0 10px
}
.section-breadcrumbs .breadcrumbs>span>span:first-child {
padding-left: 0
}
.section-breadcrumbs .breadcrumbs>span>span a {
color: #666;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 1.2px
}
.section-breadcrumbs .breadcrumbs>span>span a:hover {
color: #A62E2E;
text-decoration: underline
}
.section-breadcrumbs .breadcrumbs>span .breadcrumb_last {
color: #A62E2E;
text-decoration: underline
}
.footer .footer_wrap {
background: #fff
}
.footer .footer_top {
padding: 111px 0;
display: flex;
justify-content: space-between
}
@media screen and (max-width: 880px) {
.footer .footer_top {
flex-direction:column-reverse;
padding: 74px 0
}
}
@media screen and (max-width: 880px) {
.footer .footer_top .footer_infor {
padding:0 8px
}
}
.footer .footer_top .footer_infor .footer_logo {
margin-bottom: 73px
}
@media screen and (max-width: 880px) {
.footer .footer_top .footer_infor .footer_logo {
text-align:center;
margin-bottom: 40px
}
}
.footer .footer_top .footer_infor .infor dl {
display: flex;
gap: 48px;
-webkit-gap: 48px;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-weight: 400;
font-size: 15px;
color: #717171;
margin-bottom: 21px;
line-height: 180%
}
@media screen and (max-width: 880px) {
.footer .footer_top .footer_infor .infor dl {
gap:24px;
-webkit-gap: 24px
}
}
.footer .footer_top .footer_infor .infor dl dt {
min-width: 60px
}
@media screen and (max-width: 880px) {
.footer .footer_top .footer_nav {
margin-bottom:136px
}
}
.footer .footer_top .footer_nav ul {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 29px;
-webkit-gap: 29px;
margin: 0 auto;
writing-mode: vertical-rl
}
@media screen and (max-width: 880px) {
.footer .footer_top .footer_nav ul {
margin-top:0;
justify-content: center;
flex-wrap: wrap;
gap: 16px;
-webkit-gap: 16px
}
}
.footer .footer_top .footer_nav ul li a {
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
color: #717171;
font-size: 17px;
position: relative
}
@media screen and (max-width: 880px) {
.footer .footer_top .footer_nav ul li a {
font-size:15px
}
}
.footer .footer_top .footer_nav ul li a::after {
content: "";
position: absolute;
top: 0;
right: -3px;
width: 1px;
height: 0;
background: #A62E2E;
transition: height 0.5s
}
.footer .footer_top .footer_nav ul li a:hover {
color: #A62E2E;
opacity: 1;
text-decoration: none
}
.footer .footer_top .footer_nav ul li a:hover::after {
height: 100%
}
.footer .footer-links {
background: #F6F6F6;
padding: 41px 0
}
.footer .footer-links>.wrap {
max-width: 1700px;
margin: 0 auto;
width: 100%;
padding-left: 130px;
padding-right: 130px;
display: flex;
justify-content: space-between;
box-sizing: border-box
}
@media screen and (max-width: 880px) {
.footer .footer-links>.wrap {
flex-direction:column;
padding-left: 0;
padding-right: 0
}
}
.footer .footer-links>.wrap .links {
display: flex;
gap: 58px;
-webkit-gap: 58px;
font-size: 12px;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif
}
.footer .footer-links>.wrap .links a {
color: #717171
}
@media screen and (max-width: 880px) {
.footer .footer-links>.wrap .links {
justify-content:center;
margin-bottom: 46px
}
}
.footer .footer-links>.wrap .copy {
font-size: 11px;
color: #3A3939;
font-weight: 250;
line-height: 150%;
letter-spacing: 0.55px
}
@media screen and (max-width: 880px) {
.footer .footer-links>.wrap .copy {
text-align:center
}
}
.animeline {
display: none
}
@media screen and (max-width: 880px) {
.animeline {
display:block;
text-align: center;
margin-bottom: 37px
}
}
.animeline img {
display: inline-block;
width: 1px;
height: 80px;
mix-blend-mode: multiply
}
.btn {
cursor: pointer;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
font-size: 16px;
font-weight: normal;
line-height: 1.2;
text-decoration: none;
position: relative;
border: 1px solid #fff;
padding: 10px 40px;
font-family: "hiragino-kaku-gothic-pron","Hiragino Sans","Noto Sans","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline;
vertical-align: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-shadow: none;
position: relative;
outline: none
}
@media screen and (max-width: 880px) {
.btn {
font-size:16px;
font-size: 4.26667vw
}
}
.btn:hover {
text-decoration: none
}
.btn.btn-primary {
position: relative;
color: #FFF;
text-align: center;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 260%;
border: 0;
letter-spacing: 0.64px;
background: #A62E2E;
border: 1px solid #fff;
border-radius: 4px
}
.btn.btn-primary:before {
content: '';
position: absolute;
width: 8px;
height: 16px;
top: 50%;
right: 10px;
background: url(img/icn-arrow-right-02.svg) no-repeat;
background-size: cover;
transform: translateY(-50%)
}
.btn.btn-primary:hover {
opacity: 0.4
}
.btn.btn-black {
position: relative;
color: #fff;
font-weight: bold;
border-color: #000000;
background: #000000
}
.btn.btn-black:before {
content: '';
position: absolute;
width: 16px;
height: 4px;
top: 50%;
right: 10px;
background: url(img/icn_arrow_right_white.svg) no-repeat;
background-size: cover;
transform: translateY(-50%)
}
.btn.btn-black:hover {
opacity: 0.4
}
.btn.btn-ghost {
position: relative;
color: #272727;
font-weight: bold;
border-color: #fff;
background: rgba(255,255,255,0.75)
}
.btn.btn-ghost:before {
content: '';
position: absolute;
width: 16px;
height: 4px;
top: 50%;
right: 10px;
background: url(img/icn_arrow_right_black.svg) no-repeat;
background-size: cover;
transform: translateY(-50%)
}
.btn.btn-ghost:hover {
opacity: 0.4
}
.btn.btn-secondary {
color: #fff;
font-weight: bold;
border-color: #0490D3;
background: #0490D3
}
.btn.btn-secondary:hover {
color: #fff;
background-color: #024c6f;
border-color: #024c6f
}
.btn.btn-link {
font-weight: bold;
color: #FFFFFF;
border-color: none;
background: none
}
.btn.btn-link i {
color: #FFFFFF
}
.btn.btn-link:hover {
opacity: .5
}
.btn.btn-sm {
font-size: 14px;
padding: 6px 18px
}
.btn.btn-block {
padding-left: 0;
padding-right: 0;
display: block;
width: 100%
}
.btn.btn-tel {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80px;
padding: 0 45px;
box-sizing: border-box;
border-radius: 80px;
background: #A62E2E;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
@media screen and (max-width: 880px) {
.btn.btn-tel {
padding:0 38px
}
}
.btn.btn-tel .txt-box {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 35px
}
@media screen and (max-width: 880px) {
.btn.btn-tel .txt-box {
flex-wrap:wrap;
gap: 0
}
}
.btn.btn-tel .txt-box .txt-01 {
color: #FFF;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: 1.7px
}
@media screen and (max-width: 880px) {
.btn.btn-tel .txt-box .txt-01 {
font-size:14px;
width: 100%
}
}
.btn.btn-tel .txt-box .txt-02 {
color: #FFF;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 130%
}
@media screen and (max-width: 880px) {
.btn.btn-tel .txt-box .txt-02 {
font-size:23px
}
}
.btn.btn-tel>.icn {
position: relative
}
.btn.btn-tel>.icn:before {
content: '';
position: absolute;
top: 50%;
left: -32px;
height: 44px;
width: 1px;
background: #fff;
transform: translateX(-50%) translateY(-50%)
}
.btn.btn-tel:hover {
opacity: 0.4
}
.back_btn {
position: relative;
max-width: 188px;
width: 100%;
padding: 16px 0;
display: inline-block;
text-align: center;
border: 1px solid #A62E2E;
border-radius: 60px;
background: #fff;
font-size: 14px;
line-height: 180%;
color: #A62E2E;
font-weight: 500
}
.back_btn::before {
content: "";
background: url(img/icn-pager-arr-left.svg) no-repeat;
background-size: contain;
width: 9px;
height: 18px;
position: absolute;
top: 50%;
left: 22px;
transform: translateY(-50%)
}
.link-text {
color: #272727
}
.list-inline li {
vertical-align: bottom;
display: inline-block
}
.css-animation-zoom {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
.css-animation-zoom.in {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.title-icn-01 {
margin-bottom: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #A62E2E;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 150%;
letter-spacing: 2.5px;
gap: 16px
}
@media screen and (max-width: 880px) {
.title-icn-01 {
font-size:18px
}
}
.title-icn-02 {
margin-bottom: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #666;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 150%;
letter-spacing: 2.6px;
gap: 8px
}
@media screen and (max-width: 880px) {
.title-icn-02 {
font-size:18px
}
}
.pager ul.page-numbers {
position: relative;
text-align: center;
font-size: 16px;
letter-spacing: 0.32px;
font-weight: 500;
margin-bottom: 110px
}
@media screen and (max-width: 880px) {
.pager ul.page-numbers {
font-size:11px;
margin-bottom: 30px
}
}
.pager ul.page-numbers li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline
}
.pager ul.page-numbers a {
color: #000
}
.pager ul.page-numbers .dots,.pager ul.page-numbers a.page-numbers,.pager ul.page-numbers span.current {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom:1;*display: inline;
text-decoration: none;
background-color: #FFFFFF;
border: 1px solid #0490D3;
height: 41px;
min-width: 41px;
line-height: 41px;
padding: 0 10px;
margin: 0 2px 10px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
@media screen and (max-width: 880px) {
.pager ul.page-numbers .dots,.pager ul.page-numbers a.page-numbers,.pager ul.page-numbers span.current {
min-width:41px;
height: 41px;
line-height: 41px
}
}
.pager ul.page-numbers a.prev,.pager ul.page-numbers a.next {
background: inherit !important;
border: 0 !important
}
.pager ul.page-numbers a.prev:hover,.pager ul.page-numbers a.next:hover {
opacity: 0.5 !important;
border: 0 !important;
background: inherit !important
}
.pager ul.page-numbers span.current,.pager ul.page-numbers a.page-numbers:hover {
color: #fff;
background-color: #2dafe6;
border-color: #2dafe6
}
.table-default {
margin-bottom: 30px
}
.table-default th,.table-default td {
padding: 10px;
vertical-align: middle;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5
}
.table-default th {
background: #f9f9f9;
position: relative
}
.table-default th .label-required {
float: right
}
.label {
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 2px 8px
}
.label.label-required {
color: #fff;
background: #0490D3
}
.label-hashtag {
font-weight: bold;
text-decoration: none;
color: #272727;
background: none;
border: 1px solid #0490D3;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
padding: 10px 20px
}
a.label-hashtag {
-moz-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease
}
a.label-hashtag:hover {
text-decoration: none;
opacity: .4
}
.bg-img {
background-position: center center;
background-repeat: no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
display: block;
width: auto
}
.bg-img:after {
content: " ";
display: block;
width: 100%;
padding-top: 76.92308%
}
.bg-img.noimage {
background: #d3dce2
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: 1
}
.tooltip-inner {
margin-left: 20px;
text-align: left;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #D3DCE2;
font-size: 16px;
font-weight: bold;
padding: 20px 25px;
-moz-box-shadow: 0px 3px 20px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 3px 20px rgba(0,0,0,0.16);
box-shadow: 0px 3px 20px rgba(0,0,0,0.16)
}
.pc_only {
display: block !important
}
.sp_only {
display: none !important
}
.view_minipc {
display: none !important
}
.view_underminipc {
display: none !important
}
@media screen and (max-width: 1050px) {
.view_overminipc {
display:none !important
}
.view_underminipc {
display: block !important
}
.view_minipc {
display: block !important
}
.minipc_none {
display: none !important
}
}
@media screen and (max-width: 880px) {
.sp_only {
display:block !important
}
}
@media screen and (max-width: 880px) {
.pc_only {
display:none !important
}
.sp_none {
display: none !important
}
.sp_block {
display: block !important
}
.sp_inline-block {
display: inline-block !important
}
.sp_tac {
text-align: center !important
}
.sp_tal {
text-align: left !important
}
.sp_tar {
text-align: right !important
}
.sp_fln {
float: none !important
}
.sp_bdn {
border: none !important
}
.sp_fz20 {
font-size: 18px !important
}
.sp_fz12 {
font-size: 12px !important
}
.sp_fz16 {
font-size: 16px !important
}
.sp_w15 {
width: 15px !important
}
.sp_h15 {
height: 15px
}
.sp_w50 {
width: 50px
}
.sp_w200 {
width: 200px
}
.sp_w250 {
width: 250px
}
.sp_w80 {
width: 80px !important
}
.sp_w100 {
width: 100px !important
}
.sp_w24p {
width: 24% !important
}
.sp_w34p {
width: 34% !important
}
.sp_w100p {
width: 100% !important
}
.sp_wauto {
width: auto !important
}
.sp_maxw100p {
max-width: 100% !important
}
.sp_minwn {
min-width: none !important
}
.sp_maxwn {
max-width: none !important
}
.sp_col1 {
*zoom:1}
.sp_col1:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.sp_col1>* {
width: auto !important;
float: none !important;
clear: both;
margin-right: 0
}
.sp_col1>*:nth-child(1n-1) {
float: none !important;
clear: both;
margin-right: 0
}
.sp_col1>*:nth-child(1n-0) {
float: none !important;
clear: both;
margin-right: 0
}
.sp_p0 {
padding: 0px !important
}
.sp_pt0 {
padding-top: 0px !important
}
.sp_pb0 {
padding-bottom: 0px !important
}
.sp_pl0 {
padding-left: 0px !important
}
.sp_pr0 {
padding-right: 0px !important
}
.sp_pv0 {
padding-top: 0px !important;
padding-bottom: 0px !important
}
.sp_ph0 {
padding-left: 0px !important;
padding-right: 0px !important
}
.sp_m0 {
margin: 0px !important
}
.sp_mt0 {
margin-top: 0px !important
}
.sp_mt-0 {
margin-top: 0px !important
}
.sp_mb0 {
margin-bottom: 0px !important
}
.sp_ml0 {
margin-left: 0px !important
}
.sp_mr0 {
margin-right: 0px !important
}
.sp_mv0 {
margin-top: 0px !important;
margin-bottom: 0px !important
}
.sp_mh0 {
margin-left: 0px !important;
margin-right: 0px !important
}
.sp_p5 {
padding: 5px !important
}
.sp_pt5 {
padding-top: 5px !important
}
.sp_pb5 {
padding-bottom: 5px !important
}
.sp_pl5 {
padding-left: 5px !important
}
.sp_pr5 {
padding-right: 5px !important
}
.sp_pv5 {
padding-top: 5px !important;
padding-bottom: 5px !important
}
.sp_ph5 {
padding-left: 5px !important;
padding-right: 5px !important
}
.sp_m5 {
margin: 5px !important
}
.sp_mt5 {
margin-top: 5px !important
}
.sp_mt-5 {
margin-top: -5px !important
}
.sp_mb5 {
margin-bottom: 5px !important
}
.sp_ml5 {
margin-left: 5px !important
}
.sp_mr5 {
margin-right: 5px !important
}
.sp_mv5 {
margin-top: 5px !important;
margin-bottom: 5px !important
}
.sp_mh5 {
margin-left: 5px !important;
margin-right: 5px !important
}
.sp_p10 {
padding: 10px !important
}
.sp_pt10 {
padding-top: 10px !important
}
.sp_pb10 {
padding-bottom: 10px !important
}
.sp_pl10 {
padding-left: 10px !important
}
.sp_pr10 {
padding-right: 10px !important
}
.sp_pv10 {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.sp_ph10 {
padding-left: 10px !important;
padding-right: 10px !important
}
.sp_m10 {
margin: 10px !important
}
.sp_mt10 {
margin-top: 10px !important
}
.sp_mt-10 {
margin-top: -10px !important
}
.sp_mb10 {
margin-bottom: 10px !important
}
.sp_ml10 {
margin-left: 10px !important
}
.sp_mr10 {
margin-right: 10px !important
}
.sp_mv10 {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.sp_mh10 {
margin-left: 10px !important;
margin-right: 10px !important
}
.sp_p15 {
padding: 15px !important
}
.sp_pt15 {
padding-top: 15px !important
}
.sp_pb15 {
padding-bottom: 15px !important
}
.sp_pl15 {
padding-left: 15px !important
}
.sp_pr15 {
padding-right: 15px !important
}
.sp_pv15 {
padding-top: 15px !important;
padding-bottom: 15px !important
}
.sp_ph15 {
padding-left: 15px !important;
padding-right: 15px !important
}
.sp_m15 {
margin: 15px !important
}
.sp_mt15 {
margin-top: 15px !important
}
.sp_mt-15 {
margin-top: -15px !important
}
.sp_mb15 {
margin-bottom: 15px !important
}
.sp_ml15 {
margin-left: 15px !important
}
.sp_mr15 {
margin-right: 15px !important
}
.sp_mv15 {
margin-top: 15px !important;
margin-bottom: 15px !important
}
.sp_mh15 {
margin-left: 15px !important;
margin-right: 15px !important
}
.sp_p20 {
padding: 20px !important
}
.sp_pt20 {
padding-top: 20px !important
}
.sp_pb20 {
padding-bottom: 20px !important
}
.sp_pl20 {
padding-left: 20px !important
}
.sp_pr20 {
padding-right: 20px !important
}
.sp_pv20 {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.sp_ph20 {
padding-left: 20px !important;
padding-right: 20px !important
}
.sp_m20 {
margin: 20px !important
}
.sp_mt20 {
margin-top: 20px !important
}
.sp_mt-20 {
margin-top: -20px !important
}
.sp_mb20 {
margin-bottom: 20px !important
}
.sp_ml20 {
margin-left: 20px !important
}
.sp_mr20 {
margin-right: 20px !important
}
.sp_mv20 {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.sp_mh20 {
margin-left: 20px !important;
margin-right: 20px !important
}
.sp_p25 {
padding: 25px !important
}
.sp_pt25 {
padding-top: 25px !important
}
.sp_pb25 {
padding-bottom: 25px !important
}
.sp_pl25 {
padding-left: 25px !important
}
.sp_pr25 {
padding-right: 25px !important
}
.sp_pv25 {
padding-top: 25px !important;
padding-bottom: 25px !important
}
.sp_ph25 {
padding-left: 25px !important;
padding-right: 25px !important
}
.sp_m25 {
margin: 25px !important
}
.sp_mt25 {
margin-top: 25px !important
}
.sp_mt-25 {
margin-top: -25px !important
}
.sp_mb25 {
margin-bottom: 25px !important
}
.sp_ml25 {
margin-left: 25px !important
}
.sp_mr25 {
margin-right: 25px !important
}
.sp_mv25 {
margin-top: 25px !important;
margin-bottom: 25px !important
}
.sp_mh25 {
margin-left: 25px !important;
margin-right: 25px !important
}
.sp_p30 {
padding: 30px !important
}
.sp_pt30 {
padding-top: 30px !important
}
.sp_pb30 {
padding-bottom: 30px !important
}
.sp_pl30 {
padding-left: 30px !important
}
.sp_pr30 {
padding-right: 30px !important
}
.sp_pv30 {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.sp_ph30 {
padding-left: 30px !important;
padding-right: 30px !important
}
.sp_m30 {
margin: 30px !important
}
.sp_mt30 {
margin-top: 30px !important
}
.sp_mt-30 {
margin-top: -30px !important
}
.sp_mb30 {
margin-bottom: 30px !important
}
.sp_ml30 {
margin-left: 30px !important
}
.sp_mr30 {
margin-right: 30px !important
}
.sp_mv30 {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.sp_mh30 {
margin-left: 30px !important;
margin-right: 30px !important
}
.sp_p35 {
padding: 35px !important
}
.sp_pt35 {
padding-top: 35px !important
}
.sp_pb35 {
padding-bottom: 35px !important
}
.sp_pl35 {
padding-left: 35px !important
}
.sp_pr35 {
padding-right: 35px !important
}
.sp_pv35 {
padding-top: 35px !important;
padding-bottom: 35px !important
}
.sp_ph35 {
padding-left: 35px !important;
padding-right: 35px !important
}
.sp_m35 {
margin: 35px !important
}
.sp_mt35 {
margin-top: 35px !important
}
.sp_mt-35 {
margin-top: -35px !important
}
.sp_mb35 {
margin-bottom: 35px !important
}
.sp_ml35 {
margin-left: 35px !important
}
.sp_mr35 {
margin-right: 35px !important
}
.sp_mv35 {
margin-top: 35px !important;
margin-bottom: 35px !important
}
.sp_mh35 {
margin-left: 35px !important;
margin-right: 35px !important
}
.sp_p40 {
padding: 40px !important
}
.sp_pt40 {
padding-top: 40px !important
}
.sp_pb40 {
padding-bottom: 40px !important
}
.sp_pl40 {
padding-left: 40px !important
}
.sp_pr40 {
padding-right: 40px !important
}
.sp_pv40 {
padding-top: 40px !important;
padding-bottom: 40px !important
}
.sp_ph40 {
padding-left: 40px !important;
padding-right: 40px !important
}
.sp_m40 {
margin: 40px !important
}
.sp_mt40 {
margin-top: 40px !important
}
.sp_mt-40 {
margin-top: -40px !important
}
.sp_mb40 {
margin-bottom: 40px !important
}
.sp_ml40 {
margin-left: 40px !important
}
.sp_mr40 {
margin-right: 40px !important
}
.sp_mv40 {
margin-top: 40px !important;
margin-bottom: 40px !important
}
.sp_mh40 {
margin-left: 40px !important;
margin-right: 40px !important
}
.sp_p45 {
padding: 45px !important
}
.sp_pt45 {
padding-top: 45px !important
}
.sp_pb45 {
padding-bottom: 45px !important
}
.sp_pl45 {
padding-left: 45px !important
}
.sp_pr45 {
padding-right: 45px !important
}
.sp_pv45 {
padding-top: 45px !important;
padding-bottom: 45px !important
}
.sp_ph45 {
padding-left: 45px !important;
padding-right: 45px !important
}
.sp_m45 {
margin: 45px !important
}
.sp_mt45 {
margin-top: 45px !important
}
.sp_mt-45 {
margin-top: -45px !important
}
.sp_mb45 {
margin-bottom: 45px !important
}
.sp_ml45 {
margin-left: 45px !important
}
.sp_mr45 {
margin-right: 45px !important
}
.sp_mv45 {
margin-top: 45px !important;
margin-bottom: 45px !important
}
.sp_mh45 {
margin-left: 45px !important;
margin-right: 45px !important
}
.sp_p50 {
padding: 50px !important
}
.sp_pt50 {
padding-top: 50px !important
}
.sp_pb50 {
padding-bottom: 50px !important
}
.sp_pl50 {
padding-left: 50px !important
}
.sp_pr50 {
padding-right: 50px !important
}
.sp_pv50 {
padding-top: 50px !important;
padding-bottom: 50px !important
}
.sp_ph50 {
padding-left: 50px !important;
padding-right: 50px !important
}
.sp_m50 {
margin: 50px !important
}
.sp_mt50 {
margin-top: 50px !important
}
.sp_mt-50 {
margin-top: -50px !important
}
.sp_mb50 {
margin-bottom: 50px !important
}
.sp_ml50 {
margin-left: 50px !important
}
.sp_mr50 {
margin-right: 50px !important
}
.sp_mv50 {
margin-top: 50px !important;
margin-bottom: 50px !important
}
.sp_mh50 {
margin-left: 50px !important;
margin-right: 50px !important
}
}
.mv-anime {
background: #fff;
position: fixed;
z-index: 11000;
top: 0;
left: 0;
width: 100%;
height: 100vh
}
@media screen and (max-width: 880px) {
.mv-anime {
height:100svh
}
}
.mv-anime .txt-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
writing-mode: vertical-rl;
color: #A62E2E;
font-weight: 400;
line-height: 90%;
text-shadow: 0px 0px 8px rgba(0,0,0,0.25);
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif
}
@media screen and (max-width: 880px) {
.mv-anime .txt-wrap {
width:13.20284svh;
height: 35.18957svh
}
}
.mv-anime .txt-wrap .mv-anime_item {
opacity: 0;
padding: 32px;
transition: all 1s;
font-size: 58px;
letter-spacing: 10px;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
white-space: nowrap
}
@media screen and (max-width: 880px) {
.mv-anime .txt-wrap .mv-anime_item {
font-size:4.38389svh;
padding: 1.89573svh;
position: absolute;
white-space: nowrap
}
}
.mv-anime .txt-wrap .mv-anime_item.anime_1.active {
opacity: 1
}
@media screen and (max-width: 880px) {
.mv-anime .txt-wrap .mv-anime_item.anime_1.active {
right:0;
top: 0
}
}
.mv-anime .txt-wrap .mv-anime_item.anime_2 {
transform: translateY(213px)
}
@media screen and (max-width: 880px) {
.mv-anime .txt-wrap .mv-anime_item.anime_2 {
transform:none;
top: 15.75829svh;
left: 0
}
}
.mv-anime .txt-wrap .mv-anime_item.anime_2.active {
opacity: 1
}
@keyframes mv-txt-anime {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-2%)
}
}
@keyframes mv-txt-anime-sc {
0% {
transform: translateY(213px) translateX(0);
@media screen and (max-width: 880px) {
transform:translateY(15.75829svh) translateX(0)
}
}
100% {
transform: translateY(213px) translateX(-2%);
@media screen and (max-width: 880px) {
transform:translateY(15.75829svh) translateX(-2%)
}
}
}
.section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px
}
.section-header .section-title .title-en {
margin-right: 50px;
color: #A62E2E;
font-size: 20px;
font-weight: 500;
line-height: 250%;
letter-spacing: 15px
}
.section-header .section-title .title-jp {
color: #666;
font-size: 14px;
font-weight: 500;
line-height: 250%;
letter-spacing: 10.5px
}
.section-header .link-more>a {
position: relative;
padding-right: 46px;
color: #666;
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 0.55px;
transition: all 0.5s
}
.section-header .link-more>a:before {
position: absolute;
content: '';
top: 50%;
left: -30px;
width: 43px;
height: 1px;
background: #A62E2E;
transform: translateY(-50%) translateX(-100%)
}
.section-header .link-more>a:after {
position: absolute;
content: '';
top: 50%;
right: 0;
width: 10px;
height: 18px;
transform: translateY(-50%);
background: url(img/icn-arrow-right-01.svg) no-repeat
}
.section-header .link-more>a:hover {
opacity: 0.7;
text-decoration: none
}
.page-title {
margin-bottom: 100px
}
@media screen and (max-width: 1050px) {
.page-title {
padding-top:111px;
margin-bottom: 32px
}
}
.page-title>h2 {
display: flex;
align-items: flex-end
}
@media screen and (max-width: 880px) {
.page-title>h2 {
flex-wrap:wrap
}
}
.page-title>h2 .title-main {
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400
}
@media screen and (max-width: 880px) {
.page-title>h2 .title-main {
width:100%;
margin-bottom: 30px
}
}
.page-title>h2 .title-sub {
position: relative;
margin-left: 64px;
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 400;
letter-spacing: 1.7px
}
@media screen and (max-width: 880px) {
.page-title>h2 .title-sub {
width:100%;
margin-left: 0
}
}
.page-title>h2 .title-sub:before {
content: '';
position: absolute;
left: -11px;
bottom: 0;
width: 38px;
height: 1px;
background: #666;
transform: translateX(-100%)
}
@media screen and (max-width: 880px) {
.page-title>h2 .title-sub:before {
top:-15px;
left: 0;
bottom: inherit;
transform: translateX(0%)
}
}
.white-box {
padding: 40px 110px;
border-radius: 16px;
background: #FFF
}
@media screen and (max-width: 880px) {
.white-box {
padding:32px 16px
}
}
.home {
background: url(img/bg-main.png);
background-repeat: repeat;
background-position: top center
}
.home .section-comp-mv {
position: relative;
margin-bottom: 120px
}
@media screen and (max-width: 880px) {
.home .section-comp-mv {
margin-bottom:11.84834svh
}
}
.home .section-comp-mv .section-mv {
position: relative;
height: 789px;
background: url(img/mv-bg-01.png) repeat-x;
-webkit-animation: mv-bg-slide-animation 80s linear infinite;
animation: mv-bg-slide-animation 80s infinite linear;
transition: opacity 0.5s;
background-size: 4096px 789px
}
.home .section-comp-mv .section-mv::before {
content: "";
background: url(img/line.gif);
width: 1px;
height: 120px;
position: absolute;
bottom: -86px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
mix-blend-mode: multiply
}
@media screen and (max-width: 880px) {
.home .section-comp-mv .section-mv::before {
content:none
}
}
.home .section-comp-mv .section-mv.active {
opacity: 1
}
@media screen and (max-width: 880px) {
.home .section-comp-mv .section-mv {
height:100svh;
background: url(img/mv-bg-01-sp.png) repeat-x;
-webkit-animation: mv-bg-slide-animation-sp 80s linear infinite;
animation: mv-bg-slide-animation-sp 80s infinite linear;
background-size: 1640px 716px
}
}
.home .section-comp-mv .section-mv .mv-bannr {
position: absolute;
left: 15%;
bottom: 0;
transform: translateY(50%) translateX(-50%)
}
@media screen and (max-width: 880px) {
.home .section-comp-mv .section-mv .mv-bannr {
width:300px;
left: 50%;
bottom: 0.11801svh;
transform: translateY(50%) translateX(-50%)
}
}
.home .section-comp-mv .section-mv .mv-bannr>a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px 0px 0px;
border: 4px solid #fff;
gap: 24px;
border-radius: 16px;
background: var(--natural_0, #FFF);
box-shadow: -20px 20px 25px 0px rgba(0,0,0,0.2);
overflow: hidden;
opacity: 1;
transition: all 0.5s
}
.home .section-comp-mv .section-mv .mv-bannr>a:hover {
opacity: 0.7;
text-decoration: none
}
.home .section-comp-mv .section-mv .mv-bannr .img {
border-radius: 8px;
overflow: hidden;
vertical-align: bottom;
line-height: 0
}
.home .section-comp-mv .section-mv .mv-bannr .txt {
color: #A62E2E;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.65px
}
.home .mv-txt {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
writing-mode: vertical-rl;
width: 200px;
height: 485px
}
@media screen and (max-width: 880px) {
.home .mv-txt {
width:16.58768svh;
height: 35.18957svh
}
}
.home .mv-txt .mv-title.title_1 {
position: absolute;
right: 0;
top: 0
}
.home .mv-txt .mv-title.title_2 {
position: absolute;
left: 0;
top: 213px
}
@media screen and (max-width: 880px) {
.home .mv-txt .mv-title.title_2 {
top:15.75829svh
}
}
.home .mv-txt .mv-title span {
font-size: 58px;
font-weight: 400;
color: #A62E2E;
line-height: 90%;
background: rgba(255,255,255,0.9);
padding: 32px 20px;
text-shadow: 0px 0px 8px rgba(0,0,0,0.25);
white-space: nowrap;
display: block;
height: fit-content;
letter-spacing: 10px;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif
}
@media screen and (max-width: 880px) {
.home .mv-txt .mv-title span {
font-size:4.38389svh;
padding: 1.89573svh
}
}
.home .section-topics {
margin-bottom: 190px;
overflow: hidden
}
@media screen and (max-width: 880px) {
.home .section-topics {
margin-bottom:130px
}
}
.home .section-topics .slick-list {
overflow: inherit !important
}
.home .section-topics .slick-initialized .slick-slide {
opacity: 0.7;
transform: scale(0.8);
transform-origin: top center;
transition: all 0.5s;
background: none;
filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.25))
}
.home .section-topics .slick-initialized .slick-slide.slick-current {
opacity: 1;
transform: scale(1)
}
.home .section-topics .slick-dots {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px
}
.home .section-topics .slick-dots li {
width: auto;
height: auto
}
.home .section-topics .slick-dots li button {
width: 6px;
height: 6px;
padding: 0 !important;
border-radius: 50%;
background: #D9D9D9;
opacity: 1
}
.home .section-topics .slick-dots li button:before {
display: none
}
.home .section-topics .slick-dots li.slick-active button {
width: 26px;
height: 6px;
border-radius: 6px;
background: #A62E2E;
opacity: 1
}
@media screen and (max-width: 880px) {
.home .section-topics .slick-dots {
display:none !important
}
.home .section-topics .slick-initialized .slick-slide {
opacity: 0.8;
transform: scale(0.8)
}
.home .section-topics .slick-dots li button:before {
display: none
}
.home .section-topics .slick-list {
padding: 0 20% 0 0 !important
}
.home .section-topics .slick-slide {
margin-right: 15px
}
.home .section-topics .slick-list img {
width: 100%
}
}
.home .section-concept {
position: relative;
padding: 64px 0 0;
margin-bottom: 260px;
background-image: linear-gradient(120deg, #a62e2e,#720808 90%)
}
@media screen and (max-width: 1050px) {
.home .section-concept {
padding:0;
margin-bottom: 130px
}
}
.home .section-concept .container {
position: relative
}
.home .section-concept .content {
margin-right: auto
}
@media screen and (max-width: 1050px) {
.home .section-concept .content {
padding-top:58px;
margin-left: auto;
margin-right: auto
}
}
.home .section-concept .content .title-concept-wrapper {
display: flex;
gap: 79px;
align-items: center;
position: relative;
margin-bottom: 10px
}
@media screen and (max-width: 880px) {
.home .section-concept .content .title-concept-wrapper {
flex-direction:column;
gap: 44px
}
}
@media screen and (max-width: 880px) {
.home .section-concept .content .title-concept-wrapper {
text-align:center
}
}
.home .section-concept .content .title-concept-wrapper .title-concept {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-feature-settings: initial
}
@media screen and (max-width: 1050px) {
.home .section-concept .content .title-concept-wrapper .title-concept {
position:relative;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
z-index: 10
}
}
@media screen and (max-width: 880px) {
.home .section-concept .content .title-concept-wrapper .title-concept {
display:inline-block;
text-align: left
}
}
.home .section-concept .content .title-concept-wrapper .title-concept .txt-vertical {
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 180%;
min-height: 100%;
letter-spacing: -3px
}
@media screen and (max-width: 1050px) {
.home .section-concept .content .title-concept-wrapper .title-concept .txt-vertical {
width:auto;
font-size: 33px
}
}
.home .section-concept .content .title-concept-wrapper .title-concept .txt-vertical>span {
padding: 10px 0;
margin: 0 10px;
background: #fff;
border: 5px solid #A62E2E
}
@media screen and (max-width: 880px) {
.home .section-concept .content .title-concept-wrapper .title-wrap {
padding-bottom:192px
}
}
.home .section-concept .content .title-concept-wrapper .title-wrap .title-en {
margin-bottom: 4px;
color: #fff;
font-size: 21px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 10.29px
}
.home .section-concept .content .title-concept-wrapper .title-wrap .title-en::before {
content: "";
width: 167px;
height: 1px;
background: #fff;
display: block;
margin-bottom: 24px
}
@media screen and (max-width: 880px) {
.home .section-concept .content .title-concept-wrapper .title-wrap .title-en::before {
content:none
}
}
@media screen and (max-width: 1050px) {
.home .section-concept .content .title-concept-wrapper .title-wrap .title-en {
width:100%
}
}
.home .section-concept .content .title-concept-wrapper .title-wrap .title-jp {
color: #fff;
border-radius: 4px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 10.5px
}
@media screen and (max-width: 1050px) {
.home .section-concept .content .title-concept-wrapper .title-wrap .title-jp {
width:100%
}
}
.home .section-concept .content .img-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.home .section-concept .content .img-box img {
position: absolute;
border-radius: 24px
}
@media screen and (max-width: 880px) {
.home .section-concept .content .img-box img {
border-radius:16px
}
}
.home .section-concept .content .img-box img.main-img01 {
right: 10.09259%;
top: 106px;
z-index: 5
}
@media screen and (max-width: 880px) {
.home .section-concept .content .img-box img.main-img01 {
top:269px;
width: 23.40967vw;
right: 8.14249
}
}
.home .section-concept .content .img-box img.main-img02 {
right: 39.25926%;
bottom: 10px;
z-index: 2
}
@media screen and (max-width: 880px) {
.home .section-concept .content .img-box img.main-img02 {
display:none
}
}
.home .section-concept .content .img-box img.main-img03 {
right: 32.87037%;
top: 22px
}
@media screen and (max-width: 880px) {
.home .section-concept .content .img-box img.main-img03 {
width:13.48601vw;
right: 47.5827vw;
top: 591px
}
}
.home .section-concept .content .img-box img.main-img04 {
right: -3.7037%;
top: 0;
z-index: 6
}
@media screen and (max-width: 880px) {
.home .section-concept .content .img-box img.main-img04 {
width:21.6285vw;
top: 331px;
right: auto;
left: 9.92366vw
}
}
.home .section-concept .content .img-box img.main-img05 {
right: -14.07407%;
top: 200px
}
@media screen and (max-width: 880px) {
.home .section-concept .content .img-box img.main-img05 {
right:auto;
left: 6.61578vw;
top: 513px;
width: 20.86514vw
}
}
.home .section-concept .content .img-box img.main-img06 {
width: 85px;
right: -2.31481%;
top: 313px
}
@media screen and (max-width: 880px) {
.home .section-concept .content .img-box img.main-img06 {
width:22.90076vw;
top: 549px;
right: 8.39695vw
}
}
.home .section-concept .content .btn-more {
position: relative;
bottom: -40px
}
.home .section-concept .content .btn-more .btn {
width: 100%;
max-width: 376px
}
.section-brand {
overflow-x: clip
}
.section-brand .slick-list {
overflow: inherit !important
}
.section-brand .brand-header {
display: flex;
justify-content: space-between;
align-items: center;
position: relative
}
@media screen and (max-width: 880px) {
.section-brand .brand-header {
flex-wrap:wrap;
justify-content: center
}
}
.section-brand .brand-header::before {
content: "";
background: url(img/line.gif);
width: 1px;
height: 120px;
position: absolute;
top: -80px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
mix-blend-mode: multiply
}
@media screen and (max-width: 880px) {
.section-brand .brand-header::before {
content:none
}
}
.section-brand .brand-header .title-brand {
padding: 0 20px;
color: #A62E2E;
font-size: 27px;
font-style: normal;
font-weight: 400;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
line-height: 200%;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
letter-spacing: 10px;
background: url(img/bg-main.png);
background-size: 148%
}
@media screen and (max-width: 880px) {
.section-brand .brand-header .title-brand {
position:relative;
width: auto;
background-size: 100%
}
.section-brand .brand-header .title-brand:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 100vw;
height: 1px;
background: #A62E2E;
transform: translateY(-50%) translateX(-50%);
z-index: -1
}
}
.section-brand .brand-header .more-link {
position: relative
}
@media screen and (max-width: 880px) {
.section-brand .brand-header .more-link {
width:100%;
text-align: center
}
}
.section-brand .brand-header .more-link:before {
position: absolute;
content: '';
top: 50%;
left: -40px;
width: 100vw;
height: 1px;
background: #A62E2E;
transform: translateY(-50%) translateX(-100%);
z-index: -1
}
@media screen and (max-width: 880px) {
.section-brand .brand-header .more-link:before {
display:none
}
}
.section-brand .brand-header .more-link a {
position: relative;
color: #A62E2E;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 12px
}
.section-brand .brand-header .more-link a:after {
position: absolute;
content: '';
top: 50%;
right: -20px;
width: 10px;
height: 18px;
transform: translateY(-50%);
background: url(img/icn-arrow-right-01.svg) no-repeat
}
.section-brand .brand-header .more-link a:hover {
text-decoration: none
}
.section-brand .brand-list {
min-height: 510px;
padding: 30px 0
}
@media screen and (max-width: 880px) {
.section-brand .slick-list {
padding:0 15% !important
}
}
.section-brand .slick-slide {
text-align: center
}
@media screen and (max-width: 880px) {
.section-brand .slick-slide a {
display:block;
width: 100%
}
}
.section-brand .slick-slide a .img-wrapper {
overflow: hidden;
margin-bottom: 30px
}
@media screen and (max-width: 880px) {
.section-brand .slick-slide a .img-wrapper {
display:block;
width: 100%
}
}
.section-brand .slick-slide a .img-wrapper img {
width: 304px;
height: 214px;
object-fit: cover
}
@media screen and (max-width: 880px) {
.section-brand .slick-slide a .img-wrapper img {
display:block;
width: 100% !important;
height: auto !important
}
}
.section-brand .slick-slide a p {
color: var(--natural_02_100, #666);
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 180%
}
.section-brand .slick-slide a:hover {
text-decoration: none
}
.section-brand .slick-initialized .slick-slide {
margin-top: 65px;
opacity: 0.7;
transform: scale(0.9);
transform-origin: top center;
transition: all 0.5s
}
@media screen and (max-width: 880px) {
.section-brand .slick-initialized .slick-slide {
margin-top:3vw;
padding: 0 2vw;
transform: scale(0.8);
transform-origin: top center;
transition: all 0.5s
}
}
.section-brand .slick-initialized .slick-slide.slick-current {
margin-top: 0;
opacity: 1;
transform: scale(1)
}
.section-brand .slick-initialized .slick-slide.slick-current img {
width: 343px;
height: 324px
}
@media screen and (max-width: 880px) {
.section-brand .slick-initialized .slick-slide.slick-current img {
display:block;
width: 100% !important;
height: auto !important
}
}
.section-brand .brand-mv {
margin: 60px 0 216px;
text-align: center
}
@media screen and (max-width: 880px) {
.section-brand .brand-mv {
margin:60px 0 35px
}
}
.section-brand .brand-mv img {
width: 100%
}
.section-home-footer {
text-align: center;
position: relative;
height: 418px
}
.section-home-footer img {
position: absolute;
max-width: 1527px;
left: 50%;
bottom: -40px;
transform: translateX(-50%);
z-index: 10
}
@media screen and (max-width: 880px) {
.section-home-footer {
height:auto
}
.section-home-footer img {
position: static;
max-width: 100%;
width: 100%;
left: 0;
bottom: 0;
transform: translateX(0)
}
}
.section-news {
margin-bottom: 120px;
margin-top: 120px;
position: relative
}
@media screen and (max-width: 880px) {
.section-news {
margin-bottom:80px;
margin-top: 80px;
}
}
.section-news::before {
content: "";
background: url(img/line.gif);
width: 1px;
height: 120px;
position: absolute;
top: -168px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
mix-blend-mode: multiply
}
@media screen and (max-width: 880px) {
.section-news::before {
content:none
}
}
.section-news .cat-list {
display: flex;
align-items: center;
margin-bottom: 38px
}
@media screen and (max-width: 880px) {
.section-news .cat-list {
flex-wrap:wrap
}
}
.section-news .cat-list li:after {
content: '／';
margin: 0 15px;
color: #A62E2E
}
.section-news .cat-list li .tag-name {
color: #666;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 1.4px
}
.section-news .cat-list li .tag-name:hover {
color: #A62E2E;
text-decoration: underline
}
.section-news .cat-list li.active .tag-name {
color: #A62E2E;
text-decoration: underline
}
.section-news .cat-list li:last-child:after {
display: none
}
.section-news .news-list>li {
margin-bottom: 14px
}
.section-news .news-list>li>a {
display: flex;
align-items: center;
padding: 30px;
gap: 32px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.07);
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.section-news .news-list>li>a:hover {
text-decoration: none;
opacity: 0.7
}
@media screen and (max-width: 880px) {
.section-news .news-list>li>a {
flex-direction:column;
align-items: baseline;
gap: 16px
}
}
@media screen and (max-width: 880px) {
.section-news .news-list>li>a .post-data {
display:flex;
gap: 32px
}
}
.section-news .news-list>li>a .post-data .date {
margin-right: 15px;
color: #666;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 0.6px
}
.section-news .news-list>li>a .post-data .cat {
display: inline-block;
width: 130px
}
.section-news .news-list>li>a .post-data .cat>span {
padding: 2px 24px;
color: #A62E2E;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 250%;
letter-spacing: 1.2px;
border-radius: 54px;
background: rgba(166,46,46,0.1)
}
@media screen and (max-width: 880px) {
.section-news .news-list>li>a .post-data {
display:flex;
flex-wrap: wrap;
width: 100%;
min-width: 100px
}
.section-news .news-list>li>a .post-data .cat {
box-sizing: border-box
}
.section-news .news-list>li>a .post-data .cat>span {
padding: 2px 16px;
font-size: 10px;
box-sizing: border-box
}
}
.section-news .news-list>li>a .title {
color: #666;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 250%
}
@media screen and (max-width: 880px) {
.section-news .news-list>li>a .title {
width:100%
}
}
.page-brand .section-mv {
margin-bottom: 148px
}
.page-brand .section-mv img {
width: 100%
}
.page-brand .section-supplier {
position: relative;
margin-bottom: 160px;
z-index: 10
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier {
margin-bottom:90px
}
}
.page-brand .section-supplier .container {
width: 1220px
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier .container {
width:100%;
padding-right: 15px;
padding-left: 15px
}
}
.page-brand .section-supplier .bgbox-wrapper {
position: relative
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier .bgbox-wrapper {
padding:60px 0 120px
}
}
.page-brand .section-supplier .bgbox-wrapper .bgbox {
position: absolute;
width: 100%;
height: 346px;
background: #fff;
top: 115px;
left: 0;
z-index: -1
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier .bgbox-wrapper .bgbox {
height:100%;
top: 0;
width: 240px;
left: 50%;
transform: translateX(-50%)
}
}
.page-brand .section-supplier .bgbox-wrapper .bgbox:before,.page-brand .section-supplier .bgbox-wrapper .bgbox:after {
position: absolute;
width: 30px;
height: 30px;
content: ''
}
.page-brand .section-supplier .bgbox-wrapper .bgbox:before {
border-left: solid 3px #A62E2E;
border-top: solid 3px #A62E2E;
top: 0;
left: 0
}
.page-brand .section-supplier .bgbox-wrapper .bgbox:after {
border-right: solid 3px #A62E2E;
border-bottom: solid 3px #A62E2E;
bottom: 0;
right: 0
}
.page-brand .section-supplier .col2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.page-brand .section-supplier .cell-left {
width: 797px;
overflow: hidden
}
.page-brand .section-supplier .cell-right {
width: 270px
}
.page-brand .section-supplier .title {
position: relative;
margin-bottom: 115px;
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 52px;
font-style: normal;
font-weight: 400
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier .title {
margin-bottom:43px;
text-align: center;
font-size: 37px
}
}
.page-brand .section-supplier .title>span {
background: #F6F6F6;
padding: 0 10px 0 0
}
.page-brand .section-supplier .title:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 100vw;
height: 1px;
background: #A62E2E;
transform: translateY(-50%) translateX(-50%);
z-index: -1
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier .title:before {
display:none
}
}
.page-brand .section-supplier .img-box {
margin-left: 51px
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier .img-box {
margin-left:0;
margin-bottom: 33px;
text-align: center
}
}
.page-brand .section-supplier .title-vertical {
margin: 0 auto 135px;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 43px;
font-style: normal;
font-weight: 400;
color: #A62E2E;
line-height: 1.8;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier .title-vertical {
margin:0 auto 26px;
font-size: 23px
}
}
.page-brand .section-supplier p {
color: #3A3939;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 210%
}
@media screen and (max-width: 1050px) {
.page-brand .section-supplier p {
max-width:80%;
margin: 0 auto
}
}
.page-brand .section-brands {
position: relative;
margin-bottom: 200px
}
.page-brand .section-brands .col2 {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1290px;
width: 100%;
margin-left: auto;
margin-right: auto
}
.page-brand .section-brands .col2 .brand-nav {
width: 120px
}
@media screen and (max-width: 880px) {
.page-brand .section-brands .col2 .brand-nav {
width:83px
}
}
.page-brand .section-brands .col2 .content-main {
max-width: 1138px;
width: 100%
}
.page-brand .section-brands .brand-nav {
position: -webkit-sticky;
position: sticky;
top: 0
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .brand-nav {
top:60px
}
}
.page-brand .section-brands .brand-nav .brand-nav-list {
position: relative;
left: 0;
top: 0
}
.page-brand .section-brands .brand-nav .brand-nav-list>li>a {
display: flex;
justify-content: center;
align-items: center;
width: 118px;
height: 73px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.page-brand .section-brands .brand-nav .brand-nav-list>li>a:hover {
opacity: 0.4;
text-decoration: none
}
@media screen and (max-width: 880px) {
.page-brand .section-brands .brand-nav .brand-nav-list>li>a {
width:73px
}
}
.page-brand .section-brands .content-main {
position: relative;
max-width: 1140px;
width: 100%;
padding: 135px 0;
margin: 0 auto
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main {
padding:0
}
}
.page-brand .section-brands .content-main:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background: #fff;
border-radius: 80px 0 0 80px
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main:before {
width:calc(100vw - 120px);
display: none
}
}
.page-brand .section-brands .content-main .brand-list>li {
position: relative;
padding-left: 65px;
margin-bottom: 84px;
display: flex;
justify-content: space-between;
border-left: 1px solid #A62E2E
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li {
flex-wrap:wrap;
padding: 0 10px;
border-left: none
}
}
@media screen and (max-width: 880px) {
.page-brand .section-brands .content-main .brand-list>li {
padding:0 10px 0 17px
}
}
.page-brand .section-brands .content-main .brand-list>li:last-child {
margin-bottom: 0
}
.page-brand .section-brands .content-main .brand-list>li .number {
position: absolute;
top: 4px;
left: -5px;
color: #A62E2E;
text-align: center;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
letter-spacing: 2.8px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: translateX(-100%)
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .number {
top:0;
left: inherit;
right: 0;
-ms-writing-mode: inherit;
writing-mode: inherit
}
}
.page-brand .section-brands .content-main .brand-list>li .number:before {
content: '';
position: absolute;
right: -10px;
top: -4px;
width: 5px;
height: 42px;
background: #A62E2E
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .number:before {
display:none
}
}
.page-brand .section-brands .content-main .brand-list>li .name {
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 43px;
font-style: normal;
font-weight: 400;
line-height: 120%;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .name {
margin-bottom:50px;
order: 1;
font-size: 30px;
padding-left: 27px;
border-left: 1px solid #A62E2E;
padding-bottom: 16px;
position: relative
}
.page-brand .section-brands .content-main .brand-list>li .name::before {
content: "";
width: 5px;
height: 36px;
background: #A62E2E;
position: absolute;
top: 0;
left: 0
}
}
.page-brand .section-brands .content-main .brand-list>li .text-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 415px;
width: 100%
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .text-box {
max-width:100%;
order: 3
}
}
.page-brand .section-brands .content-main .brand-list>li .text-box .txt {
max-width: 203px;
width: 50%
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .text-box .txt {
margin-bottom:50px;
max-width: 100%;
width: 100%
}
}
.page-brand .section-brands .content-main .brand-list>li .text-box .txt p {
margin-bottom: 13px;
color: #3A3939;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 230%
}
.page-brand .section-brands .content-main .brand-list>li .text-box .txt .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px
}
.page-brand .section-brands .content-main .brand-list>li .text-box .txt .tag-lists>li {
display: flex;
padding: 4px 24px;
flex-direction: column;
text-align: center;
color: #A62E2E;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border-radius: 30px;
background: #EEE2E2
}
.page-brand .section-brands .content-main .brand-list>li .links {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between
}
.page-brand .section-brands .content-main .brand-list>li .links .btn-brand-link {
max-width: 192px;
width: 100%;
padding: 13px
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .links .btn-brand-link {
max-width:100%;
width: 100%;
margin-bottom: 8px
}
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list {
position: absolute;
top: 0;
right: 0;
max-width: 203px;
width: 100%;
background: #fff;
border: 1px solid #A62E2E;
border-radius: 4px;
box-sizing: border-box;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 10
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .links .shop-list {
position:relative;
max-width: 100%;
width: 100%
}
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list:before {
content: '';
position: absolute;
width: 16px;
height: 8px;
top: 34px;
right: 10px;
background: url(img/icn-arrow-bottom-01.svg) no-repeat;
background-size: cover;
transform: translateY(-50%) rotate(0deg);
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: -1
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list:after {
content: '';
position: absolute;
width: 1px;
height: 32px;
top: 34px;
right: 40px;
background: rgba(102,102,102,0.2);
transform: translateY(-50%);
z-index: -1
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list:hover {
opacity: 0.4
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list.active:before {
transform: translateY(-50%) rotate(180deg)
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list.active:hover {
opacity: 1
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list h4 {
padding: 13px;
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 260%;
letter-spacing: 0.64px;
cursor: pointer
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list .list-detail {
display: none;
padding-bottom: 13px
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list .list-detail>li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 13px;
gap: 8px
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list .list-detail>li .shop-name.name01 {
width: 100%;
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list .list-detail>li .shop-name {
display: inline-block;
width: 150px;
color: #A62E2E;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.52px;
text-decoration-line: underline
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .links .shop-list .list-detail>li .shop-name {
width:calc(100% - 80px)
}
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list .list-detail>li a {
display: flex;
justify-content: center;
align-items: center;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.page-brand .section-brands .content-main .brand-list>li .links .shop-list .list-detail>li a:hover {
opacity: 0.4
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list>li .img-box {
order:2;
margin-bottom: 24px
}
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-list #brand-04 .name {
min-height:330px
}
}
.page-contact .tel-contact .white-box .btn-tel {
margin-bottom: 26px
}
.page-contact .tel-contact .white-box>.txt-01 {
text-align: center;
color: #666;
font-size: 16px;
font-weight: 300;
line-height: 200%;
letter-spacing: 1.6px
}
@media screen and (max-width: 880px) {
.page-contact .tel-contact .white-box>.txt-01 {
font-size:12px
}
}
.page-contact .tel-contact .white-box>.txt-01>span {
color: #A62E2E;
font-size: 22px;
font-weight: 600;
line-height: 130%;
letter-spacing: 2.2px
}
@media screen and (max-width: 880px) {
.page-contact .tel-contact .white-box>.txt-01>span {
font-size:15px
}
}
.page-contact .mail-contact .form-content {
margin-bottom: 48px
}
.page-contact .mail-contact .form-content>li {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px
}
@media screen and (max-width: 880px) {
.page-contact .mail-contact .form-content>li {
flex-wrap:wrap
}
}
.page-contact .mail-contact .form-content>li:last-child {
align-items: flex-start;
margin-bottom: 0
}
.page-contact .mail-contact .form-content>li:last-child th {
padding-top: 5px
}
.page-contact .mail-contact .form-content>li .th {
width: 25.13661%;
text-align: right
}
@media screen and (max-width: 880px) {
.page-contact .mail-contact .form-content>li .th {
width:100%;
text-align: left;
margin-bottom: 15px
}
}
.page-contact .mail-contact .form-content>li .th>.title {
display: inline-block;
color: #666;
text-align: right;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 220%;
letter-spacing: 1.5px
}
.page-contact .mail-contact .form-content>li .th .tag-required {
display: inline-block;
margin-left: 16px;
padding: 0 10px;
color: #FFF;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 250%;
letter-spacing: 1.3px;
background: #A62E2E
}
.page-contact .mail-contact .form-content>li .td {
width: 73.22404%
}
@media screen and (max-width: 880px) {
.page-contact .mail-contact .form-content>li .td {
width:100%
}
}
.page-contact .mail-contact .form-content>li .td .col2 {
display: flex;
justify-content: space-between
}
@media screen and (max-width: 880px) {
.page-contact .mail-contact .form-content>li .td .col2 {
flex-wrap:wrap
}
}
.page-contact .mail-contact .form-content>li .td .col2 .cell {
width: 48%
}
@media screen and (max-width: 880px) {
.page-contact .mail-contact .form-content>li .td .col2 .cell {
width:100%;
margin-bottom: 15px
}
.page-contact .mail-contact .form-content>li .td .col2 .cell:last-child {
margin-bottom: 0
}
}
.page-contact .mail-contact .form-content>li .td .col2 .cell.add-number {
width: 160px
}
.page-contact .mail-contact .form-content>li .td .col2 .cell.add-detail {
width: calc(100% - 200px)
}
@media screen and (max-width: 880px) {
.page-contact .mail-contact .form-content>li .td .col2 .cell.add-detail {
width:100%
}
}
.page-contact .mail-contact .form-content>li .td label input {
display: none
}
.page-contact .mail-contact .form-content>li .td input[type="radio"] {
opacity: 0;
visibility: hidden;
position: absolute
}
@media screen and (max-width: 880px) {
.page-contact .mail-contact .form-content>li .td .wpcf7-list-item {
width:100%;
margin: 0 0 1em 0
}
}
.page-contact .mail-contact .form-content>li .td .wpcf7-list-item.first {
margin-left: 0
}
.page-contact .mail-contact .form-content>li .td span.wpcf7-list-item-label {
position: relative;
display: flex;
align-items: center;
color: #A62E2E;
padding: 6px 10px 6px 3px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: 1.5px;
border-radius: 90px;
border: 1px solid #CCC;
background: #fff;
cursor: pointer
}
.page-contact .mail-contact .form-content>li .td span.wpcf7-list-item-label::before {
display: block;
content: "";
border-radius: 50%;
border: 1px solid #CCCCCC;
width: 20px;
height: 20px;
margin-right: 10px
}
.page-contact .mail-contact .form-content>li .td span.wpcf7-list-item-label::after {
display: block;
position: absolute;
content: "";
border-radius: 50%;
width: 10px;
height: 10px;
background-color: #fff;
left: 9px;
top: 50%;
transform: translateY(-50%);
display: none
}
.page-contact .mail-contact .form-content>li .td input[type="radio"]:checked+span.wpcf7-list-item-label {
color: #FFF;
background: #A62E2E
}
.page-contact .mail-contact .form-content>li .td input[type="radio"]:checked+span.wpcf7-list-item-label::after {
display: block
}
.page-contact .mail-contact .form-content>li .td .wpcf7-form-control-wrap {
width: 100%
}
.page-contact .btn-send {
text-align: center;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer
}
.page-contact .btn-send:hover {
opacity: 0.4
}
.page-contact .btn-send .wpcf7-previous {
position: relative;
max-width: 374px;
margin-bottom: 10px;
width: 100%;
margin: 0 auto;
color: #FFF;
text-align: center;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 260%;
border: 0;
letter-spacing: 0.64px;
background: #666 url(img/icn-arrow-left-01.svg) center left 10px no-repeat;
border: 1px solid #fff;
border-radius: 4px;
cursor: pointer
}
.page-contact .btn-send input[type='submit'] {
position: relative;
max-width: 374px;
width: 100%;
margin: 0 auto;
color: #FFF;
text-align: center;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 260%;
border: 0;
letter-spacing: 0.64px;
background: #A62E2E url(img/icn-arrow-right-02.svg) center right 10px no-repeat;
border: 1px solid #fff;
border-radius: 4px;
cursor: pointer
}
.page-contact .btn-send .wpcf7-spinner {
display: block
}
.page-contact.confirm input[type='text'],.page-contact.confirm textarea {
background: #F6F6F6
}
@media screen and (max-width: 880px) {
.page-message {
position:relative
}
.page-message:before {
content: '';
position: absolute;
bottom: -50px;
right: 0;
width: calc(100vw - 15px);
height: 70%;
border-radius: 40px 0px 0px 40px;
background: #FFF;
z-index: -1
}
}
.page-message .section-mv {
position: relative;
margin-bottom: 90px
}
.page-message .section-mv .mv-img {
overflow: hidden
}
@media screen and (max-width: 1050px) {
.page-message .section-mv .mv-img {
overflow:hidden
}
}
.page-message .section-mv .mv-img img {
position: relative;
left: 120px
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-img img {
left:inherit;
margin-left: auto
}
}
.page-message .section-mv .mv-info {
position: relative;
margin-top: -160px;
display: flex;
justify-content: space-between;
align-items: center
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info {
flex-wrap:wrap;
justify-content: space-between;
align-items: flex-start
}
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info .title {
width:100%;
padding-left: 30px;
margin-bottom: 38px
}
}
.page-message .section-mv .mv-info .title .title-concept {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-feature-settings: initial
}
.page-message .section-mv .mv-info .title .title-concept .txt-vertical {
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 63px;
font-style: normal;
font-weight: 400;
line-height: 180%;
min-height: 100%
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info .title .title-concept .txt-vertical {
width:auto;
font-size: 28px
}
}
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span {
padding: 10px 0;
margin: 0 10px;
background: #fff
}
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(1) {
min-height: 660px
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(1) {
min-height:300px
}
}
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(2) {
position: relative;
min-height: 335px
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(2) {
min-height:160px
}
}
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(2):after {
content: '';
position: absolute;
bottom: -90px;
left: 50%;
height: 300px;
width: 1px;
background: #A62E2E;
transform: translateY(100%)
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(2):after {
display:none
}
}
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(3) {
min-height: 780px
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info .title .title-concept .txt-vertical span:nth-of-type(3) {
min-height:356px
}
}
.page-message .section-mv .mv-info .txt-01 {
max-width: 473px;
width: 100%;
padding-bottom: 35px;
color: #666;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 230%
}
@media screen and (max-width: 880px) {
.page-message .section-mv .mv-info .txt-01 {
position:relative;
max-width: 100%;
width: 100%;
margin-left: 43px;
box-sizing: border-box;
margin-right: 16px
}
}
.page-message .section-message {
overflow: hidden
}
@media screen and (max-width: 880px) {
.page-message .section-message {
padding-bottom:160px;
margin-bottom: 160px
}
}
.page-message .section-message .col2 {
position: relative;
min-height: 457px
}
.page-message .section-message .col2 .img-box {
position: absolute;
top: 0;
left: calc(50% - 120px);
transform: translateX(-100%)
}
@media screen and (max-width: 880px) {
.page-message .section-message .col2 .img-box {
position:static;
transform: translateX(0)
}
}
.page-message .section-message .col2 .txt-box {
max-width: 467px;
width: 100%;
margin-top: 40px;
margin-left: auto
}
@media screen and (max-width: 880px) {
.page-message .section-message .col2 .txt-box {
padding-left:43px;
padding-right: 15px;
box-sizing: border-box
}
}
.page-message .section-message .col2 .txt-box h3 {
margin-bottom: 26px;
color: #A62E2E;
text-shadow: 0px 0px 8px rgba(0,0,0,0.25);
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 29px;
font-style: normal;
font-weight: 400;
line-height: 170%
}
@media screen and (max-width: 880px) {
.page-message .section-message .col2 .txt-box h3 {
font-size:20px
}
}
.page-message .section-message .col2 .txt-box p {
color: #666;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%;
letter-spacing: 1.6px
}
.page-message .section-message .col2 .txt-box p .name {
margin-top: 16px;
display: flex;
align-items: center;
gap: 23px
}
.page-message .section-message .col2 .txt-box p .txt-01 {
color: #A62E2E;
text-align: center;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 170%
}
.page-message .section-message .col2 .txt-box p .txt-02 {
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 170%
}
.page-message .section-message .col2 .txt-box p span.txt-01.company {
margin-top: 15px;
vertical-align: text-top;
}
.section-single {
padding-top: 68px
}
@media screen and (max-width: 880px) {
.section-single {
padding-top:116px
}
}
.section-single .single-wrap {
padding-bottom: 103px
}
.section-single .single-wrap .date {
font-size: 12px;
color: #666666;
margin-bottom: 24px
}
.section-single .single-wrap .title {
font-size: 28px;
color: #A62E2E;
letter-spacing: 2.8px;
line-height: 150%;
margin-bottom: 100px;
font-weight: 500
}
.section-single .single-wrap .content {
line-height: 180%;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 60px
}
.section-single .single-wrap .content .img-wrap {
text-align: center
}
.section-single .single-wrap .btn {
text-align: center
}
.under-title {
margin-bottom: 52px
}
@media screen and (max-width: 1050px) {
.under-title {
margin-bottom:45px;
padding-top: 111px
}
}
.under-title p {
font-size: 16px;
margin-bottom: 15px;
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-weight: 400
}
@media screen and (max-width: 880px) {
.under-title p {
font-size:13px
}
}
.under-title .wrap {
display: flex;
align-items: end;
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-weight: 400
}
@media screen and (max-width: 880px) {
.under-title .wrap {
flex-direction:column;
align-items: baseline
}
}
.under-title .wrap h2 {
font-size: 28px;
line-height: 90%;
color: #A62E2E
}
.under-title .wrap h2::after {
content: "";
width: 38px;
height: 1px;
display: inline-block;
background: #666666;
margin-left: 15px;
margin-right: 11px
}
@media screen and (max-width: 880px) {
.under-title .wrap h2::after {
display:block;
margin: 15px 0
}
}
.under-title .wrap span {
font-size: 17px
}
.section-policy {
padding-top: 47px
}
@media screen and (max-width: 1050px) {
.section-policy {
padding-top:0
}
}
.section-policy .title {
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
display: flex;
align-items: end;
gap: 15px;
margin-bottom: 65px
}
@media screen and (max-width: 880px) {
.section-policy .title {
flex-direction:column;
align-items: baseline;
margin-bottom: 46px
}
}
.section-policy .title h2 {
font-size: 28px;
color: #A62E2E;
line-height: 90%;
font-weight: 400
}
.section-policy .title h3 {
position: relative;
font-size: 17px;
line-height: 90%;
letter-spacing: 1.7px;
font-weight: 400;
display: flex;
align-items: end;
gap: 11px;
color: #A62E2E
}
@media screen and (max-width: 880px) {
.section-policy .title h3 {
flex-direction:column;
gap: 15px;
align-items: baseline
}
}
.section-policy .title h3::before {
content: "";
width: 38px;
height: 1px;
background: #666666
}
.section-policy .policy-main {
background: #fff;
padding: 70px 80px;
border-radius: 16px
}
@media screen and (max-width: 880px) {
.section-policy .policy-main {
padding:24px;
border-radius: 4.07125vw
}
}
.section-policy .policy-main dl {
margin-bottom: 34px
}
.section-policy .policy-main dl:last-child {
margin-bottom: 0
}
.section-policy .policy-main dl dt {
font-size: 18px;
color: #A62E2E;
font-weight: 500;
line-height: 150%;
letter-spacing: 1.8px;
margin-bottom: 16px
}
.section-policy .policy-main dl dd {
font-size: 14px;
font-weight: 300;
line-height: 180%
}
.section-sitemap {
padding-top: 47px;
padding-bottom: 61px
}
@media screen and (max-width: 1050px) {
.section-sitemap {
padding-top:0;
padding-bottom: 56px
}
}
.section-sitemap .map-wrap {
display: flex;
gap: 114px
}
@media screen and (max-width: 880px) {
.section-sitemap .map-wrap {
flex-direction:column;
gap: 24px
}
}
.section-sitemap .map-wrap .top-layer .top-item {
margin-bottom: 8px
}
@media screen and (max-width: 880px) {
.section-sitemap .map-wrap .top-layer .top-item {
margin-bottom:24px
}
}
.section-sitemap .map-wrap .top-layer .top-item::last-child {
margin-bottom: 0
}
.section-sitemap .map-wrap .top-layer .top-item a {
color: #A62E2E;
font-size: 18px;
font-weight: 600;
line-height: 250%;
letter-spacing: 1.8px
}
@media screen and (max-width: 880px) {
.section-sitemap .map-wrap .top-layer .top-item a {
font-size:15px
}
}
.section-sitemap .map-wrap .top-layer .top-item .center-layer {
margin-top: 8px;
margin-left: 16px;
padding-left: 28px;
border-left: 1px solid #A62E2E
}
.section-sitemap .map-wrap .top-layer .top-item .center-layer .center-item {
list-style: none;
margin-bottom: 8px
}
@media screen and (max-width: 880px) {
.section-sitemap .map-wrap .top-layer .top-item .center-layer .center-item {
margin-bottom:24px
}
}
.section-sitemap .map-wrap .top-layer .top-item .center-layer .center-item:last-child {
margin-bottom: 0
}
.section-sitemap .map-wrap .top-layer .top-item .center-layer .center-item a {
color: #A62E2E;
font-size: 16px;
font-weight: 400;
line-height: 250%;
letter-spacing: 1.6px
}
@media screen and (max-width: 880px) {
.section-sitemap .map-wrap .top-layer .top-item .center-layer .center-item a {
font-size:15px
}
}
.section-sitemap .map-wrap .top-layer .top-item .center-layer .center-item a::before {
content: "ー"
}
.section-company {
padding-top: 47px
}
@media screen and (max-width: 1050px) {
.section-company {
padding-top:0
}
}
.section-company .company-mv {
margin-bottom: 43px
}
.section-company .company-content {
margin-bottom: 146px
}
.section-company .company-content dl {
width: 100%;
display: flex;
font-size: 16px;
line-height: 200%;
letter-spacing: 1.6px;
font-weight: 300;
color: #666;
position: relative;
padding: 24px 0;
align-items: center
}
@media screen and (max-width: 880px) {
.section-company .company-content dl {
font-size:12px;
line-height: 180%
}
}
.section-company .company-content dl::before {
content: "";
width: 30.70175%;
height: 1px;
background: #A62E2E;
position: absolute;
bottom: 0;
left: 0;
z-index: 5
}
@media screen and (max-width: 880px) {
.section-company .company-content dl::before {
width:88px
}
}
.section-company .company-content dl::after {
content: "";
width: 100%;
height: 1px;
background: #666666;
position: absolute;
bottom: 0;
left: 0;
z-index: 1
}
.section-company .company-content dl dt {
width: 30.70175%;
padding-left: 24px
}
@media screen and (max-width: 880px) {
.section-company .company-content dl dt {
width:24.37673%;
line-height: 200%;
padding-left: 8px
}
}
.section-company .company-content dl dd {
flex-grow: 1;
padding-left: 24px;
width: 69.29825%
}
@media screen and (max-width: 880px) {
.section-company .company-content dl dd {
width:75.62327%;
font-size: 14px;
padding-left: 16px
}
}
.section-company .company-content dl dd ul li::before {
content: "・"
}
.section-company .history-wrap {
padding-bottom: 65px
}
.section-company .history-wrap .title {
color: #A62E2E;
text-align: center;
margin-bottom: 75px
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .title {
margin-bottom:96px
}
}
.section-company .history-wrap .title .en_title {
font-size: 36px;
letter-spacing: 3.6px;
line-height: 180%;
margin-bottom: 32px;
font-weight: 600
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .title .en_title {
font-size:28px;
letter-spacing: 2.8px;
line-height: 150%;
margin-bottom: 24px
}
}
.section-company .history-wrap .title .ja_title {
font-size: 36px;
letter-spacing: 3.6px;
line-height: 100%;
font-weight: 700
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .title .ja_title {
font-size:26px;
letter-spacing: 0.26px
}
}
.section-company .history-wrap .history-list .history-content {
margin-bottom: 24px;
display: flex;
align-items: baseline;
gap: 27px
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content {
gap:8px
}
}
.section-company .history-wrap .history-list .history-content:last-child .right::after {
content: none
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content {
flex-direction:column;
align-items: flex-start
}
}
.section-company .history-wrap .history-list .history-content .left {
color: #A62E2E;
display: flex;
align-items: center;
font-size: 52px;
line-height: 170%;
font-weight: 400;
gap: 31px;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .left {
font-size:30px
}
}
.section-company .history-wrap .history-list .history-content .left::after {
content: "";
width: 44px;
height: 1px;
background: #CCCCCC
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .left::after {
content:none
}
}
.section-company .history-wrap .history-list .history-content .right {
flex-grow: 1
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right {
position:relative;
padding-left: 36px;
width: 100%
}
.section-company .history-wrap .history-list .history-content .right::before {
content: "";
width: 1px;
height: 100%;
background: #A62E2E;
position: absolute;
left: 18px;
top: 0
}
}
.section-company .history-wrap .history-list .history-content .right::after {
content: "";
width: 1px;
height: 30px;
background: #A62E2E;
display: block;
margin-left: 37.5%
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right::after {
content:none
}
}
.section-company .history-wrap .history-list .history-content .right .right-item {
display: flex;
align-items: center;
padding: 32px 40px;
width: 100%;
background: #fff;
border-radius: 4px;
margin-bottom: 16px;
box-sizing: border-box
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right .right-item {
padding:24px 12px;
border-radius: 1.01781vw
}
.section-company .history-wrap .history-list .history-content .right .right-item:first-child {
margin-top: 16px
}
}
.section-company .history-wrap .history-list .history-content .right .right-item:last-child {
margin-bottom: 24px
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right .right-item:last-child {
margin-bottom:16px
}
}
.section-company .history-wrap .history-list .history-content .right .right-item .month {
margin-right: 32px;
display: flex;
align-items: end
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right .right-item .month {
margin-right:24px
}
}
.section-company .history-wrap .history-list .history-content .right .right-item .month span {
color: #A62E2E
}
.section-company .history-wrap .history-list .history-content .right .right-item .month span:first-child {
width: 76px;
text-align: center;
font-size: 37px;
font-weight: 400;
line-height: 90%;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right .right-item .month span:first-child {
font-size:30px;
width: 41px;
margin-right: 5px
}
}
.section-company .history-wrap .history-list .history-content .right .right-item .month span:last-child {
font-size: 18px;
line-height: 120%;
letter-spacing: 1.8px;
font-weight: 600
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right .right-item .month span:last-child {
font-size:15px
}
}
.section-company .history-wrap .history-list .history-content .right .right-item .txt {
font-size: 16px;
line-height: 180%;
letter-spacing: 1.6px;
color: #666;
font-weight: 600
}
@media screen and (max-width: 880px) {
.section-company .history-wrap .history-list .history-content .right .right-item .txt {
font-size:15px
}
}
.section-404 {
padding: 226px 0 225px;
text-align: center
}
@media screen and (max-width: 880px) {
.section-404 {
padding:153px 0 180px
}
}
.section-404 h2 {
color: #A62E2E;
font-size: 28px;
font-weight: 400;
margin-bottom: 32px
}
.section-404 p {
font-size: 16px;
line-height: 160%;
letter-spacing: 1.6px;
margin-bottom: 56px
}
@keyframes mv-bg-slide-animation {
0% {
background-position: 0 0
}
100% {
background-position: -4096px 0
}
}
@keyframes mv-bg-slide-animation-sp {
0% {
background-position: 0 0
}
100% {
background-position: -1640px 0
}
}
.single-col2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 970px;
margin: 0 auto
}
.single-col2 .main-col {
max-width: 700px;
width: 100%
}
@media screen and (max-width: 880px) {
.single-col2 .main-col {
margin-bottom:60px
}
}
.single-col2 .sub-col {
max-width: 200px;
width: 100%
}
@media screen and (max-width: 1050px) {
.single-col2 .sub-col {
max-width:100%
}
}
@media screen and (max-width: 880px) {
.single-col2 .sub-col {
max-width:100%
}
}
.single-col2 .sub-col .news-title {
margin-bottom: 20px;
font-size: 16px;
letter-spacing: 0.05em;
text-align: left;
color: #000
}
.single-col2 .sub-col .more-link {
text-align: right
}
.single-col2 .sub-col .more-link a {
font-size: 14px;
letter-spacing: 0.05em;
color: #000
}
.wp-content,body#tinymce {
font-size: 14px;
line-height: 1.6;
font-weight: 200
}
.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,body#tinymce h1,body#tinymce h2,body#tinymce h3,body#tinymce h4,body#tinymce h5 {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 20px
}
.wp-content h1:first-child,.wp-content h2:first-child,.wp-content h3:first-child,.wp-content h4:first-child,.wp-content h5:first-child,body#tinymce h1:first-child,body#tinymce h2:first-child,body#tinymce h3:first-child,body#tinymce h4:first-child,body#tinymce h5:first-child {
margin-top: 0
}
.wp-content h1,body#tinymce h1 {
font-size: 20px
}
.wp-content h2,body#tinymce h2 {
margin-bottom: 50px;
margin-top: 30px;
font-size: 30px;
letter-spacing: 0.05em;
line-height: 1.33333em;
color: #000
}
@media screen and (max-width: 880px) {
.wp-content h2,body#tinymce h2 {
margin-top:30px;
margin-bottom: 20px;
font-size: 19px
}
}
.wp-content h3,body#tinymce h3 {
font-size: 15px;
letter-spacing: 0.05em;
line-height: 2.06667em;
text-align: left;
color: #000;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #C9EAFE
}
@media screen and (max-width: 880px) {
.wp-content h3,body#tinymce h3 {
font-size:14px
}
}
.wp-content h4,body#tinymce h4 {
font-size: 15px
}
.wp-content h5,body#tinymce h5 {
font-size: 14px
}
.wp-content a,body#tinymce a {
font-size: 16px;
letter-spacing: 0.05em;
line-height: 31px;
text-align: left;
color: #1690d3;
text-decoration: none
}
.wp-content a:hover,body#tinymce a:hover {
text-decoration: underline
}
.wp-content .aligncenter,body#tinymce .aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-content .alignleft,body#tinymce .alignleft {
float: left;
margin: 0.5em 1.5em 0.5em 0
}
.wp-content .alignright,body#tinymce .alignright {
float: right;
margin: 0.5em 0 0.5em 1.5em
}
.wp-content .wp-caption-dd,.wp-content .wp-caption-text,body#tinymce .wp-caption-dd,body#tinymce .wp-caption-text {
margin-top: 5px;
font-size: 12px;
color: #383838;
font-style: italic
}
.wp-content ul,body#tinymce ul {
list-style: disc;
margin-left: 1.5em
}
.wp-content ol,body#tinymce ol {
list-style: decimal;
margin-left: 1.5em
}
.wp-content li,body#tinymce li {
list-style: inherit !important
}
.wp-content b,.wp-content strong,.wp-content em,body#tinymce b,body#tinymce strong,body#tinymce em {
font-weight: bold
}
.wp-content hr,body#tinymce hr {
margin-top: 10px;
border: none;
border-top: 1px solid #c9c9c9
}
.wp-content table.table-default,body#tinymce table.table-default {
margin-bottom: 30px
}
.wp-content table.table-default th,.wp-content table.table-default td,body#tinymce table.table-default th,body#tinymce table.table-default td {
padding: 10px;
vertical-align: middle;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5
}
.wp-content table.table-default th,body#tinymce table.table-default th {
background: #f9f9f9;
position: relative;
white-space: nowrap
}
@media screen and (max-width: 880px) {
.wp-content table.table-default,body#tinymce table.table-default {
width:auto;
display: block
}
.wp-content table.table-default tbody,.wp-content table.table-default thead,body#tinymce table.table-default tbody,body#tinymce table.table-default thead {
display: block
}
.wp-content table.table-default tr,.wp-content table.table-default th,.wp-content table.table-default td,body#tinymce table.table-default tr,body#tinymce table.table-default th,body#tinymce table.table-default td {
width: auto !important;
display: block;
border-bottom: none
}
.wp-content table.table-default th,body#tinymce table.table-default th {
font-weight: bold
}
.wp-content table.table-default .wpcf7-text,.wp-content table.table-default .wpcf7-textarea,body#tinymce table.table-default .wpcf7-text,body#tinymce table.table-default .wpcf7-textarea {
width: 100%
}
.wp-content table.table-default .wpcf7-text.input-sm,.wp-content table.table-default .wpcf7-textarea.input-sm,body#tinymce table.table-default .wpcf7-text.input-sm,body#tinymce table.table-default .wpcf7-textarea.input-sm {
width: 140px
}
}
.wp-content .image-box,body#tinymce .image-box {
display: inline-block;
border: 2px dashed #eeeeee;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px
}
[data-wpview-text*="youtube"] .wpview-content,.iframe-container {
position: relative;
width: 100%;
padding-top: 56.25%
}
[data-wpview-text*="youtube"] .wpview-content iframe,.iframe-container iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important
}
iframe {
max-width: 100%
}
.gallery-images li a {
height: 75px;
overflow: hidden;
display: block
}
.gallery-images li.current a {
height: 69px;
border: 3px solid #ccc
}
.gallery-item img {
box-sizing: border-box
}
.section-brands .content-main .brand-lists>li {
position: relative;
padding-left: 65px;
margin-bottom: 84px;
display: flex;
justify-content: space-between;
border-left: 1px solid #A62E2E
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li {
flex-wrap:wrap;
padding: 0 10px;
border-left: none
}
}
@media screen and (max-width: 880px) {
.page-brand .section-brands .content-main .brand-lists>li {
padding:0 10px 0 17px
}
}
.page-brand .section-brands .content-main .brand-lists>li:last-child {
margin-bottom: 0
}
.page-brand .section-brands .content-main .brand-lists>li .number {
position: absolute;
top: 4px;
left: -5px;
color: #A62E2E;
text-align: center;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
letter-spacing: 2.8px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: translateX(-100%)
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .number {
top:0;
left: inherit;
right: 0;
-ms-writing-mode: inherit;
writing-mode: inherit
}
}
.page-brand .section-brands .content-main .brand-lists>li .number:before {
content: '';
position: absolute;
right: -10px;
top: -4px;
width: 5px;
height: 42px;
background: #A62E2E
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .number:before {
display:none
}
}
.page-brand .section-brands .content-main .brand-lists>li .name {
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 43px;
font-style: normal;
font-weight: 400;
line-height: 120%;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .name {
margin-bottom:50px;
order: 1;
font-size: 30px;
padding-left: 27px;
border-left: 1px solid #A62E2E;
padding-bottom: 16px;
position: relative
}
.page-brand .section-brands .content-main .brand-lists>li .name::before {
content: "";
width: 5px;
height: 36px;
background: #A62E2E;
position: absolute;
top: 0;
left: 0
}
}
.page-brand .section-brands .content-main .brand-lists>li .text-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 415px;
width: 100%
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .text-box {
max-width:100%;
order: 3
}
}
.page-brand .section-brands .content-main .brand-lists>li .text-box .txt {
max-width: 203px;
width: 50%
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .text-box .txt {
margin-bottom:50px;
max-width: 100%;
width: 100%
}
}
.page-brand .section-brands .content-main .brand-lists>li .text-box .txt p {
margin-bottom: 13px;
color: #3A3939;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 230%
}
.page-brand .section-brands .content-main .brand-lists>li .text-box .txt .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px
}
.page-brand .section-brands .content-main .brand-lists>li .text-box .txt .tag-lists>li {
display: flex;
padding: 4px 24px;
flex-direction: column;
text-align: center;
color: #A62E2E;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border-radius: 30px;
background: #EEE2E2
}
.page-brand .section-brands .content-main .brand-lists>li .links {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between
}
.page-brand .section-brands .content-main .brand-lists>li .links .btn-brand-link {
max-width: 192px;
width: 100%;
padding: 13px
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .links .btn-brand-link {
max-width:100%;
width: 100%;
margin-bottom: 8px
}
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list {
position: absolute;
top: 0;
right: 0;
max-width: 203px;
width: 100%;
background: #fff;
border: 1px solid #A62E2E;
border-radius: 4px;
box-sizing: border-box;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 10
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list {
position:relative;
max-width: 100%;
width: 100%
}
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list:before {
content: '';
position: absolute;
width: 16px;
height: 8px;
top: 34px;
right: 10px;
background: url(img/icn-arrow-bottom-01.svg) no-repeat;
background-size: cover;
transform: translateY(-50%) rotate(0deg);
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: -1
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list:after {
content: '';
position: absolute;
width: 1px;
height: 32px;
top: 34px;
right: 40px;
background: rgba(102,102,102,0.2);
transform: translateY(-50%);
z-index: -1
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list:hover {
opacity: 0.4
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list.active:before {
transform: translateY(-50%) rotate(180deg)
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list.active:hover {
opacity: 1
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list h4 {
padding: 13px;
color: #A62E2E;
font-family: "kozuka-mincho-pro","Shippori Mincho","Kozuka Mincho Pro",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 260%;
letter-spacing: 0.64px;
cursor: pointer
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list .list-detail {
display: none;
padding-bottom: 13px
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list .list-detail>li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 13px;
gap: 8px
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list .list-detail>li .shop-name.name01 {
width: 100%;
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list .list-detail>li .shop-name {
display: inline-block;
width: 150px;
color: #A62E2E;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.52px;
text-decoration-line: underline
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list .list-detail>li .shop-name {
width:calc(100% - 80px)
}
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list .list-detail>li a {
display: flex;
justify-content: center;
align-items: center;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.page-brand .section-brands .content-main .brand-lists>li .links .shop-list .list-detail>li a:hover {
opacity: 0.4
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists>li .img-box {
order:2;
margin-bottom: 24px
}
}
@media screen and (max-width: 1050px) {
.page-brand .section-brands .content-main .brand-lists #brand-04 .name {
min-height:330px
}
}
.section-video {
position: relative;
width: 100%;
height: calc(100vh - 100px);
}
@media screen and (max-width: 680px) {
.section-video {
height: 100svh;
}
}
.section-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.section-video:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
}
.section-bnr {
position: relative;
margin-bottom: 200px;
}
.section-bnr a:hover {
opacity: 0.8;
}
@media screen and (max-width: 680px) {
.page-brand .section-mv {
margin-bottom: 100px;
}
.section-bnr {
position: relative;
margin-bottom: 100px;
}
}