/*
Theme Name: MYTREX Official Site KR
Author: Sotsu Medical
Author URI: https://kr.mytrex.jp/
Description:
Version: 1.0
*/


/***************************************************************
*
* ブラウザのデフォルトCSSをリセットします
*
***************************************************************/

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 {
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
margin-top: 0px !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}

body {
line-height: 1;
}

@media screen and (max-width: 767px) {
body {
font-family: "Noto Sans Japanese", YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
font-weight: normal;
}
.pdct_st_item_info2 {
padding: 2vw 2vw 6vw;
text-align: center;
font-size: 3.5vw;
line-height: 4.5vw;
color: #333;
border: 1px solid #9e815b;
margin: 4vw 4vw 8vw !important;
}
.pdct_st_item_info3 {
padding: 0vw 3vw;
margin-top: 5vw !important;
}
.pdct_st_item_info3 img {
    width: 100%;
}
.pdct_st_item_info3_cart {
padding: 0vw 2vw 4vw;
margin-top: 5vw !important;
}
.pdct_st_item_info3_cart img {
    width: 100%;
}
.pdct_st_item_info_f {
padding: 3vw 0 3vw;
font-size: 4.2vw;
letter-spacing: 0.2vw;
line-height: 1.4;
color: #9e815b;
}
.pdct_st_item_info_f2 {
font-weight: 800;
letter-spacing: .6vw;
font-size: 3.6vw;
color: #464646;
padding: 4vw 0 1.5vw;
line-height: 5.4vw;
}
.pdct_st_item_info_t{
padding: 3vw 0vw 2vw;
font-size: 3.5vw;
letter-spacing: 0vw;
line-height: 1.2;
}
.pdct_st_item_info_t2{
font-weight: 600;
color: #9e815b;
font-size: 6vw;
vertical-align: bottom;
}
.pdct_st_item_info_t3{
padding: 3vw 0 2vw;
font-size: 3.5vw;
letter-spacing: 0vw;
line-height: 1.1;
}
.pdct_st_item_info_t3a{
font-weight: 600;
color: #9e815b;
font-size: 6vw;
vertical-align: bottom;
vertical-align: baseline;
padding-right: 0.4vw;
}
.pdct_st_item_info_t4{
font-weight: 600;
/*color: #9e815b;*/
font-size: 4vw;
vertical-align: bottom;
vertical-align: baseline;
padding-right: 0.2vw;
}
.pdct_st_item_info_t_rb1{
padding: 3vw 0vw 2vw;
font-size: 3.5vw;
letter-spacing: 0vw;
line-height: 5.5vw;
}
.pdct_st_item_info_t2_rb1{
font-weight: 800;
}
.pdct_st_item_info_t_rb2{
padding: 3vw 0 2vw;
font-size: 3.0vw;
letter-spacing: 0vw;
line-height: 5.0vw;
}
.pdct_st_item_info {
padding: 2vw 2vw;
text-align: center;
font-size: 3.5vw;
line-height: 4.5vw;
color: #333;
border: 1px solid #9e815b;
}
.pdct_st_item_info_sub {
font-size: 2.5vw;
line-height: 4.5vw;
}
.pdct_st_item_info_sub2 {
font-size: 2.5vw;
line-height: 4.5vw;
}
.pdct_st_item_info_sub_rb {
font-size: 2.5vw;
line-height: 4.5vw;
letter-spacing: 0.2vw;
}
.pdct_st_item_info_sub2_rb {
font-size: 2.5vw;
line-height: 3.5vw;
padding-bottom: 4vw;
}
.pdct_st_item_info_pre {
padding: 3vw 2vw;
text-align: center;
font-size: 4vw;
line-height: 5vw;
color: #fff;
background: #ff7802;
margin-bottom: 7vw;
}
.pdct_st_item_copy {
padding: 5vw 5vw;
text-align: center;
font-size: 3.5vw;
line-height: 4.5vw;
color: #333;
background: #ff8f0017;
margin: 3vw 1vw 2vw !important;
}
input.pdct_st_item_copy1 {
float: left;
width: 70%;
font-size: 4vw;
letter-spacing: 2.0vw;
padding: 2vw 2vw;
background: #fff;
border: 0px solid #eaeaea;
border-radius: 0.1vw;
text-align: center;
}
button.pdct_st_item_copy2 {
width: 26%;
margin-left: 10px;
line-height: 4vw;
font-size: 3vw;
color: #fff;
letter-spacing: 0.2vw;
padding: 3.3vw 1vw;
background: #ff973c;
border: none !important;
border-radius: 0.5vw;
}
.pdct_st_item_info_cartWrap_rb{
width: 100%;
margin: auto;
padding-top: 5vw;
padding-bottom: 5vw;
}
.pd_c_price_ls{
transform: rotate(8deg);
width: 44vw;
border: 0;
border-top: 3px solid #fb0b0b;
padding: 0;
position: relative;
top: 8vw;
margin: 0 auto;
}
.pdct_st_item_info_price.pd_c_price2{
padding: 0;
font-size: 3vw;
font-weight: 800;
line-height: 1.1;
letter-spacing: .1vw;
padding-bottom: 1vw;
}
.pdct_st_item_info_price{
text-align: center;
width: 100%;
float: left;
}
.pdct_st_item_info_cart{
width: 100%;
float: left;
}
.pdct_st_item_info2 .wps-component-products-buy-button {
position: relative;
padding-top: 5vw;
flex-direction: row;
font-size: 3.4vw;
}
.pdct_st_item_info2 .wps-items-list {
max-width: none;
}
.pdct_st_item_info2 .wps-component-products-quantity {
border: none;
padding: 0;
}
.pdct_st_item_info2 .wps-product-quantity-wrapper {
height: 100%;
}
.pdct_st_item_info2 .wps-btn-wrapper {
width: 100%;
}
.pdct_st_item_info2 .wps-add-to-cart {
border-radius: 0;
}
.pdct_st_item_info2 .wps-quantity-label-wrapper {
position: absolute;
left: 0;
top: 0;
}
.pdct_st_item_info2 .wps-quantity-input {
height: 100%;
}
.pdct_st_item_info2 .wps-form-input {
border: 1px solid #d3dbe2 !important;
border-radius: 2px 0 0 2px !important;
border-right: 0 !important;
height: 100% !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
width: 100%;
display: block;
margin-right: 0;
max-width: 50px !important;
}
}

@media screen and (min-width: 768px) {
body {
font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
font-weight: normal;
}
.pdct_st_item_info2 {
padding: 1vw;
text-align: center;
font-size: 1vw;
line-height: 1.5vw;
color: #333;
border: 1px solid #9e815b;
margin-bottom: 2vw;
margin-top: 3vw !important;
margin-right: 4vw;
}
.pd_c_slider.pd_ccontainer.pdct_st_item_info2 {
margin-top: 3vw !important;
}
.pdct_st_item_info3 {
/* margin-bottom: 3vw; */
margin-top: 1vw !important;
/* margin-right: 4vw; */
padding: 0 4vw 0vw 0vw;
}
.pdct_st_item_info3 img {
    width: 100%;
}
.pdct_st_item_info3_cart {
margin-top: 3vw !important;
padding: 0 2vw 1vw 2vw;
}
.pdct_st_item_info3_cart img {
    width: 100%;
}
.pdct_st_item_info2 + .pdct_st_item_info3 {
margin-right: 4vw;
padding: 0 0;
}
.pdct_st_item_info_f {
font-weight: 800;
letter-spacing: 0.1vw;
font-size: 1.4vw;
line-height: 2.0vw;
padding-bottom: 0.7vw;
color: #9e815b;
}
.pdct_st_item_info_f2 {
font-weight: 800;
letter-spacing: .1vw;
font-size: 1.4vw;
line-height: 2vw;
color: #464646;
padding: 1vw 1vw;
}
.pdct_st_item_info_t{
padding: 1vw 0;
font-size: 1.2vw;
letter-spacing: 0vw;
line-height: 1.5;
}
.pdct_st_item_info_t2{
font-weight: 600;
color: #9e815b;
font-size: 1.7vw;
vertical-align: bottom;
}
.pdct_st_item_info_t3{
padding: 0vw 0 1vw;
font-size: 1.0vw;
letter-spacing: 0vw;
line-height: 1.5;
}
.pdct_st_item_info_t3a{
font-weight: 700;
color: #9e815b;
font-size: 1.7vw;
vertical-align: baseline;
padding-right: 0.4vw;
}
.pdct_st_item_info_t4{
font-weight: 700;
/*color: #9e815b;*/
font-size: 1.4vw;
vertical-align: baseline;
padding-right: 0.2vw;
}
.pdct_st_item_info_t_rb1{
padding: 1.5vw 0;
font-size: 1.3vw;
letter-spacing: 0vw;
line-height: 1.3vw;
}
.pdct_st_item_info_t_rb1{
font-weight: 800;
}
.pdct_st_item_info_t_rb2{
padding: 1vw 0vw 0vw;
font-size: 1.1vw;
letter-spacing: 0vw;
line-height: 1.8vw;
}
.pdct_st_item_info {
padding: 1vw;
text-align: center;
font-size: 1vw;
line-height: 1.5vw;
color: #333;
border: 1px solid #9e815b;
margin-bottom: 2vw;
margin-top: 3vw !important;
}
.pdct_st_item_info_sub {
font-size: 0.8vw;
line-height: 1.2vw;
}
.pdct_st_item_info_sub2 {
font-size: 0.8vw;
line-height: 1.2vw;
}
.pdct_st_item_info_sub_rb {
font-size: 1.1vw;
line-height: 1.7vw;
}
.pdct_st_item_info_sub2_rb {
font-size: .8vw;
line-height: 1.2vw;
padding: 1vw 0vw 2vw;
display: block;
}
.pdct_st_item_info_pre {
padding: 0.5vw 1vw;
text-align: center;
font-size: 1.2vw;
line-height: 1.3vw;
color: #fff;
background: #ff7802;
margin-bottom: 1vw;
margin-right: 2vw;
}
.pdct_st_item_copy {
padding: 1vw 1vw;
text-align: center;
font-size: 1vw;
line-height: 1.5vw;
color: #333;
background: #ff8f0017;
margin: 0.4vw 0vw 0.2vw !important;
}
input.pdct_st_item_copy1 {
float: left;
width: 70%;
font-size: 1.3vw;
letter-spacing: 0.41vw;
padding: 0vw 2vw;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 0.1vw;
text-align: center;
}
button.pdct_st_item_copy2 {
width: 26%;
margin-left: 10px;
line-height: 1vw;
font-size: 0.9vw;
letter-spacing: 0.01vw;
padding: 0.9vw 0vw;
background: #ff973c;
color: #fff;
border: 0px solid #fff;
border-radius: 0.1vw;
}
.pdct_st_item_info_cartWrap{
width: 60%;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 4vw;
}
.pdct_st_item_info_cartWrap_rb{
width: 60%;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 2vw;
}
.pd_c_price_ls{
transform: rotate(8deg);
width: 16vw;
border: 0;
border-top: 3px solid #fb0b0b;
margin: 0;
padding: 0;
position: relative;
top: 4vw;
left: -1vw;
}
.pdct_st_item_info_price.pd_c_price2{
padding: 0;
font-size: 3vw;
font-weight: 800;
line-height: 1.1;
letter-spacing: .1vw;
padding-bottom: 1vw;
}
.pdct_st_item_info_price{
text-align: left;
width: 50%;
}
.pdct_st_item_info_cart{
width: 50%;
}
.pdct_st_item_info2 .wps-component-products-buy-button {
position: relative;
padding-top: 2vw;
flex-direction: row;
}
.pdct_st_item_info2 .wps-items-list {
max-width: none;
}
.pdct_st_item_info2 .wps-component-products-quantity {
border: none;
padding: 0;
}
.pdct_st_item_info2 .wps-product-quantity-wrapper {
height: 100%;
}
.pdct_st_item_info2 .wps-btn-wrapper {
width: 100%;
}
.pdct_st_item_info2 .wps-add-to-cart {
border-radius: 0;
}
.pdct_st_item_info2 .wps-quantity-label-wrapper {
position: absolute;
left: 0;
top: 0;
}
.pdct_st_item_info2 .wps-quantity-input {
height: 100%;
}
.pdct_st_item_info2 .wps-form-input {
border: 1px solid #d3dbe2 !important;
border-radius: 2px 0 0 2px !important;
border-right: 0 !important;
height: 100% !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
width: 100%;
display: block;
margin-right: 0;
max-width: 50px !important;
}
}

ol,
ul {
list-style: none
}

blockquote,
q {
quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: none
}

table {
border-collapse: collapse;
border-spacing: 0
}


/* image
-------------------------------------------------------------- */

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
max-width: 100%;
height: auto;
}

embed,
iframe,
object,
video {
max-width: 100%;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
max-width: 100%;
padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}


/* comment
-------------------------------------------------------------- */

button,
input,
textarea {
border: 1px solid #ccc;
border-radius: 0px;
font-family: inherit;
padding: 6px;
padding: 0.428571429rem;
}

button,
input {
line-height: normal;
}

textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
line-height: 1.2;
}

input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
padding: 10px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 14px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #ffffff;
background-color: #ad1d29;
background-repeat: repeat-x;
border: 1px solid #ad1d29;
border-radius: 0px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
cursor: pointer;
}

button[disabled],
input[disabled] {
cursor: default;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
color: #5e5e5e;
background-color: #ebebeb;
background-repeat: repeat-x;
}

input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: #757575;
background-color: #e1e1e1;
background-repeat: repeat-x;
border: none;
}

div#comment-container ol {
margin: 20px 0 20px 20px;
}

div.comment-meta {
margin-bottom: 20px;
}


/* widget
-------------------------------------------------------------- */

#wp-calendar {
width: 100%;
}

.widget_calendar caption {
margin-bottom: 5px;
}

.widget_calendar td {
text-align: center;
padding: 2px;
}


/* font
-------------------------------------------------------------- */

.entry p,
.widget p {
margin-bottom: 2em;
}

strong {
font-weight: 800;
}

em {
font-style: italic;
}

ol {
list-style-type: decimal;
}

.entry ul,
.entry ol,
.widget ul,
.widget ol {
margin: 20px 0 20px 20px;
list-style-position: inside;
}

.st_blog_img {
padding: 0;
text-align: center;
}

.st_blog_img img {
width: 100%
}

.st_blog_img2 {
padding: 0;
text-align: center;
}

.st_blog_img2 img {
width: 50%
}


/* general -------------------------------------------------------------- */

.cfx:before,
.cfx:after {
content: " ";
display: table;
}

.cfx:after {
clear: both;
}

.cfx {
*zoom: 1;
}

body {
font-size: 14px;
background-color: #ffffff;
font-family: sans-serif;
}

a {
outline: none;
color: #000000;
text-decoration: none;
}

a:link {
color: #333;
}

a:hover {
color: #76B28A;
text-decoration: none;
}

a:visited {
color: #000000;
}

a:active {
color: #000000;
}

a:focus,
*:focus {
outline: none;
}

.row {
margin-right: 0px !important;
margin-left: 0px !important;
}

.container {
width: 100% !important;
}

@media screen and (max-width: 767px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.container,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-11,
.col-sm-12 {
padding-right: 0px !important;
padding-left: 0px !important;
}
}

@media screen and (min-width: 768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
padding-right: 0px !important;
padding-left: 0px !important;
}
}

@media screen and (max-width: 767px) {
.pc_none {
display: none;
}
.outofstock_blank {
padding-bottom: 5%;
}
}

@media screen and (min-width: 768px) {
.sp_none {
display: none;
}
.outofstock_blank {
padding-bottom: 5vw;
}
}


/* defult error -------------------------------------------------------------- */

#defult_error {
background: rgba(256, 256, 265, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.defult_error {
padding: 20px 20px 10px;
}
}

@media screen and (min-width: 768px) {
.defult_error {
padding: 50px 20px 20px;
}
}

.defult_error_top_btn {
margin: 30px 10px 30px;
display: inline-block;
padding: 12px 10px;
text-decoration: none !important;
color: #3f3c3c !important;
font-size: 18px !important;
border: solid 2px #3f3c3c;
background: #ffffff;
border-radius: 0px;
transition: .4s;
width: 100%;
text-align: center;
font-weight: 500;
letter-spacing: 2px;
}

.defult_error_top_btn:hover {
background: #ffffff;
color: #000000 !important;
border: solid 2px #000000;
}


/* defult error -------------------------------------------------------------- */


/* clear -------------------------------------------------------------- */

.br_clear {
clear: both !important;
}

.br_clear_b {
clear: both !important;
}


/* clear -------------------------------------------------------------- */


/* view type -------------------------------------------------------------- */

.fivd {
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}

.fiv {
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
}


/* view type -------------------------------------------------------------- */


/* menu -------------------------------------------------------------- */

.head_menu {
background: rgba(255, 255, 255, 0.9);
padding: 5px 0px !important;
width: 100%;
height: inherit;
}

.head_menu ul {
padding-left: 130px;
}

.head_menu li.list_head_menu {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
background: url("img/jaccs/img/menu/head_triangle.png") no-repeat left center;
float: left;
}

@media screen and (max-width: 767px) {
.head_menu ul {
padding-left: 100px;
}
.head_menu li.list_head_menu {
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
line-height: 19px;
padding: 5px 10px 5px 15px;
background-size: 5px auto;
}
}

@media screen and (min-width: 768px) {
.head_menu ul {
padding-left: 130px;
}
.head_menu li.list_head_menu {
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
padding: 10px 30px 10px 14px;
background-size: 5px auto;
}
}

.list_head_menu_line {
border-bottom: 1px rgba(255, 255, 255, 0.6) solid;
}

.head_menu li a {
color: rgba(89, 87, 87, 1.00);
text-decoration: none;
}

.head_menu li a:hover {
color: rgba(200, 22, 29, 1.00);
border-bottom: dotted 2px rgba(200, 22, 29, 1.00);
}


/* menu -------------------------------------------------------------- */


/* slider -------------------------------------------------------------- */

.main-slider {
background: #EEE;
}

.main-cell {
width: 66%;
height: 200px;
margin-right: 10px;
background: #8C8;
counter-increment: gallery-cell;
}

.main-cell img {
width: 100%;
}


/* cell number */

.main-cell:before {
display: block;
text-align: center;
content: counter(gallery-cell);
line-height: 200px;
font-size: 80px;
color: white;
}

@media screen and (max-width: 767px) {
.n2-ss-slide--focus {
display: none !important;
}
}


/* slider -------------------------------------------------------------- */


/* PDF -------------------------------------------------------------- */

#buttons {
margin-bottom: 10px;
text-align: right;
}

#buttons button {
padding: 1px 20px;
border: 1px solid #444444;
background: #fff;
color: #444444;
font-size: 14px;
text-align: center;
margin: 10px;
}

main2 p {
text-align: center;
padding: 40px 10px 20px;
}

.gde-link {
padding: 10px 20px;
border: 2px solid #444444;
/* border: 1px solid #ff3300; */
color: #444444;
font-size: 14px;
}


/* PDF -------------------------------------------------------------- */


/* pagetop -------------------------------------------------------------- */

#pageTop {
position: fixed;
bottom: 2vw;
right: 2vw;
z-index: 10000;
}

#pageTop img {
width: 100%;
}

#pageTop i {
padding-top: 6px
}

#pageTop a {
display: block;
z-index: 999;
padding: 8px 8px 8px 8px;
border-radius: 0px;
width: 35px;
height: 35px;
background-color: #231815;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#pageTop a:hover {
text-decoration: none;
background-color: none;
}


/* pagetop -------------------------------------------------------------- */


/* cartin -------------------------------------------------------------- */

#cartin {
position: fixed;
bottom: 0px;
right: 0px;
background: #0000004f;
padding: 4px 0px 0px;
}

#cartin img {
width: 100%;
}

#cartin i {
padding-top: 6px
}

#cartin a {
display: block;
z-index: 999;
padding: 8px 8px 8px 8px;
border-radius: 30px;
width: 35px;
height: 35px;
background-color: #f0f0f0b3;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#cartin a:hover {
text-decoration: none;
background-color: #f0f0f0;
}


/* cartin -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.menu_sp {}
.menu_pc {
display: none;
}
.sp {}
.pc {
display: none;
}
}

@media screen and (min-width: 768px) {
.menu_sp {
display: none !important;
}
.menu_pc {}
.sp {
display: none;
}
.pc {}
}


/* pc -------------------------------------------------------------- */

.menu_pc_f {
position: fixed;
z-index: 9999;
background: #ffffff;
height: 7.02vw;
}

.menu_pc_g {
z-index: 9999;
background: #ffffff;
}

.menu_pc_list_logo {
padding: 1.6vw 0vw 1.6vw 0vw;
text-align: center;
}

.menu_pc_list_logo img {
width: 12vw;
height: auto;
}

#menu_pc_list {
position: relative;
list-style-type: none;
width: 100%;
margin: 0 auto;
}

#menu_pc_list li {
float: left;
margin: 0;
padding: 0;
text-align: right;
}

li.menu_pc_list1 {
width: 4vw !important;
}

li.menu_pc_list2 {
width: 6.5vw !important;
}

li.menu_pc_list3 {
width: 4.6vw !important;
}

li.menu_pc_list4 {
width: 6.4vw !important;
}

li.menu_pc_list5 {
width: 9vw !important;
}

#menu_pc_list li a {
display: block;
margin: 0;
padding: 13px 0;
padding: 0 0 0.5vw;
color: #3f3c3c;
font-size: 1.2vw;
line-height: 1.2vw;
text-decoration: none;
z-index: 100;
}

#menu_pc_list li ul {
list-style: none;
position: absolute;
left: 0;
margin: 0;
padding: 0;
z-index: 1000;
width: 100%;
}

#menu_pc_list li ul li {
overflow: hidden;
width: 100%;
height: 0;
color: #fff;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
transition: .5s;
}

#menu_pc_list li ul li a {
color: #000000;
text-align: left;
font-size: 1.2vw;
font-weight: normal;
}

#menu_pc_list li:hover>a {
color: #888888;
/* background-image: url(img/icon/menu_line1.png); */
background-repeat: no-repeat;
background-position: 3vw 100%;
background-size: 6vw 0.8vw;
}

#menu_pc_list li.menu_pc_list1:hover>a {
width: 100%;
color: #888888;
/* background-image: url(img/icon/menu_line1.png); */
background-repeat: no-repeat;
background-position: 1.65vw 100%;
background-size: 6vw 0.8vw;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
border-bottom: 2px solid #000000;
width: 4vw;
}

#menu_pc_list li.menu_pc_list2:hover>a {
color: #888888;
/* background-image: url(img/icon/menu_line1.png); */
background-repeat: no-repeat;
background-position: 3vw 100%;
background-size: 6vw 0.8vw;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
border-bottom: 2px solid #000000;
width: 6.5vw;
}

#menu_pc_list li.menu_pc_list3:hover>a {
color: #888888;
/* background-image: url(img/icon/menu_line1.png); */
background-repeat: no-repeat;
background-position: 3vw 100%;
background-size: 6vw 0.8vw;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
border-bottom: 2px solid #000000;
width: 6.4vw;
}

#menu_pc_list li.menu_pc_list4:hover>a {
color: #888888;
/* background-image: url(img/icon/menu_line1.png); */
background-repeat: no-repeat;
background-position: 1.25vw 100%;
background-size: 6vw 0.8vw;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
}

#menu_pc_list li:hover ul li {
overflow: visible;
height: 38px;
border-bottom: 1px solid #fff;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
padding-top: 0vw;
}

#menu_pc_list li:hover ul li:first-child {
border-top: 0;
-moz-transition: -moz-transform 1.5s linear;
-webkit-transition: -webkit-transform 1.5s linear;
-o-transition: -o-transform 1.5s linear;
-ms-transition: -ms-transform 1.5s linear;
transition: transform 0.5s linear;
}

#menu_pc_list li:hover ul li:last-child {
border-bottom: 0;
-moz-transition: -moz-transform 1.5s linear;
-webkit-transition: -webkit-transform 1.5s linear;
-o-transition: -o-transform 1.5s linear;
-ms-transition: -ms-transform 1.5s linear;
transition: transform 1.5s linear;
}

.menu_pc_list {
font-size: 1.2vw;
line-height: 1.2vw;
text-decoration: none;
letter-spacing: 0.1vw;
text-align: right;
padding-right: 1vw;
display: initial;
}

.menu_pc_list_inner {
width: 100%;
color: #3f3c3c;
font-size: 1vw;
line-height: 1vw;
text-align: center;
padding: 1vw 6vw;
box-shadow: 0px 4px 3px 1px rgba(0, 0, 0, 0.2);
background: #fff;
}

.menu_pc_list_sns {
width: 100%;
text-align: left;
padding: 0px 10px;
}

.menu_pc_list_sns_logo {
float: right;
padding: 0px 2px;
margin-left: 1vw;
width: 2vw
}

.menu_pc_list_sns_logo img {
width: 2vw;
}

.menu_pc_listp2 {
width: 33%;
min-height: 5.5vw;
float: left;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
display: block;
margin: 0 0 0px 0;
background: #ffffff;
padding: 0.1vw 0.5vw;
position: relative;
}

.menu_pc_listp2 a {
width: 100%;
margin: 0 auto;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
}
.menu_pc_item {
width: 100%;
}

.menu_pc_item :hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
}

.menu_pc_item_img {
float: left;
width: 5.5vw;
height: 5.0vw;
}

.menu_pc_item_img img {
width: 5.5vw;
height: auto;
}

.menu_pc_item_ttl {
float: left;
width: 9.0vw;
color: #3c393b;
font-size: 0.6vw;
line-height: 0.8vw;
letter-spacing: 0.1vw;
padding: 1px 0px 1px 7px;
padding-top: 1.9vw;
}

.menu_pc_item_sub {
color: #848180;
font-size: 0.6vw;
line-height: 0.6vw;
letter-spacing: 0.1vw;
}

#product-component-1624239695352head {
width: 4vw;
height: 3vw;
display: flex;
margin-top: -1.5vw !important;
}

@media screen and (min-width: 768px) {
.menu_new{
position: absolute;
border-radius: 30px;
background: red;
width: 2.5vw;
height: 2.5vw;
padding: 0.9vw 0vw;
font-size: 0.6vw;
letter-spacing: 0.05vw;
right: 1vw;
font-weight: 800;
top: -.5vw;
text-align: center;
}
.menu_renew{
position: absolute;
border-radius: 3vw;
background: red;
padding: 0.85vw .2vw;
font-size: .6vw;
letter-spacing: 0vw;
font-weight: 800;
right: 1vw;
top: -0.3vw;
}
}



/* pc -------------------------------------------------------------- */


/* ドロワーメニュー
------------------------------------------------- */

.wrapper {
height: 100%;
overflow-x: hidden;
position: relative;
}

.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
transition: opacity .7s;
}

.overlay.open {
width: 100%;
height: 100%;
opacity: 1;
}

main {
height: 100%;
/*min-height: 100vh;*/
padding: 0 0px;
background-color: #fff;
transition: all .5s;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 8vw;
}

main2 {
height: 100%;
/*min-height: 100vh;*/
padding: 0 0px;
background-color: #fff;
transition: all .5s;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 8vw;
}

@media screen and (max-width: 767px) {
main {
/*margin-top:13.8vw;*/
margin-top: 0vw;
}
main2 {
margin-top: 0vw;
}
}

@media screen and (min-width: 768px) {
main {
margin-top: 7.0vw;
}
main2 {
margin-top: 0vw;
}
}

main h1 {
text-align: center;
font-weight: 500;
}

main p {}

main2 h1 {
text-align: center;
font-weight: 500;
}

main2 p {
text-align: center;
}

.menu-trigger {
display: inline-block;
width: 22px;
height: 20px;
vertical-align: middle;
cursor: pointer;
position: fixed;
top: 4vw;
left: 4vw;
z-index: 1000;
transform: translateX(0);
transition: transform .5s;
}

.menu-trigger.active {
transform: translateX(80vw);
}

.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
}

.menu-trigger.active span {
background-color: #555;
}

.menu-trigger span:nth-of-type(1) {
top: 0;
}

.menu-trigger.active span:nth-of-type(1) {
transform: translateY(11px) rotate(-45deg);
}

.menu-trigger span:nth-of-type(2) {
top: 9px;
}

.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}

.menu-trigger span:nth-of-type(3) {
bottom: 0;
}

.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-7px) rotate(45deg);
}

nav {
width: 80vw;
height: 100%;
padding-top: 0px;
background-color: rgb(256, 256, 256, 0.9);
position: fixed;
top: 0;
left: 0;
z-index: 1000;
transform: translate(-80vw);
transition: all .5s;
}

nav.open {
transform: translateZ(0);
overflow: scroll;
background: #040000;
}

nav li {
color: #fff;
text-align: center;
padding: 10px 0;
}


/*                         sp menu                           */

.menu_sp_list_logo {
padding: 18px 0vw 18px 0vw;
text-align: center;
width: 100%;
background: #ffffff;
z-index: 999;
}

.menu_sp_list_logo img {
width: 28vw;
height: auto;
}

.menu_sp_list_logo_menu {
padding: 18px 0vw 18px 0vw;
text-align: center;
width: 100%;
background: #ffffff;
z-index: 999;
}

.menu_sp_list_logo_menu img {
width: 28vw;
height: auto;
}



.menu_sp_list_logo_jtb {
padding: 0vw 0vw;
text-align: center;
width: 100%;
background: #ffffff;
z-index: 999;
}


.menu_sp_list_logo_jtb img {
width: 80vw;
height: auto;
}

.menu_sp_list_logo2 {
padding: 18px 0vw 18px 0vw;
text-align: center;
width: 100%;
background: #ffffff;
z-index: 999;
}

.menu_sp_list_logo2 img {
width: 28vw;
height: auto;
}

.menu_sp_list0lg {
margin: 0vw auto 0vw;
color: #fff;
background: #fff;
border-bottom: 0.22vw solid #fff;
}

.menu_sp_list0lg a {}

.menu_sp_list0 {
width: 100%;
margin: 0 auto;
color: #fff;
display: block;
background: #040000;
border-bottom: 0.22vw solid #fff;
padding: 3vw 0vw 3vw 5vw;
}

.menu_sp_list0 a {
color: #fff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
display: block;
padding: 5px 5px 5px 0px;
margin: 0 0 1px 0;
}

.menu_sp_list1 {
width: 100%;
margin-top: 14vw !important;
color: #fff;
display: block;
background: #040000;
border-bottom: 0.22vw solid #fff;
padding: 3vw 0vw 3vw 5vw;
}

.menu_sp_list1 a {
color: #fff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
display: block;
padding: 5px 5px 5px 0px;
margin: 0 0 1px 0;
}

.menu_sp_list {
/*position: relative;*/
overflow: hidden;
color: #ffffff;
background: #040000;
border-bottom: 0.22vw solid #fff;
}

.menu_sp_list input {
position: absolute;
z-index: -1;
opacity: 0;
}

.menu_sp_list label {
color: #fff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
position: relative;
display: block;
padding: 4vw 0vw 4vw 5vw;
cursor: pointer;
margin: 0 0 1px 0;
background: #040000;
}

.menu_sp_list .menu_sp_list-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #000000;
background: #ffffff;
}

.menu_sp_list .menu_sp_list-content2 {
padding-top: 3vw;
padding-bottom: 3vw;
}

.menu_sp_list .menu_sp_list-content p {
margin: 1em;
}


/* :checked */

.menu_sp_list input:checked~.menu_sp_list-content {
max-height: 70em;
}


/* Icon */

.menu_sp_list label::after {
line-height: 6vw;
position: absolute;
top: 2vw;
right: 0;
display: block;
width: 6vw;
height: 6vw;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
font-size: 5vw;
}

.menu_sp_list input[type=checkbox]+label::after {
content: '+';
}

.menu_sp_list input[type=checkbox]:checked+label::after {
transform: rotate(315deg);
}

.menu_sp_list2 {
float: left;
width: 26.6vw;
height: 27vw;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
display: block;
margin: 0 0 0 0;
background: #fff;
padding: 2vw 2vw 0vw;
margin-bottom: 2vw;
position: relative;
}

.menu_sp_list2 a {
width: 100%;
margin: 0 auto;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
}

.menu_sp_list2c {
float: left;
width: 26.6vw;
height: 27vw;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
display: block;
margin: 0 0 0 0;
background: #fff;
padding: 2vw 2vw 0vw;
border-right: 0.11vw solid #888;
border-left: 0.11vw solid #888;
margin-bottom: 2vw;
position: relative;
}

.menu_sp_list2c a {
width: 100%;
margin: 0 auto;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
}

.menu_sp_list2l {
float: left;
width: 26.6vw;
height: 27vw;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
display: block;
margin: 0 0 0 0;
background: #fff;
padding: 2vw 2vw 0vw;
border-right: 0.11vw solid #888;
margin-bottom: 2vw;
position: relative;
}

.menu_sp_list2l a {
width: 100%;
margin: 0 auto;
color: #ffffff;
font-size: 13px;
line-height: 13px;
letter-spacing: 2px;
}
.menu_sp_item {
width: 100%;
}

.menu_sp_item_img {
width: 100%;
height: auto;
top: -2vw;
position: relative;
}

.menu_sp_item_img img {
width: 100%;
height: auto;
}

.menu_sp_item_ttl {
width: 100%;
color: #040000;
font-size: 2vw;
line-height: 2.4vw;
letter-spacing: 0.1vw;
padding: 0vw 1vw 1vw 1vw;
position: relative;
top: -2vw;
}

.menu_sp_item_sub {
color: #848180;
font-size: 8px;
line-height: 9px;
letter-spacing: 2px;
}

.menu_sp_item_sub_b {
margin-left: 3px;
color: #848180;
font-size: 6px;
line-height: 9px;
letter-spacing: 2px;
border: solid 1px #848180;
padding: 1px 3px;
}

.menu_sp_list_sns {
width: 100%;
text-align: left;
padding: 10px 10px;
}

.menu_sp_list_sns_logo {
float: left;
padding: 2px;
margin-right: 5px;
width: 24px;
}

.menu_sp_list_sns_logo img {
width: 20px;
}
@media screen and (max-width: 767px) {
.menu_new{
position: absolute;
border-radius: 30px;
background: red;
width: 6vw;
height: 6vw;
padding: 1.6vw 0;
font-size: 1.8vw;
letter-spacing: .1vw;
right: 1.5vw;
font-weight: 800;
top: -1.5vw;
text-align: center;
}
}
/*                         sp menu                           */


/* footer -------------------------------------------------------------- */

footer {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
background: #040000;
margin: 0px 0px 0px;
font-size: 10px;
color: #ffffff;
}

@media screen and (max-width: 767px) {
footer {
padding: 10vw 0px 10vw;
}
.footer_logo {
padding: 2.1vw 0vw 2.1vw 0vw;
text-align: center;
}
.footer_menu {
margin: 20px 0px;
}
.footer_logo img {
width: 35vw;
height: auto;
}
.footer_padding {
width: 100%;
text-align: center;
}
.footer_menu_link {
padding: 0px 0px;
}
.footer_padding_menu {
width: 100%;
text-align: left;
padding: 2.5vw 0vw 0vw 10vw;
}
.list_footer_menu {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
color: #fff;
font-size: 2.5vw;
font-weight: 0px;
letter-spacing: 0px;
line-height: 5vw;
padding: 6px 0px 6px 0px;
background-size: 5px auto;
}
.list_footer_menu_line {}
.list_footer_menu a {
color: #ffffff;
text-decoration: none;
}
.list_footer_menu a:hover {
color: #ffffff;
text-decoration: none;
}
.footer_copyright {
width: 100%;
padding: 2.7vw 0px;
text-align: left;
font-size: 1.9vw;
line-height: 3vw;
letter-spacing: 0.1vw;
color: #fff;
}
.footer-copyright1 {
width: 8%;
background-color: #d4953b;
height: 0.8vw;
float: left;
}
.footer-copyright2 {
width: 84%;
background-color: #3f3c3c;
height: 0.8vw;
float: left;
}
.footer-copyright3 {
width: 8%;
background-color: #82b5c8;
height: 0.8vw;
float: left;
}
.footer_menu_product {
width: 100%;
padding: 5vw 0vw 5vw 10vw;
text-align: left;
}
.footer_menu_product2 {
width: 100%;
padding: 1vw 0vw 5vw 10vw;
text-align: left;
}
.footer_menu_product_box {
padding-right: 0vw;
padding-bottom: 7vw;
}
.footer_menu_product_box2 {}
.footer_menu_product_ttl {
font-size: 3.5vw;
line-height: 3.5vw;
letter-spacing: 0.5vw;
color: #ffffff;
padding-bottom: 3vw;
border-bottom: 0.4vw solid #fff;
margin-bottom: 3vw;
}
.footer_menu_product_ttl2 {
font-size: 3.0vw;
line-height: 3.0vw;
letter-spacing: 0.5vw;
color: #ffffff;
padding-bottom: 2vw;
border-bottom: 0.3px solid #fff;
margin-bottom: 2vw;
}
.footer_menu_product_ttl3 {
font-size: 2.5vw;
line-height: 4vw;
letter-spacing: 0.5vw;
color: #ffffff;
}
.footer_menu_product_ttl3 a {
color: #ffffff;
}
.footer_menu_product_ttl3 a:hover {
color: #ffffff;
text-decoration: none;
}
.footer_menu_product_ttl3a {}
.footer_menu_product_ttl3b {
padding-bottom: 7vw;
}
.footer_logo2 {
width: 70vw;
text-align: center;
padding-left: 8.8vw;
}
.footer_logo2 img {
width: 100%;
}
.footer_logo2_txt {
font-size: 2.5vw;
line-height: 4vw;
letter-spacing: 0.01vw;
color: #ffffff;
padding: 0vw 0vw 5vw 10vw;
text-align: left;
}
}

@media screen and (min-width: 768px) {
footer {
padding: 2vw 0px 2vw;
}
.footer_logo {
padding: 1.1vw 0vw 1.1vw 0vw;
text-align: center;
}
.footer_logo img {
width: 11vw !important;
height: auto;
}
.footer_padding {
width: 100%;
text-align: left;
}
.footer_menu_link {
padding: 0px 10px;
}
.footer_padding_menu {
width: 100%;
padding: 1.0vw 0px;
}
.list_footer_menu {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
color: #3f3c3c;
font-size: 0.8vw;
font-weight: 0px;
letter-spacing: 1px;
line-height: 15px;
padding: 6px 0px 6px 6px;
background-size: 5px auto;
}
.list_footer_menu a {
color: #ffffff;
text-decoration: none;
}
.list_footer_menu a:hover {
color: #ffffff;
text-decoration: none;
}
.footer_copyright {
width: 100%;
padding: 0.2vw 0vw 0vw 0.4vw;
text-align: left;
font-size: 0.7vw;
line-height: 1.0vw;
letter-spacing: 0vw;
color: #fff;
}
.footer-copyright1 {
width: 8%;
background-color: #d4953b;
height: 0.5vw;
float: left;
}
.footer-copyright2 {
width: 84%;
background-color: #3f3c3c;
height: 0.5vw;
float: left;
}
.footer-copyright3 {
width: 8%;
background-color: #82b5c8;
height: 0.5vw;
float: left;
}
.footer_menu_product {
width: 100%;
padding: 1vw 2vw 2vw;
text-align: left;
}
.footer_menu_product2 {
width: 100%;
padding: 1vw 2vw;
text-align: left;
}
.footer_menu_product_box {
float: left;
width: 16vw;
padding-right: 2vw;
}
.footer_menu_product_box3 {
float: left;
width: 32vw;
padding-right: 2vw;
}
.footer_menu_product_box2 {
float: left;
width: 16vw;
padding-right: 2vw;
}
.footer_menu_product_ttl {
font-size: 1.3vw;
line-height: 1.3vw;
letter-spacing: 0.01vw;
color: #ffffff;
padding-bottom: 0.4vw;
border-bottom: 1px solid #ffffff;
margin-bottom: 1.3vw;
}
.footer_menu_product_ttl2 {
font-size: 1.1vw;
line-height: 1.1vw;
letter-spacing: 0.01vw;
color: #ffffff;
padding-bottom: 0.4vw;
border-bottom: 1px solid #ffffff;
margin-bottom: 0.8vw;
}
.footer_menu_product_ttl3 {
font-size: 0.8vw;
line-height: 1.2vw;
letter-spacing: 0.01vw;
color: #ffffff;
}
.footer_menu_product_ttl3 a {
color: #ffffff;
}
.footer_menu_product_ttl3 a:hover {
color: #ffffff;
text-decoration: none;
}
.footer_menu_product_ttl3a {
float: left;
width: 50%;
}
.footer_menu_product_ttl3b {
float: left;
width: 50%;
padding-left: 1vw;
}
.footer_logo2 {
width: 20vw;
padding: 0vw 2vw;
}
.footer_logo2 img {
width: 100%;
}
.footer_logo2_txt {
font-size: 0.7vw;
line-height: 1.0vw;
letter-spacing: 0.01vw;
color: #ffffff;
text-align: left;
padding: 0vw 2vw 0vw 2.3vw;
}
}


/* footer -------------------------------------------------------------- */


/* top main slider -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.slider_sp {
margin: 100px auto;
width: 100%;
}
.slider_sp img {
height: auto;
width: 100%;
}
.slider_pc {
display: none !important;
}
}

@media screen and (min-width: 768px) {
.slider_sp {
display: none !important;
}
.slider_pc {
margin: 100px auto;
width: 100%;
}
.slider_pc img {
height: auto;
width: 100%;
}
}


/*slick setting*/

.slick-prev:before,
.slick-next:before {
color: #000;
}

.main_link {
position: absolute;
width: 100vw;
}

.main_link_a {
position: absolute;
width: 100px;
left: 0;
right: 0;
margin: auto;
background: #74a2be;
color: #ffffff;
font-size: 14px;
letter-spacing: 3px;
line-height: 20px;
border-radius: 2px;
text-align: center;
padding: 8px 5px;
}

.main_link_b {
position: absolute;
width: 100px;
left: 0;
right: 0;
margin: auto;
background: #e38f3a;
color: #ffffff;
font-size: 14px;
letter-spacing: 3px;
line-height: 20px;
border-radius: 2px;
text-align: center;
padding: 8px 5px;
}

@media screen and (max-width: 767px) {
.main_link {
bottom: 8%;
}
}

@media screen and (min-width: 768px) {
.main_link {
bottom: 6%;
}
}

@media screen and (min-width: 1600px) {
.n2-ss-widget.nextend-arrow-previous {
left: calc((100% - 1600px) / 2);
}
.n2-ss-widget.nextend-arrow-next {
right: calc((100% - 1600px) / 2);
}
}


/* top main slider -------------------------------------------------------------- */


/* contents Life -------------------------------------------------------------- */

.contents_life {
padding-right: 0px !important;
padding-left: 0px !important;
}

.contents_life_box {
padding-right: 0px !important;
padding-left: 0px !important;
text-align: center;
}

.contents_life_ttl {
color: #3c393b;
}

.contents_life_inner {
position: relative;
text-algin: center;
}

.contents_life_img {
position: absolute;
top: 7vw;
width: 100%;
left: 0;
right: 0;
}

.contents_life_text {
left: 0;
right: 0;
position: absolute;
color: #3c393b;
}

@media screen and (max-width: 767px) {
.contents_life {
padding-top: 15%!important;
padding-bottom: 15%!important;
}
.contents_life_inner img {
width: 100vw !important;
font-size: 14px;
line-height: 28px;
letter-spacing: 1px;
}
.contents_life_ttl {
padding-bottom: 6%;
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
font-weight: normal;
}
.contents_life_img {
top: 0vw;
width: 100%;
}
.contents_life_img img {
width: 85vw !important;
}
.contents_life_text {
bottom: 12vw;
padding: 0% 10px;
font-size: 3.8vw;
line-height: 7vw;
letter-spacing: 0.25vw;
font-weight: normal;
}
}

@media screen and (min-width: 768px) {
.contents_life {
padding-top: 10%!important;
padding-bottom: 10%!important;
}
.contents_life_box {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
border-bottom: 2px solid #3f3c3c2b;
}
.contents_life_inner img {
width: 100vw !important;
margin-bottom: -1vw;
}
.contents_life_ttl {
text-align: left;
padding: 6vw 3vw 3vw;
font-size: 32px;
line-height: 38px;
letter-spacing: 3px;
}
.contents_life_img img {
width: 80% !important;
}
.contents_life_img {
top: 0vw;
width: 100%;
}
.contents_life_text {
padding: 1vw 3vw 3vw 3.85vw;
font-size: 1.5vw;
line-height: 2.8vw;
letter-spacing: 0.4vw;
text-align: left;
}
}


/* contents Life -------------------------------------------------------------- */


/* contents item -------------------------------------------------------------- */

.contents_item {
padding-right: 0px !important;
padding-left: 0px !important;
}

.contents_item_box {
padding-right: 10px !important;
padding-left: 10px !important;
text-align: center;
}

.contents_item_ttl {
color: #3c393b;
}

.contents_item_pc {
text-align: center;
}

.contents_item_mt {
color: #3c393b;
font-weight: 800;
}

.contents_item_nm {
color: #3c393b;
font-weight: 800;
}

@media screen and (max-width: 767px) {
.contents_item {
padding-top: 15%!important;
padding-bottom: 15%!important;
}
.contents_item_box {
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
}
.contents_item_ttl {
padding-bottom: 6%;
font-size: 18px;
line-height: 18px;
letter-spacing: 5px;
font-weight: normal;
}
.contents_item_sp {
margin: 100px auto;
width: 100%;
}
.contents_item_sp li a {
text-decoration: none;
}
.contents_item_sp li a:hover {
text-decoration: none;
}
.contents_item_sp img {
height: auto;
width: 50vw;
}
.contents_item_pc {
display: none !important;
}
.contents_item_mt {
font-size: 2vw;
line-height: 2vw;
letter-spacing: 0.8vw;
}
.contents_item_nm {
font-size: 4vw;
line-height: 7vw;
letter-spacing: 0.6vw;
}
}

@media screen and (min-width: 768px) {
.contents_item {
padding-top: 0%!important;
margin-bottom: 10% !important;
border-bottom: 2px solid #3f3c3c2b;
}
.contents_item_box {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
padding-bottom: 5vw;
}
.contents_item_ttl {
padding-bottom: 2%;
font-size: 32px;
line-height: 38px;
letter-spacing: 4px;
}
.contents_item_sp {
display: none !important;
}
/*
ul.contents_item_pc{
margin: 100px auto;
width: 100%;
}
ul.contents_item_pc li{
}
ul.contents_item_pc li a{
text-decoration: none;
float: left;
width:25%;
}
.contents_item_pc img{
height: auto;
width: 21vw;
}
ul.contents_item_pc li a:hover{
text-decoration: none;
}
*/
.contents_item_pc {
margin: 100px auto;
width: 100%;
}
.contents_item_pc li a {
text-decoration: none;
}
.contents_item_pc li a:hover {
text-decoration: none;
}
.contents_item_pc img {
height: auto;
width: 22vw;
}
.contents_item_mt {
font-size: 0.8vw;
line-height: 2vw;
letter-spacing: 0.2vw;
}
.contents_item_nm {
font-size: 1.6vw;
line-height: 2vw;
letter-spacing: 0vw;
}
}


/* contents item -------------------------------------------------------------- */


/* contents news topics -------------------------------------------------------------- */

.contents_nb {
padding-right: 0px !important;
padding-left: 0px !important;
}

.top-contents_nb_new {
position: absolute;
top: 0;
left: 0;
background: #DE8A3A;
color: #fff;
}

.top-contents_nb_cmp {
position: absolute;
top: 0;
left: 0;
background: #749CB8;
color: #fff;
}

@media screen and (max-width: 767px) {
.contents_nb_item_sp {
padding: 1vw 5vw 5vw !important;
display: flex;
}
.top-contents_nb-lbox_sp {
float: left;
width: 30vw;
height: 30vw;
overflow: hidden;
position: relative;
}
.top-contents_nb-lbox_sp img {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
}
.top-contents_nb-lbox2_sp {
float: left;
width: 57vw;
}
.top-contents_nb-Caption_sp {
padding: 16vw 0;
}
.top-contents_nb-link_sp {
border: 2px #fff solid;
padding: 10px;
width: 80%;
margin: 11% auto;
font-size: 1vw;
line-height: 1.5vw;
}
.top_contents_nb_link_sp {
padding: 0;
font-size: 18px;
line-height: 25px;
letter-spacing: 1px;
}
.top_contents_nb_ttl_sp {
color: #3F3C3C;
font-size: 2.7vw;
line-height: 4vw;
letter-spacing: 0.2vw;
padding: 4vw 0% 0% 3vw;
font-weight: normal;
}
.top_contents_nb_text_sp {
text-align: left;
color: #3F3C3C;
font-size: 2vw;
line-height: 3.3vw;
letter-spacing: 0.18vw;
padding: 0vw 0% 0% 3vw;
font-weight: normal;
}
.contents_news_date_sp {
color: #3F3C3C;
font-size: 2.2vw;
line-height: 3vw;
letter-spacing: 0.2vw;
padding: 1vw 0% 0% 3vw;
font-weight: normal;
}
}

@media screen and (max-width: 767px) {
.contents_nb_area {
text-align: center;
margin: 15vw 0vw;
padding-top: 10vw;
}
.contents_nb_area2 {
text-align: center;
margin: 15vw 0vw;
padding-top: 8vw;
}
.contents_nb_item {
padding: 1vw 5vw 7vw !important;
min-height: 68vw;
}
.top-contents_nb-lbox {
height: 40vw;
overflow: hidden;
position: relative;
width: 100%;
}
.top-contents_nb-lbox img {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
}
.top-contents_nb-Caption {
padding: 16vw 0;
}
.top-contents_nb_new {
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.7vw;
font-weight: normal;
padding: 1.2vw 2.5vw;
}
.top-contents_nb_cmp {
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.7vw;
font-weight: normal;
padding: 1.2vw 2.5vw;
border-radius: 0.4vw;
}
}

@media screen and (min-width: 768px) {
.contents_nb_area {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 7vw;
}
.contents_nb_area {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 3vw;
}
.contents_nb_item {
padding: 1.5vw 1.5vw 1.5vw !important;
min-height: 37vw;
}
.top-contents_nb-lbox {
display: inline-block;
position: relative;
width: 100%;
}
.top-contents_nb-lbox img {
width: 100%;
}
.top-contents_nb-Caption {
padding: 25% 0;
}
.top-contents_nb_new {
font-size: 1vw;
line-height: 1vw;
letter-spacing: 0.35vw;
font-weight: normal;
padding: 0.51vw 1.2vw;
}
.top-contents_nb_cmp {
font-size: 1vw;
line-height: 1vw;
letter-spacing: 0.1vw;
font-weight: normal;
padding: 0.51vw 0.7vw;
border-radius: 0.4vw;
}
}

.top-contents_nb-Thumb {
display: inline-block;
max-width: 100%;
max-height: 100%;
}

.top-contents_nb-Caption {
background-color: rgba(0, 0, 0, 0.8);
color: #FFF;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
text-align: center;
border-radius: 0.4vw;
}

.top-contents_nb-Caption:hover {
opacity: 1;
}

.top-contents_nb-link {
border: 2px #ffffff solid;
padding: 10px 10px;
width: 80%;
margin: 25% auto;
font-size: 14px;
line-height: 16px;
}

.top-contents_nb_news {
position: absolute;
color: #ff3300;
padding: 6px 10px;
font-size: 15px;
font-weight: 800;
letter-spacing: 0px;
line-height: 15px;
background: #ffffff;
z-index: 1;
}

.top-contents_nb_release {
position: absolute;
color: #ff3300;
padding: 6px 10px;
font-size: 15px;
font-weight: 800;
letter-spacing: 0px;
line-height: 15px;
background: #ffffff;
z-index: 1;
}

.top_contents_nb_link {
padding: 0;
font-size: 18px;
line-height: 25px;
letter-spacing: 1px;
}

.top_contents_nb_ttl {
color: #3F3C3C;
}

.top_contents_nb_text {
color: #3F3C3C;
}

@media screen and (max-width: 767px) {
.top_contents_nb_ttl {
text-align: left;
color: #3F3C3C;
font-size: 4.2vw;
line-height: 5vw;
letter-spacing: 0.2vw;
padding: 5vw 0% 0% 0%;
font-weight: normal;
}
.top_contents_nb_ttl sup {
font-size: 1vw;
vertical-align: super;
}
.top_contents_nb_text {
text-align: left;
color: #3F3C3C;
font-size: 3vw;
line-height: 5.3vw;
letter-spacing: 0.18vw;
padding: 3vw 0%;
font-weight: normal;
}
}

@media screen and (min-width: 768px) {
.top_contents_nb_ttl {
text-align: center;
font-size: 1.1vw;
line-height: 1.6vw;
letter-spacing: 0vw;
padding: 1.1vw 0% 0.5vw 0%;
min-height: 3vw;
}
.top_contents_nb_ttl sup {
font-size: 0.4vw;
vertical-align: super;
}
.top_contents_nb_text {
text-align: left;
font-size: 0.9vw;
line-height: 1.5vw;
letter-spacing: 0.03vw;
padding: 0% 0% 2%;
}
}

@media screen and (max-width: 767px) {
.contents_nb_item_more {
text-align: center;
font-size: 14px;
padding: 0px 20px 20px;
}
.contents_nb_item_more_link {
padding: 2.2vw 0.6vw;
font-size: 2.2vw !important;
width: 25vw;
letter-spacing: 0.8vw;
border-radius: 0.8vw;
}
}

@media screen and (min-width: 768px) {
.contents_nb_item_more {
padding: 20px 20px 50px;
text-align: right;
font-size: 14px;
}
.contents_nb_item_more_link {
padding: 0.6vw 0.6vw;
font-size: 12px !important;
width: 10vw;
letter-spacing: 6px;
border-radius: 0.5vw;
margin-right: 1.2vw;
line-height: 19px;
}
}

.contents_nb_item_more {}

.contents_nb_item_more_link {
display: inline-block;
text-decoration: none !important;
color: #3F3C3C !important;
background: #ffffff !important;
border: solid 1px #3F3C3C;
transition: .4s;
text-align: center;
font-weight: normal;
}

.contents_nb_item_more_link:hover {
background: #DBDBDB !important;
color: #3F3C3C!important;
border: solid 1px #3F3C3C !important;
text-decoration: none;
}

.contents_topics_ttl {
color: #040000;
}
.contents_topics_ttl2 {
color: #040000;
}

.contents_blog_ttl {
color: #040000;
}

@media screen and (max-width: 767px) {
.blog_pc {
display: none;
}
.contents_topics_ttl {
font-size: 6vw;
line-height: 6vw;
letter-spacing: 1vw;
display: inline-block;
margin-bottom: 5vw;
font-weight: normal;
text-align: center;
width: 100%;
}
.contents_blog_ttl {
padding-bottom: 0.6vw;
font-size: 14px;
line-height: 14px;
letter-spacing: 8px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 7vw;
}
}

@media screen and (min-width: 768px) {
.blog_sp {
display: none;
}
.contents_topics_ttl {
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.5vw;
display: inline-block;
margin-bottom: 1.5vw;
text-align: center;
width: 100%;
}
.contents_topics_ttl2 {
font-size: 1.5vw;
line-height: 2.5vw;
letter-spacing: 0.5vw;
display: inline-block;
margin-bottom: 1.5vw;
text-align: center;
width: 100%;
}
.contents_blog_ttl {
padding-bottom: 0.5vw;
font-size: 20px;
line-height: 20px;
letter-spacing: 4px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 1.8vw;
}
}


/* contents news topics -------------------------------------------------------------- */


/* contents news product -------------------------------------------------------------- */

.contents_pit {
background: #f1f4f6;
padding-right: 0px !important;
padding-left: 0px !important;
}

.contents_topics_ttl {
color: #040000;
}

@media screen and (max-width: 767px) {
.contents_pit_area {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 10vw;
}
.contents_pit_area_rbm {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 10vw;
}
.contents_pit_ttl {
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.5vw;
display: inline-block;
margin-bottom: 1.5vw;
text-align: center;
width: 100%;
}
.contents_pit_ttl2 {
font-size: 1.5vw;
line-height: 1.5vw;
letter-spacing: 0.5vw;
display: inline-block;
margin-bottom: 1.5vw;
text-align: center;
width: 100%;
}
.product_item_area {
padding: 2vw 0vw;
}
.contents_product_tabs {
padding-bottom: 10vw;
margin: 0 auto;
}
.contents_product_tabs_item {
width: calc(100%/4);
display: block;
float: left;
text-align: center;
transition: all 0.2s ease;
}
.contents_product_tabs_item:hover {
opacity: 0.75;
}
input[name="contents_product_tabs_item"] {
display: none;
}
.contents_product_tabs_area {
display: none;
padding: 5vw 2vw;
clear: both;
overflow: hidden;
}
#all:checked~#all_content,
#ems:checked~#ems_content,
#care:checked~#care_content,
#beauty:checked~#beauty_content {
display: block;
}
.contents_product_tabs input:checked+.contents_product_tabs_item {
font-size: 3.2vw;
font-weight: bold;
color: #040000;
}
.contents_product_item_tab_list {
float: left;
width: 44.7vw;
height: 51vw;
margin: 0 auto;
display: block;
padding: 1vw 2vw 1vw;
margin-bottom: 2vw;
border-right: 0.13vw solid #b5b5b6;
}
.contents_product_item_tab_list a {
width: 100%;
margin: 0 auto;
}
.contents_product_item_tab_listr {
float: left;
width: 44.7vw;
height: 51vw;
margin: 0 auto;
display: block;
padding: 1vw 0vw 1vw 4vw;
margin-bottom: 2vw;
}
.contents_product_item_tab_listr a {
width: 100%;
margin: 0 auto;
}
.contents_product_item_tab_listn {
float: left;
width: 44.7vw;
height: 51vw;
margin: 0 auto;
display: block;
padding: 1vw 0vw 1vw 4vw;
margin-bottom: 2vw;
}
.contents_product_item_tab_listn a {
width: 100%;
margin: 0 auto;
}
.contents_product_item_tab_item {
width: 100%;
}
.contents_product_item_tab_item_img {
width: 100%;
height: auto;
}
.contents_product_item_tab_item_img img {
width: 100%;
height: auto;
}
.contents_product_item_tab_item_ttl {
width: 100%;
color: #040000;
font-size: 3vw;
line-height: 4.4vw;
letter-spacing: 0.01vw;
}
.contents_product_item_tab_item_ttl2 {
color: #040000;
font-size: 2.3vw;
line-height: 3.2vw;
letter-spacing: 0.01vw;
}
}

@media screen and (min-width: 768px) {
.contents_pit_area {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 7vw;
}
.contents_pit_area_rbm {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 0vw;
}
.contents_pit_ttl {
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.5vw;
display: inline-block;
margin-bottom: 1.5vw;
text-align: center;
width: 100%;
}
.contents_pit_ttl2 {
font-size: 1.5vw;
line-height: 1.5vw;
letter-spacing: 0.5vw;
display: inline-block;
margin-bottom: 1.5vw;
text-align: center;
width: 100%;
}
.product_item_area {
padding: 2vw 0vw;
}
.contents_product_tabs {
padding-bottom: 10vw;
margin: 0 auto;
}
.contents_product_tabs_item {
width: calc(100%/4);
display: block;
float: left;
text-align: center;
transition: all 0.2s ease;
}
.contents_product_tabs_item:hover {
opacity: 0.75;
}
input[name="contents_product_tabs_item"] {
display: none;
}
.contents_product_tabs_area {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
}
#all:checked~#all_content,
#ems:checked~#ems_content,
#care:checked~#care_content,
#beauty:checked~#beauty_content {
display: block;
}
.contents_product_tabs input:checked+.contents_product_tabs_item {
font-size: 1vw;
font-weight: bold;
color: #040000;
}
.contents_product_item_tab_list {
float: left;
width: 18.6vw;
height: 19.5vw;
margin: 0 auto;
display: block;
padding: 1vw 2vw 1vw;
border-right: 0.13vw solid #b5b5b6;
margin-bottom: 2vw;
}
.contents_product_item_tab_list a {
width: 100%;
margin: 0 auto;
}
.contents_product_item_tab_listr {
float: left;
width: 18.6vw;
height: 19.5vw;
margin: 0 auto;
display: block;
padding: 1vw 2vw 1vw;
border-right: 0.13vw solid #b5b5b6;
margin-bottom: 2vw;
}
.contents_product_item_tab_listr a {
width: 100%;
margin: 0 auto;
}
.contents_product_item_tab_listn {
float: left;
width: 18.6vw;
height: 19.5vw;
margin: 0 auto;
display: block;
padding: 1vw 2vw 1vw;
margin-bottom: 2vw;
}
.contents_product_item_tab_listn a {
width: 100%;
margin: 0 auto;
}
.contents_product_item_tab_item {
width: 100%;
}
.contents_product_item_tab_item_img {
width: 100%;
height: auto;
}
.contents_product_item_tab_item_img img {
width: 100%;
height: auto;
}
.contents_product_item_tab_item_ttl {
width: 100%;
color: #040000;
font-size: 1.0vw;
line-height: 1.4vw;
letter-spacing: 0.01vw;
}
.contents_product_item_tab_item_ttl2 {
color: #040000;
font-size: 0.8vw;
line-height: 1.8vw;
letter-spacing: 0.01vw;
}
}


/* contents news product -------------------------------------------------------------- */


/* contents magazine -------------------------------------------------------------- */

.contents_magazine {
padding-right: 0px !important;
padding-left: 0px !important;
}

.contents_magazine_ttl {
color: #3c393b;
}

.contents_magazine_area {
text-align: center;
}

@media screen and (max-width: 767px) {
.contents_magazine {
padding-top: 15%!important;
padding-bottom: 15%!important;
}
.contents_magazine_box {
padding-right: 10px !important;
padding-left: 10px !important;
}
.contents_magazine_box2 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.contents_magazine_box {
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
text-align: center;
}
.contents_magazine_box2 {
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
text-align: center;
}
.contents_magazine_ttl {
padding-bottom: 0.6vw;
font-size: 14px;
line-height: 14px;
letter-spacing: 2px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 7vw;
font-weight: normal;
}
.contents_magazine_area {
margin: 100px auto;
width: 100%;
}
.contents_magazine_area li a {
text-decoration: none;
}
.contents_magazine_area li a:hover {
text-decoration: none;
}
.contents_magazine_area img {
height: auto;
width: 36vw;
padding-right: 2vw;
}
}

@media screen and (min-width: 768px) {
.contents_magazine {
padding-top: 0%!important;
margin-bottom: 4% !important;
}
.contents_magazine_box {
padding-right: 20px !important;
padding-left: 10px !important;
}
.contents_magazine_box2 {
padding-right: 10px !important;
padding-left: 20px !important;
}
.contents_magazine_box {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
padding-bottom: 5vw;
text-align: left;
}
.contents_magazine_box2 {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
padding-bottom: 5vw;
text-align: left;
}
.contents_magazine_ttl {
padding-bottom: 0.5vw;
font-size: 20px;
line-height: 20px;
letter-spacing: 4px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 1.8vw;
}
ul.contents_magazine_area {
margin: 100px auto;
width: 100%;
}
ul.contents_magazine_area li {
display: inline;
}
ul.contents_magazine_area li a {
text-decoration: none;
float: left;
width: 25%;
}
.contents_magazine_area img {
height: auto;
width: 15vw;
padding-right: 1.2vw;
}
ul.contents_magazine_area li a:hover {
text-decoration: none;
}
}


/* contents magazine -------------------------------------------------------------- */


/* contents news -------------------------------------------------------------- */

.contents_news_sub {
padding: 0px 0px 14px;
border-bottom: 1px solid #3f3c3c;
margin-bottom: 14px;
}

.contents_news_date {
float: left;
font-size: 16px;
}

.contents_news_text {
float: left;
color: #3f3c3c !important;
}

.contents_news_text a {
color: #3f3c3c !important;
}

.contents_news_text a:hover {
color: #3f3c3c !important;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0.8;
}

@media screen and (max-width: 767px) {
.contents_news_sub_box {
padding: 0vw 1vw;
}
.contents_news_date {
width: 25%;
}
.contents_news_date {
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
}
.contents_news_text {
width: 75%;
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
text-align: left;
padding-left: 4vw;
font-weight: normal;
}
}

@media screen and (min-width: 768px) {
.contents_news_sub_box {
padding: 6vw 1vw;
}
.contents_news_date {
width: 20%;
}
.contents_news_date {
font-size: 0.9vw;
line-height: 1.5vw;
letter-spacing: 0.1vw;
}
.contents_news_text {
width: 80%;
font-size: 14px;
line-height: 22px;
letter-spacing: 2px;
}
.contents_news_text a {
padding-left: 1vw;
text-align: left;
}
}

@media screen and (max-width: 767px) {
.contents_news_sub_more {
text-align: center;
font-size: 14px;
padding: 30px 20px 0px;
}
.contents_news_sub_more_a {
float: left;
width: 71vw;
border-top: 0.1vw solid #aaa;
margin-top: 2.2vw !important;
margin-right: 2vw;
}
.contents_news_sub_more_b {
float: left;
width: 25vw;
}
.contents_news_sub_more_link {
padding: 1.2vw 0.6vw;
font-size: 2.2vw !important;
width: 25vw;
letter-spacing: 0.8vw;
}
}

@media screen and (min-width: 768px) {
.contents_news_sub_more {
padding: 0px 20px 0px;
text-align: right;
font-size: 14px;
}
.contents_news_sub_more_a {
float: left;
width: 70vw;
border-top: 0.1vw solid #aaa;
margin-top: 1.2vw !important;
}
.contents_news_sub_more_b {
float: left;
width: 10vw;
}
.contents_news_sub_more_link {
padding: 0.8vw 0.4vw;
font-size: 0.8vw;
width: 9vw;
letter-spacing: 0.1vw;
line-height: 0.8vw;
}
}

.contents_news_sub_more {}

.contents_news_sub_more_link {
display: inline-block;
text-decoration: none !important;
color: #fff !important;
background: #040000 !important;
transition: .4s;
text-align: center;
font-weight: normal;
}

.contents_news_sub_more_link:hover {
background: #aaaaaa !important;
color: #ffffff!important;
text-decoration: none;
}


/* contents news -------------------------------------------------------------- */


/* contents instagram -------------------------------------------------------------- */

.contents_insta {
padding-right: 0px !important;
padding-left: 0px !important;
}

.contents_insta_box {
padding-right: 10px !important;
padding-left: 10px !important;
text-align: center;
}

.contents_insta_ttl {
color: #3c393b;
}

@media screen and (max-width: 767px) {
.contents_insta {
padding-top: 15%!important;
padding-bottom: 15%!important;
}
.contents_insta_box {
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
}
.contents_insta_ttl {
padding-bottom: 0.6vw;
font-size: 14px;
line-height: 14px;
letter-spacing: 2px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 5vw;
font-weight: normal;
}
}

@media screen and (min-width: 768px) {
.contents_insta {
padding-top: 0%!important;
margin-bottom: 8% !important;
}
.contents_insta_box {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
padding-bottom: 5vw;
}
.contents_insta_ttl {
padding-bottom: 0.5vw;
font-size: 20px;
line-height: 20px;
letter-spacing: 4px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 1.8vw;
}
}

@media screen and (max-width: 767px) {
.contents_insta_sp {}
.contents_insta_pc {
display: none;
}
.content_modal_insta {
margin: 0 auto;
padding: 10px;
}
.content_modal_insta_img {
margin: 0 auto;
width: 29.7vw;
height: auto;
float: left;
}
.modal__content {
width: 100%;
padding: 10px 30px;
}
}

@media screen and (min-width: 768px) {
.contents_insta_sp {
display: none;
}
.contents_insta_pc {}
.content_modal_insta {
margin: 0 auto;
padding: 40px;
}
.modal__content {
width: 40%;
padding: 30px;
}
.mordal_p {
line-height: 0px;
width: 100%;
}
.mordal_p img {
width: 100%;
}
.mordal_p1 img {
width: 100%;
padding: 5px;
}
.mordal_p1 img:hover {
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.mordal_p2 {}
.mordal_p2 img {
width: 100%;
padding: 5px;
}
.mordal_p2 img:hover {
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
}

.mordal_sp {
float: left;
width: 33%;
line-height: 0px;
}

.mordal_sp img {
width: 100%;
padding: 1vw;
}

.mordal_sp img:hover {
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}

.box {
background: #eee;
height: 200px;
margin-bottom: 100px;
}

.modal {
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
}

.modal__bg {
background: rgba(0, 0, 0, 0.8);
height: 100vh;
position: absolute;
width: 100%;
}

.modal__content {
background: #fff;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
overflow: auto;
max-height: 100vh;
}

.js-modal-close {
font-size: 12px;
letter-spacing: 1px;
padding: 5px 10px;
border: 1px solid #000;
border-radius: 5px;
}

.instagram-media {
max-width: 100% !important;
min-width: 100% !important;
}

.contact_insta_sub_link {
width: 100%;
text-align: right;
}

.contact_insta_sub_link a {
color: #3f3c3c;
text-decoration: none;
}

.contact_insta_sub_link a:hover {
color: #3f3c3c;
text-decoration: none;
}

@media screen and (max-width: 767px) {
.contact_insta_sub_link {
font-size: 11px;
line-height: 11px;
letter-spacing: 1px;
padding: 0px 15px;
}
.js-modal-close {
padding: 13px 10px !important;
display: block;
margin-bottom: 30vw;
text-align: center;
}
}

@media screen and (min-width: 768px) {
.js-modal-close-box {
padding: 2vw 5vw 4vw;
width: 100%;
text-align: center;
}
.contact_insta_sub_link {
font-size: 12px;
line-height: 12px;
letter-spacing: 3px;
padding: 5px 10px !important;
}
}


/* contents instagram -------------------------------------------------------------- */


/* contents shop sns -------------------------------------------------------------- */

.contents_shop_sns {
padding-right: 0px !important;
padding-left: 0px !important;
}

.contents_shop_sns_ttl {
color: #3c393b;
}

.contents_shop_sns_area {
text-align: center;
}

@media screen and (max-width: 767px) {
.contents_shop_sns {
padding-top: 0%!important;
padding-bottom: 15%!important;
}
.contents_shop_sns_box {
padding-right: 10px !important;
padding-left: 10px !important;
}
.contents_shop_sns {
padding-right: 10px !important;
padding-left: 10px !important;
}
.contents_shop_sns_box {
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
text-align: center;
}
.contents_shop_sns_box2 {
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
text-align: center;
padding-top: 10vw;
}
.contents_shop_sns_ttl {
padding-bottom: 0.6vw;
font-size: 14px;
line-height: 14px;
letter-spacing: 2px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 7vw;
}
}

@media screen and (min-width: 768px) {
.contents_shop_sns {
padding-top: 0%!important;
margin-bottom: 4% !important;
}
.contents_shop_sns_box {
padding-right: 20px !important;
padding-left: 10px !important;
}
.contents_shop_sns_box2 {
padding-right: 10px !important;
padding-left: 20px !important;
}
.contents_shop_sns_box {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
padding-bottom: 5vw;
text-align: center;
}
.contents_shop_sns_box2 {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
padding-bottom: 5vw;
text-align: center;
}
.contents_shop_sns_ttl {
padding-bottom: 0.5vw;
font-size: 20px;
line-height: 20px;
letter-spacing: 4px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 1.8vw;
}
}

.contents_shop_sns_area {
width: 100%;
padding: 10px 0px;
}

.contents_shop_img {
float: left;
width: 25%;
padding: 0 1.4vw;
}

.contents_shop_img:hover {
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0.9;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}

.contents_sns_img {
float: left;
width: 33%;
padding: 0 1.7vw;
}

.contents_sns_img:hover {
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0.9;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}


/* contents shop sns -------------------------------------------------------------- */


/* contents news category -------------------------------------------------------------- */

#contents_news_list {
padding: 2% 0%;
}

.contents_news_list_area {
padding-right: 0px !important;
padding-left: 0px !important;
}

.contents_news_list_box {
width: 100%;
text-align: center;
}

.contents_news_list_ttl {
color: #3c393b;
}

@media screen and (max-width: 767px) {
.contents_news_list_ttl {
padding-bottom: 0.6vw;
font-size: 14px;
line-height: 14px;
letter-spacing: 2px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 7vw;
}
.contents_news_list_pager_area {
padding: 20px 20px;
}
.contents_news_list_pager_box {
background: #eee;
padding: 10px 0px;
text-align: center;
border-radius: 14.4vw;
margin: 0px 15px;
}
}

@media screen and (min-width: 768px) {
.contents_news_list_ttl {
padding-bottom: 0.5vw;
font-size: 20px;
line-height: 20px;
letter-spacing: 4px;
border-bottom: 2px solid #999;
display: inline-block;
margin-bottom: 1.8vw;
}
.contents_news_list_pager_area {
padding: 6% 30px;
}
.contents_news_list_pager_box {
background: #eee;
padding: 10px 0px;
text-align: center;
border-radius: 0.4vw;
margin: 0px 15px;
}
}

.contents_news_list_pager_link a {
font-size: 17px;
font-weight: 800;
letter-spacing: 1px;
line-height: 22px;
padding: 0px 10px;
color: #3f3c3c !important;
}

.contents_news_list_pager_link a:hover {
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0.9;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}

.page-numbers {
font-size: 17px;
font-weight: 800;
letter-spacing: 1px;
line-height: 22px;
padding: 0px 10px;
color: #ffffff !important;
}


/* contents news category -------------------------------------------------------------- */


/* contents news blog single -------------------------------------------------------------- */

#contenets_single {
margin-top: 5%;
padding: 20px 10px;
}

.contenets_single_box {
padding-right: 0px !important;
padding-left: 0px !important;
}

.contenets_single_area {
padding: 0px 15px;
}

.contenets_single_top {
padding: 0 0 10px;
border-bottom: 1px solid #3f3c3c;
}

@media screen and (max-width: 767px) {
.contenets_single_top_img {
float: left;
padding: 0px;
width: 20%;
height: auto;
}
.contenets_single_top_img img {
width: 100%;
height: auto;
object-fit: cover;
}
.contenets_single_top_txt {
float: left;
padding: 0px 10px;
width: 80%;
}
.news_icon {
padding: 4px 8px;
font-size: 9px;
line-height: 12px;
letter-spacing: 1px;
border-radius: 4px;
margin-bottom: 0px;
}
.news_icon2 {
padding: 4px 8px;
font-size: 9px;
line-height: 12px;
letter-spacing: 1px;
border-radius: 4px;
margin-bottom: 0px;
}
.contenets_single_top_ttl {
font-size: 19px;
line-height: 30px;
letter-spacing: 1px;
padding-bottom: 4px;
font-weight: normal;
}
.contenets_single_top_date {
font-size: 10px;
line-height: 10px;
letter-spacing: 2px;
padding-bottom: 5px;
}
}

@media screen and (min-width: 768px) {
.contenets_single_top_img {
float: left;
padding: 10px;
width: 20%;
height: auto;
}
.contenets_single_top_img img {
width: 100%;
height: auto;
object-fit: cover;
}
.contenets_single_top_txt {
float: left;
padding: 10px 10px;
width: 80%;
}
.news_icon {
padding: 4px 8px;
font-size: 12px;
line-height: 15px;
letter-spacing: 1px;
border-radius: 5px;
margin-bottom: 7px;
}
.news_icon2 {
padding: 4px 8px;
font-size: 12px;
line-height: 15px;
letter-spacing: 1px;
border-radius: 5px;
margin-bottom: 7px;
}
.contenets_single_top_ttl {
font-size: 20px;
line-height: 30px;
letter-spacing: 1px;
padding-bottom: 10px;
	text-align: left;
}
.contenets_single_top_date {
font-size: 12px;
line-height: 12px;
letter-spacing: 2px;
padding-bottom: 10px;
}
}

.news_icon {
background: #3f3c3c;
color: #ffffff;
display: inline-block;
margin-right: 4px;
}

.news_icon2 {
background: #3f3c3c;
color: #ffffff;
display: inline-block;
margin-right: 4px;
}

.contenets_single_top_ttl {
color: #3f3c3c;
}

.contenets_single_top_date {
color: #3f3c3c;
}

.contenets_single_detail_img {
text-align: center;
padding: 15px 0px;
}

.contenets_single_detail_txt p {
text-align: left;
}

.contenets_single_detail_txt {
color: #3f3c3c;
}

@media screen and (max-width: 767px) {
.contenets_single_detail {
padding: 20px 0px;
}
.contenets_single_detail_img img {
width: 100%;
height: auto;
}
.contenets_single_detail_txt {
font-size: 3.5vw;
line-height: 1.6;
letter-spacing: .1vw;
padding-top: 3%;
padding-bottom: 5%;
font-weight: 400;
}
.news_detail_preview_sub{
	font-size: 2.5vw;
}
}

@media screen and (min-width: 768px) {
.contenets_single_detail {
padding: 20px 10px;
}
.contenets_single_detail_img img {
width: 70vw;
height: auto;
}
.contenets_single_detail_txt {
font-size: 1.2vw;
line-height: 1.6;
letter-spacing: 0.07vw;
padding-top: 4%;
padding-bottom: 5%;
}
.news_detail_preview_sub{
	font-size: 0.7vw;
}
}

.contenets_single_pager_area {
padding: 6% 30px;
}

.contenets_single_pager_box {
background: #eee;
padding: 10px 0px;
text-align: center;
border-radius: 0.4vw;
margin: 0px 15px;
}

.contents_news_list_pager_link a {
font-size: 17px;
font-weight: 800;
letter-spacing: 1px;
line-height: 22px;
padding: 0px 10px;
color: #3f3c3c !important;
}

.contents_news_list_pager_link a:hover {
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0.9;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}

.contenets_single_blog {
padding: 20px 10px;
}

.contenets_single_blog_area {
padding-right: 0px !important;
padding-left: 0px !important;
}

#contenets_single_blog_populer_area {
background: rgba(255, 255, 255, 1.00);
width: 100%;
}

.contenets_single_blog_populer_ttl {
width: 100%;
text-align: center;
}

@media screen and (max-width: 767px) {
#contenets_single_blog_populer_area {
padding: 40px 15px 20px;
}
.contenets_single_blog_populer_text {
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
font-size: 18px;
font-weight: 800;
color: rgba(0, 0, 0, 1.00);
line-height: 25px;
}
}

@media screen and (min-width: 768px) {
#contenets_single_blog_populer_area {
padding: 40px 20px;
}
.contenets_single_blog_populer_text {
padding: 20px;
font-family: monospace;
font-size: 25px;
font-weight: 400;
color: rgba(0, 0, 0, 1.00);
line-height: 25px;
}
}

.contenets_single_blog_populer_box {
background: rgba(255, 255, 255, 1.00);
width: 100%;
}

@media screen and (max-width: 767px) {
.contenets_single_blog_populer_box {
padding-right: 0px;
padding-left: 0px;
}
.contenets_single_blog_populer_box {
padding: 10px 0px;
}
.contenets_single_blog_populer_box2 {
padding: 10px 0px;
}
}

@media screen and (min-width: 768px) {
.contenets_single_blog_populer_box {
padding: 10px 0px;
}
.contenets_single_blog_populer_box2 {
padding: 10px 0px;
}
}

.contenets_single_blog_populer_box_bd {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.36);
padding: 4px;
display: inline-table;
margin: 5px 0px;
}

.contenets_single_blog_populer_box_img {
float: left;
width: 30%;
}

.contenets_single_blog_populer_box_img img {
width: 100%;
}

.contenets_single_blog_populer_box_text {
float: left;
width: 70%;
}

.contenets_single_blog_populer_box_ttl {
width: 100%;
font-size: 16px;
line-height: 24px;
color: #000000;
padding: 5px 10px;
font-weight: 600;
word-break: break-all;
}

.contenets_single_blog_populer_box_sub {
width: 100%;
font-size: 12px;
line-height: 18px;
color: #2B2B2B;
padding: 0px 10px 5px;
}

.contenets_single_blog_populer_box2 ul:after {
content: "";
clear: both;
display: block;
}


/* 商品一覧のリストの設定 */

.contenets_single_blog_populer_box2 ul li {
width: 33%;
display: block;
float: left;
list-style-type: none;
padding: 2px;
}

.contenets_single_blog_populer_box3 {
padding: 2px 2px;
}

.contenets_single_blog_populer_box_bd {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.36);
display: inline-table;
margin: 0px 0px;
width: 100%;
}

.contenets_single_blog_populer_box_img2 {
float: left;
width: 30%;
}

.contenets_single_blog_populer_box_img img {
width: 100%;
}

.contenets_single_blog_populer_box_text2 {
float: left;
width: 100%;
}

.contenets_single_blog_populer_box_ttl2 {
width: 100%;
color: #000000;
}

.contenets_single_blog_populer_box_sub2 {
width: 100%;
color: #2B2B2B;
}

@media screen and (max-width: 767px) {
.contenets_single_blog_populer_box3 {
margin-bottom: 10px;
}
.contenets_single_blog_populer_box_bd {
padding: 5px;
}
.contenets_single_blog_populer_box_ttl2 {
font-size: 14px;
line-height: 24px;
padding: 10px 10px;
}
.contenets_single_blog_populer_box_sub2 {
font-size: 11px;
line-height: 18px;
padding: 0px 10px 10px;
}
}

@media screen and (min-width: 768px) {
.contenets_single_blog_populer_box_bd {
padding: 2px;
}
.contenets_single_blog_populer_box_ttl2 {
font-size: 18px;
line-height: 28px;
padding: 10px 10px;
}
.contenets_single_blog_populer_box_sub2 {
font-size: 14px;
line-height: 18px;
padding: 0px 10px 10px;
}
}


/* contents news blog single -------------------------------------------------------------- */


/* about -------------------------------------------------------------- */

.about_box_c {
text-align: center;
}

.about_box_d {
text-align: center;
}

#about_contents {
width: 100%;
text-align: center;
}

#about_contents img {
width: 100%;
}

@media screen and (max-width: 767px) {
.about_box_c {
padding-top: 5%;
padding-bottom: 5%;
}
.about_box_d {
padding-top: 5%;
padding-bottom: 5%;
}
.about_box_e {
padding-top: 5%;
padding-bottom: 5%;
text-align: center;
}
#about_contents {
padding-bottom: 1.2vw;
}
.about_contents_pc {
display: none;
}
.about_contents_pc2 {
display: none;
}
.about_box_ttl_img {
text-align: center;
}
.about_box_ttl_img img {
width: 30vw;
}
.about_box_ttl_a {
text-align: center;
font-size: 5.5vw;
letter-spacing: 1vw;
line-height: 6vw;
padding-bottom: 2vw;
padding-top: 6vw;
}
.about_box_text_a {
font-size: 3vw;
letter-spacing: 0.6vw;
line-height: 7vw;
padding: 6vw 0vw;
}
.about_box_text_b {
font-size: 3vw;
letter-spacing: 0.6vw;
line-height: 7vw;
padding: 6vw 0vw;
}
.about_box_text_b2 {
font-size: 3vw;
letter-spacing: 0.3vw;
line-height: 6.3vw;
padding: 0vw 10px 6vw;
text-align: center;
}
}

@media screen and (min-width: 768px) {
.about_box_c {
padding-top: 5%;
padding-bottom: 5%;
}
.about_box_d {
padding-top: 5%;
padding-bottom: 1%;
}
.about_box_e {
padding-top: 0%;
padding-bottom: 5%;
text-align: left;
}
.about_contents_pc img {
width: 100%;
padding: 0vw 2vw;
}
#about_contents {
padding-bottom: 2.2vw;
}
.about_contents_sp {
display: none;
}
.about_box_ttl_img {
position: relative;
text-align: left;
}
.about_box_ttl_img img {
width: 18vw;
}
.about_box_ttl_a {
position: absolute;
left: 0;
right: 0;
margin: auto;
text-align: center;
font-size: 3vw;
letter-spacing: 0.6vw;
line-height: 3vw;
bottom: 2vw;
}
.about_box_text_a {
font-size: 1.6vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 4vw 0vw;
}
.about_box_text_b {
font-size: 1.6vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 4vw 0vw;
}
.about_box_text_b2 {
font-size: 1.5vw;
letter-spacing: 0.11vw;
line-height: 3.4vw;
padding: 4vw 2vw;
text-align: left;
}
}

.about_breadcrumb_box {
position: relative;
overflow: hidden;
}

.about_breadcrumb_box ul {
position: relative;
float: left;
}

.about_breadcrumb_box li {
position: relative;
float: left;
}

.about_breadcrumb {
background: #E3E2E2;
}

.about_breadcrumb_z {
color: #3f3c3c;
}

.about_breadcrumb_z2 {
color: #74a3bf;
}

.about_breadcrumb_z2a {
color: #74a3bf;
}

.about_breadcrumb_a {
color: #3f3c3c;
}

.about_breadcrumb_a:hover {
color: #74a3bf;
}

.about_breadcrumb_a2 {
color: #3f3c3c;
}

.about_breadcrumb_a2:hover {
color: #74a3bf;
}

.about_box {
text-align: center;
}

.about_box3 {
text-align: left;
}

.about_ttl {
color: #3f3c3c;
border-bottom: 2px solid #808080;
}

.about_box_ttl_sub {
color: #3c393b;
}

.about_box_ttl {
color: #3c393b;
}

.about_box_text {
color: #3c393b;
}

.about_box_text_ttl {
color: #3c393b;
font-weight: 800;
}

@media screen and (max-width: 767px) {
.about_breadcrumb_box ul {
left: 50%;
}
.about_breadcrumb_box li {
left: -50%;
}
.about_box {
padding-top: 10%;
padding-bottom: 10%;
}
.about_box_inner {
padding: 0 2% 0 2%;
}
.about_box2 {
padding: 0px 0px 10%;
}
.about_breadcrumb {
padding: 2.3vw 10px 1.2vw;
font-size: 12px;
}
.about_breadcrumb_z {
display: none;
}
.about_breadcrumb_z2 {
font-size: 2.7vw;
line-height: 3.5vw;
padding-right: 2.2vw;
padding-bottom: 1vw;
letter-spacing: 0.1vw;
}
.about_breadcrumb_z2a {
font-size: 2.7vw;
line-height: 3.5vw;
padding-right: 0vw;
padding-bottom: 1vw;
letter-spacing: 0.1vw;
}
.about_breadcrumb_a {
font-size: 2.7vw;
line-height: 3.5vw;
padding-right: 2.2vw;
padding-bottom: 1vw;
letter-spacing: 0.1vw;
}
.about_breadcrumb_a2 {
font-size: 2.7vw;
line-height: 3.5vw;
padding-right: 0vw;
padding-bottom: 1vw;
letter-spacing: 0.1vw;
}
.about_ttl {
font-size: 18px;
line-height: 26px;
margin: 0px 0px 10%;
display: inline-block;
}
.about_box_ttl_sub {
font-size: 10px;
line-height: 15px;
padding: 0px 0px 15px;
}
.about_box_ttl {
font-size: 16px;
line-height: 23px;
letter-spacing: 0px;
padding: 0px 0px 0px;
}
.about_box_ttl2 {
font-size: 13px;
line-height: 23px;
letter-spacing: 4.5px;
padding: 0;
}
.about_box_url {
font-size: 15px;
line-height: 23px;
letter-spacing: 2px;
padding-top: 1vw;
}
.about_box_url a{
color: #222222;
}
.about_box_url_icon{
width: 17px;
vertical-align: middle;
padding-left: 0.1vw;
}
.about_box_url_icon img{
width:100%;
}
.about_box_url_cp{
text-align: center;
padding: 1vw 0vw 2vw;
}
.about_box_url_cp img{
width: 15vw;
}
.about_box_url_cp img:hover{
opacity: 0.8;
transform: 0.9s;
}
.about_box_map {
width: 100%;
padding: 4% 10px;
}
.about_box_map_size {
width: 100%;
height: 70vw;
}
.about_box_text {
font-size: 16px;
line-height: 28px;
padding: 0px 0px 0px;
}
.about_box_text_ttl {
font-size: 18px;
line-height: 28px;
padding: 0px 0px 0px;
}
}

@media screen and (min-width: 768px) {
.about_breadcrumb_box ul {
left: 50%;
}
.about_breadcrumb_box li {
left: -50%;
}
.about_box {
padding-top: 5%;
padding-bottom: 5%;
}
.about_box2 {
padding: 4% 10px;
}
.about_breadcrumb {
padding: 1.6vw 15px 1.3vw;
font-size: 14px;
}
.about_breadcrumb_z {
font-size: 1.0vw;
line-height: 1.0vw;
padding-right: 3vw;
padding-bottom: 0.5vw;
letter-spacing: 0.2vw;
}
.about_breadcrumb_z2 {
font-size: 1.0vw;
line-height: 1.0vw;
padding-right: 3vw;
padding-bottom: 0.5vw;
letter-spacing: 0.2vw;
}
.about_breadcrumb_z2a {
font-size: 1.0vw;
line-height: 1.0vw;
padding-right: 3vw;
padding-bottom: 0.5vw;
letter-spacing: 0.2vw;
}
.about_breadcrumb_a {
font-size: 1.0vw;
line-height: 1.0vw;
padding-right: 3vw;
padding-bottom: 0.5vw;
letter-spacing: 0.2vw;
}
.about_breadcrumb_a2 {
font-size: 1.0vw;
line-height: 1.0vw;
padding-right: 3vw;
padding-bottom: 0.5vw;
letter-spacing: 0.2vw;
}
.about_ttl {
font-size: 25px;
line-height: 30px;
margin: 0px 0px 5%;
display: inline-block;
}
.about_box_ttl_sub {
font-size: 15px;
line-height: 20px;
padding: 0px 0px 15px;
}
.about_box_ttl {
font-size: 25px;
line-height: 35px;
letter-spacing: 2px;
padding: 0px 0px 0px;
}
.about_box_ttl2 {
font-size: 18px;
line-height: 25px;
letter-spacing: 2px;
padding: 0px 0px 0px;
}
.about_box_url {
font-size: 18px;
line-height: 25px;
letter-spacing: 2px;
padding-top: 0.8vw;
}
.about_box_url a{
color: #222222;
}
.about_box_url_icon{
width: 17px;
vertical-align: middle;
padding-left: 0.1vw;
}
.about_box_url_icon img{
width:100%;
}
.about_box_url_cp{
text-align: center;
padding: 1vw 0 0vw;
margin: 0 auto;
}
.about_box_url_cp img{
width: 5vw;
}
.about_box_url_cp img:hover{
opacity: 0.8;
transform: 0.9s;
}

.about_box_map {
width: 100%;
padding: 5% 10px;
}
.about_box_map_size {
width: 100%;
height: 24vw;
}
.about_box_text {
font-size: 18px;
line-height: 32px;
padding: 0px 0px 0px;
}
.about_box_text_ttl {
font-size: 20px;
line-height: 32px;
padding: 0px 0px 0px;
}
}

.about_pp_cp {}

.about_pp_cp_box {
line-height: 17px;
width: 240px;
margin-left: auto;
text-align: left;
}

.about_pp_cp_ttl {
font-size: 18px;
font-weight: 800;
letter-spacing: 2px;
line-height: 23px;
color: #595757;
}

.about_pp_cp_sub {
font-size: 12px;
font-weight: 300;
letter-spacing: 2px;
line-height: 14px !important;
color: #595757;
}


/* about -------------------------------------------------------------- */


/* support -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.support_box {
background-image: url(img/jaccs/img/support/support_bg_sp.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
}
.support_box2 {
background: #d0d0d029;
width: 100%;
}
.support_area {
padding: 8.5vw 1vw 3vw;
text-align: center;
}
.support_box_ttl {
font-size: 4.5vw;
line-height: 5vw;
letter-spacing: 0.2vw;
padding-bottom: 5.5vw;
}
.support_box_ttl2 {
font-size: 4.5vw;
line-height: 5vw;
letter-spacing: 0.2vw;
padding-bottom: 5.5vw;
}
}

@media screen and (min-width: 768px) {
.support_box {
background-image: url(img/jaccs/img/support/support_bg_pc.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
}
.support_box2 {
background: #d0d0d029;
width: 100%;
}
.support_area {
padding: 6vw 1vw 0vw;
text-align: center;
}
.support_box_ttl {
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.2vw;
padding-bottom: 1.2vw;
}
.support_box_ttl2 {
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.2vw;
padding-bottom: 6vw;
}
}


/*タブ切り替え全体のスタイル*/

.support_tabs {
margin-top: 50px;
background-color: #fff;
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
margin: 0 auto;
}

.support_tab_item:hover {
opacity: 0.75;
}


/*ラジオボタンを全て消す*/

input[name="support_tab_item"] {
display: none;
}


/*タブ切り替えの中身のスタイル*/

.tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/

#all:checked~#support000,
#supportitem:checked~#support002,
#supportitemEn:checked~#support003 {
display: block;
}


/*選択されているタブのスタイルを変える*/

.support_tabs input:checked+.support_tab_item {
background-color: #74A2BE;
color: #fff;
}

.support_tab_item {
/*border-bottom: 3px solid #5ab4bd;*/
background-color: #E3E2E2;
text-align: center;
color: #fff;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}

@media screen and (max-width: 767px) {
.support_tabs {
margin: 0 10px;
padding-bottom: 0px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
}
.support_tab_item {
width: 38vw;
height: 5.0vw;
font-size: 3.0vw;
line-height: 4.8vw;
letter-spacing: 2vw;
transition: all 0.2s ease;
border-radius: 4px 4px 0 0 / 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
margin-left: 1vw;
}
}

@media screen and (min-width: 768px) {
.support_tabs {
margin: 0 auto;
padding-bottom: 40px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1));
}
.support_tab_item {
width: 14vw;
height: 3vw;
font-size: 1.6vw;
line-height: 3.2vw;
transition: all 0.2s ease;
border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
margin-left: 2vw;
}
}

.support_comment_box {
background: #ffffff;
}

.support_comment_area {
text-aling: left;
}

.supoprt_contents_ttl {
color: #3C393B;
}

.supoprt_contents_sub {
color: #E38F3A;
vertical-align: middle;
}

.support_contents_dropdown {
border: 1px solid #cccccc;
}

.supoprt_contents_item_ttl {
color: #3C393B;
}

.support_contents_item_checkbox {
color: #3C393B;
font-weight: normal;
}

.contact_checklist {
font-weight: normal;
}

.contact_us_table_class2 {
color: #3C393B;
font-weight: normal;
}

@media screen and (max-width: 767px) {
.support_comment_box {
padding: 0vw 1vw 2vw;
}
.support_comment_area {
padding: 0px 1vw;
}
.support_comment_ttl {
font-size: 3.3vw;
line-height: 4vw;
letter-spacing: 0.2vw;
padding-bottom: 3vw;
}
.support_comment_text {
font-size: 2.8vw;
line-height: 4.2vw;
letter-spacing: 0.08vw;
text-align: left;
margin-bottom: 2.8vw;
}
.support_contents_item_sub {
font-size: 2.8vw;
line-height: 4.2vw;
letter-spacing: 0.08vw;
}
.supoprt_contents_ttl {
padding: 3vw 1vw 4vw;
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.2vw;
}
.supoprt_contents_sub {
font-size: 1.4vw;
line-height: 2vw;
letter-spacing: 0.1vw;
padding-left: 5px;
}
.support_contents_dd {
padding: 0px 0px 1vw;
}
.support_contents_dropdown {
width: 60%;
font-size: 3vw;
padding: 5px 5px 5px 11px;
border-radius: 0.7vw;
}
.supoprt_contents_item {
padding: 5vw 0px 1vw;
}
.supoprt_contents_item_ttl {
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.2vw;
}
.supoprt_contents_item_box {
padding: 4vw 0px;
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.1vw;
text-align: left;
}
.support_contents_item_checkbox {
padding: 4vw 0px;
font-size: 3vw;
line-height: 6vw;
letter-spacing: 0.4vw;
}
.contact_checklist {
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.1vw;
}
.contact_us_table_class2 {
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.1vw;
}
.support_contents_date_yy {
position: relative;
width: 29vw;
float: left;
margin-top: 2vw !important;
}
.support_contents_date_yy::before,
.support_contents_date_yy::after {
position: absolute;
left: 21vw;
width: 9px;
height: 6px;
background-color: #535353;
content: '';
pointer-events: none;
z-index: 1;
}
.support_contents_date_yy::before {
top: calc(50% - 9px);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.support_contents_date_yy::after {
bottom: calc(50% - 9px);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.support_contents_date_yy select {
appearance: none;
min-width: 25.5vw;
height: 2.8em;
padding: .4em calc(.8em + 30px) .4em .8em;
border: 1px solid #d0d0d0;
border-radius: 0px;
background-color: #fff;
color: #333333;
font-size: 1em;
cursor: pointer;
}
}
@media screen and (min-width: 768px) {
.support_comment_box {
padding: 0vw 1vw 2vw;
}
.support_comment_area {
padding: 10px 10px;
}
.support_comment_ttl {
font-size: 1.4vw;
line-height: 2vw;
letter-spacing: 0.2vw;
padding-bottom: 10px;
}
.support_comment_text {
font-size: 1.0vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
text-align: left;
margin-bottom: 1vw;
}
.supoprt_contents_ttl {
padding: 2vw 1vw;
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.2vw;
}
.supoprt_contents_sub {
font-size: 1.4vw;
line-height: 2vw;
letter-spacing: 0.1vw;
padding-left: 5px;
}
.support_contents_dd {
padding: 0px 0px 1vw;
}
.support_contents_dropdown {
width: 40%;
font-size: 1.3vw;
padding: 2px 5px 2px 11px;
border-radius: 0.5vw;
}
.supoprt_contents_item {
padding: 20px 0px;
}
.supoprt_contents_item_ttl {
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.2vw;
}
.supoprt_contents_item_box {
padding: 30px 0px;
font-size: 1.3vw;
line-height: 3vw;
letter-spacing: 0.1vw;
}
.support_contents_item_checkbox {
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.1vw;
}
.contact_checklist {
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.1vw;
}
.contact_us_table_class2 {
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.1vw;
}
.support_contents_date_yy {
position: relative;
width: 8vw;
float: left;
margin-top: 1vw !important;
}
.support_contents_date_yy::before,
.support_contents_date_yy::after {
position: absolute;
left: 6vw;
width: 9px;
height: 6px;
background-color: #535353;
content: '';
pointer-events: none;
z-index: 1;
}
.support_contents_date_yy::before {
top: calc(50% - 9px);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.support_contents_date_yy::after {
bottom: calc(50% - 9px);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.support_contents_date_yy select {
appearance: none;
min-width: 7.5vw;
height: 2.8em;
padding: .4em calc(.8em + 30px) .4em .8em;
border: 1px solid #d0d0d0;
border-radius: 0px;
background-color: #fff;
color: #333333;
font-size: 1em;
cursor: pointer;
}
}

@media screen and (max-width: 767px) {
table.contact_us_table {
font-size: 15px;
}
.contact_us_table th,
td {
padding: 15px 0px;
line-height: 25px;
}
.contact_us_list {
padding: 5px 30px;
}
}

@media screen and (min-width: 768px) {
table.contact_us_table {
font-size: 20px;
}
.contact_us_table th,
td {
padding: 20px 10px;
line-height: 25px;
}
.contact_us_list {
padding: 0px 30px;
}
}

.contact_us {
padding: 0px 0px 40px;
}

table.contact_us_table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 30px;
}

td.contact_us_table_class1_1 {
color: #3C393B;
font-weight: normal;
vertical-align: middle;
}

td.contact_us_table_class1_2 {
color: #3C393B;
font-weight: normal;
vertical-align: middle;
}

td.contact_us_table_class1_3 {
color: #3C393B;
font-weight: normal;
vertical-align: middle;
}

td.contact_us_table_class1_4 {
color: #3C393B;
font-weight: normal;
vertical-align: top;
}

.contact_us_table_sub {
color: #D3943B;
font-weight: normal;
padding-left: 10px;
vertical-align: middle;
}

@media screen and (max-width: 767px) {
td.contact_us_table_class1_1 {
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.2vw;
}
td.contact_us_table_class1_2 {
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.2vw;
}
td.contact_us_table_class1_3 {
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.2vw;
}
td.contact_us_table_class1_4 {
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.2vw;
}
.contact_us_table_sub {
font-size: 2vw;
line-height: 4vw;
letter-spacing: 0.1vw;
}
td.contact_us_table_class1_1 {
width: 40%;
padding-left: 10px;
}
.contact_us_table_class1_1_sub {
font-size: 2.2vw;
line-height: 2.4vw;
}
td.contact_us_table_class1_2 {
width: 40%;
padding-left: 10px;
}
td.contact_us_table_class1_3 {
width: 40%;
padding: 2vw 0vw 2vw 10px;
}
td.contact_us_table_class1_4 {
width: 40%;
padding-left: 10px;
padding-top: 10px;
}
td.contact_us_table_class2 {
width: 60%;
line-height: 28px;
}
.contact_us_table_box {
/*	background: #ffffff;*/
padding: 10px;
width: 100%;
min-height: 50px;
}
.contact_us_table_box2 {
padding: 10px;
}
.contact_us_table_box2 .contact_input_boxarea {
padding: 10px;
width: 100%;
min-height: 33vw;
line-height: 1.2;
}
.wpcf7-list-item {
text-align: center;
font-size: 3vw !important;
line-height: 3vw !important;
color: #595757;
font-weight: normal;
}
}

@media screen and (min-width: 768px) {
td.contact_us_table_class1_1 {
font-size: 1.2vw;
line-height: 1.4vw;
letter-spacing: 0.1vw;
}
td.contact_us_table_class1_2 {
font-size: 1.2vw;
line-height: 1.4vw;
letter-spacing: 0.1vw;
}
td.contact_us_table_class1_3 {
font-size: 1.2vw;
line-height: 1.4vw;
letter-spacing: 0.1vw;
}
td.contact_us_table_class1_4 {
font-size: 1.2vw;
line-height: 1.4vw;
letter-spacing: 0.1vw;
}
.contact_us_table_sub {
font-size: 1.0vw;
letter-spacing: 0.1vw;
}
td.contact_us_table_class1_1 {
width: 40%;
padding-left: 30px;
}
.contact_us_table_class1_1_sub {
font-size: 0.8vw;
line-height: 1vw
}
td.contact_us_table_class1_2 {
width: 40%;
padding-left: 30px;
}
td.contact_us_table_class1_3 {
width: 40%;
padding-left: 30px;
}
td.contact_us_table_class1_4 {
width: 40%;
padding-left: 30px;
padding-top: 20px;
}
td.contact_us_table_class2 {
width: 60%;
line-height: 32px;
}
.contact_us_table_box {
/*	background: #ffffff;*/
padding: 10px;
width: 100%;
min-height: 50px;
}
.contact_us_table_box2 {
/*	background: #ffffff;*/
padding: 10px;
width: 100%;
min-height: 250px;
}
}

td.contact_us_table_class2 {
word-break: break-all;
color: #3C393B;
letter-spacing: 1px;
}

.contact_us_table_class2 a {
color: #3C393B;
text-decoration: none;
}

.contact_us_table_class2 a:hover {
color: #3C393B;
text-decoration: underline;
text-decoration-color: #3C393B;
}

.contact_us_table thead {
border-top: 1px solid #3C393B;
}

.contact_us_table th {
border-bottom: 2px solid #3C393B;
}

.contact_us_table td {
border-bottom: 1px solid #3C393B;
text-align: left;
}
@media screen and (max-width: 767px) {
#contact_confirm2,#contact_change2,#contact_sent2{
border: none !important;
background: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
font-size: 3vw !important;
}
}
@media screen and (min-width: 768px) {
#contact_confirm2,#contact_change2,#contact_sent2{
border: none !important;
background: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1vw !important;
}
}

@media screen and (max-width: 767px) {
.contact_us_map {
width: 100%;
height: 400px;
}
}
@media screen and (min-width: 768px) {
.contact_us_map {
width: 100%;
height: 400px;
}
}

.contact_us_btn {
display: inline-block;
padding: 6px 5px;
text-decoration: none !important;
color: #ffffff !important;
font-size: 15px !important;
border: solid 2px #b5b6b6;
background: #b5b6b6;
border-radius: 0px;
transition: .4s;
width: 260px;
text-align: center;
font-size: 10px;
font-weight: 100;
letter-spacing: 2px;
}

.contact_us_btn:hover {
background: #c8161d;
color: #ffffff;
border: solid 2px #c8161d;
}

.contact_us_information_ttl {
font-size: 20px;
line-height: 25px;
color: #595757;
font-weight: 600;
padding-left: 10px;
letter-spacing: 2px;
vertical-align: middle;
padding: 0px 0px 10px;
}

.contact_us_information {
font-size: 16px;
line-height: 29px;
color: #595757;
font-weight: 100;
padding-left: 10px;
letter-spacing: 1px;
vertical-align: middle;
}

.contact_us_link_box_check {
padding: 10px 0px;
text-align: center;
font-size: 18px;
line-height: 29px;
color: #595757;
font-weight: 500;
}

.contact_us_link input {
display: inline-block;
text-decoration: none !important;
color: #3f3c3c !important;
background: #fff;
border: solid 2px #3f3c3c;
transition: .4s;
text-align: center;
}

.contact_us_link input:hover {
opacity: 0.7;
transition: all 1s ease-out;
}

@media screen and (max-width: 767px) {
.contact_us_info {
padding: 10px 0px;
}
.contact_us_information {
padding-left: 0px;
}
.contact_input_boxarea {
width: 100%;
height: 8vw;
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.1vw;
}
.contact_url {
width: 100%;
height: 8vw;
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.1vw;
}
.contact_tel {
width: 100%;
height: 8vw;
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.1vw;
}
.contact_us_link_box {
text-align: center;
padding: 20px 0px 20px;
}
.contact_us_link input {
padding: 10px 5px;
font-size: 3.5vw !important;
border-radius: 14px;
width: 220px;
font-weight: 500;
letter-spacing: 2px;
margin: 5px 5px;
}
}

@media screen and (min-width: 768px) {
.contact_us_info {
padding: 10px 20px;
}
.contact_us_information {
padding-left: 10px;
}
.contact_input_boxarea {
width: 100%;
}
.contact_url {
width: 100%;
}
.contact_tel {
width: 100%;
}
.contact_us_link_box {
text-align: center;
padding: 20px 0px 40px;
}
.contact_us_link input {
padding: 10px 5px;
font-size: 19px !important;
border-radius: 14px;
width: 220px;
font-weight: 500;
letter-spacing: 2px;
margin: 5px 5px;
}
.contact_us_link.lang_en input {
width: 320px;
}
}

@media screen and (max-width: 767px) {
span.wpcf7-not-valid-tip {
color: #f00 !important;
font-size: 17px !important;
font-weight: normal !important;
display: block !important;
}
}

@media screen and (min-width: 768px) {
span.wpcf7-not-valid-tip {
	color: red !important;
    font-size: 0.7vw !important;
    font-weight: 400 !important;
    display: block;
    width: 18vw !important;
    position: absolute;
    top: -3vw;
    right: 0vw;
}
}

div.wpcf7 .screen-reader-response {
position: unset !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 100% !important;
width: 100% !important;
margin: 20px 10px !important;
padding: 10px !important;
font-size: 17px !important;
line-height: 25px !important;
font-weight: 600 !important;
color: #ff3300 !important;
}

div.wpcf7 .screen-reader-response {
position: unset !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 100% !important;
width: 100% !important;
margin: 20px 10px !important;
padding: 10px !important;
font-size: 17px !important;
line-height: 25px !important;
font-weight: 600 !important;
color: #666666 !important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 0px solid #f7e700 !important;
width: 80% !important;
font-size: 16px !important;
line-height: 24px !important;
padding: 10px 10px !important;
font-weight: 600 !important;
bottom: 100% !important;
margin: 0 auto !important;
text-align: center !important;
color: #ff3300 !important;
}

div.wpcf7-mail-sent-ok {
border: 0px solid #f7e700 !important;
width: 80% !important;
font-size: 16px !important;
line-height: 24px !important;
padding: 10px 10px !important;
font-weight: 600 !important;
bottom: 100% !important;
margin: 0 auto !important;
text-align: center !important;
color: #666666 !important;
}

.support_item_box {
background: #DCDBDB9C;
}

.support_item_area {
text-align: center;
}

.support_item_ttl {
color: #3C393B;
font-weight: normal;
}

.support_item_ttl2 {
color: #3C393B;
font-weight: normal;
}

.support_item_link_box2 {
float: left;
}

.support_item_link_box2 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.support_item_box {
padding: 3vw 1vw;
}
.support_item_area {
padding: 6vw 0vw 15vw;
}
.support_item_ttl {
font-size: 6vw;
line-height: 6vw;
letter-spacing: 0.3vw;
padding-bottom: 6vw;
}
.support_item_ttl2 {
font-size: 3.3vw;
line-height: 4vw;
letter-spacing: 0.2vw;
padding-bottom: 3vw;
}
.support_item_link_box {
padding: 4vw 10px 2vw;
}
.support_item_link_box2 {
width: 50%;
padding: 0.1vw;
}
}

@media screen and (min-width: 768px) {
.support_item_box {
padding: 3vw 1vw;
}
.support_item_area {
padding: 2vw 10px 5vw;
}
.support_item_ttl {
padding: 0.5vw 1vw;
font-size: 2.3vw;
line-height: 2.3vw;
letter-spacing: 0.2vw;
}
.support_item_ttl2 {
padding: 0.5vw 1vw;
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: 0.1vw;
}
.support_item_link_box {
padding: 4vw 10px 10px;
}
.support_item_link_box2 {
width: 33%;
padding: 0vw;
}
.support_item_link_box2b {
min-height: 24vw;
}
}

.support_item_link_box2 a {
color: #000000;
}

.support_item_link_box2 a:hover {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
text-decoration: none;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
color: #000000;
}

#support_complete {
background: #ffffff;
}

.support_complete_box {
text-align: center;
}

.support_complete_detail {
color: #3f3c3c;
text-align: left;
}

.support_complete_detail_ttl {
color: #3f3c3c;
border-bottom: 2px solid #808080;
}

.support_complete_detail_sub {
color: #3f3c3c;
}

.support_complete_detail_link_box {
text-align: center;
}

.support_complete_detail_link {
display: inline-block;
text-decoration: none;
color: #3f3c3c;
border: solid 1px #3f3c3c;
}

.support_complete_detail_link:hover {
background: #3f3c3c;
color: #ffffff;
}

@media screen and (max-width: 767px) {
.support_complete_box {
padding-top: 5%;
padding-bottom: 5%;
}
.support_complete_detail {
padding: 0vw 4vw;
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
}
.support_complete_detail_ttl {
font-size: 4vw;
line-height: 1.3;
margin: 0 0 10%;
display: inline-block;
padding-bottom: 2vw;
}
.support_complete_detail_sub {
padding: 10px 0px;
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
}
.support_complete_detail_link_box {
padding: 20px 0px;
}
.support_complete_detail_link {
padding: 0.3em 1em;
color: #3f3c3c;
border-radius: 3px;
transition: .4s;
}
}

@media screen and (min-width: 768px) {
.support_complete_box {
padding-top: 5%;
padding-bottom: 5%;
}
.support_complete_detail {
padding: 30px 0px;
font-size: 1.3vw;
line-height: 2.4vw;
letter-spacing: 0.05vw;
}
.support_complete_detail_ttl {
font-size: 1.8vw;
margin: 0 0 5%;
display: inline-block;
line-height: 1.4;
padding-bottom: 1vw;
}
.support_complete_detail_sub {
padding: 10px 0px;
font-size: 1vw;
line-height: 1.9 !important;
letter-spacing: 0.04vw;
}
.support_complete_detail_link_box {
padding: 20px 0px;
}
.support_complete_detail_link {
padding: 0.3em 1em;
color: #3f3c3c;
border-radius: 3px;
transition: .4s;
}
}


.support_product {
padding-top: 5vw;
padding-bottom: 5vw;
border-bottom: 1px solid #808080;
}

.support_product2 {
border-bottom: 1px solid #808080;
}

.support_product_item_img {
text-align: center;
}

ul.support_product_item_list {
list-style: none;
width: 100%;
}

.support_product_item_list li {
position: relative;
font-size: 1.2vw;
border-bottom: 1px solid #808080 !important;
padding: 0.9vw 0.2vw;
}

.support_product_item_list li::after {
display: block;
content: '';
position: absolute;
top: 50%;
width: 9px;
height: 9px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.support_product_item_list li:first-child {
border-top: 1px solid #808080 !important;
}

.support_product_item_list_img {
float: left;
height: auto;
}

.support_product_item_list_text_box {
float: left;
position: relative;
color: #3F3C3C;
font-weight: normal;
}

.support_product_item_list_text {
position: absolute;
margin: auto;
}

.support_product_qa {}

.support_product_qa_ttl {
color: #3C393B;
}

.support_qa_box {
padding: 2vw 0px;
}

.support_qa_inner {
font-size: 22px;
line-height: 30px;
letter-spacing: 1px;
color: #120202;
}

.support_qa_q {
font-weight: 800;
background: #3F3C3C;
color: #ffffff;
float: left;
}

.support_qa_a {
font-weight: 800;
background: #DF8B3A;
color: #ffffff;
float: left;
}

.support_qa_text_ttl {
float: left;
width: 89%;
color: #120202;
font-weight: 800;
}

.support_qa_text {
float: left;
width: 89%;
color: #120202;
font-weight: normal;
}
.support_qa_text_a {
border-bottom: dotted 0.1vw #333333;
}

.support_qa_text2 {
color: #444444;
}

.support_qa_sub {
color: #120202;
}

.support_product_item_linka {
position: relative;
display: inline-block;
text-decoration: none;
transition: .4s;
font-weight: normal !important;
background: #DF8B3A;
color: #ffffff !important;
text-align: center;
}

.support_product_item_linka:hover {
background: #E89856;
color: #ffffff;
}

.support_product_item_linkb {
text-align: right;
position: absolute;
}

table.support_product_spec {
border-collapse: collapse;
margin: 0 auto;
width: 100%;
}

.support_product_spec th {
border-top: 1px solid #888;
border-right: 1px solid #888;
}

.support_product_spec td {
border-top: 1px solid #888;
}

@media screen and (max-width: 767px) {
.support_product {
padding-right: 15px !important;
padding-left: 15px !important;
}
.support_product2 {
padding-top: 12vw;
padding-bottom: 12vw;
padding-right: 15px !important;
padding-left: 15px !important;
}
.support_product3 {
padding-top: 12vw;
padding-bottom: 12vw;
padding-right: 15px !important;
padding-left: 15px !important;
}
.support_product_item_img img {
width: 80%;
}
.support_product_item_ttl {
font-size: 5.5vw;
line-height: 5.5vw;
letter-spacing: 0.1vw;
padding-bottom: 3vw;
padding-top: 2vw;
text-align: center;
}
.support_product_item_sub {
font-size: 3vw;
line-height: 1.5;
letter-spacing: 0.4vw;
padding-bottom: 5vw;
text-align: center;
}
.support_product_item_sub_ib {
font-size: 2vw;
line-height: 2vw;
letter-spacing: 0.4vw;
margin-left: 5px;
border: solid 1px #403E3E;
padding: 2px;
text-align: center;
}
.support_qa_text_sub {
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
padding-bottom: 25px;
}
.support_product_item_link {
text-align: center;
}
.support_product_item_linka {
border-radius: 4px;
font-size: 3.0vw;
letter-spacing: 0.2vw;
padding: 2vw 1vw;
width: 38vw;
}
.support_product_item_linkb {
right: 2vw;
}
ul.support_product_item_list {
padding: 9vw 0 2vw 0;
}
.support_product_item_list li:first-child {
border-top: 1px solid #808080;
}
.support_product_item_list_img {
width: 19vw;
padding: 10px 20px 10px 10px;
}
.support_product_item_list_text_box {
font-size: 3.2vw;
letter-spacing: 0.7vw;
line-height: 3.2vw;
margin-left: 0.5vw;
width: 71%;
min-height: 17.5vw;
}
.support_product_item_list_text_box2 {
font-size: 3.2vw;
letter-spacing: 0.7vw;
line-height: 3.2vw;
margin-left: 0.5vw;
width: 100%;
min-height: 17.5vw;

}
.support_product_item_list_text {
top: 7.2vw;
bottom: 0;
left: 2vw;
right: 0;
}
.support_product_item_list_text2 {
top: 7.2vw;
bottom: 0;
left: 23%;
right: 0vw;
position: absolute;
margin: auto;
}
.support_product_item_list li::after {
right: 10px;
}
.support_product_qa_ttl {
font-size: 5vw;
letter-spacing: 0.5vw;
line-height: 5vw;
text-align: center;
padding-bottom: 5vw;
}
.support_qa_box {
padding: 8vw 0px;
}
.support_qa_sub {
font-size: 4vw;
line-height: 5vw;
letter-spacing: 0.1vw;
}
.support_qa_inner {
padding: 2vw 0% 6vw;
}
.support_qa_q {
font-size: 3.5vw;
padding: 3px 7px 4px;
line-height: 5.2vw;
border-radius: 0px;
margin-right: 1.8vw;
margin-bottom: 4.5vw;
}
.support_qa_a {
font-size: 3.5vw;
padding: 3px 7px 4px;
line-height: 5.2vw;
border-radius: 0px;
margin-right: 1.8vw;
}
.support_qa_text_ttl {
padding: 1vw;
font-size: 4.5vw;
line-height: 5.5vw;
letter-spacing: 0.05vw;
}
.support_qa_text {
padding: 1vw;
font-size: 4.5vw;
line-height: 7vw;
letter-spacing: 0.05vw;
}
.support_qa_text_a {
border-bottom: dotted 0.2vw #333333;
}
.support_qa_text2 {
font-size: 3.5vw;
line-height: 1.6;
padding-top: 2.5vw;
}
.support_qa_text2_link {
text-decoration: underline;
}
.support_product_spec_box {
padding: 12vw 0vw 5vw;
}
.support_product_spec th {
padding: 3.5vw;
font-size: 3.0vw;
letter-spacing: .5vw;
line-height: 1;
	width: 25vw;
}
.support_product_spec td {
padding: 3.5vw 0 3.5vw 4vw;
font-size: 3.0vw;
letter-spacing: .4vw;
line-height: 1.4;
text-align: left;
}
.support_product_spec_sub {
font-size: 2.4vw;
line-height: 1.7;
letter-spacing: .1vw;
padding-bottom: 8vw;
}
.support_product_spec_sub2 {
font-size: 2.4vw;
line-height: 1.7;
letter-spacing: 0.1vw;
padding-bottom: 8vw;
}
.support_qa_text_a1 {

	}
.support_qa_text_a2 {
padding: 3vw 3vw 0vw;
text-align: center;
}
.support_qa_text_a2 img {
width: 50vw;
}
.support_product_spec_icon img{
width: 2vw;
margin-left: 1.5vw;
}
.support_qa_text_sub2{
font-size: 2.6vw;
line-height: 1.6;
padding-top: 2vw;
}
.support_qa_text_line{
border-bottom: solid 1px #000;
padding-bottom: 0.3vw;
}
.support_qa_text3{
border: solid 1px #646464;
padding: 2.5vw 4.5vw;
margin-top: 2.5vw !important;
margin-bottom: 2.5vw;
font-size: 3.0vw;
line-height: 2;
width: 96%;
}
.support_qa_text_part{
	padding-bottom: 5.0vw;
}
.support_qa_text_parta{
	font-size: 3.5vw;
    line-height: 1.6;
    letter-spacing: .05vw;
    font-weight: 700;
    padding-bottom: 2vw;
    text-indent: -3.5vw;
    padding-left: 4.5vw;
}
.support_qa_text_partb{
	font-size: 3.0vw;
    line-height: 1.5;
    letter-spacing: .1vw;
    padding-left: 1.3vw;
}
.support_qa_link {
border-bottom: dotted 0.5vw #333;
padding-bottom: 1vw;
}
.support_qa_link:hover {
text-decoration: none;
}
}
@media screen and (min-width: 768px) {
.support_product2 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.support_product3 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.support_product_item_img img {
width: 100%;
}
.support_product_item_ttl {
font-size: 2.9vw;
line-height: 2.9vw;
letter-spacing: 0.1vw;
padding-bottom: 1.3vw;
padding-top: 2vw;
padding-left: 1vw;
text-align: left !important;
}
.support_product_item_sub {
font-size: 1.5vw;
line-height: 1.5vw;
letter-spacing: 0.4vw;
padding-bottom: 2vw;
padding-left: 1vw;
}
.support_product_item_sub_ib {
font-size: 1.2vw;
line-height: 1.5vw;
letter-spacing: 0.4vw;
margin-left: 10px;
border: solid 1px #403E3E;
padding: 4px;
text-align: center;
}
.support_qa_text_sub {
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
padding-bottom: 25px;
}
.support_product_item_link {
padding-left: 1vw;
}
.support_product_item_linka {
border-radius: 4px;
font-size: 1.2vw;
letter-spacing: 0.1vw;
padding: 1vw 1vw;
width: 16vw;
}
.support_product_item_linkb {
right: 1vw;
}
.support_product_item_list_img {
width: 8vw;
padding: 0.1vw 1.3vw;
}
.support_product_item_list_text_box {
font-size: 1.2vw;
letter-spacing: 0.4vw;
line-height: 1;
margin-left: 0.0vw;
width: 10.9vw;
min-height: 5.5vw;
}
.support_product_item_list_text_box2 {
font-size: 1.2vw;
letter-spacing: 0.4vw;
line-height: 1;
margin-left: 0.0vw;
width: 100%;
min-height: 5.5vw;
text-align: center;
}
.support_product_item_list_text {
top: 2.2vw;
bottom: 0;
left: 1vw;
right: 0;
}
.support_product_item_list_text2 {
top: 3.2vw;
bottom: 0;
left: 4vw;
right: 0;
position: absolute;
margin: auto;
}
.support_product_item_list li::after {
right: 5px;
}
.support_product_qa_ttl {
font-size: 2.2vw;
letter-spacing: 0.5vw;
line-height: 2.2vw;
}
.support_qa_box {
padding: 2vw 0px;
}
.support_qa_sub {
font-size: 1.6vw;
line-height: 2.5vw;
letter-spacing: 0.1vw;
}
.support_qa_inner {
padding: 1.2vw 0% 1.2vw;
}
.support_qa_q {
font-size: 1.5vw;
padding: 3px 6px 2px;
line-height: 2vw;
border-radius: 0px;
margin-right: 1.3vw;
}
.support_qa_a {
font-size: 1.5vw;
padding: 3px 6px 2px;
line-height: 2vw;
border-radius: 0px;
margin-right: 1.3vw;
}
.support_qa_text_ttl {
padding: 2px;
padding-bottom: 1vw;
color: #120202;
font-size: 1.5vw;
line-height: 2.4vw;
}
.support_qa_text {
padding: 2px;
padding-bottom: 1vw;
font-size: 1.5vw;
line-height: 2.4vw;
letter-spacing: 0.1vw;
}
.support_qa_text2 {
font-size: 1.2vw;
line-height: 1.6;
padding-top: 1.5vw;
}
.support_qa_text2_link {
text-decoration: underline;
}
.support_product_spec_box {
padding: 3vw 0vw;
}
.support_product_spec th {
padding: 1.6vw;
font-size: 1.2vw;
letter-spacing: .4vw;
line-height: 1;
width: 15vw;
}
	.support_product_spec sup {
		font-size: 0.7vw;
		vertical-align: super;
	}
.support_product_spec td {
padding: 1.6vw 0 1.6vw 4vw;
font-size: 1.2vw;
letter-spacing: .4vw;
line-height: 1.4;
}
.support_product_spec_sub {
font-size: 1.0vw;
line-height: 1.5;
letter-spacing: .1vw;
padding-bottom: 5vw;
}
.support_product_spec_sub2 {
font-size: 1.0vw;
line-height: 1.4;
letter-spacing: .1vw;
padding: 3vw 0vw 4vw;
}
.support_qa_text_a1 {
float: left;
width: 73%;
}
.support_qa_text_a2 {
float: left;
width: 25%;
padding: 0vw 0 .5vw 3.5vw;
}
.support_qa_text_a2 img {
width: 13vw;
}
.support_product_spec_icon img{
width: 0.7vw;
margin-left: 0.5vw;
}
.support_qa_text_sub2{
font-size: 1.2vw;
line-height: 1.6;
padding-top: 2vw;
}
.support_qa_text_line{
border-bottom: solid 1px #000;
padding-bottom: 0.2vw;
}
.support_qa_text3{
border: solid 1px #646464;
padding: 1.5vw 2.5vw;
margin-top: 2vw !important;
margin-bottom: 2vw;
font-size: 1.4vw;
line-height: 1.8;
width: 70%;
}
.support_qa_text_part{
	padding-bottom: 2.0vw;
}
.support_qa_text_parta{
	font-size: 1.3vw;
	line-height: 1;
	letter-spacing: .1vw;
	font-weight: 700;
	padding-bottom: 0.8vw;
}
.support_qa_text_partb{
	font-size: 1.2vw;
	line-height: 1.5;
	letter-spacing: .1vw;
	padding-left: 1.3vw;
}
.support_qa_link {
border-bottom: dotted 0.2vw #333;
padding-bottom: 0.2vw;
}
.support_qa_link:hover {
text-decoration: none;
}
}

.support_product_spec tr:last-child td,
.support_product_spec tr:last-child th {
border-bottom: 1px solid #888;
}

.support_product_item_link_ag {
text-align: center;
}

.support_product_item_link_aga {
position: relative;
display: inline-block;
text-decoration: none;
transition: .4s;
font-weight: normal !important;
background: #ffffff;
border: 1px solid #000000;
color: #000000 !important;
text-align: center;
}

.support_product_item_link_aga:hover {
background: #EEEEEE;
color: #000000;
}

.support_product_item_link_agb {
text-align: right;
position: absolute;
}

@media screen and (max-width: 767px) {
.support_product_item_link_ag {
margin-top: 11vw !important;
}
.support_product_item_link_aga {
border-radius: 4px;
font-size: 3vw;
letter-spacing: 0.2vw;
padding: 1vw 1vw;
width: 63vw;
}
.support_product_item_link_agb {
right: 2vw;
}
}

@media screen and (min-width: 768px) {
.support_product_item_link_ag {
margin-top: 4vw !important;
}
.support_product_item_link_aga {
border-radius: 4px !important;
font-size: 1.3vw;
letter-spacing: 0.15vw;
padding: 0.3vw 1vw;
width: 31vw;
}
.support_product_item_link_agb {
right: 2vw;
}
}


/* support -------------------------------------------------------------- */


/* store -------------------------------------------------------------- */

.store_box {
background: #ffffff;
}

.shop_box_area {
text-align: center;
}

.store_ttl {
color: #3f3c3c;
border-bottom: 2px solid #808080;
}

.store_text_sub {
color: #120202;
}

.store_link {
text-align: center;
width: 100%;
padding: 10px 0px;
}

.store_link_img {
float: left;
width: 50%;
}

.store_link_img a:hover {
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0.4;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

@media screen and (max-width: 767px) {
.store_box {
padding: 3vw 1vw !important;
}
.store_area {
padding: 0px 7vw;
}
.store_ttl {
font-size: 18px;
line-height: 20px;
margin: 0px 0px 10%;
display: inline-block;
letter-spacing: 0.8vw;
}
.store_link_img img {
width: 100%;
padding: 1.1vw 10vw 6vw;
}
.store_text_sub {
padding: 1.4vw 3.4vw;
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.1vw;
text-align: left;
}
}

@media screen and (min-width: 768px) {
.store_box {
padding: 3vw 1vw;
}
.store_area {
padding: 5vw 10px;
}
.store_ttl {
font-size: 25px;
line-height: 30px;
margin: 0px 0px 5%;
display: inline-block;
letter-spacing: 0.8vw;
}
.store_link_img img {
width: 100%;
padding: 1.8vw 3.4vw 6vw;
}
.store_text_sub {
padding: 2.4vw 3.4vw;
font-size: 1.2vw;
line-height: 2.2vw;
letter-spacing: 0.1vw;
text-align: left;
}
}

/* store_o -------------------------------------------------------------- */
/* bnr -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.pd_jtb_link{
text-align: center;
padding: 1.5vw;
}
.pd_jtb_link img{
width:24vw;
}
.pd_jtb_link_t{
font-size: 2.5vw;
line-height: 2.5vw;
padding-left: 2vw;
padding-right: 0vw;
vertical-align: text-top;
}
}
@media screen and (min-width: 768px) {
.pd_jtb_link{
text-align: center;
padding: 0.5vw;
}
.pd_jtb_link img{
width:9vw;
}
.pd_jtb_link_t{
font-size: 1vw;
line-height: 1vw;
padding: 2.2vw 1vw;
vertical-align: super;
}
}


/* bnr -------------------------------------------------------------- */
/* store_o -------------------------------------------------------------- */

.store_o_box {
background: #ffffff;
text-align: center;
}

.shop_box_area {
text-align: center;
}

.store_o_ttl {
color: #3f3c3c;
border-bottom: 2px solid #808080;
}

.store_o_text_sub {
color: #120202;
}

.store_o_link_img {
float: left;
width: 50%;
}

.store_o_link_img a:hover {
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0.4;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

@media screen and (max-width: 767px) {
.store_o_box {
padding: 3vw 1vw !important;
}
.store_o_list {
padding: 0px 7vw;
display: inline-block;
}
.store_o_area {
padding: 0px 7vw;
}
.store_o_link_img img {
width: 100%;
padding: 1.1vw 10vw 6vw;
}
.store_o_ttl {
font-size: 18px;
line-height: 20px;
margin: 0px 0px 10%;
display: inline-block;
letter-spacing: 0.8vw;
}
.store_o_text_sub {
padding: 1.4vw 3.4vw;
font-size: 2vw;
line-height: 4vw;
letter-spacing: 0.1vw;
text-align: center;
}
}

@media screen and (min-width: 768px) {
.store_o_box {
padding: 3vw 1vw;
}
.store_o_list {
padding: 0vw 10px;
display: inline-block;
}
.store_o_area {
padding: 5vw 10px;
}
.store_o_link_img img {
width: 100%;
padding: 1.8vw 3.4vw 6vw;
}
.store_o_ttl {
font-size: 25px;
line-height: 30px;
margin: 0px 0px 5%;
display: inline-block;
letter-spacing: 0.8vw;
}
.store_o_text_sub {
padding: 2.4vw 3.4vw;
font-size: 1.2vw;
line-height: 2.2vw;
letter-spacing: 0.1vw;
text-align: center;
}
}

.shop_o_loop {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}

.shop_o_loop ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
/*    width: 100%; */
margin: 0;
padding: 0;
}

.shop_o_loop li {
display: inline-block;
/*    width: calc(100vw / 4);*/
margin: 0 0 0 0;
list-style: none;
text-align: center;
width: auto;
height: 100%;
}

@media screen and (max-width: 767px) {
.shop_o_loop {
padding: 3vw 0vw;
}
.shop_o_loop li img {
height: 120px;
width: auto;
}
}

@media screen and (min-width: 768px) {
.shop_o_loop {
padding: 1vw 0vw;
}
.shop_o_loop li img {
height: 10vw;
width: auto;
vertical-align: middle;
}
}

.shop_o_loop li a {
display: block;
}

.shop_o_loop li img {
display: block;
}

.shop_o_loop li a:hover {
opacity: .7;
}

.shop_o_loop ul:first-child {
-webkit-animation: loop 50s -25s linear infinite;
animation: loop 50s -25s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}

.shop_o_loop ul+ul {
-webkit-animation: loop2 50s linear infinite;
animation: loop2 50s linear infinite;
}


/*
.shop_o_loop:hover ul {
animation-play-state: paused;
}
*/

@-webkit-keyframes loop {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes loop {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@-webkit-keyframes loop2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@keyframes loop2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@-webkit-keyframes loop3 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
}
}

@keyframes loop3 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
}
}

.shop_o2_loop {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}

.shop_o2_loop ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
/*    width: 100%; */
margin: 0;
padding: 0;
}

.shop_o2_loop li {
display: inline-block;
/*    width: calc(100vw / 4);*/
margin: 0 0 0 0;
list-style: none;
text-align: center;
width: auto;
height: 100%;
}

@media screen and (max-width: 767px) {
.shop_o2_loop {
padding: 3vw 0vw;
}
.shop_o2_loop li img {
height: 120px;
width: auto;
}
}

@media screen and (min-width: 768px) {
.shop_o2_loop {
padding: 1vw 0vw;
}
.shop_o2_loop li img {
height: 10vw;
width: auto;
vertical-align: middle;
}
}

.shop_o2_loop li a {
display: block;
}

.shop_o2_loop li img {
display: block;
}

.shop_o2_loop li a:hover {
opacity: .7;
}

.shop_o2_loop ul:first-child {
-webkit-animation: loopb 50s -25s linear infinite;
animation: loop 50s -25s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}

.shop_o2_loop ul+ul {
-webkit-animation: loopb2 50s linear infinite;
animation: loop2 50s linear infinite;
}


/*
.shop_o2_loop:hover ul {
animation-play-state: paused;
}
*/

@-webkit-keyframes loopb {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes loopb {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@-webkit-keyframes loopb2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@keyframes loopb2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@-webkit-keyframes loopb3 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
}
}

@keyframes loopb3 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
}
}


/* support information ------------------------------- */

.support_box_information {
background: #fff;
margin-bottom: 40px;
color: #3e3d3c;
}

@media screen and (max-width: 767px) {
.support_box_information {
padding: 6vw;
border: 1px solid #666;
text-align: center;
margin: 2vw;
}
.support_box_information_ttl {
font-size: 4.5vw;
    line-height: 1;
    letter-spacing: 0.2vw;
    padding-bottom: 4.2vw;
    font-weight: 800;
}
.support_box_information_ttl2 {
font-size: 3.5vw;
    line-height: 1.7;
    letter-spacing: 0.2vw;
    padding-bottom: 0vw;
    text-align: left;
}
.support_box_information_ttl2c {
font-size: 2.8vw;
line-height: 4.4vw;
letter-spacing: 0.2vw;
padding-bottom: 4vw;
text-align: center;
}
.support_box_information_ttl3 {
font-size: 3.5vw;
line-height: 4vw;
letter-spacing: 0.2vw;
padding-bottom: 2vw;
}
.support_box_information_text {
font-size: 3.5vw;
line-height: 5.3vw;
letter-spacing: 0.2vw;
text-align: center;
}
.support_box_information_text2 {
font-size: 2.2vw;
line-height: 3vw;
letter-spacing: 0.02vw;
padding: 2.5vw 0vw;
text-align: left;
}
.support_box_information_text3 {
font-size: 3.5vw;
line-height: 4vw;
letter-spacing: 0.02vw;
padding: 2vw 0vw 4vw;
text-align: center;
}
	.support_box_information_date{
		padding: 3vw;
		background: #f8f8f8;
		text-align: center;
		margin: 4vw auto !important;
		font-size: 3.5vw;
		line-height: 1.8;
	}
	.support_box_information_date2{
		font-weight: 700;
		font-size: 4.5vw;
	}
	.support_box_information_sub{
		font-size: 2.5vw;
		line-height: 1.4;
		text-align: left;
		letter-spacing: 0.1vw;
	}
}

@media screen and (min-width: 768px) {
.support_box_information {
padding: 2vw;
border: 1px solid #666;
text-align: center;
margin: 0vw 5vw 5vw;
}
.support_box_information_ttl {
font-size: 1.4vw;
line-height: 2.0vw;
letter-spacing: 0.2vw;
padding-bottom: 1vw;
}
.support_box_information_ttl2 {
font-size: 0.9vw;
line-height: 1.4vw;
letter-spacing: 0.2vw;
padding-bottom: 0.8vw;
}
.support_box_information_ttl2c {
font-size: 0.9vw;
line-height: 1.4vw;
letter-spacing: 0.2vw;
padding-bottom: 0.8vw;
}
.support_box_information_ttl3 {
font-size: 0.9vw;
line-height: 2vw;
letter-spacing: 0.2vw;
}
.support_box_information_text {
font-size: 0.9vw;
line-height: 1.4vw;
letter-spacing: 0.2vw;
}
.support_box_information_text2 {
font-size: 0.8vw;
line-height: 1.5vw;
letter-spacing: 0.09vw;
padding: 1vw 0vw;
}
.support_box_information_text3 {
font-size: 1.2vw;
line-height: 1.5vw;
letter-spacing: 0.09vw;
padding: 0.5vw 0vw 1.5vw;
}
	.support_box_information_date{
		padding: 1vw;
		background: #f8f8f8;
		width: 40vw;
		margin: 1vw auto !important;
		font-size: 0.8vw;
		line-height: 1.8;
	}
	.support_box_information_date2{
		font-weight: 700;
		font-size: 1vw;
	}
	.support_box_information_sub{
		font-size: 0.7vw;
		line-height: 1.4;
	}
}


/* support information ------------------------------- */


/* store info -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
#pdct_information {
padding: 0vw 3vw 10%;
}
.pdct_information {
border: 1px solid #666666;
padding: 5vw;
}
.pdct_information_ttl {
padding: 0.5vw 1vw 4vw;
text-align: center;
font-size: 3.5vw;
line-height: 3.5vw;
color: #444;
}
.pdct_information_text {
text-align: center;
font-size: 3.0vw;
line-height: 3.5vw;
color: #444;
}
.pdct_information_text_sub {
padding: 4.5vw 1vw 0vw;
text-align: center;
font-size: 2.5vw;
line-height: 3vw;
color: #444;
}
}

@media screen and (min-width: 768px) {
#pdct_information {
padding: 4vw 0 4vw;
}
.pdct_information {
border: 1px solid #666666;
padding: 2vw;
}
.pdct_information_ttl {
padding: 0.5vw 1vw 2vw;
text-align: center;
font-size: 1.5vw;
line-height: 1.5vw;
color: #444;
}
.pdct_information_text {
text-align: center;
font-size: 1.1vw;
line-height: 1.5vw;
color: #444;
}
.pdct_information_text_sub {
padding: 2.5vw 1vw 1vw;
text-align: center;
font-size: 0.9vw;
line-height: 1.2vw;
color: #444;
}
}


/* store info -------------------------------------------------------------- */


/* store -------------------------------------------------------------- */


/* main visual -------------------------------------------------------------- */

.bx-wrapper {
margin: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background: none !important;
}

.bxslider_box img {
width: 100% !important;
height: auto !important;
}

#bxslider-outer {
position: relative;
max-width: 100%;
margin: 0;
}

@media screen and (max-width: 767px) {
.main_visual_sp {
display: inline!important;
}
.main_visual {
display: none !important;
}
}

@media screen and (min-width: 768px) {
.main_visual_sp {
display: none !important;
}
.main_visual {
display: inline!important;
}
}

#main_visual {
margin-top: 66px;
width: 100%;
left: 0;
top: 66px;
padding: 0;
vertical-align: top;
height: auto;
/*	margin: auto;
position: relative; */
}

#main_visual img {
width: 100%;
/*  position: absolute;*/
top: 0px;
right: 0;
bottom: 0;
left: 0;
}

#main_visual_ld {
margin-top: 66px;
width: 100%;
left: 0;
/*	top: 66px; */
padding: 0;
vertical-align: top;
height: auto;
/*	margin: auto;
position: relative; */
}

#main_visual_ld img {
width: 100%;
/*  position: absolute;*/
top: 0px;
right: 0;
bottom: 0;
left: 0;
}


/* top slid bnr

.swiper-container {
width: 100%;
height: 100%;
}

.swiper-container-link{
position: absolute;
right: 25%;
bottom: 10%;
font-size: 16px;
color:#ffffff;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
*/

.ss-sc img:hover {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-decoration: none;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}

.mfp-arrow,
.mfp-arrow-right {
opacity: 0.8;
transition: all 1.2s;
}


/* main visual -------------------------------------------------------------- */


/* ttl 共通 -------------------------------------------------------------- */

.top_contents_ttl {
width: 100%;
text-align: center;
}

@media screen and (max-width: 767px) {
.top_contents_ttl img {
width: 80%;
}
.top_contents_ttl_cmp {
width: 100%;
text-align: center;
padding: 20% 0%;
}
.top_contents_ttl_cmp img {
width: 80%;
}
}

@media screen and (min-width: 768px) {
.top_contents_ttl_cmp {
width: 100%;
text-align: center;
}
.top_contents_ttl_cmp img {
width: 500px;
}
.top_contents_ttl img {
width: 500px;
}
}


/* ttl 共通 -------------------------------------------------------------- */


/* top contents1 -------------------------------------------------------------- */

#top_contents1 {
background: rgba(200, 22, 29, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.top_contents1_box {
padding: 20px 0px 10px;
}
.top_contents1_more {
padding: 20px 20px 20px;
}
}

@media screen and (min-width: 768px) {
.top_contents1_box {
padding: 50px 20px 20px;
}
.top_contents1_more {
padding: 20px 20px 50px;
}
}

.top_contents1_more {
text-align: center;
}

.top_contents1_more_link {
display: inline-block;
padding: 10px 5px;
text-decoration: none !important;
color: rgba(250, 248, 239, 1.00) !important;
font-size: 18px !important;
background: #c8161d !important;
border: solid 2px rgba(250, 248, 239, 1.00);
border-radius: 0px;
transition: .4s;
width: 220px;
text-align: center;
font-weight: 800;
letter-spacing: 1px;
}

.top_contents1_more_link:hover {
background: rgba(250, 248, 239, 1.00) !important;
color: #c8161d!important;
border: solid 2px #c8161d !important;
}

.top_contents1 {
padding: 40px 0px;
}

.top_contents1_img {
width: 100%;
}

.top_contents1_img img {
width: 100%;
}

.top_contents1_ttl {
width: 100%;
text-align: center;
color: #ffffff;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
font-weight: 400;
padding: 15px 0px 5px;
text-decoration: none !important;
border-bottom: solid 1px #ffffff;
}

.top_contents1_text {
padding: 5px 0px;
color: #ffffff;
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
font-weight: 0;
text-decoration: none;
}

.top_contents1_day {
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
}

.top-contents1-lbox {
display: inline-block;
position: relative;
width: 100%;
}

.top-contents1-lbox img {
width: 100%;
}

.top-contents1-Thumb {
display: inline-block;
max-width: 100%;
max-height: 100%;
}

.top-contents1-Caption {
background-color: rgba(0, 0, 0, 0.8);
color: #FFF;
padding: 25% 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
text-align: center;
}

.top-contents1-Caption:hover {
opacity: 1;
}

.top-contents1-link {
border: 2px #ffffff solid;
padding: 10px 10px;
width: 80%;
margin: 25% auto;
font-size: 14px;
line-height: 16px;
}

.top-contents1_news {
position: absolute;
color: #ff3300;
padding: 6px 10px;
font-size: 15px;
font-weight: 800;
letter-spacing: 0px;
line-height: 15px;
background: #ffffff;
z-index: 1;
}

.top-contents1_release {
position: absolute;
color: #ff3300;
padding: 6px 10px;
font-size: 15px;
font-weight: 800;
letter-spacing: 0px;
line-height: 15px;
background: #ffffff;
z-index: 1;
}


/* top contents1 -------------------------------------------------------------- */


/* top contents2 -------------------------------------------------------------- */

#top_contents2 {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.top_contents2_box {
padding: 20px 20px;
}
}

@media screen and (min-width: 768px) {
.top_contents2_box {
padding: 50px 20px;
}
}

.top_contents2 {
padding: 40px 0px;
}

.top_contents2_img {
width: 100%;
}

.top_contents2_img img {
width: 100%;
}

.top-contents2-lbox {
display: inline-block;
position: relative;
width: 100%;
}

.top-contents2-lbox img {
width: 100%;
}

.top_contents2_ttl {
width: 100%;
padding: 10px 5px;
border: solid 3px #c8161d;
margin: 15px 0px 10px;
text-align: center;
color: #c8161d;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
font-weight: 600;
text-decoration: none !important;
}

.top_contents2_text {
padding: 5px 0px;
color: #595757;
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
font-weight: 0;
text-decoration: none;
}

.top_contents2_day {
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
}


/* top contents2 -------------------------------------------------------------- */


/* top contents3 -------------------------------------------------------------- */

#top_contents3 {
background: rgba(200, 22, 29, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.top_contents3_box {
padding: 20px 0px;
}
.top_contents3_box_new {
padding: 20px 0px;
}
.top_contents3_box2 {
padding: 0px 0px;
}
}

@media screen and (min-width: 768px) {
.top_contents3_box_new {
padding: 50px 20px;
}
.top_contents3_box {
padding: 50px 20px;
}
.top_contents3_box2 {
padding: 0px 0px;
}
}

.top_contents3 {
padding: 40px 0px;
}

.top_contents3_img {
width: 100%;
}

.top_contents3_img img {
width: 100%;
}

.top_contents3_ttl {
width: 100%;
text-align: center;
color: #ffffff;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
font-weight: 400;
padding: 15px 0px 5px;
text-decoration: none !important;
border-bottom: solid 1px #ffffff;
}

.top-contents3-lbox {
display: inline-block;
position: relative;
width: 100%;
}

.top-contents3-lbox img {
width: 100%;
}

.top-contents3-lbox_new {
display: inline-block;
position: relative;
width: 100%;
}

.top-contents3-lbox_new img {
width: 100%;
}

.top-contents3-Thumb {
display: inline-block;
max-width: 100%;
max-height: 100%;
}

.top-contents3-Caption {
background-color: rgba(0, 0, 0, 0.8);
color: #FFF;
padding: 25% 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
text-align: center;
}

.top-contents3-Caption:hover {
opacity: 1;
}

.top-contents3-link {
border: 2px #ffffff solid;
padding: 10px 10px;
width: 80%;
margin: 25% auto;
font-size: 14px;
line-height: 16px;
}

.top-contents3-logo {
width: 100%;
text-align: center;
}

.top-contents3-logo img {
width: 80%;
}

.top-contents3-lbox_new::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #FFFD00;
/* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
}

.top-contents3-lbox_new::after {
content: "NEW";
font-size: 13px;
letter-spacing: 2px;
font-weight: bold;
display: block;
top: 14px;
transform: rotate(-45deg);
color: #FF0000;
/* 文字色はここで変更 */
left: 1px;
position: absolute;
z-index: 101;
}


/* top contents3 -------------------------------------------------------------- */


/* top contents4 -------------------------------------------------------------- */

#top_contents4 {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.top_contents4_box {
padding: 20px 20px;
}
}

@media screen and (min-width: 768px) {
.top_contents4_box {
padding: 50px 20px;
}
}

.top_contents4 {
padding: 40px 0px;
}

.top_contents4_img {
width: 100%;
}

.top_contents4_img img {
width: 100%;
}

.contents_company_list {
width: 100%;
}

@media screen and (max-width: 767px) {
table.contents_company_table {
font-size: 15px;
}
td.contents_company_table {
line-height: 25px;
}
.contents_company_list {
padding: 5px 15px;
}
}

@media screen and (min-width: 768px) {
table.contents_company_table {
font-size: 20px;
}
td.contents_company_table {
line-height: 25px;
}
.contents_company_list {
padding: 0px 30px;
}
}

.top_contents4 {
padding: 0px 0px 40px;
}

table.contents_company_table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 30px;
}

td.contents_company_table_class1_1 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

td.contents_company_table_class1_2 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

td.contents_company_table_class1_3 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

td.contents_company_table_class1_4 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

@media screen and (max-width: 767px) {
td.contents_company_table_class1_1 {
width: 40%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_company_table_class1_2 {
width: 40%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_company_table_class1_3 {
width: 40%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_company_table_class1_4 {
width: 40%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_company_table_class2 {
width: 60%;
padding: 10px 5px;
line-height: 28px;
}
}

@media screen and (min-width: 768px) {
td.contents_company_table_class1_1 {
width: 30%;
padding: 30px 10px;
letter-spacing: 74px;
}
td.contents_company_table_class1_2 {
width: 30%;
padding: 30px 10px;
letter-spacing: 4px;
}
td.contents_company_table_class1_3 {
width: 30%;
padding: 30px 10px;
letter-spacing: 12px;
}
td.contents_company_table_class1_4 {
width: 30%;
padding: 30px 10px;
letter-spacing: 28px;
}
td.contents_company_table_class2 {
padding: 0px 10px;
width: 70%;
line-height: 32px;
}
}

td.contents_company_table_class2 {
word-break: break-all;
color: #595757;
letter-spacing: 1px;
}

.contents_company_table_class2 a {
color: #595757;
text-decoration: none;
}

.contents_company_table_class2 a:hover {
color: #595757;
text-decoration: underline;
text-decoration-color: #595757;
}

.contents_company_table_class_cimg {
float: left;
width: 24%;
padding: 4px;
}

.contents_company_table_class_cimg img {
width: 100%;
}

.contents_company_table th {
border-bottom: 2px solid #9fa0a0;
}

.contents_company_table td {
border-bottom: 1px solid #9fa0a0;
}

@media screen and (max-width: 767px) {
.contents_company_map {
width: 100%;
height: 400px;
}
}

@media screen and (min-width: 768px) {
.contents_company_map {
width: 100%;
height: 400px;
}
}

.contents_company_btn_box {
margin: 20px 0px 30px;
}

.contents_company_btn {
display: inline-block;
padding: 6px 5px;
text-decoration: none !important;
color: #ffffff !important;
font-size: 15px !important;
border: solid 2px #b5b6b6;
background: #b5b6b6;
border-radius: 0px;
transition: .4s;
width: 260px;
text-align: center;
font-size: 10px;
font-weight: 100;
letter-spacing: 2px;
}

.contents_company_btn:hover {
background: #c8161d;
color: #ffffff;
border: solid 2px #c8161d;
}

@media screen and (max-width: 767px) {
.cp_effect_img {
/* overflow: hidden; */
/* width: 40vw; */
/* height: 13vw; */
/* margin: .1vw 4vw 0.1vw 0vw; */
/* float: left; */
width: 15vw;
margin: .1vw auto 0.1vw auto;
}
.cp_effect_img img{
width:100%;
}
.cp_effect_img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.cp_effect_img img:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@media screen and (min-width: 768px) {
.cp_effect_img {
overflow: hidden;
width: 5vw;
height: 5vw;
margin: .1vw 1vw .1vw 0;
display: inline-block;
}
.cp_effect_img img{
width:100%;
}
.cp_effect_img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.cp_effect_img img:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}

/* top contents4 -------------------------------------------------------------- */


/* privacy policy -------------------------------------------------------------- */

#privacy_policy {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.privacy_policy {
padding: 20px 10px;
}
}

@media screen and (min-width: 768px) {
.privacy_policy {
padding: 30px 20px;
}
}

.privacy_policy_detail {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: 26px;
color: #595757;
padding: 0px 0px 20px;
}

.privacy_policy_ttl {
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
line-height: 26px;
color: #c8161d;
display: block;
}

.privacy_policy_cp {}

.privacy_policy_cp_box {
line-height: 17px;
width: 240px;
margin-left: auto;
text-align: left;
}

.privacy_policy_cp_ttl {
font-size: 18px;
font-weight: 800;
letter-spacing: 2px;
line-height: 23px;
color: #595757;
}

.privacy_policy_cp_sub {
font-size: 12px;
font-weight: 300;
letter-spacing: 2px;
line-height: 14px !important;
color: #595757;
}


/* privacy policy -------------------------------------------------------------- */


/* contact us -------------------------------------------------------------- */

#contact_us {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.contact_us_box {
padding: 20px 20px;
}
}

@media screen and (min-width: 768px) {
.contact_us_box {
padding: 50px 20px;
}
}

.contact_us {
padding: 40px 0px;
}

.contact_us_img {
width: 100%;
}

.contact_us_img img {
width: 100%;
}

.contact_us_list {
width: 100%;
}


/* contact us -------------------------------------------------------------- */


/* brands list -------------------------------------------------------------- */

#brands_list {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 5px;
}

.brands_list_box {
margin: 20px 0px;
background: #ffffff;
box-shadow: 2px 2px 4px #999999;
}

@media screen and (max-width: 767px) {
.brands_list_box {
padding: 20px 0px;
}
}

@media screen and (min-width: 768px) {
.brands_list_box {
padding: 40px 40px;
}
}

.brands_list_icon {
margin: 20px 0px 30px;
position: relative;
overflow: hidden;
/* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}

.brands_list_icon ul {
position: relative;
left: 50%;
/* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
float: left;
}

.brands_list_icon ul li {
position: relative;
left: -50%;
float: left;
list-style: none;
}

li.brands_list_icon_on {
text-align: center;
background: #c8161d;
padding: 5px 4px;
font-size: 14px;
font-weight: 800;
color: #fff;
letter-spacing: 1px;
line-height: 15px;
}

li.brands_list_icon_on img {
width: 100%;
}

li.brands_list_icon_on a {
color: #fff !important;
}

li.brands_list_icon_off {
text-align: center;
background: #9f9fa0;
padding: 5px 4px;
font-size: 14px;
font-weight: 800;
color: #EAEAEA;
letter-spacing: 1px;
line-height: 15px;
vertical-align: middle;
}

li.brands_list_icon_off img {
width: 100%;
}

li.brands_list_icon_off a {
color: #fff !important;
}

@media screen and (max-width: 767px) {
li.brands_list_icon_on {
margin: 10px 5px;
width: 85px;
}
li.brands_list_icon_off {
margin: 10px 5px;
width: 85px;
}
}

@media screen and (min-width: 768px) {
li.brands_list_icon_on {
margin: 10px 10px;
width: 150px;
}
li.brands_list_icon_off {
margin: 10px 10px;
width: 150px;
}
}

@media (max-width: 912px) {
.brands_item_img_pc {
display: none;
}
}

@media (min-width: 912px) {
.brands_item_img_sp {
display: none;
}
}

.brands_item_img1 {
width: 100%;
padding: 4px;
}

.brands_item_img1 img {
width: 100%;
}

.brands_item_img1_new {
width: 100%;
padding: 4px;
position: relative;
}

.brands_item_img1_new img {
width: 100%;
}

.brands_item_img1_new::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #FFFD00;
/* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
}

.brands_item_img1_new::after {
content: "NEW";
font-size: 13px;
letter-spacing: 2px;
font-weight: bold;
display: block;
top: 14px;
transform: rotate(-45deg);
color: #FF0000;
/* 文字色はここで変更 */
left: 1px;
position: absolute;
z-index: 101;
}

.brands_item_img2 {
padding: 4px;
}

.brands_item_img2 img {
width: 100%;
}

@media (min-width: 768px) {
.brands_item_img2 {
width: 100%;
}
}

@media (min-width: 810px) {
.brands_item_img2 {
width: 100%;
}
}

@media (min-width: 912px) {
.brands_item_img2 {
width: 50%;
float: left;
}
}

.brands_item_img_mv {
width: 100%;
padding: 4px;
}

@media screen and (max-width: 767px) {
iframe.brands_item_img_mv_i {
height: 200px;
}
}

@media screen and (min-width: 768px) {
iframe.brands_item_img_mv_i {
height: 300px;
}
}

.brands_item_logo {
width: 100%;
padding: 5px 10px;
text-align: center;
}

.brands_item_logo2 {
width: 100%;
padding: 5px 10px;
text-align: center;
}

.brands_item_logo_a {
width: 100%;
padding: 5px 10px;
text-align: center;
}

.brands_item_ttl {
border-top: dotted 2px #cccccc;
padding-top: 25px;
}

@media screen and (max-width: 767px) {
.brands_item_logo img {
padding-top: 30px;
width: 50%;
}
.brands_item_logo2 img {
padding-top: 30px;
width: 200px;
}
.brands_item_logo_a img {
padding-top: 30px;
width: 50%;
}
}

@media screen and (min-width: 768px) {
.brands_item_logo img {
width: 40%;
}
.brands_item_logo2 img {
padding-top: 30px;
width: 200px;
}
.brands_item_logo_a img {
width: 40%;
}
}

.brands_item_name {
font-weight: 800;
letter-spacing: 2px;
color: #3d3a39;
}

.brands_item_name_s {
font-weight: 400;
letter-spacing: 2px;
color: #3d3a39;
}

@media screen and (max-width: 767px) {
.brands_item_name {
font-size: 16px;
line-height: 26px;
margin: 0px 0px 5px;
text-align: center;
}
.brands_item_name_s {
font-size: 10px;
line-height: 20px;
margin: 0px 0px 10px;
text-align: center;
}
.brands_item_icon {
font-size: 20px;
line-height: 30px;
margin: 0px 0px 10px;
padding: 5px 0px;
}
}

@media screen and (min-width: 768px) {
.brands_item_name {
font-size: 16px;
line-height: 16px;
margin: 0px 10px 5px;
text-align: center;
}
.brands_item_name_s {
font-size: 10px;
line-height: 14px;
margin: 0px 10px 10px;
text-align: center;
}
.brands_item_icon {
margin: 0px 10px 10px;
padding: 5px 15px;
}
}

.brands_item_icon {
font-size: 25px;
font-weight: 800;
line-height: 33px;
letter-spacing: 2px;
color: #3d3a39;
background: #c9caca;
/*	display: initial;*/
text-align: center;
}

.brands_item_detail_list {
width: 100%;
border-top: 1px solid #c9caca;
}

@media screen and (max-width: 767px) {
table.brands_item_detail_table {
font-size: 15px;
}
.brands_item_detail_table th,
td {
padding: 0px 0px;
line-height: 25px;
}
.brands_item_detail_list {
margin: 15px 0px 0px;
padding: 10px 0px;
}
}

@media screen and (min-width: 768px) {
table.brands_item_detail_table {
font-size: 20px;
}
.brands_item_detail_table th,
td {
padding: 0px 10px;
line-height: 20px;
}
.brands_item_detail_list {
margin: 15px 10px 0px;
padding: 10px 10px;
}
}

table.brands_item_detail_table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

td.brands_item_detail_table_class1_1 {
color: #363636;
font-weight: 800;
}

@media screen and (max-width: 767px) {
td.brands_item_detail_table_class1_1 {
width: 30%;
padding-left: 5px;
letter-spacing: 0px;
font-size: 13px;
line-height: 16px;
}
td.brands_item_detail_table_class2 {
width: 70%;
line-height: 28px;
letter-spacing: 0px;
font-size: 14px;
}
}

@media screen and (min-width: 768px) {
td.brands_item_detail_table_class1_1 {
width: 32%;
padding-left: 5px;
letter-spacing: 1px;
font-size: 14px;
line-height: 17px;
}
td.brands_item_detail_table_class2 {
width: 68%;
line-height: 32px;
font-size: 14px;
}
}

td.brands_item_detail_table_class2 {
word-break: break-all;
color: #595757;
font-weight: 600;
letter-spacing: 0px;
}

.brands_item_detail_table_class2 a {
color: #595757;
text-decoration: none;
}

.brands_item_detail_table_class2 a:hover {
color: #595757;
text-decoration: underline;
text-decoration-color: #595757;
}

.brands_item_detail_table th {
border-bottom: 0px solid #9fa0a0;
}

.brands_item_detail_table td {
border-bottom: 0px solid #9fa0a0;
}

.brands_item_detail_compatible {
font-size: 12px;
line-height: 16px;
padding: 10px 0px 30px;
}

.brands_item_detail_btn {
margin: 30px 10px 10px;
display: inline-block;
padding: 12px 10px;
text-decoration: none !important;
color: #ffffff !important;
font-size: 18px !important;
border: solid 2px #c8161d;
background: #c8161d;
border-radius: 0px;
transition: .4s;
width: 100%;
text-align: center;
font-weight: 500;
letter-spacing: 2px;
line-height: 25px;
}

.brands_item_detail_btn:hover {
background: #ffffff;
color: #c8161d !important;
border: solid 2px #c8161d;
}

.brands_item_shoplink_box {
padding: 20px 0px;
}

.brands_item_shop_btn {
width: 25%;
float: left;
text-align: center;
}

.brands_item_shop_btn img {
width: 90%;
}

.brands_item_shop_btn2 {
width: 25%;
float: left;
text-align: center;
}

.brands_item_shop_btn2 img {
width: 90%;
opacity: 0.4;
}


/* brands list icon -------------------------------------------------------------- */


/* sitemap -------------------------------------------------------------- */

#site_map {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.site_map {
padding: 20px 20px;
}
}

@media screen and (min-width: 768px) {
.site_map {
padding: 30px 20px;
}
}

.site_map_detail {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: 26px;
color: #595757;
padding: 0px 0px 20px;
}

.site_map_ttl {
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
line-height: 26px;
color: #c8161d;
display: block;
}

.site_map_cp {}

.site_map_cp_box {
line-height: 17px;
width: 240px;
margin-left: auto;
text-align: left;
}

.site_map_cp_ttl {
font-size: 18px;
font-weight: 800;
letter-spacing: 2px;
line-height: 23px;
color: #595757;
}

.site_map_cp_sub {
font-size: 12px;
font-weight: 300;
letter-spacing: 2px;
line-height: 14px !important;
color: #595757;
}


/* sitemap -------------------------------------------------------------- */


/* top tokutei -------------------------------------------------------------- */

#tokuteisyouhoutorihiki {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.tokuteisyouhoutorihiki {
padding: 20px 10px;
}
}

@media screen and (min-width: 768px) {
.tokuteisyouhoutorihiki {
padding: 30px 20px;
}
}

.tokuteisyouhoutorihiki_detail {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: 26px;
color: #595757;
padding: 0px 0px 20px;
}

.tokuteisyouhoutorihiki_ttl {
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
line-height: 26px;
color: #c8161d;
display: block;
}

.tokuteisyouhoutorihiki_cp {}

.tokuteisyouhoutorihiki_cp_box {
line-height: 17px;
width: 240px;
margin-left: auto;
text-align: left;
}

.tokuteisyouhoutorihiki_cp_ttl {
font-size: 18px;
font-weight: 800;
letter-spacing: 2px;
line-height: 23px;
color: #595757;
}

.tokuteisyouhoutorihiki_cp_sub {
font-size: 12px;
font-weight: 300;
letter-spacing: 2px;
line-height: 14px !important;
color: #595757;
}

#top_tokutei {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.top_tokutei_box {
padding: 20px 20px;
}
}

@media screen and (min-width: 768px) {
.top_tokutei_box {
padding: 50px 20px;
}
}

.top_tokutei {
padding: 40px 0px;
}

.top_tokutei_img {
width: 100%;
}

.top_tokutei_img img {
width: 100%;
}

.contents_tokutei_list {
width: 100%;
}

@media screen and (max-width: 767px) {
table.contents_tokutei_table {
font-size: 15px;
}
td.contents_tokutei_table {
line-height: 25px;
}
.contents_tokutei_list {
padding: 5px 0px;
}
}

@media screen and (min-width: 768px) {
table.contents_tokutei_table {
font-size: 20px;
}
td.contents_tokutei_table {
line-height: 25px;
}
.contents_tokutei_list {
padding: 0px 30px;
}
}

.top_tokutei {
padding: 0px 0px 40px;
}

table.contents_tokutei_table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 30px;
font-size: 16px;
}

td.contents_tokutei_table_class1_1 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

td.contents_tokutei_table_class1_2 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

td.contents_tokutei_table_class1_3 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

td.contents_tokutei_table_class1_4 {
line-height: 25px;
color: #c8161d;
font-weight: 800;
}

@media screen and (max-width: 767px) {
td.contents_tokutei_table_class1_1 {
width: 30%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_tokutei_table_class1_2 {
width: 30%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_tokutei_table_class1_3 {
width: 30%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_tokutei_table_class1_4 {
width: 30%;
padding: 10px 5px;
letter-spacing: 2px;
}
td.contents_tokutei_table_class2 {
width: 70%;
font-size: 15px;
padding: 10px 5px;
line-height: 25px;
}
}

@media screen and (min-width: 768px) {
td.contents_tokutei_table_class1_1 {
width: 30%;
padding: 20px 10px;
letter-spacing: 1px;
}
td.contents_tokutei_table_class1_2 {
width: 30%;
padding: 20px 10px;
letter-spacing: 4px;
}
td.contents_tokutei_table_class1_3 {
width: 30%;
padding: 20px 10px;
letter-spacing: 4px;
}
td.contents_tokutei_table_class1_4 {
width: 30%;
padding: 20px 10px;
letter-spacing: 4px;
}
td.contents_tokutei_table_class2 {
padding: 20px 10px;
font-size: 16px;
width: 70%;
line-height: 26px;
}
}

td.contents_tokutei_table_class2 {
word-break: break-all;
color: #595757;
letter-spacing: 1px;
}

.contents_tokutei_table_class2 a {
color: #595757;
text-decoration: none;
}

.contents_tokutei_table_class2 a:hover {
color: #595757;
text-decoration: underline;
text-decoration-color: #595757;
}

.contents_tokutei_table_class_cimg {
float: left;
width: 24%;
padding: 4px;
}

.contents_tokutei_table_class_cimg img {
width: 100%;
}

.contents_tokutei_table th {
border-bottom: 2px solid #9fa0a0;
}

.contents_tokutei_table td {
border-bottom: 1px solid #9fa0a0;
}

@media screen and (max-width: 767px) {
.contents_tokutei_map {
width: 100%;
height: 400px;
}
}

@media screen and (min-width: 768px) {
.contents_tokutei_map {
width: 100%;
height: 400px;
}
}

.contents_tokutei_btn_box {
margin: 20px 0px 30px;
}

.contents_tokutei_btn {
display: inline-block;
padding: 6px 5px;
text-decoration: none !important;
color: #ffffff !important;
font-size: 15px !important;
border: solid 2px #b5b6b6;
background: #b5b6b6;
border-radius: 0px;
transition: .4s;
width: 260px;
text-align: center;
font-size: 10px;
font-weight: 100;
letter-spacing: 2px;
}

.contents_tokutei_btn:hover {
background: #c8161d;
color: #ffffff;
border: solid 2px #c8161d;
}


/* top tokutei -------------------------------------------------------------- */


/* shipping -------------------------------------------------------------- */

@media (max-width: 768px) {
.shipping_box {
padding: 3vw 1vw 4vw;
}
.shipping_box_text {
font-size: 3.2vw;
line-height: 5.5vw;
padding: 2.5vw 1.5vw 5vw;
letter-spacing: 0.1vw;
}
.shipping-table-box1 {
width: 46%;
font-size: 3.2vw;
line-height: 3.2vw;
padding: 3vw 3vw;
letter-spacing: 0.2vw;
}
.shipping-table-box2 {
width: 18%;
font-size: 3.2vw;
line-height: 3.2vw;
padding: 3vw 3vw;
letter-spacing: 0.2vw;
text-align: right !important;
}
.shipping-table-box2t {
width: 18%;
font-size: 3.2vw;
line-height: 3.2vw;
padding: 3vw 3vw;
letter-spacing: 0.2vw;
text-align: center;
}
.shipping-table {
table-layout: fixed;
width: 100%;
}
.shipping-table thead th {
background: #5B5B5B;
font-weight: bold;
color: #fff;
}
.shipping-tablee tbody th,
.shipping-table tfoot th {
background: #ffffff;
}
.shipping-table tbody td,
.shipping-table tfoot td {
text-align: center;
}
.shipping-table tr:nth-child(2n) td {
background: #F4F4F491;
}
.shipping-table tr:nth-child(2n) th {
background: #E6E6E687;
}
}

@media (min-width: 768px) {
.shipping_box {
padding: 2vw 1vw 3vw;
float: left;
width: 50%;
}
.shipping_box_text {
font-size: 1.2vw;
line-height: 2.0vw;
padding: 1.5vw 1vw 3vw;
}
.shipping-table-box1 {
width: 46%;
font-size: 1.2vw;
line-height: 1.2vw;
padding: 1.0vw 1vw;
}
.shipping-table-box2 {
width: 18%;
font-size: 1.2vw;
line-height: 1.2vw;
padding: 1.0vw 1vw;
text-align: right !important;
}
.shipping-table-box2t {
width: 18%;
font-size: 1.2vw;
line-height: 1.2vw;
padding: 1.0vw 1vw;
text-align: center;
}
.shipping-table {
table-layout: fixed;
}
.shipping-table thead th {
background: #5B5B5B;
font-weight: bold;
color: #fff;
}
.shipping-tablee tbody th,
.shipping-table tfoot th {
background: #ffffff;
}
.shipping-table tbody td,
.shipping-table tfoot td {
text-align: center;
}
.shipping-table tr:nth-child(2n) td {
background: #F4F4F491;
}
.shipping-table tr:nth-child(2n) th {
background: #E6E6E687;
}
}


/* shipping -------------------------------------------------------------- */


/* mytrex eye -------------------------------------------------------------- */

#mte_head {
background: #ffffff;
width: 100%;
position: fixed;
z-index: 999;
}

#mte_head_nav {
background-color: #fff;
padding: 3px;
}

#mte_head_nav ul {
padding: 0px;
margin: 0px;
}

#mte_head_nav ul li {}

.mte_head_nav_float_i {
float: left;
}

.mte_head_nav_float {
float: left;
}

.mte_head_nav_float_b {
float: left;
}

.mte_head_nav_link a {
font-family: "Trebuchet MS", sans-serif;
font-size: 14px;
font-weight: 600;
color: #333333;
line-height: 14px;
letter-spacing: 1px;
text-decoration: none;
}

.mte_head_nav_link a:hover {
opacity: 0.8;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.mte_head_nav_link2 a {
font-family: "Trebuchet MS", sans-serif;
font-size: 15px;
font-weight: 600;
color: #333333;
line-height: 15px;
letter-spacing: 1px;
text-decoration: underline #777777;
border-radius: 8px;
border: solid 2px #111111;
}

.mte_head_nav_link2 a:hover {
opacity: 0.8;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
border: solid 2px #888888;
}

@media screen and (max-width: 627px) {
.mte_head_sp {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mtag_qa {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mte_pdn {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mte_pdn2 {
padding-right: 15px !important;
padding-left: 15px !important;
}
.mte_head_nav_link a {
padding: 0;
}
.mte_head_nav_float {
padding: 1px 10px 7px;
}
.mte_head_nav_float_b {
padding: 4px 10px;
}
.mte_head_nav_link2 a {
padding: 2px 10px;
line-height: 15px;
letter-spacing: 0px;
}
.mte_head_nav_float_c {
float: left;
padding: 1px 5px;
}
.mte_head_nav_float_c img {
width: 20px;
}
.mte_head_nav_float_d_box {
display: none;
}
}

@media screen and (min-width: 628px) and (max-width: 992px) {
.mte_pdn,
.mtag_pdn {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mtag_qa {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mte_pdn2,
.mtag_pdn2 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mte_head_nav_link a {
padding: 0;
}
.mte_head_nav_float {
padding: 15px 10px;
}
.mte_head_nav_float_b {
padding: 15px 10px;
}
.mte_head_nav_link2 a {
padding: 5px 13px;
}
.mte_head_nav_float_c {
display: none;
}
.mte_head_nav_float_d_box {
position: absolute;
right: 0;
top: 17px;
}
.mte_head_nav_float_d {
float: left;
padding: 1px 5px;
}
.mte_head_nav_float_d img {
width: 20px;
}
.mte_head_nav_float_e {
float: left;
padding: 1px 15px 1px 5px;
}
.mte_head_nav_float_e img {
width: 20px;
}
}

@media screen and (min-width: 992px) {
.mte_pdn,
.mtag_pdn {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mtag_qa {
padding-right: 0px !important;
padding-left: 0px !important;
}
.mte_head_nav_link a {
padding: 10px;
}
.mte_head_nav_float {
padding: 15px 10px;
}
.mte_head_nav_float_b {
padding: 15px 10px;
}
.mte_head_nav_link2 a {
padding: 5px 13px;
}
.mte_head_nav_float_c {
display: none;
}
.mte_head_nav_float_d_box {
position: absolute;
right: 0;
top: 17px;
}
.mte_head_nav_float_d {
float: left;
padding: 1px 5px;
}
.mte_head_nav_float_d img {
width: 20px;
}
.mte_head_nav_float_e {
float: left;
padding: 1px 15px 1px 5px;
}
.mte_head_nav_float_e img {
width: 20px;
}
}

.mte_head_nav_img img {
width: 50px;
}

.mte_head_nav_img img:hover {
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

#mytrex_buy {
position: fixed;
right: 0px;
z-index: 99999;
}

#btn-close-modal {
width: 100%;
text-align: center;
cursor: pointer;
color: #000000;
font-size: 14px;
font-weight: normal;
}

.brands_item_shoplink_modal {
padding: 20px 0px;
display: flex;
}

@media screen and (max-width: 767px) {
.modal-content {
width: 94%;
}
}

@media screen and (min-width: 768px) {
.modal-content {
width: 80%;
}
}

.modal-content {
margin: 60px auto;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
background: rgba(255, 255, 255, 1);
border: 0px solid rgba(0, 0, 0, 0);
border-radius: 0px;
}

.brands_item_shop_btn_m {
width: 100%;
padding: 20px;
text-align: center;
}

.brands_item_shop_btn_m img {
width: 90%;
}

.brands_item_shop_btn_m img:hover {
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

@media screen and (max-width: 767px) {
#mytrex_eye_head {
padding: 0px;
}
#mytrex_eye_main {
display: none;
}
#mytrex_eye_main_sp {
width: 100%;
margin: 40px 0px 0px 0px;
padding: 0;
}
#mytrex_eye_main_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
#mytrex_eye_head {
display: none;
}
#mytrex_eye_main {
width: 100%;
margin: 40px 0px 0px 0px;
padding: 0;
}
#mytrex_eye_main img {
width: 100%;
}
#mytrex_eye_main_sp {
display: none;
}
}

.mytrex_eye_contents2 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 0px 0px;
}

@media screen and (max-width: 767px) {
.mytrex_eye_area2 {
display: none;
}
.mytrex_eye_area2_sp {
width: 100%;
margin: 0;
padding: 40px 0px;
}
.mytrex_eye_area2_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_area2 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_eye_area2 img {
width: 100%;
}
.mytrex_eye_area2_sp {
display: none;
}
}

#mytrex_eye_contents3 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 60px 0px 10px;
text-align: center;
}

.mytrex_eye_contents3_ttl {
font-size: 24px;
font-weight: 800;
color: #4a3c3f;
line-height: 30px;
letter-spacing: 1px;
padding: 5px 0px 5px;
}

.mytrex_eye_contents3_ttl_sub {
font-size: 18px;
font-weight: 800;
color: #e5c494;
line-height: 27px;
letter-spacing: 1px;
padding: 5px 0px 10px;
}

.mytrex_eye_contents3 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 0px 0px 40px;
text-align: center;
}

@media screen and (max-width: 767px) {
.mytrex_eye_area3 {
display: none;
}
.mytrex_eye_area3_sp {
width: 100%;
margin: 0;
padding: 40px 0px;
}
.mytrex_eye_area3_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_area3 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_eye_area3 img {
width: 100%;
}
.mytrex_eye_area3_sp {
display: none;
}
}

#mytrex_eye_contents4 {
background: #453633;
width: 100%;
padding: 20px 0px 10px;
text-align: center;
}

.mytrex_eye_contents4_ttl {
font-size: 20px;
font-weight: 800;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px;
padding: 5px 0px 5px;
}

.mytrex_eye_contents4_ttl_line {
width: 30px;
border-bottom: 2px solid #cfa972;
margin: 0 auto 10px;
}

@media screen and (max-width: 767px) {
.mytrex_eye_contents4 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 40px 0px 20px;
text-align: center;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_contents4 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 80px 0px 40px;
text-align: center;
}
}

.mytrex_eye_area4_nm {
width: 100%;
margin: 0 auto;
padding: 5px 5px;
text-align: center;
}

.mytrex_eye_area4_nm_ttl {
margin: 0;
padding: 4px 7px;
display: inherit;
font-size: 16px;
font-weight: 800;
color: #ffffff;
line-height: 24px;
letter-spacing: 1px;
text-align: center;
background: #453633;
border-radius: 9px;
}

.mytrex_eye_area4 {
width: 100%;
margin: 0;
padding: 0px 0px;
font-size: 16px;
font-weight: 400;
color: #242424;
line-height: 24px;
letter-spacing: 1px;
text-align: left;
}

.mytrex_eye_area4 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mytrex_eye_slider_3 {
padding: 0px 0px;
}
.mytrex_eye_contents4_2 {
display: none;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_slider_3 {
display: none;
}
.mytrex_eye_contents4_2 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}
.mytrex_eye_area4_2 {
padding: 0px 0px;
width: 100%;
}
.mytrex_eye_area4_2 img {
width: 100%;
}
}

#mytrex_eye_contents5 {
background: #453633;
width: 100%;
padding: 20px 0px 10px;
text-align: center;
}

.mytrex_eye_contents5_ttl {
width: 100%;
background: #453633;
font-size: 20px;
font-weight: 800;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px;
padding: 15px 0px 15px;
}

.mytrex_eye_contents5_3 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}

@media screen and (max-width: 767px) {
.mytrex_eye_contents5 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 40px 0px 20px;
text-align: center;
}
.mytrex_eye_slider_4 {
background: rgba(255, 255, 255, 1.00);
padding: 20px 0px;
}
.mytrex_eye_contents5_2 {
display: none;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_contents5 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 80px 0px 40px;
text-align: center;
}
.mytrex_eye_slider_4 {
display: none;
}
.mytrex_eye_contents5_2 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}
.mytrex_eye_area4_2 {
padding: 0px 0px;
width: 100%;
}
.mytrex_eye_area4_2 img {
width: 100%;
}
}

@media screen and (max-width: 767px) {
.mytrex_eye_area5 {
display: none;
}
.mytrex_eye_area5_sp {
width: 100%;
margin: 0;
padding: 40px 0px;
}
.mytrex_eye_area5 img {
width: 100%;
}
.mytrex_eye_area5_2 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_eye_area5_2 img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_area5 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_eye_area5 img {
width: 100%;
}
.mytrex_eye_area5_sp {
display: none;
}
.mytrex_eye_area5_2 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_eye_area5_2 img {
width: 100%;
}
.mytrex_eye_area5_2_sp {
display: none;
}
}

.mytrex_eye_contents6 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 0px 0px 40px;
text-align: center;
}

.mytrex_eye_contents6_ttl {
width: 100%;
background: #ffffff;
font-size: 20px;
font-weight: 800;
color: #453633;
line-height: 25px;
letter-spacing: 1px;
padding: 15px 0px 15px;
}

@media screen and (max-width: 767px) {
.mytrex_eye_area6 {
display: none;
}
.mytrex_eye_area6_sp {
width: 100%;
margin: 0;
padding: 40px 0px;
}
.mytrex_eye_area6_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_area6 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_eye_area6 img {
width: 100%;
}
.mytrex_eye_area6_sp {
display: none;
}
}

.mytrex_eye_contents7 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 0px 0px 40px;
text-align: center;
}

.mytrex_eye_contents7_ttl {
width: 100%;
background: #453633;
font-size: 20px;
font-weight: 800;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px;
padding: 15px 0px 15px;
}

.mytrex_eye_area7 {
width: 100%;
padding: 20px 0px;
}


/*ボックス全体*/

.mte_qa_box {
margin: 2em 0;
padding: 0;
width: 100%;
/*    max-width: 400px;最大幅*/
}


/*ラベル*/

.mte_qa_box label {
display: block;
margin: 7px 0;
padding: 13px 12px;
color: #613d00;
;
font-weight: bold;
background: #ffffff;
cursor: pointer;
transition: all 0.5s;
font-size: 17px;
line-height: 22px;
text-align: left;
border: solid 2px #ffffff;
}


/*アイコンを表示*/

.mte_qa_box label:before {
content: '\f054';
font-family: 'FontAwesome';
padding-right: 8px;
}


/*ラベルホバー時*/

.mte_qa_box label:hover {
border-radius: 10px;
border: solid 2px #918673;
}


/*チェックは隠す*/

.mte_qa_box input {
display: none;
}


/*中身を非表示にしておく*/

.mte_qa_box .mte_qa_box_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}


/*クリックで中身表示*/

.mte_qa_box_acc:checked+label+.mte_qa_box_show {
height: auto;
padding: 5px 5px 5px 35px;
background: #ffffff;
opacity: 1;
font-size: 15px;
font-weight: bold;
line-height: 22px;
letter-spacing: 0.5px;
color: #222222;
text-align: left;
}

.mte_qa_box_show_sub {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #555555;
}

.mte_qa_box .mte_qa_box_show p {
margin: 15px 10px
}


/*アイコンを入れ替える*/

.mte_qa_box_acc:checked+label:before {
content: '\f078';
}

.mte_note {
padding: 30px 0px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #555555;
text-align: left;
}

.mte_btm_buy_link a {
color: #333333;
letter-spacing: 1px;
text-decoration: none;
border-radius: 8px;
border: solid 2px #111111;
font-weight: bold;
content: '\f07a';
font-family: 'FontAwesome';
display: block;
margin: 10px auto;
}

.mte_btm_buy_link img {
width: 170px;
padding-bottom: 2px;
}

.mte_btm_buy_link a:hover {
opacity: 0.8;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
border: solid 2px #888888;
}

@media screen and (max-width: 627px) {
.mte_btm_buy_link a {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
line-height: 15px;
letter-spacing: 0px;
width: 90%;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mte_btm_buy_link a {
font-size: 22px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
}
}

@media screen and (min-width: 992px) {
.mte_btm_buy_link a {
font-size: 24px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
}
}


/* mytrex eye -------------------------------------------------------------- */


/* mytrex head spa -------------------------------------------------------------- */


/* view type -------------------------------------------------------------- */

.fivd_hs {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.fiv_hs {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_hs1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.fiv_hs1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_hs2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}

.fiv_hs2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_hs3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.9s;
-moz-transition: transform 0.9s;
-webkit-transition: transform 0.9s;
-o-transition: transform 0.9s;
}

.fiv_hs3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_hs4 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 1.0s;
-moz-transition: transform 1.0s;
-webkit-transition: transform 1.0s;
-o-transition: transform 1.0s;
}

.fiv_hs4 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}


/* view type -------------------------------------------------------------- */

#mths_head {
background: #ffffff;
width: 100%;
}

@media screen and (max-width: 357px) {
#mths_head {
margin-top: 60px !important;
}
}

@media screen and (min-width: 357px) and (max-width: 767px) {
#mths_head {
margin-top: 40px !important;
}
.mths_head_sp {
padding-right: 0px !important;
padding-left: 0px !important;
}
#mytrex_headspa_head {
padding: 0px;
}
#mytrex_headspa_main {
display: none;
}
#mytrex_headspa_main_sp {
width: 100%;
margin: 40px 0px 0px 0px;
padding: 0;
}
#mytrex_headspa_main_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
#mths_head {
margin-top: 40px;
}
#mytrex_headspa_head {
display: none;
}
#mytrex_headspa_main {
width: 100%;
margin: 40px 0px 0px 0px;
padding: 0;
}
#mytrex_headspa_main img {
width: 100%;
}
#mytrex_headspa_main_sp {
display: none;
}
}

.mytrex_headspa_contents2 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 60px 0px 40px;
}

.mytrex_headspa_area2 {
width: 100%;
margin: 0;
}

.mytrex_headspa_area2 img {
width: 100%;
}

.mytrex_headspa_area2_2 {
width: 100%;
margin: 0;
padding: 20px 10px;
}

.mytrex_headspa_area2_2 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mytrex_headspa_area2 {
padding: 50px 10px;
}
}

@media screen and (min-width: 768px) {
.mytrex_headspa_area2 {
padding: 30px 10px;
}
}

#mytrex_headspa_contents3 {
background: #191919;
width: 100%;
text-align: center;
}

@media screen and (max-width: 767px) {
#mytrex_headspa_contents3 {
padding: 20px 0px 10px;
}
.mytrex_headspa_contents3 {
display: none;
}
.mytrex_headspa_area3_sp {
background: #191919;
width: 100%;
margin: 0;
padding: 40px 0px;
}
.mytrex_headspa_area3_sp img {
width: 100%;
}
.mytrex_headspa_contents3_sp {
background: #191919;
width: 100%;
padding: 0px 0px 20px;
text-align: center;
}
.mytrex_headspa_contents3_ttl_sp {
font-size: 24px;
font-weight: 800;
color: #ffffff;
line-height: 30px;
letter-spacing: 1px;
padding: 5px 0px 5px;
}
.mytrex_headspa_contents3_ttl {
display: none;
}
}

@media screen and (min-width: 768px) {
#mytrex_headspa_contents3 {
padding: 60px 0px 10px;
}
.mytrex_headspa_contents3 {
background: #191919;
width: 100%;
padding: 0px 3% 40px;
text-align: center;
}
.mytrex_headspa_contents3_sp {
display: none;
}
.mytrex_headspa_area3 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_headspa_area3 img {
width: 100%;
}
.mytrex_headspa_area3_2 {
width: 100%;
margin: 0;
padding: 80px 0px;
}
.mytrex_headspa_area3_2 img {
width: 100%;
}
.mytrex_headspa_contents3_ttl {
font-size: 24px;
font-weight: 800;
color: #ffffff;
line-height: 30px;
letter-spacing: 1px;
padding: 5px 0px 5px;
}
.mytrex_headspa_contents3_ttl_sp {
display: none;
}
}

.mytrex_headspa_contents3_ttl_sub {
font-size: 18px;
font-weight: 800;
color: #e3bc81;
line-height: 27px;
letter-spacing: 1px;
padding: 5px 0px 10px;
}

.mytrex_headspa_movie {
width: 100%;
background: #ffffff;
padding: 40px 0px;
text-align: center;
}

@media screen and (max-width: 767px) {
.mytrex_headspa_movie_area {
width: 100%;
height: 300px;
}
}

@media screen and (min-width: 768px) {
iframe.mytrex_headspa_movie_area {
width: 70%;
height: 400px;
}
}

#mytrex_headspa_contents4 {
background: #ffffff;
width: 100%;
padding: 10px 0px 10px;
text-align: center;
}

@media screen and (max-width: 767px) {
.mytrex_headspa_contents4 {
background-image: url(img/jaccs/img/brands_item/mytrex_headspa/hs_c003bg1_sp.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
padding: 60px 0px 50px;
text-align: center;
}
.mytrex_headspa_area4_img {
width: 100%;
}
.mytrex_headspa_area4_sub_sp {
font-size: 20px;
font-weight: 800;
color: #e3bc81;
line-height: 28px;
letter-spacing: 1px;
padding: 0px 10px 5px;
}
.mytrex_headspa_area4_sub {
display: none;
}
}

@media screen and (min-width: 768px) {
.mytrex_headspa_contents4 {
background-image: url(img/jaccs/img/brands_item/mytrex_headspa/hs_c003bg1_pc.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
padding: 50px 0px 50px;
text-align: center;
}
.mytrex_headspa_area4_img {
width: 80%;
}
.mytrex_headspa_area4_sub {
font-size: 20px;
font-weight: 800;
color: #e3bc81;
line-height: 28px;
letter-spacing: 1px;
padding: 0px 10px 5px;
}
.mytrex_headspa_area4_sub_sp {
display: none;
}
}

.mytrex_headspa_area4 {
width: 100%;
margin: 0;
padding: 0px 0px;
font-size: 16px;
font-weight: 400;
color: #242424;
line-height: 24px;
letter-spacing: 1px;
text-align: center;
}

.mytrex_headspa_area4_ttl {
font-size: 22px;
font-weight: 800;
color: #2a282c;
line-height: 32px;
letter-spacing: 0px;
padding: 0px 10px 5px;
}

.mytrex_headspa_area4_text {
font-size: 15px;
font-weight: 800;
color: #2a282c;
line-height: 21px;
letter-spacing: 0px;
padding: 0px 10px;
}

.mytrex_headspa_area4_img {
margin: 0;
padding: 0px 0px;
}

.mytrex_headspa_area4_img img {
width: 100%;
}

.mytrex_headspa_area4_2 {
padding: 10px 10px 0px;
}

.mytrex_headspa_area4_2i {
font-size: 18px;
font-weight: 400;
color: #242424;
border-radius: 20px;
width: 30px;
padding: 4px;
border: 2px solid #2a282c;
height: 30px;
position: absolute;
background: #ffffff;
left: 12px;
}

.mytrex_headspa_area4_2b {
margin: 15px 0px;
background: #2a282c;
border-radius: 10px;
padding: 15px 20px;
font-size: 16px;
line-height: 22px;
letter-spacing: 0px;
font-weight: 500;
color: #ffffff;
text-align: left;
}

#mytrex_headspa_contents5 {
background: #ffffff;
width: 100%;
padding: 10px 0px 10px;
text-align: center;
}

@media screen and (max-width: 767px) {
.mytrex_headspa_contents5 {
background-image: url(img/jaccs/img/brands_item/mytrex_headspa/hs_c003bg2_sp.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
padding: 60px 0px 50px;
text-align: center;
}
}

@media screen and (min-width: 768px) {
.mytrex_headspa_contents5 {
background-image: url(img/jaccs/img/brands_item/mytrex_headspa/hs_c003bg2_pc.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
padding: 70px 0px 70px;
text-align: center;
}
}

.mytrex_headspa_area5 {
width: 100%;
margin: 0;
padding: 0px 0px;
font-size: 16px;
font-weight: 400;
color: #242424;
line-height: 24px;
letter-spacing: 1px;
text-align: center;
}

.mytrex_headspa_area5 img {
width: 100%;
}

.mytrex_headspa_area5_ttl {
font-size: 22px;
font-weight: 800;
color: #2a282c;
line-height: 32px;
letter-spacing: 0px;
padding: 0px 10px 5px;
}

.mytrex_headspa_area5_sub {
font-size: 20px;
font-weight: 800;
color: #e3bc81;
line-height: 28px;
letter-spacing: 1px;
padding: 0px 10px 5px;
}

.mytrex_headspa_area5_text {
font-size: 15px;
font-weight: 400;
color: #2a282c;
line-height: 21px;
letter-spacing: 0px;
padding: 0px 10px;
}

#mytrex_headspa_contents6 {
background: #ffffff;
width: 100%;
padding: 10px 0px 10px;
text-align: center;
}

@media screen and (max-width: 767px) {
.mytrex_headspa_contents6 {
background-image: url(img/jaccs/img/brands_item/mytrex_headspa/hs_c003bg3_sp.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
padding: 60px 0px 50px;
text-align: center;
}
.mytrex_headspa_area6_ttl_sp {
font-size: 22px;
font-weight: 800;
color: #2a282c;
line-height: 32px;
letter-spacing: 0px;
padding: 0px 10px 5px;
}
.mytrex_headspa_area6_ttl {
display: none;
}
}

@media screen and (min-width: 768px) {
.mytrex_headspa_contents6 {
background-image: url(img/jaccs/img/brands_item/mytrex_headspa/hs_c003bg3_pc.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
padding: 50px 0px 50px;
text-align: center;
}
.mytrex_headspa_area6_ttl {
font-size: 22px;
font-weight: 800;
color: #2a282c;
line-height: 32px;
letter-spacing: 0px;
padding: 0px 10px 5px;
}
.mytrex_headspa_area6_ttl_sp {
display: none;
}
}

.mytrex_headspa_area6 {
width: 100%;
margin: 0;
padding: 0px 0px;
font-size: 16px;
font-weight: 400;
color: #242424;
line-height: 24px;
letter-spacing: 1px;
text-align: center;
}

.mytrex_headspa_area6_img {
width: 100%;
margin: 0;
padding: 0px 0px;
font-size: 16px;
font-weight: 400;
color: #242424;
line-height: 24px;
letter-spacing: 1px;
text-align: center;
}

.mytrex_headspa_area6_img img {
width: 100%;
}

.mytrex_headspa_area6_sub {
font-size: 20px;
font-weight: 800;
color: #e3bc81;
line-height: 28px;
letter-spacing: 1px;
padding: 0px 10px 10px;
}

#mytrex_headspa_contents7 {
background: #ffffff;
width: 100%;
text-align: center;
}

@media screen and (max-width: 767px) {
#mytrex_headspa_contents7 {
padding: 40px 0px 40px;
}
.mytrex_headspa_area7_ttl {
padding: 5px 10px 5px;
}
}

@media screen and (min-width: 768px) {
#mytrex_headspa_contents7 {
padding: 60px 0px 60px;
}
.mytrex_headspa_area7_ttl {
padding: 15% 10px 5px;
}
}

.mytrex_headspa_area7 {
width: 100%;
padding: 0px 0px;
margin: 0;
padding: 0px 0px;
font-size: 16px;
font-weight: 400;
color: #242424;
line-height: 24px;
letter-spacing: 1px;
text-align: center;
}

.mytrex_headspa_area7_img {
width: 100%;
margin: 0;
padding: 15px 0px;
font-size: 16px;
font-weight: 400;
color: #242424;
line-height: 24px;
letter-spacing: 1px;
text-align: center;
}

.mytrex_headspa_area7_img img {
width: 100%;
}

.mytrex_headspa_area7_ttl {
font-size: 22px;
font-weight: 800;
color: #2a282c;
line-height: 32px;
letter-spacing: 0px;
}

.mytrex_headspa_area7_sub {
font-size: 20px;
font-weight: 800;
color: #e3bc81;
line-height: 28px;
letter-spacing: 1px;
padding: 0px 10px 5px;
}

.mytrex_headspa_area7_text {
font-size: 15px;
font-weight: 400;
color: #e3bc81;
line-height: 21px;
letter-spacing: 0px;
padding: 5px 10px 10px;
}

.mytrex_headspa_slider_12 {
background: #ffffff;
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}

.mytrex_headspa_contents8 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}

.mytrex_headspa_contents8_ttl {
width: 100%;
font-size: 24px;
font-weight: 800;
color: #2a282c;
line-height: 25px;
letter-spacing: 1px;
padding: 15px 0px 15px;
}

.mytrex_headspa_area8_ttl_img {
padding: 0px 0px 0px;
}

.mytrex_headspa_area8_ttl_img img {
width: 100px;
}

@media screen and (max-width: 767px) {
.mytrex_headspa_area8_sp {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}
.mytrex_headspa_area8_sp img {
width: 100%;
}
.mytrex_headspa_area8_pc {
display: none;
}
.mytrex_headspa_area8_2_sp {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}
.mytrex_headspa_area8_2_sp img {
width: 100%;
}
.mytrex_headspa_area8_2_pc {
display: none;
}
}

@media screen and (min-width: 768px) {
.mytrex_headspa_area8_pc {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}
.mytrex_headspa_area8_pc img {
width: 100%;
}
.mytrex_headspa_area8_sp {
display: none;
}
.mytrex_headspa_area8_2_pc {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 20px 0px 20px;
text-align: center;
}
.mytrex_headspa_area8_2_pc img {
width: 70%;
}
.mytrex_headspa_area8_2_sp {
display: none;
}
}

.mytrex_headspa_contents9 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 0px 0px 40px;
text-align: center;
}

.mytrex_headspa_contents9_ttl {
width: 100%;
background: #ffffff;
font-size: 20px;
font-weight: 800;
color: #2a282c;
line-height: 25px;
letter-spacing: 1px;
padding: 15px 0px 15px;
}

@media screen and (max-width: 767px) {
.mytrex_headspa_area9 {
display: none;
}
.mytrex_headspa_area9_sp {
width: 100%;
margin: 0;
padding: 40px 0px;
}
.mytrex_headspa_area9_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mytrex_headspa_area9 {
width: 100%;
margin: 0;
padding: 20px 0px;
}
.mytrex_headspa_area9 img {
width: 100%;
}
.mytrex_headspa_area9_sp {
display: none;
}
}

.mytrex_headspa_contents10 {
background: rgba(255, 255, 255, 1.00);
width: 100%;
padding: 40px 0px 40px;
text-align: center;
}

.mytrex_headspa_contents10_ttl {
width: 100%;
background: #2a282c;
font-size: 20px;
font-weight: 800;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px;
padding: 15px 0px 15px;
}


/*ボックス全体*/

.mths_qa_box {
margin: 2em 0;
width: 100%;
/*    max-width: 400px;最大幅*/
}

@media screen and (max-width: 627px) {
.mths_qa_box {
padding: 0;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mths_qa_box {
padding: 10px 0px 0px 0px;
}
}

@media screen and (min-width: 992px) {
.mths_qa_box {
padding: 10px 0px 0px 0px;
}
}


/*ラベル*/

.mths_qa_box label {
display: block;
margin: 7px 0;
padding: 13px 12px;
color: #2a282c;
font-weight: bold;
background: #ffffff;
cursor: pointer;
transition: all 0.5s;
font-size: 17px;
line-height: 22px;
text-align: left;
border: solid 2px #ffffff;
}


/*アイコンを表示*/

.mths_qa_box label:before {
content: '\f054';
font-family: 'FontAwesome';
padding-right: 8px;
}


/*ラベルホバー時*/

.mths_qa_box label:hover {
border-radius: 10px;
border: solid 2px #444048;
}


/*チェックは隠す*/

.mths_qa_box input {
display: none;
}


/*中身を非表示にしておく*/

.mths_qa_box .mths_qa_box_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}


/*クリックで中身表示*/

.mths_qa_box_acc:checked+label+.mths_qa_box_show {
height: auto;
padding: 5px 5px 5px 35px;
background: #ffffff;
opacity: 1;
font-size: 15px;
font-weight: bold;
line-height: 22px;
letter-spacing: 0.5px;
color: #222222;
text-align: left;
}

.mths_qa_box_show_sub {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #555555;
}

.mths_qa_box .mths_qa_box_show p {
margin: 15px 10px
}


/*アイコンを入れ替える*/

.mths_qa_box_acc:checked+label:before {
content: '\f078';
}

.mths_note {
padding: 30px 0px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #555555;
text-align: left;
}

.mths_btm_buy_link a {
color: #333333;
letter-spacing: 1px;
text-decoration: none;
border-radius: 8px;
border: solid 2px #111111;
font-weight: bold;
content: '\f07a';
font-family: 'FontAwesome';
display: block;
margin: 10px auto;
}

.mths_btm_buy_link img {
width: 170px;
padding-bottom: 2px;
}

.mths_btm_buy_link a:hover {
opacity: 0.8;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
border: solid 2px #888888;
}

@media screen and (max-width: 627px) {
.mths_btm_buy_link a {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
line-height: 15px;
letter-spacing: 0px;
width: 90%;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mths_btm_buy_link a {
font-size: 22px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
}
}

@media screen and (min-width: 992px) {
.mths_btm_buy_link a {
font-size: 24px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
}
}


/* mytrex head spa -------------------------------------------------------------- */


/* mytrex eye battery -------------------------------------------------------------- */


/* view type -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
#mteb_body {
font-family: 'Noto Sans Japanese', YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
font-weight: 200;
}
}

@media screen and (min-width: 767px) {
#mteb_body {
font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
font-weight: normal;
}
}

.fivd_eb,
.fivd_eb1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.fiv_eb,
.fiv_eb1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_eb2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}

.fiv_eb2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_eb3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.9s;
-moz-transition: transform 0.9s;
-webkit-transition: transform 0.9s;
-o-transition: transform 0.9s;
}

.fiv_eb3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_eb4,
.fivd_eb5,
.fivd_eb6,
.fivd_eb6_1,
.fivd_eb7,
.fivd_eb7_1,
.fivd_eb7_2,
.fivd_eb7_3,
.fivd_eb7_4,
.fivd_eb8,
.fivd_eb9,
.fivd_eb10,
.fivd_eb11,
.fivd_eb12,
.fivd_eb13,
.fivd_eb14,
.fivd_eb15,
.fivd_eb16,
.fivd_eb17,
.fivd_eb18,
.fivd_eb19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 1.0s;
-moz-transition: transform 1.0s;
-webkit-transition: transform 1.0s;
-o-transition: transform 1.0s;
}

.fiv_eb4,
.fiv_eb5,
.fiv_eb6,
.fiv_eb6_1,
.fiv_eb7,
.fiv_eb7_1,
.fiv_eb7_2,
.fiv_eb7_3,
.fiv_eb7_4,
.fiv_eb8,
.fiv_eb9,
.fiv_eb10,
.fiv_eb11,
.fiv_eb12,
.fiv_eb13,
.fiv_eb14,
.fiv_eb15,
.fiv_eb16,
.fiv_eb17,
.fiv_eb18,
.fiv_eb19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}


/* view type -------------------------------------------------------------- */

#mteb_body {
margin: 0;
padding: 0;
background: #2b1e1c;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.mteb_cntns {
padding: 0px 0px 0px;
width: 100%;
}

#mteb_main_top {
width: 100%;
padding-top: 40px;
}

@media screen and (max-width: 767px) {
.mteb_sp_br {
display: contents;
}
#mteb_main {
display: none;
}
#mteb_main_sp {
width: 100%;
/*    position: relative; */
padding-top: 40px;
}
#mteb_main_sp img {
width: 100%;
}
.mteb_main_sp_txt {
position: absolute;
bottom: 8%;
padding: 3% 3% 0% 3%;
}
.mteb_main_sp_txt {
width: 100%;
}
.mteb_main_sp_txt img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mteb_sp_br {
display: none;
}
#mteb_main {
width: 100%;
/*    position: relative; */
padding-top: 40px;
}
#mteb_main img {
width: 100%;
}
#mteb_main_sp {
display: none;
}
.mteb_main2 {
position: absolute;
bottom: 11%;
}
.mteb_main_txt img {
width: 95%;
}
.mteb_main3 {
position: absolute;
padding-top: 0px;
}
.mteb_main_txt2 {
width: 90%;
}
.mteb_main_txt2 img {
width: 100%;
}
}

@media screen and (max-width: 767px) {
.mteb_cntns1 {
padding: 120px 0px 30px;
width: 100%;
}
.mteb_cntns2 {
padding: 40px 0px 30px;
width: 100%;
}
.mteb_cntns3 {
padding: 60px 0px 30px;
width: 100%;
}
.mteb_cntns4 {
padding: 60px 0px 30px;
width: 100%;
}
.mteb_cntns5 {
padding: 60px 0px 30px;
width: 100%;
}
.mteb_cntns6 {
padding: 60px 0px 30px;
width: 100%;
}
.mteb_cntns7 {
padding: 60px 0px 30px;
width: 100%;
}
.mteb_cntns8 {
padding: 0px 0px 60px;
width: 100%;
}
.mteb_cntns9 {
padding: 60px 0px 60px;
width: 100%;
border-bottom: 1px #ffffff solid;
}
.mteb_cntns10 {
padding: 60px 0px 60px;
width: 100%;
border-bottom: 1px #ffffff solid;
}
.mteb_cntns11 {
padding: 60px 0px 30px;
width: 100%;
}
.mteb_cntns12 {
padding: 0px 0px 60px;
width: 100%;
}
.mteb_cntns13 {
padding: 60px 0px 60px;
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns1 {
padding: 120px 0px 60px;
width: 100%;
}
.mteb_cntns2 {
padding: 100px 0px 60px;
width: 100%;
}
.mteb_cntns3 {
padding: 100px 0px 60px;
width: 100%;
}
.mteb_cntns4 {
padding: 120px 0px 60px;
width: 100%;
}
.mteb_cntns5 {
padding: 120px 0px 60px;
width: 100%;
}
.mteb_cntns6 {
padding: 120px 0px 60px;
width: 100%;
}
.mteb_cntns7 {
padding: 120px 0px 0px;
width: 100%;
}
.mteb_cntns8 {
padding: 0px 0px 40px;
width: 100%;
}
.mteb_cntns9 {
padding: 120px 0px 60px;
width: 100%;
border-bottom: 1px #ffffff solid;
}
.mteb_cntns10 {
padding: 0px 0px 0px;
width: 100%;
border-bottom: 1px #ffffff solid;
}
.mteb_cntns11 {
padding: 0px 0px 0px;
width: 100%;
}
.mteb_cntns12 {
padding: 0px 0px 40px;
width: 100%;
}
.mteb_cntns13 {
padding: 120px 0px 60px;
width: 100%;
}
}

.mteb_cntns1_logo {
text-align: center;
padding: 15px 0px 5px;
width: 100%
}

.mteb_cntns1_img {
padding: 5px;
width: 100%;
}

.mteb_cntns1_img img {
width: 100%;
}

.mteb_cntns1_txt {
text-align: center;
color: #ffffff;
font-weight: 100;
}

@media screen and (max-width: 767px) {
.mteb_cntns1_logo img {
width: 130px;
}
.mteb_cntns1_txt {
text-align: center;
padding: 2% 0px 21%;
color: #ffffff;
font-size: 21px;
font-weight: normal;
line-height: 26px;
letter-spacing: 1px;
}
.mteb_cntns2_img_pc {
display: none;
}
.mteb_cntns2_img_sp {
width: 100%;
}
.mteb_cntns2_img_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns1_logo img {
width: 170px;
}
.mteb_cntns1_txt {
padding: 40px 0px 0px 0px;
font-size: 27px;
line-height: 36px;
letter-spacing: 1px;
}
.mteb_cntns2_img_pc {
padding: 0px 0px 0px 0px;
width: 100%;
height: auto;
position: relative;
}
.mteb_cntns2_img_pc_b:before {
content: "";
display: block;
padding-top: 25%;
/* 1:1 */
}
.mteb_cntns2_img_pc1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mteb_cntns2_img_pc2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mteb_cntns2_img_pc1_1 {
width: 100%;
display: block;
}
.mteb_cntns2_img_pc1_1 img {
width: 100%;
}
.mteb_cntns2_img_pc2_1 {
width: 100%;
display: block;
}
.mteb_cntns2_img_pc2_1 img {
width: 100%;
}
.mteb_cntns2_img {
width: 100%;
}
.mteb_cntns2_img_sp {
display: none;
}
}

@media screen and (max-width: 767px) {
.mteb_cntns3_pc {
display: none;
}
.mteb_cntns3_sp {
width: 100%;
position: relative;
}
.mteb_cntns3_sp2 {
width: 100%;
position: absolute;
bottom: 0px;
}
.mteb_cntns3_sp img {
width: 100%;
}
.mteb_cntns3_sp2 img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns3_pc {
width: 100%;
position: relative;
}
.mteb_cntns3_pc2 {
width: 100%;
position: absolute;
bottom: 0px;
}
.mteb_cntns3_pc img {
width: 100%;
}
.mteb_cntns3_pc2 img {
width: 100%;
}
.mteb_cntns3_sp {
display: none;
}
}

@media screen and (max-width: 767px) {
.mteb_cntns4_box {
padding-top: 40px;
}
.mteb_cntns4_img {
display: none;
}
.mteb_cntns4_img_sp {
width: 100%;
}
.mteb_cntns4_img_sp img {
width: 100%;
}
.mteb_cntns4_img2 {
display: none;
}
.mteb_cntns4_img2_sp {
padding-top: 30px;
padding-bottom: 0px;
width: 100%;
}
.mteb_cntns4_img2_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns4_img_sp {
display: none;
}
.mteb_cntns4_img img {
width: 100%;
}
.mteb_cntns4_img {
padding-bottom: 15%;
padding-right: 8%;
}
.mteb_cntns4_img2_sp {
display: none;
}
.mteb_cntns4_img2 {
padding-left: 20px;
padding-bottom: 40px;
width: 100%;
}
.mteb_cntns4_img2 img {
width: 100%;
}
.mteb_cntns4_img_sp {
display: none;
}
.mteb_cntns4_img {
width: 100%;
}
}

.mteb_cntns4_box {
width: 100%;
text-align: left;
padding-bottom: 40px;
}

.mteb_cntns4_box2 {
width: 100%;
text-align: left;
padding-top: 40px;
}

.mteb_cntns4_line {
padding: 0px 0px 0px 0px;
width: 60%;
}

.mteb_cntns4_line img {
width: 100%;
}

.mteb_cntns4_line2 {
padding: 0px 0px 0px 0px;
width: 70%;
}

.mteb_cntns4_line2 img {
width: 100%;
}

.mteb_cntns4_box3 {
padding-top: 40px;
width: 100%;
text-align: left;
}

@media screen and (max-width: 767px) {
.mteb_cntns4_ttl {
padding: 0px 0px 0px 0px;
font-size: 30px;
font-weight: 600;
line-height: 47px;
letter-spacing: 0px;
}
.mteb_cntns4_txt {
padding: 10px 0px 10px 0px;
font-size: 21px;
font-weight: 500;
line-height: 43px;
}
.mteb_cntns4_ttl2 {
padding: 40px 0px 0px 0px;
font-size: 30px;
font-weight: 600;
line-height: 47px;
letter-spacing: 0px;
}
.mteb_cntns4_txt2 {
padding: 20px 0px 20px 0px;
font-size: 21px;
font-weight: 500;
line-height: 43px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns4_ttl {
padding: 0px 0px 0px 0px;
font-size: 37px;
font-weight: 700;
line-height: 60px;
letter-spacing: -2px;
}
.mteb_cntns4_txt {
padding: 10px 0px 10px 0px;
font-size: 27px;
font-weight: 500;
line-height: 50px;
}
.mteb_cntns4_ttl2 {
padding: 40px 0px 0px 0px;
font-size: 39px;
font-weight: 500;
line-height: 62px;
}
.mteb_cntns4_txt2 {
padding: 20px 0px 20px 0px;
font-size: 28px;
font-weight: 300;
line-height: 53px;
}
}

.mteb_cntns4_ttl {
color: #ff3600;
}

.mteb_cntns4_txt {
color: #ffffff;
letter-spacing: -2px;
}

.mteb_cntns4_ttl2 {
color: #ff3600;
letter-spacing: 0px;
}

.mteb_cntns4_txt2 {
color: #ffffff;
letter-spacing: 0px;
}

.mteb_cntns5_box {
padding-top: 50px;
width: 100%;
text-align: left;
}

.mteb_cntns5_ttl {
color: #ff3600;
}

.mteb_cntns5_txt {
color: #ffffff;
letter-spacing: 0px;
}

.mteb_cntns5_txt2 {
color: #ffffff;
letter-spacing: 0px;
}

.mteb_cntns5_img1 {
width: 100%;
}

.mteb_cntns5_img1 img {
width: 100%;
}

.mteb_cntns5_box3 {
padding-left: 0px !important;
padding-right: 0px !important;
background: #110a0c;
}

@media screen and (max-width: 767px) {
.mteb_cntns5_ttl {
padding: 40px 0px 0px 0px;
font-size: 35px;
font-weight: 700;
line-height: 50px;
letter-spacing: -1px;
}
.mteb_cntns5_txt {
padding: 30px 0px 20px 0px;
font-size: 21px;
font-weight: 500;
line-height: 43px;
}
.mteb_cntns5_txt2 {
padding: 10px 0px 50px 0px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
.mteb_cntns5_box {
padding-top: 50px;
width: 100%;
text-align: left;
}
.mteb_cntns5_img1 {
padding: 20px 5px 10px 5px;
}
.mteb_cntns5_box2 {
padding-top: 20px;
}
.mteb_cntns5_box2 {
padding-left: 0px !important;
padding-right: 0px !important;
border-top-left-radius: 80px;
-webkit-border-top-left-radius: 80px;
-moz-border-radius-topleft: 80px;
border-top-right-radius: 80px;
-webkit-border-top-right-radius: 80px;
-moz-border-radius-topright: 80px;
text-align: left;
background: #110a0c;
}
.mteb_cntns5_box_i {
padding: 30px 10px 60px;
}
.mteb_cntns5_orh_ttl {
padding: 0px 0px 0px 0px;
font-size: 32px;
font-weight: 300;
line-height: 44px;
letter-spacing: -3px;
}
.mteb_cntns5_orh_txt {
padding: 0px 0px 15px 0px;
font-size: 35px;
font-weight: 300;
line-height: 46px;
}
.mteb_cntns5_orh_txt_s {
font-size: 15px;
font-weight: 300;
line-height: 25px;
padding-right: 4px;
}
.mteb_cntns5_orh_ttl2 {
padding: 20px 0px 0px 0px;
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0px;
}
.mteb_cntns5_orh_ttl3 {
padding: 5px 0px 20px 0px;
font-size: 37px;
font-weight: 700;
line-height: 40px;
letter-spacing: 2px;
}
.mteb_cntns5_orh_txt2 {
padding: 15px 0px 0px 0px;
font-size: 18px;
font-weight: 100;
line-height: 30px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns5_ttl {
padding: 40px 0px 0px 0px;
font-size: 46px;
font-weight: 700;
line-height: 78px;
letter-spacing: -2px;
}
.mteb_cntns5_txt {
padding: 30px 0px 20px 0px;
font-size: 27px;
font-weight: 600;
line-height: 50px;
}
.mteb_cntns5_txt2 {
padding: 10px 0px 20px 20px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
.mteb_cntns5_box {
padding-top: 50px;
width: 100%;
text-align: left;
padding-right: 10%;
}
.mteb_cntns5_img1 {
padding: 40px 10% 10px 0px;
}
.mteb_cntns5_box2 {
padding-top: 50px;
padding-bottom: 50px;
}
.mteb_cntns5_box2 {
padding-left: 0px !important;
padding-right: 0px !important;
border-top-left-radius: 80px;
-webkit-border-top-left-radius: 80px;
-moz-border-radius-topleft: 80px;
text-align: left;
background: #110a0c;
}
.mteb_cntns5_box_i {
padding: 20px 0px 40px 10%;
}
.mteb_cntns5_orh_ttl {
padding: 0px 0px 0px 0px;
font-size: 36px;
font-weight: 300;
line-height: 60px;
letter-spacing: 0px;
}
.mteb_cntns5_orh_txt {
padding: 0px 0px 15px 0px;
font-size: 36px;
font-weight: 300;
line-height: 46px;
}
.mteb_cntns5_orh_txt_s {
font-size: 20px;
font-weight: 300;
line-height: 35px;
padding-right: 4px;
}
.mteb_cntns5_orh_ttl2 {
padding: 20px 0px 0px 0px;
font-size: 26px;
font-weight: 500;
line-height: 42px;
}
.mteb_cntns5_orh_ttl3 {
padding: 5px 0px 20px 0px;
font-size: 38px;
font-weight: 700;
line-height: 40px;
letter-spacing: 0px;
}
.mteb_cntns5_orh_txt2 {
padding: 15px 0px 0px 0px;
font-size: 18px;
font-weight: 100;
line-height: 30px;
}
}

.mteb_cntns5_orh_ttl {
color: #ff3600;
}

.mteb_cntns5_orh_txt_s {
color: #ffffff;
letter-spacing: 0px;
}

.mteb_cntns5_orh_txt {
color: #ffffff;
letter-spacing: 0px;
}

.mteb_cntns5_orh_ttl2 {
color: #ff3600;
letter-spacing: 0px;
}

.mteb_cntns5_orh_ttl3 {
color: #ff3600;
}

.mteb_cntns5_orh_txt2 {
color: #ffffff;
letter-spacing: 0px;
}

.mteb_cntns5_orh_img {
width: 100%;
}

.mteb_cntns5_orh_img img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mteb_cntns5_orh_img {
padding: 10px 0px 10px 0px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns5_orh_img {
padding: 10px 0px 10px 0px;
}
}

.mteb_cntns6_box {
width: 100%;
text-align: left;
}

@media screen and (max-width: 767px) {
.mteb_cntns6_box {
padding: 0px 0px;
}
.mteb_cntns6_img_pc {
display: none;
}
.mteb_cntns6_img_sp {
width: 100%;
}
.mteb_cntns6_img_sp img {
width: 100%;
}
.mteb_cntns6_ttl {
padding: 0px 0px 40px 0px;
font-size: 40px;
font-weight: 600;
line-height: 51px;
letter-spacing: -1.5px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns6_box {
padding: 0px 0px;
}
.mteb_cntns6_img_sp {
display: none;
}
.mteb_cntns6_img_pc {
width: 100%;
}
.mteb_cntns6_img_pc_i {
width: 100%;
padding: 0px 4% 0px 4%;
}
.mteb_cntns6_img_pc_i img {
width: 100%;
}
.mteb_cntns6_ttl {
padding: 0px 0px 40px 0px;
font-size: 48px;
font-weight: 600;
line-height: 80px;
letter-spacing: 1px;
}
}

.mteb_cntns6_ttl {
color: #ff3600;
}

.mteb_cntns6_txt {
padding: 30px 0px 20px 0px;
color: #ffffff;
font-size: 18px;
font-weight: 300;
line-height: 35px;
letter-spacing: 0.5px;
}

.mteb_cntns7_box {
width: 100%;
text-align: left;
}

@media screen and (max-width: 767px) {
.mteb_cntns7_box {
padding: 0px 0px 0px;
}
.mteb_cntns7_img_pc {
display: none;
}
.mteb_cntns7_img_pc1 {
display: none;
}
.mteb_cntns7_img_sp1 {
width: 100%;
padding: 0px 0px 40px 0px;
}
.mteb_cntns7_img_sp1 img {
width: 100%;
}
.mteb_cntns7_img_sp {
width: 100%;
padding: 0px 0px 0px;
}
.mteb_cntns7_img_sp img {
width: 100%;
}
.mteb_cntns7_ttl {
padding: 0px 0px 40px 0px;
font-size: 37px;
font-weight: 300;
line-height: 37px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns7_box {
padding: 0px 0px 0px;
}
.mteb_cntns7_img_sp {
display: none;
}
.mteb_cntns7_img_sp1 {
display: none;
}
.mteb_cntns7_img_pc1 {
padding: 0px 0px 60px 0px;
width: 100%;
}
.mteb_cntns7_img_pc1 img {
width: 100%;
}
.mteb_cntns7_img_pc {
padding: 0px 0px 0px;
width: 100%;
}
.mteb_cntns7_img_pc img {
width: 100%;
}
.mteb_cntns7_ttl {
padding: 0px 0px 60px 0px;
font-size: 46px;
font-weight: 300;
line-height: 46px;
}
}

.mteb_cntns7_ttl {
color: #ff3600;
letter-spacing: 1px;
}

.mteb_cntns8_box {
width: 100%;
text-align: left;
}

@media screen and (max-width: 767px) {
.mteb_cntns8_box {
padding: 40px 0px 40px;
}
.mteb_cntns8_box2 {
display: none;
}
.mteb_cntns8_box2_sp {
padding: 40px 0px 0px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns8_box {
padding: 50px 0px 40px;
}
.mteb_cntns8_box2_sp {
display: none;
}
.mteb_cntns8_box2 {
padding: 50px 0px 0px 7%;
}
}

.mteb_cntns8_ttl {
padding: 0px 0px 0px 0px;
color: #ff3600;
font-size: 46px;
font-weight: 800;
line-height: 58px;
letter-spacing: -3px;
}

.mteb_cntns8_sub {
padding: 30px 0px 20px 0px;
color: #ff3600;
font-size: 24px;
font-weight: 600;
line-height: 31px;
letter-spacing: 0px;
}

.mteb_cntns8_txt {
padding: 15px 0px 20px 0px;
color: #ffffff;
font-size: 30px;
font-weight: 500;
line-height: 50px;
letter-spacing: 0px;
}

.mteb_cntns8_txt2 {
padding: 30px 0px 20px 0px;
color: #ffffff;
font-size: 18px;
font-weight: normal;
line-height: 18px;
letter-spacing: 1px;
}

.mteb_cntns8_img {
width: 100%;
}

.mteb_cntns8_img img {
width: 100%;
}

.mteb_cntns8_box2 {
width: 100%;
}

.mteb_cntns8_box2 img {
width: 100%;
}

.mteb_cntns8_box2_sp {
width: 100%;
}

.mteb_cntns8_box2_sp img {
width: 100%;
}

.mteb_cntns9_box {
width: 100%;
text-align: left;
}

@media screen and (max-width: 767px) {
.mteb_cntns9_box {
padding: 0px 0px 40px;
}
.mteb_cntns9_box2 {
padding: 0px 0px 0px;
}
.mteb_cntns9_img {
display: none;
}
.mteb_cntns9_img_sp {
width: 100%;
}
.mteb_cntns9_ttl {
padding: 10px 0px 10px 0px;
font-size: 37px;
font-weight: 600;
line-height: 50px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns9_box {
padding: 0px 0px 40px;
}
.mteb_cntns9_box2 {
padding: 0px 0px 0px 8%;
}
.mteb_cntns9_img_sp {
display: none;
}
.mteb_cntns9_img {
width: 100%;
}
.mteb_cntns9_ttl {
padding: 30px 0px 0px 0px;
font-size: 40px;
font-weight: 600;
line-height: 70px;
}
}

.mteb_cntns9_ttl {
color: #ff3600;
letter-spacing: 0px;
}

.mteb_cntns9_img img {
width: 100%;
}

.mteb_cntns9_img_sp img {
width: 100%;
}

.mteb_cntns10_box {
width: 100%;
text-align: left;
}

@media screen and (max-width: 767px) {
.mteb_cntns10_box {
padding: 0px 0px 10px;
}
.mteb_cntns10_box2 {
padding: 0px 0px 40px;
}
.mteb_cntns10_img {
display: none;
}
.mteb_cntns10_img_sp {
width: 100%;
}
.mteb_cntns10_ttl {
padding: 10px 0px 0px 0px;
font-size: 37px;
font-weight: 600;
line-height: 50px;
}
.mteb_cntns10_ttl_s {
font-size: 30px;
font-weight: 600;
}
.mteb_cntns10_line {
border-bottom: 0px #ffffff solid;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns10_box {
padding: 120px 0px 10px;
}
.mteb_cntns10_box2 {
padding: 0px 0px 40px;
}
.mteb_cntns10_img_sp {
display: none;
}
.mteb_cntns10_img {
padding: 0px 20px;
width: 100%;
}
.mteb_cntns10_ttl {
padding: 20px 0px 0px 0px;
font-size: 40px;
font-weight: 600;
line-height: 62px;
}
.mteb_cntns10_ttl_s {
font-size: 30px;
font-weight: 600;
}
.mteb_cntns10_line {
border-right: 1px #ffffff solid;
}
}

.mteb_cntns10_ttl {
color: #ff3600;
letter-spacing: 0px;
}

.mteb_cntns10_img img {
width: 100%;
}

.mteb_cntns10_img_sp img {
width: 100%;
}

.mteb_cntns10_logo {
text-align: center;
width: 100%
}

.mteb_cntns10_logo_pc {
text-align: center;
width: 100%
}

.mteb_cntns10_logo_sp {
text-align: center;
width: 100%
}

@media screen and (max-width: 767px) {
.mteb_cntns10_logo {
padding: 15px 0px 5px;
}
.mteb_cntns10_logo img {
width: 130px;
}
.mteb_cntns10_logo_pc {
display: none;
}
.mteb_cntns10_logo_sp {
padding: 120px 0px 5px;
}
.mteb_cntns10_logo_sp img {
width: 130px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns10_logo {
padding: 120px 0px 5px;
}
.mteb_cntns10_logo img {
width: 170px;
}
.mteb_cntns10_logo_pc {
padding: 120px 0px 5px;
}
.mteb_cntns10_logo_pc img {
width: 170px;
}
.mteb_cntns10_logo_sp {
display: none;
}
}

.mteb_cntns11_box {
width: 100%;
text-align: left;
}

@media screen and (max-width: 767px) {
.mteb_cntns11_box {
padding: 40px 0px 40px;
}
.mteb_cntns11_box2 {
padding: 40px 0px 0px;
}
.mteb_cntns11_line {
border-right: solid 0px #ffffff;
}
.mteb_cntns11_logo {
text-align: center;
padding: 5px 0px 20px;
width: 100%
}
.mteb_cntns11_logo img {
width: 170px;
}
.mteb_cntns11_txt {
padding: 30px 0px 20px 0px;
font-size: 24px;
font-weight: 300;
line-height: 40px;
}
.mteb_cntns11_txt2 {
padding: 30px 0px 20px 0px;
font-size: 24px;
font-weight: 300;
line-height: 40px;
}
.mteb_cntns11_img {
text-align: center;
padding-bottom: 60px;
}
.mteb_cntns11_img2 {
text-align: center;
padding-bottom: 60px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns11_box {
padding: 50px 0px 40px;
}
.mteb_cntns11_box2 {
padding: 50px 0px 0px;
}
.mteb_cntns11_line {
border-right: solid 1px #ffffff;
}
.mteb_cntns11_logo {
text-align: center;
padding: 0px 0px 120px;
width: 100%
}
.mteb_cntns11_logo img {
width: 230px;
}
.mteb_cntns11_txt {
padding: 30px 0px 20px 0px;
font-size: 26px;
font-weight: 300;
line-height: 46px;
}
.mteb_cntns11_txt2 {
padding: 30px 0px 20px 40px;
font-size: 26px;
font-weight: 300;
line-height: 46px;
}
.mteb_cntns11_img {
padding-left: 40px;
text-align: left;
padding-bottom: 60px;
}
.mteb_cntns11_img2 {
padding-left: 0px;
text-align: left;
padding-right: 6%;
padding-bottom: 60px;
}
}

.mteb_cntns11_txt,
.mteb_cntns11_txt2 {
color: #ffffff;
letter-spacing: 0px;
}

.mteb_cntns11_img {
width: 100%;
}

.mteb_cntns11_img img {
width: 90%;
}

.mteb_cntns11_img2 {
width: 100%;
}

.mteb_cntns11_img2 img {
width: 90%;
}

.mte_contents12 {
border-top: 1px solid #ffffff;
width: 100%;
padding: 40px 0px 40px;
text-align: center;
}

.mte_contents12_ttl {
width: 100%;
font-size: 20px;
font-weight: 800;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px;
padding: 15px 0px 15px;
}

.mte_contents12_area {
width: 100%;
padding: 20px 0px;
}


/*ボックス全体*/

.mte_contents12_qa_box {
margin: 2em 0;
padding: 0;
width: 100%;
/*    max-width: 400px;最大幅*/
}


/*ラベル*/

.mte_contents12_qa_box label {
display: block;
margin: 7px 0;
padding: 13px 12px;
color: #ffffff;
font-weight: bold;
background: #2b1e1c;
cursor: pointer;
transition: all 0.5s;
font-size: 17px;
line-height: 22px;
text-align: left;
border: solid 2px #2b1e1c;
}


/*アイコンを表示*/

.mte_contents12_qa_box label:before {
content: '\f054';
font-family: 'FontAwesome';
padding-right: 8px;
}


/*ラベルホバー時*/

.mte_contents12_qa_box label:hover {
border-radius: 10px;
border: solid 2px #918673;
}


/*チェックは隠す*/

.mte_contents12_qa_box input {
display: none;
}


/*中身を非表示にしておく*/

.mte_contents12_qa_box .mte_contents12_qa_box_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}


/*クリックで中身表示*/

.mte_contents12_qa_box_acc:checked+label+.mte_contents12_qa_box_show {
height: auto;
padding: 5px 5px 5px 40px;
background: #ffffff;
opacity: 1;
font-size: 15px;
font-weight: bold;
line-height: 22px;
letter-spacing: 0.5px;
color: #2b1e1c;
text-align: left;
margin-bottom: 15px;
}

.mte_contents12_qa_box_show_sub {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #2b1e1c;
}

.mte_contents12_qa_box .mte_contents12_qa_box_show p {
margin: 15px 10px
}


/*アイコンを入れ替える*/

.mte_contents12_qa_box_acc:checked+label:before {
content: '\f078';
}

.mte_contents12_note {
padding: 30px 0px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #ffffff;
text-align: left;
}


/* スライダー */

.loop_css2 {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}

.loop_css2 ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
/*    width: 100%; */
margin: 0;
padding: 0;
}

.loop_css2 li {
display: inline-block;
/*    width: calc(100vw / 4);*/
margin: 0 0 0 0;
list-style: none;
text-align: center;
width: auto;
height: 100%;
}

@media screen and (max-width: 767px) {
.loop_css2 li img {
height: 175px;
width: 175px;
}
}

@media screen and (min-width: 768px) {
.loop_css2 li img {
height: 250px;
width: 250px;
}
}

.loop_css2 li a {
display: block;
}

.loop_css2 li img {
display: block;
}

.loop_css2 li a:hover {
opacity: .7;
}

.loop_css2 ul:first-child {
-webkit-animation: loop 50s -25s linear infinite;
animation: loop 50s -25s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}

.loop_css2 ul+ul {
-webkit-animation: loop2 50s linear infinite;
animation: loop2 50s linear infinite;
}


/*
.loop_css2:hover ul {
animation-play-state: paused;
}
*/

@-webkit-keyframes loop {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes loop {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@-webkit-keyframes loop2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@keyframes loop2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@-webkit-keyframes loop3 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
}
}

@keyframes loop3 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
}
}


/* スライダー */


/* スライダー2 */

@media screen and (max-width: 767px) {
.loop_css3 {
display: none;
}
.loop_css3_sp {
background: #ffffff;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}
.loop_css3_sp ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
/*    width: 100%; */
margin: 0;
padding: 0;
}
.loop_css3_sp li {
display: inline-block;
/*    width: calc(100vw / 4);*/
margin: 0 200px 0 0;
list-style: none;
text-align: center;
width: auto;
height: 400px;
}
.loop_css3_sp li img {
height: 100%;
}
.loop_css3_sp li a {
display: block;
}
.loop_css3_sp li img {
display: block;
}
.loop_css3_sp li a:hover {
opacity: .7;
}
.loop_css3_sp ul:first-child {
-webkit-animation: loop4 150s -75s linear infinite;
animation: loop4 150s -75s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.loop_css3_sp ul+ul {
-webkit-animation: loop5 150s linear infinite;
animation: loop5 150s linear infinite;
}
/*
.loop_css3_sp:hover ul {
animation-play-state: paused;
}
*/
@-webkit-keyframes loop4 {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes loop4 {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes loop5 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}
@keyframes loop5 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}
}

@media screen and (min-width: 768px) {
.loop_css3_sp {
display: none;
}
.loop_css3 {
background: #ffffff;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}
.loop_css3 ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
/*    width: 100%; */
margin: 0;
padding: 0;
}
.loop_css3 li {
display: inline-block;
/*    width: calc(100vw / 4);*/
margin: 0 200px 0 0;
list-style: none;
text-align: center;
width: auto;
height: 100%;
}
.loop_css3 li img {
height: 100%;
}
.loop_css3 li a {
display: block;
}
.loop_css3 li img {
display: block;
}
.loop_css3 li a:hover {
opacity: .7;
}
.loop_css3 ul:first-child {
-webkit-animation: loop4 150s -75s linear infinite;
animation: loop4 150s -75s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.loop_css3 ul+ul {
-webkit-animation: loop5 150s linear infinite;
animation: loop5 150s linear infinite;
}
/*
.loop_css3:hover ul {
animation-play-state: paused;
}
*/
@-webkit-keyframes loop4 {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes loop4 {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes loop5 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}
@keyframes loop5 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}
}


/* スライダー2 */

.mteb_cntns12_box {
width: 100%;
text-align: left;
padding-bottom: 40px;
}

.mteb_cntns12_text {
float: left;
width: 66%;
}

.mteb_cntns12_img {
float: left;
width: 34%;
padding-top: 5%;
}

.mteb_cntns12_img img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mteb_cntns12_ttl {
padding: 15px 0px 15px 0px;
color: #ff3600;
font-size: 46px;
font-weight: 800;
line-height: 58px;
letter-spacing: 0px;
}
.mteb_cntns12_ttl_sub {
padding: 0px 0px 0px 0px;
font-size: 24px;
font-weight: 600;
line-height: 36px;
letter-spacing: 0px;
}
.mteb_cntns12_ttl_sub2 {
padding: 15px 0px 15px 0px;
font-size: 27px;
font-weight: 600;
line-height: 31px;
letter-spacing: 0px;
}
.mteb_cntns12_text {
padding: 0px 0px 20px 0px;
font-size: 22px;
font-weight: 500;
line-height: 36px;
letter-spacing: -2px;
}
.mteb_cntns12_text2 {
padding: 5px 0px 5px 0px;
text-align: left;
font-size: 12px;
font-weight: normal;
line-height: 12px;
letter-spacing: 0px;
}
}

@media screen and (min-width: 768px) {
.mteb_cntns12_ttl {
padding: 5px 0px 5px 0px;
font-size: 46px;
font-weight: 800;
line-height: 46px;
letter-spacing: 0px;
}
.mteb_cntns12_ttl_sub {
padding: 0px 0px 0px 0px;
font-size: 26px;
font-weight: 500;
line-height: 45px;
letter-spacing: 0px;
}
.mteb_cntns12_ttl_sub2 {
padding: 5px 0px 15px 0px;
font-size: 28px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0px;
}
.mteb_cntns12_text {
padding: 0px 0px 20px 0px;
font-size: 26px;
font-weight: 500;
line-height: 45px;
letter-spacing: 0px;
}
.mteb_cntns12_text2 {
padding: 0px 0px 20px 0px;
text-align: right;
font-size: 12px;
font-weight: normal;
line-height: 12px;
letter-spacing: 0px;
}
}

.mteb_cntns12_ttl,
.mteb_cntns12_ttl_sub,
.mteb_cntns12_ttl_sub2 {
color: #ff3600;
}

.mteb_cntns12_text,
.mteb_cntns12_text2 {
color: #ffffff;
}

.mte2_btm_buy_link a {
color: #ffffff;
letter-spacing: 1px;
text-decoration: none;
border-radius: 8px;
border: solid 1px #ffffff;
font-weight: bold;
content: '\f07a';
font-family: 'FontAwesome';
display: block;
text-align: center;
}

.mte2_btm_buy_link2 {
color: #ffffff;
letter-spacing: 1px;
text-decoration: none;
border-radius: 8px;
border: solid 0px #ffffff;
font-weight: bold;
content: '\f07a';
font-family: 'FontAwesome';
display: block;
text-align: center;
}

.mte2_btm_buy_link a:hover {
opacity: 0.8;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
border: solid 2px #ffffff;
}

@media screen and (max-width: 627px) {
.mte2_btm_buy_link a {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
line-height: 15px;
letter-spacing: 0px;
width: 90%;
margin: 20px auto;
}
.mte2_btm_buy_link2 {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
line-height: 15px;
letter-spacing: 0px;
width: 90%;
margin: 20px auto;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mte2_btm_buy_link a {
font-size: 20px;
line-height: 22px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
.mte2_btm_buy_link2 {
font-size: 20px;
line-height: 22px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

@media screen and (min-width: 992px) {
.mte2_btm_buy_link a {
font-size: 20px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
.mte2_btm_buy_link2 {
font-size: 20px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}


/* view type -------------------------------------------------------------- */

.fivd_mt1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.fiv_mt1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_mt2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}

.fiv_mt2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_mt3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.9s;
-moz-transition: transform 0.9s;
-webkit-transition: transform 0.9s;
-o-transition: transform 0.9s;
}

.fiv_mt3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_mt4,
.fivd_mt5,
.fivd_mt6,
.fivd_mt7,
.fivd_mt8,
.fivd_mt9,
.fivd_mt10,
.fivd_mt11,
.fivd_mt12,
.fivd_mt13,
.fivd_mt14,
.fivd_mt15,
.fivd_mt16,
.fivd_mt17,
.fivd_mt18,
.fivd_mt19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 1.0s;
-moz-transition: transform 1.0s;
-webkit-transition: transform 1.0s;
-o-transition: transform 1.0s;
}

.fiv_mt4,
.fiv_mt5,
.fiv_mt6,
.fiv_mt7,
.fiv_mt8,
.fiv_mt9,
.fiv_mt10,
.fiv_mt11,
.fiv_mt12,
.fiv_mt13,
.fiv_mt14,
.fiv_mt15,
.fiv_mt16,
.fiv_mt17,
.fiv_mt18,
.fiv_mt19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}


/* view type -------------------------------------------------------------- */

#mtag_body {
margin: 0;
padding: 0;
background: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@media screen and (max-width: 767px) {
.mtag_cntns1 {
padding: 2.5% 0px 0px;
width: 100%;
}
.mtag_cntns2_1 {
padding: 15% 0px 2.5%;
width: 100%;
}
.mtag_cntns2 {
padding: 2.5% 0px 0px;
width: 100%;
}
.mtag_cntns3 {
padding: 2.5% 0px 0px;
width: 100%;
}
.mtag_cntns4 {
padding: 10% 0px 0px;
width: 100%;
}
.mtag_cntns5 {
padding: 10% 0px 0px;
width: 100%;
}
.mtag_cntns6 {
padding: 10% 0px 0px;
width: 100%;
}
.mtag_cntns7 {
padding: 10% 0px 0px;
width: 100%;
}
.mtag_cntns8 {
padding: 5% 0px 0px;
width: 100%;
}
.mtag_cntns9 {
padding: 5% 0px 0px;
width: 100%;
}
.mtag_cntns10 {
padding: 10% 0px 0px;
width: 100%;
}
.mtag_cntns11 {
padding: 10% 0px 60%;
width: 100%;
background: url("img/jaccs/img/brands_item/mytrex_angel/aems1812_cnt010_sp.jpg") no-repeat center center;
background-size: 100% auto;
}
.mtag_cntns12 {
padding: 10% 0px 0px;
width: 100%;
}
.mtag_cntns12_2 {
padding: 10% 0px 0px;
width: 100%;
}
.mtag_cntns12_3 {
padding: 0px 0px 10%;
width: 100%;
}
.mtag_cntns13 {
padding: 60px 0px 60px;
width: 100%;
}
.mtag_cntns14 {
padding: 60px 0px 60px;
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns1 {
padding: 7% 0px 60px;
width: 100%;
}
.mtag_cntns2_1 {
padding: 7% 0px 0px;
width: 100%;
}
.mtag_cntns2 {
padding: 7% 0px 0px;
width: 100%;
}
.mtag_cntns3 {
padding: 6% 0px 60px;
width: 100%;
}
.mtag_cntns4 {
padding: 0px 0px 60px;
width: 100%;
}
.mtag_cntns5 {
padding: 60px 0px 0px;
width: 100%;
}
.mtag_cntns6 {
padding: 120px 0px 60px;
width: 100%;
}
.mtag_cntns7 {
padding: 120px 0px 0px;
width: 100%;
}
.mtag_cntns8 {
padding: 120px 0px 0px;
width: 100%;
}
.mtag_cntns9 {
padding: 0px 0px 0px;
width: 100%;
}
.mtag_cntns10 {
padding: 120px 0px 120px;
width: 100%;
}
.mtag_cntns11 {
padding: 10% 0px 15%;
width: 100%;
background: url("img/jaccs/img/brands_item/mytrex_angel/aems1812_cnt010_pc.jpg") no-repeat center center;
background-size: 100% auto;
}
.mtag_cntns12 {
padding: 120px 0px 60px;
width: 100%;
}
.mtag_cntns12_2 {
padding: 120px 0px 10px;
width: 100%;
}
.mtag_cntns12_3 {
padding: 0px 0px 120px;
width: 100%;
}
.mtag_cntns13 {
padding: 120px 0px 60px;
width: 100%;
}
.mtag_cntns14 {
padding: 120px 0px 60px;
width: 100%;
}
}

#mtag_main_top {
width: 100%;
padding-top: 40px;
}

@media screen and (max-width: 767px) {
.mtag_cntns1_box_pc {
display: none;
}
.mtag_cntns1_box_sp {
width: 100%;
}
.mtag_cntns1_img1_sp {
width: 100%;
position: relative;
}
.mtag_cntns1_img1_sp img {
width: 100%;
}
.mtag_cntns1_img2_sp {
width: 100%;
position: absolute;
top: 0px;
}
.mtag_cntns1_img2_sp img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns1_box_pc {
width: 100%;
text-align: center;
}
.mtag_cntns1_box_pc img {
width: 100%;
}
.mtag_cntns1_box_sp {
display: none;
}
.mtag_cntns1_txt {
padding: 15% 0px 5%;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #a393bf, #6b81bb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 21px;
font-weight: normal;
letter-spacing: 8px;
}
.mtag_cntns1_img {
width: 100%;
text-align: center;
padding-top: 3%;
}
.mtag_cntns1_img img {
width: 100%;
}
}

.mtag_cntns2_box {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtag_cntns2_img1_pc {
display: none;
}
.mtag_cntns2_img1_sp {
width: 100%;
text-align: center;
position: relative;
}
.mtag_cntns2_img1_sp img {
width: 100%;
}
.mtag_cntns2_text {
position: absolute;
width: 100%;
padding-right: 15px;
}
.mtag_cntns2_ttl {
padding-top: 16%;
font-size: 18px;
font-weight: normal;
line-height: 27px;
letter-spacing: 7px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #a393bf, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns2_ttl2 {
letter-spacing: -5px;
}
.mtag_cntns2_txt {
padding-top: 3%;
font-size: 14px;
font-weight: normal !important;
line-height: 28px;
letter-spacing: 0px;
}
.mtag_cntns2_txt2 {
letter-spacing: -5px;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns2_img1_sp {
display: none;
}
.mtag_cntns2_img1_pc {
width: 100%;
text-align: center;
position: relative;
}
.mtag_cntns2_img1_pc img {
width: 100%;
}
.mtag_cntns2_text {
position: absolute;
width: 100%;
padding-right: 0px;
}
.mtag_cntns2_ttl {
padding-top: 9%;
font-size: 25px;
font-weight: normal;
line-height: 38px;
letter-spacing: 8px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #a393bf, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns2_ttl2 {
letter-spacing: -5px;
}
.mtag_cntns2_txt {
padding-top: 2%;
font-size: 19px;
font-weight: normal !important;
line-height: 45px;
letter-spacing: 2px;
}
.mtag_cntns2_txt2 {
letter-spacing: -5px;
}
}

.mtag_cntns2_ttl {
text-align: right;
}

.mtag_cntns2_txt {
text-align: right;
color: #000000;
}

.mtag_cntns3_box,
.mtag_cntns3_box2 {
width: 100%;
}

.mtag_cntns3_img1 {
width: 100%;
text-align: center;
}

.mtag_cntns3_img1 img {
width: 100%;
}

.mtag_cntns3_text {
width: 100%;
text-align: center;
}

.mtag_cntns3_ttl {
text-align: center;
}

.mtag_cntns3_txt {
text-align: left;
color: #000000;
}

@media screen and (max-width: 767px) {
.mtag_cntns3_box {
padding-right: 0px;
}
.mtag_cntns3_box2 {
padding-left: 0px;
}
.mtag_cntns3_ttl {
padding-top: 8%;
padding-bottom: 6%;
font-size: 24px;
font-weight: 600;
line-height: 36px;
letter-spacing: 11px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #5b75b6, #5b75b6, #5b75b6, #5b75b6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns3_ttl2 {
padding-top: 9%;
padding-bottom: 6%;
font-size: 24px;
font-weight: 600;
line-height: 24px;
letter-spacing: 8px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns3_txt {
padding-top: 0%;
font-size: 16px;
font-weight: normal;
line-height: 30px;
letter-spacing: 4px;
padding-bottom: 10%;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns3_box {
padding-right: 2.2%;
}
.mtag_cntns3_box2 {
padding-left: 2.2%;
}
.mtag_cntns3_ttl {
padding-bottom: 5%;
font-size: 23px;
font-weight: 600;
line-height: 40px;
letter-spacing: 9px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns3_ttl2 {
padding-top: 6%;
padding-bottom: 6%;
font-size: 23px;
font-weight: 600;
line-height: 23px;
letter-spacing: 12px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #a393bf, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns3_txt {
padding-top: 0%;
font-size: 18px;
font-weight: normal !important;
line-height: 42px;
letter-spacing: 2px;
}
}

.mtag_cntns4_box {
width: 100%;
}

.mtag_cntns4_img1 {
width: 100%;
text-align: center;
}

.mtag_cntns4_img1 img {
width: 100%;
}

.mtag_cntns4_text,
.mtag_cntns4_text2 {
width: 100%;
text-align: left;
color: #000000;
}

.mtag_cntns4_ttl,
.mtag_cntns4_ttl2 {
text-align: left;
}

@media screen and (max-width: 767px) {
.mtag_cntns4_box {
padding-right: 15px;
padding-left: 15px;
}
.mtag_cntns4_box2 {
display: none;
}
.mtag_cntns4_img1_sp {
text-align: center;
width: 100%;
}
.mtag_cntns4_img1_sp img {
width: 100%;
}
.mtag_cntns4_ttl {
padding-top: 6%;
padding-bottom: 6%;
font-size: 24px;
font-weight: 600;
line-height: 21px;
letter-spacing: 8px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns4_ttl2 {
padding-top: 2%;
padding-bottom: 4%;
font-size: 17px;
font-weight: 600;
line-height: 17px;
letter-spacing: 3px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns4_txt {
padding-top: 0%;
font-size: 16px;
font-weight: normal;
line-height: 16px;
letter-spacing: 3px;
padding-bottom: 4%;
}
.mtag_cntns4_txt2 {
padding-top: 0%;
font-size: 15px;
font-weight: normal;
line-height: 33px;
letter-spacing: 3.4px;
padding-bottom: 4%;
}
.mtag_cntns4_img1 {
width: 100%;
text-align: center;
}
.mtag_cntns4_img1 img {
width: 70%;
}
.mtag_cntns4_img2 {
width: 100%;
text-align: center;
}
.mtag_cntns4_img2 img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns4_box {
padding-right: 6%;
}
.mtag_cntns4_box2 {
width: 100%;
}
.mtag_cntns4_img1_sp {
display: none;
}
.mtag_cntns4_img1_pc {
text-align: center;
width: 100%;
}
.mtag_cntns4_img1_pc img {
width: 100%;
}
.mtag_cntns4_ttl {
padding-top: 10%;
padding-bottom: 4%;
font-size: 34px;
font-weight: 600;
line-height: 34px;
letter-spacing: 15px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns4_ttl2 {
padding-top: 6%;
padding-bottom: 6%;
font-size: 23px;
font-weight: 600;
line-height: 23px;
letter-spacing: 5px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns4_txt {
padding-top: 0%;
padding-right: 2%;
font-size: 19px;
font-weight: normal;
line-height: 49px;
letter-spacing: 5px;
}
.mtag_cntns4_txt2 {
padding-top: 0%;
padding-right: 2%;
font-size: 19px;
font-weight: normal;
line-height: 49px;
letter-spacing: 5px;
padding-bottom: 2%;
}
.mtag_cntns4_img2 {
width: 100%;
text-align: center;
}
.mtag_cntns4_img2 img {
width: 100%;
}
}

.mtag_cntns4_img1_ems_box {
width: 100%;
text-align: center;
}

.mtag_cntns4_img1_ems {
width: 55%;
text-align: center;
margin: 0 auto;
}

.mtag_cntns4_img1_ems img {
width: 100%;
}

.mtag_cntns4_img1_ems1,
.mtag_cntns4_img1_ems2,
.mtag_cntns4_img1_ems3,
.mtag_cntns4_img1_ems4,
.mtag_cntns4_img1_ems5,
.mtag_cntns4_img1_ems6,
.mtag_cntns4_img1_ems7,
.mtag_cntns4_img1_ems8 {
padding: 0% 0px 15px;
width: 100%;
text-align: center;
position: absolute;
top: 0px;
}

.mtag_cntns4_img1_ems1,
.mtag_cntns4_img1_ems2,
.mtag_cntns4_img1_ems3,
.mtag_cntns4_img1_ems4,
.mtag_cntns4_img1_ems5,
.mtag_cntns4_img1_ems6,
.mtag_cntns4_img1_ems7,
.mtag_cntns4_img1_ems8 img {
width: 100%;
}

.mtag_cntns4_img1 {
width: 100%;
text-align: center;
}

.mtag_cntns4_img1 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.loop_css_ag_box {
display: none;
}
}

@media screen and (min-width: 768px) {
.loop_css_ag_box {}
}


/* スライダー */

.loop_css_ag {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}

.loop_css_ag ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
/*    width: 100%; */
margin: 0;
padding: 0;
}

.loop_css_ag li {
display: inline-block;
/*    width: calc(100vw / 4);*/
list-style: none;
text-align: center;
width: auto;
height: 100%;
}

@media screen and (max-width: 767px) {
.loop_css_ag li img {
height: 175px;
width: auto;
}
}

@media screen and (min-width: 768px) {
.loop_css_ag li img {
height: 500px;
width: auto;
padding: 0 10px 0 10px;
}
}

.loop_css_ag li a {
display: block;
}

.loop_css_ag li img {
display: block;
}

.loop_css_ag li a:hover {
opacity: .7;
}

.loop_css_ag ul:first-child {
-webkit-animation: loop_ag 100s -50s linear infinite;
animation: loop_ag 100s -50s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}

.loop_css_ag ul+ul {
-webkit-animation: loop_ag2 100s linear infinite;
animation: loop_ag2 100s linear infinite;
}


/*
.loop_css_ag:hover ul {
animation-play-state: paused;
}
*/

@-webkit-keyframes loop_ag {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes loop_ag {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@-webkit-keyframes loop_ag2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@keyframes loop_ag2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}


/* スライダー */


/* スライダー */

.loop_css_ag2 {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}

.loop_css_ag2 ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
/*    width: 100%; */
margin: 0;
padding: 0;
}

.loop_css_ag2 li {
display: inline-block;
/*    width: calc(100vw / 4);*/
list-style: none;
text-align: center;
width: auto;
height: 100%;
}

@media screen and (max-width: 767px) {
.loop_css_ag2 li img {
height: 175px;
width: auto;
}
}

@media screen and (min-width: 768px) {
.loop_css_ag2 li img {
height: 500px;
width: auto;
padding: 0 10px 0 10px;
}
}

.loop_css_ag2 li a {
display: block;
}

.loop_css_ag2 li img {
display: block;
}

.loop_css_ag2 li a:hover {
opacity: .7;
}

.loop_css_ag2 ul:first-child {
-webkit-animation: loop_ag3 150s -75s linear infinite;
animation: loop_ag3 150s -75s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}

.loop_css_ag2 ul+ul {
-webkit-animation: loop_ag4 150s linear infinite;
animation: loop_ag4 150s linear infinite;
}


/*
.loop_css_ag2:hover ul {
animation-play-state: paused;
}
*/

@-webkit-keyframes loop_ag3 {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes loop_ag3 {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@-webkit-keyframes loop_ag4 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}

@keyframes loop_ag4 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}


/* スライダー */

.mtag_cntns5_box {
width: 100%;
}

.mtag_cntns5_text {
width: 100%;
text-align: center;
}

.mtag_cntns5_ttl {
text-align: center;
}

.mtag_cntns5_ttl2 {
text-align: center;
}

@media screen and (max-width: 767px) {
.mtag_cntns5_img1_sp {
width: 100%;
}
.mtag_cntns5_img1_sp img {
width: 100%;
}
.mtag_cntns5_ttl {
padding-top: 0%;
padding-bottom: 5%;
font-size: 22px;
font-weight: 600;
line-height: 34px;
letter-spacing: 7px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns5_ttl2 {
padding-top: 0%;
padding-bottom: 5%;
font-size: 22px;
font-weight: 600;
line-height: 34px;
letter-spacing: 0px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns5_img1_sp {
display: none;
}
.mtag_cntns5_ttl {
padding-top: 0%;
padding-bottom: 4%;
font-size: 26px;
font-weight: 600;
line-height: 34px;
letter-spacing: 9px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns5_ttl2 {
padding-top: 0%;
padding-bottom: 4%;
font-size: 30px;
font-weight: 600;
line-height: 50px;
letter-spacing: 10px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}

.mtag_cntns6_box {
width: 100%;
}

.mtag_cntns6_text,
.mtag_cntns6_text2 {
width: 100%;
text-align: left;
color: #000000;
}

@media screen and (max-width: 767px) {
.mtag_cntns6_img1_sp {
width: 100%;
}
.mtag_cntns6_img1_sp img {
width: 100%;
}
.mtag_cntns6_img1_pc {
display: none;
}
.mtag_cntns6_txt {
font-size: 17px;
font-weight: normal;
line-height: 33px;
letter-spacing: 3px;
padding-bottom: 5%;
padding-top: 10%;
}
.mtag_cntns6_txt2 {
padding-top: 2%;
font-size: 13px;
font-weight: normal;
line-height: 33px;
letter-spacing: 3.4px;
padding-bottom: 0px;
}
.mtag_cntns6_txt3 {
padding-top: 0px;
font-size: 10px;
font-weight: normal;
line-height: 10px;
letter-spacing: 0px;
padding-bottom: 5%;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns6_img1_pc {
width: 100%;
}
.mtag_cntns6_img1_pc img {
width: 100%;
}
.mtag_cntns6_img1_sp {
display: none;
}
.mtag_cntns6_txt {
padding: 0% 16% 3%;
font-size: 20px;
font-weight: normal;
line-height: 49px;
letter-spacing: 3px;
}
.mtag_cntns6_txt2 {
text-align: left;
padding-top: 2%;
font-size: 13px;
font-weight: normal;
line-height: 42px;
letter-spacing: 3px;
padding-bottom: 5%;
}
.mtag_cntns6_txt3 {
text-align: right;
padding-right: 6%;
padding-top: 0%;
font-size: 11px;
font-weight: normal;
line-height: 11px;
letter-spacing: 3px;
padding-bottom: 0%;
}
}

.mtag_cntns7_box {
width: 100%;
}

.mtag_cntns7_img1 {
width: 100%;
text-align: center;
}

.mtag_cntns7_img1 img {
width: 100%;
}

.mtag_cntns7_text,
.mtag_cntns7_text2 {
width: 100%;
text-align: left;
color: #000000;
}

.mtag_cntns7_ttl,
.mtag_cntns7_ttl2 {
text-align: left;
}

@media screen and (max-width: 767px) {
.mtag_cntns7_box2 {
padding-right: 15px;
padding-left: 15px;
}
.mtag_cntns7_img1_sp {
width: 100%;
}
.mtag_cntns7_img1_sp img {
width: 100%;
}
.mtag_cntns7_img1_pc {
display: none;
}
.mtag_cntns7_ttl {
padding-top: 8%;
padding-bottom: 5%;
font-size: 24px;
font-weight: 600;
line-height: 21px;
letter-spacing: 8px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #a393bf, #526fb6, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns7_ttl2 {
padding-top: 2%;
padding-bottom: 4%;
font-size: 17px;
font-weight: 600;
line-height: 17px;
letter-spacing: 5px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #a393bf, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns7_txt {
padding-top: 0%;
font-size: 18px;
font-weight: normal;
line-height: 18px;
letter-spacing: 3px;
padding-bottom: 5%;
}
.mtag_cntns7_txt2 {
padding-top: 0%;
font-size: 15px;
font-weight: normal;
line-height: 33px;
letter-spacing: 3.4px;
padding-bottom: 10px;
}
.mtag_cntns7_txt3 {
padding-top: 0%;
font-size: 10px;
font-weight: normal;
line-height: 12px;
letter-spacing: 3.4px;
padding-bottom: 4%;
}
.mtag_cntns7_img2_sp {
width: 100%;
text-align: center;
}
.mtag_cntns7_img2_sp img {
width: 100%;
}
.mtag_cntns7_img2_pc {
display: none;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns7_box {
padding-right: 0%;
}
.mtag_cntns7_box2 {
padding-left: 10%;
}
.mtag_cntns7_img1_sp {
display: none;
}
.mtag_cntns7_img1_pc {
width: 100%;
}
.mtag_cntns7_img1_pc img {
width: 100%;
}
.mtag_cntns7_ttl {
padding-top: 18%;
padding-bottom: 3%;
font-size: 29px;
font-weight: 600;
line-height: 28px;
letter-spacing: 13px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #a393bf, #526fb6, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns7_ttl2 {
padding-top: 6%;
padding-bottom: 6%;
font-size: 23px;
font-weight: 600;
line-height: 23px;
letter-spacing: 5px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #a393bf, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtag_cntns7_txt {
padding-top: 0%;
padding-bottom: 1%;
font-size: 20px;
font-weight: normal;
line-height: 49px;
letter-spacing: 5px;
}
.mtag_cntns7_txt2 {
padding-top: 0%;
padding-right: 2%;
font-size: 18px;
font-weight: normal;
line-height: 43px;
letter-spacing: 5px;
}
.mtag_cntns7_txt3 {
padding-top: 0%;
padding-right: 2%;
font-size: 13px;
font-weight: normal;
line-height: 18px;
letter-spacing: 4px;
}
.mtag_cntns7_img2_sp {
display: none;
}
.mtag_cntns7_img2_pc {
width: 100%;
text-align: center;
}
.mtag_cntns7_img2_pc img {
width: 100%;
}
}

.mtag_cntns8_box {
width: 100%;
}

.mtag_cntns8_text {
width: 100%;
text-align: center;
}

.mtag_cntns8_ttl {
text-align: center;
}

@media screen and (max-width: 767px) {
.mtag_cntns8_ttl {
padding-top: 7%;
padding-bottom: 5%;
font-size: 22px;
font-weight: 600;
line-height: 34px;
letter-spacing: 0px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns8_ttl {
padding-top: 0%;
padding-bottom: 2%;
font-size: 30px;
font-weight: 600;
line-height: 50px;
letter-spacing: 10px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}

.mtag_cntns9_box {
width: 100%;
}

.mtag_cntns9_img_1 {
width: 33.3%;
padding: 0px 4% 0px 0%;
float: left;
text-align: center;
}

.mtag_cntns9_img_2 {
width: 33.3%;
padding: 0px 2% 0px 2%;
float: left;
text-align: center;
}

.mtag_cntns9_img_3 {
width: 33.3%;
padding: 0px 0% 0px 4%;
float: left;
text-align: center;
}

.mtag_cntns9_img_1 img {
width: 100%;
}

.mtag_cntns9_img_2 img {
width: 100%;
}

.mtag_cntns9_img_3 img {
width: 100%;
}

.mtag_cntns9_img2 {
width: 100%;
text-align: center;
}

.mtag_cntns9_text,
.mtag_cntns9_text2 {
width: 100%;
text-align: left;
color: #000000;
}

.mtag_cntns9_ttl {
text-align: left;
}

@media screen and (max-width: 767px) {
.mtag_cntns9_text,
.mtag_cntns9_text2 {
padding-left: 15px;
padding-right: 15px;
}
.mtag_cntns9_ttl {
padding-top: 8%;
padding-bottom: 5%;
font-size: 24px;
font-weight: 600;
line-height: 21px;
letter-spacing: 8px;
color: #e7a9c5;
}
.mtag_cntns9_ttl2 {
padding-top: 8%;
padding-bottom: 5%;
font-size: 24px;
font-weight: 600;
line-height: 21px;
letter-spacing: 8px;
color: #526fb6;
}
.mtag_cntns9_txt {
padding-top: 0%;
font-size: 18px;
font-weight: normal;
line-height: 18px;
letter-spacing: 3px;
padding-bottom: 5%;
}
.mtag_cntns9_txt2 {
padding-top: 0%;
font-size: 15px;
font-weight: normal;
line-height: 30px;
letter-spacing: 3.4px;
padding-bottom: 4%;
}
.mtag_cntns9_img2 {
padding: 2% 10%;
}
.mtag_cntns9_img2 img {
padding-top: 10%;
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns9_ttl {
padding-top: 4%;
padding-bottom: 3%;
font-size: 26px;
font-weight: 600;
line-height: 28px;
letter-spacing: 10px;
color: #e7a9c5;
}
.mtag_cntns9_ttl2 {
padding-top: 4%;
padding-bottom: 3%;
font-size: 26px;
font-weight: 600;
line-height: 28px;
letter-spacing: 12px;
color: #526fb6;
}
.mtag_cntns9_txt {
padding-top: 0%;
padding-bottom: 1.5%;
font-size: 21px;
font-weight: normal;
line-height: 25px;
letter-spacing: 2px;
}
.mtag_cntns9_txt2 {
padding-top: 0%;
padding-bottom: 4%;
font-size: 18px;
font-weight: normal;
line-height: 30px;
letter-spacing: 0px;
}
.mtag_cntns9_img2 {
padding: 8% 0% 1% 0%;
}
.mtag_cntns9_img2 img {
padding-top: 0%;
width: 85%;
}
}

.mtag_cntns10_box {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtag_cntns10_img1_pc {
display: none;
}
.mtag_cntns10_img1_sp {
width: 100%;
text-align: right;
position: relative;
}
.mtag_cntns10_img1_sp img {
width: 100%;
}
.mtag_cntns10_text {
position: absolute;
width: 100%;
text-align: right;
padding-right: 15px;
bottom: 7%;
}
.mtag_cntns10_ttl {
/*    padding-top: 16%;*/
font-size: 18px;
font-weight: 500;
line-height: 18px;
letter-spacing: 3px;
color: #ffffff;
}
.mtag_cntns10_ttl2 {
padding-top: 3%;
font-size: 16px;
font-weight: 500;
line-height: 27px;
letter-spacing: 2px;
color: #ffffff;
}
.mtag_cntns10_ttl2_2 {
letter-spacing: -5px;
}
.mtag_cntns10_ttl,
.mtag_cntns10_ttl2 {
text-align: right;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns10_img1_sp {
display: none;
}
.mtag_cntns10_img1_pc {
width: 100%;
text-align: center;
position: relative;
}
.mtag_cntns10_img1_pc img {
width: 100%;
}
.mtag_cntns10_text {
position: absolute;
width: 100%;
bottom: 7%;
}
.mtag_cntns10_ttl {
/*    padding-top: 67%;*/
font-size: 27px;
font-weight: normal;
line-height: 27px;
letter-spacing: 6px;
color: #ffffff;
}
.mtag_cntns10_ttl2 {
padding-top: 3%;
font-size: 18px;
font-weight: normal;
line-height: 42px;
letter-spacing: 1px;
color: #ffffff;
}
.mtag_cntns10_ttl2_2 {
letter-spacing: -5px;
}
.mtag_cntns10_ttl,
.mtag_cntns10_ttl2 {
text-align: left;
}
}

.mtag_cntns11_box {
width: 100%;
}

.mtag_cntns11_img1 {
width: 100%;
text-align: center;
}

.mtag_cntns11_img1 img {
width: 100%;
}

.mtag_cntns11_text,
.mtag_cntns11_text2 {
width: 100%;
text-align: left;
color: #000000;
}

@media screen and (max-width: 767px) {
.mtag_cntns11_box2_sp {
padding-right: 15px;
padding-left: 15px;
}
.mtag_cntns11_box2_pc {
display: none;
}
.mtag_cntns11_img1_sp {
width: 100%;
}
.mtag_cntns11_img1_sp img {
width: 100%;
}
.mtag_cntns11_img1_pc {
display: none;
}
.mtag_cntns11_ttl {
padding-top: 2%;
padding-bottom: 2%;
font-size: 22px;
font-weight: 600;
line-height: 31px;
letter-spacing: 2px;
color: #a393bf;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: right;
}
.mtag_cntns11_ttl2 {
padding-top: 2%;
padding-bottom: 4%;
font-size: 17px;
font-weight: 600;
line-height: 17px;
letter-spacing: 5px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #a393bf, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: left;
}
.mtag_cntns11_txt {
padding-top: 0%;
font-size: 18px;
font-weight: normal;
line-height: 18px;
letter-spacing: 3px;
padding-bottom: 5%;
}
.mtag_cntns11_txt2 {
padding-top: 2%;
padding-bottom: 4%;
font-size: 16px;
font-weight: normal;
line-height: 33px;
letter-spacing: 1px;
text-align: right;
}
.mtag_cntns11_txt2_2 {
letter-spacing: -2px;
}
.mtag_cntns11_txt2_3 {
letter-spacing: -5px;
}
.mtag_cntns11_img2_sp {
width: 100%;
text-align: center;
}
.mtag_cntns11_img2_sp img {
width: 100%;
}
.mtag_cntns11_img2_pc {
display: none;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns11_box {
padding-right: 0%;
}
.mtag_cntns11_box2_pc {
padding-left: 10%;
}
.mtag_cntns11_box2_sp {
display: none;
}
.mtag_cntns11_img1_sp {
display: none;
}
.mtag_cntns11_img1_pc {
width: 100%;
}
.mtag_cntns11_img1_pc img {
width: 100%;
}
.mtag_cntns11_ttl {
padding-top: 0%;
padding-bottom: 3%;
font-size: 23px;
font-weight: 600;
line-height: 30px;
letter-spacing: 4px;
color: #a393bf;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: left;
}
.mtag_cntns11_ttl2 {
padding-top: 6%;
padding-bottom: 6%;
font-size: 23px;
font-weight: 600;
line-height: 23px;
letter-spacing: 5px;
color: #a393bf;
background: -webkit-linear-gradient(0deg, #e7a9c5, #e7a9c5, #e7a9c5, #a393bf, #526fb6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: left;
}
.mtag_cntns11_txt {
padding-top: 0%;
padding-bottom: 1%;
font-size: 20px;
font-weight: normal;
line-height: 49px;
letter-spacing: 5px;
}
.mtag_cntns11_txt2 {
padding-top: 0%;
padding-right: 2%;
font-size: 20px;
font-weight: normal;
line-height: 43px;
letter-spacing: 1.5px;
}
.mtag_cntns11_img2_sp {
display: none;
}
.mtag_cntns11_img2_pc {
width: 100%;
text-align: center;
}
.mtag_cntns11_img2_pc img {
width: 100%;
}
}

.mtag_contents12_note {
padding: 30px 0px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #666666;
text-align: left;
}

.mtag_cntns12_box {
width: 100%;
}

.mtag_cntns12_box2 {
width: 100%;
}

.mtag_cntns12_text {
padding-right: 15px;
padding-left: 15px;
}

.mtag_cntns12_txt {
padding-top: 0%;
font-size: 18px;
font-weight: normal;
line-height: 18px;
letter-spacing: 3px;
padding-bottom: 5%;
}

.mtag_cntns12_img1,
.mtag_cntns12_img4,
.mtag_cntns12_img2_pc,
.mtag_cntns12_img2_sp,
.mtag_cntns12_img3_pc,
.mtag_cntns12_img3_sp {
width: 100%;
text-align: center;
}

.mtag_cntns12_img1 img {
width: 100%;
}

.mtag_cntns12_img4 img {
width: 80%;
}

.mtag_cntns12_img2_pc img {
width: 100%;
}

.mtag_cntns12_img2_sp img {
width: 100%;
}

.mtag_cntns12_img3_pc img {
width: 50%;
}

.mtag_cntns12_img3_sp img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtag_cntns12_ttl {
padding-top: 5%;
padding-bottom: 1%;
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 3px;
border-bottom: dotted 2px #000000;
}
.mtag_cntns12_img2_pc {
display: none;
}
.mtag_cntns12_img3_pc {
display: none;
}
.mtag_cntns12_img2_sp {
padding: 25px 0px 10px;
}
.mtag_cntns12_img3_sp {
padding: 25px 0px 10px;
}
.mtag_cntns12_list {
padding: 10px 0px;
}
td.mtag_cntns12_td1 {
padding: 5px 5px 5px 0px;
}
td.mtag_cntns12_td2 {
padding: 5px 0px 5px 0px;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns12_ttl {
padding-top: 1%;
padding-bottom: 1%;
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 3px;
border-bottom: dotted 2px #000000;
}
.mtag_cntns12_img2_sp {
display: none;
}
.mtag_cntns12_img3_sp {
display: none;
}
.mtag_cntns12_img2_pc {
padding: 10px 0px;
}
.mtag_cntns12_img3_pc {
padding: 10px 0px;
}
.mtag_cntns12_list {
padding: 10px 10px;
}
td.mtag_cntns12_td1 {
padding: 5px;
}
td.mtag_cntns12_td2 {
padding: 5px;
}
.mtag_cntns12_img1 {
padding-right: 2%;
}
.mtag_cntns12_img4 {
padding-right: 2%;
}
}

table.mtag_cntns12_table {
width: 100%;
border: none;
}

table.mtag_cntns12_table tr {
width: 100;
}

td.mtag_cntns12_td1 {
width: 30%;
color: #171717;
font-size: 14px;
font-weight: normal;
line-height: 18px;
letter-spacing: 0px;
}

td.mtag_cntns12_td2 {
width: 70%;
color: #171717;
font-size: 14px;
font-weight: normal;
line-height: 18px;
letter-spacing: 0px;
}

.mtag_contents13 {
border-top: 1px solid #ffffff;
width: 100%;
padding: 20px 0px 40px;
text-align: center;
}

.mtag_cntns14_box {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtag_cntns14_img1_pc {
display: none;
}
.mtag_cntns14_img1_sp {
width: 100%;
text-align: center;
}
.mtag_cntns14_img1_sp img {
width: 100%;
}
.mtag_cntns14_img3_pc {
display: none;
}
.mtag_cntns14_img3_sp {
width: 100%;
text-align: center;
}
.mtag_cntns14_img3_sp img {
width: 100%;
}
.mtag_cntns14_box {
padding: 20px 15px;
}
.mtag_cntns14_box2_pc {
display: none;
}
.mtag_cntns14_box2_sp {
width: 100%;
text-align: center;
}
.mtag_cntns14_box2_sp img {
width: 100%;
}
.mtag_cntns14_box3 {
padding: 10px 15px;
}
.mtag_cntns14_box4 {
padding: 10px 15px;
}
.mtag_cntns14_img2 {
text-align: center;
width: 100%;
}
.mtag_cntns14_img2 img {
width: 80px;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns14_img1_sp {
display: none;
}
.mtag_cntns14_img1_pc {
width: 100%;
text-align: center;
}
.mtag_cntns14_img1_pc img {
width: 100%;
}
.mtag_cntns14_img3_sp {
display: none;
}
.mtag_cntns14_img3_pc {
width: 100%;
text-align: center;
}
.mtag_cntns14_img3_pc img {
width: 100%;
}
.mtag_cntns14_box {
padding: 30px 30px 30px;
}
.mtag_cntns14_box2_sp {
display: none;
}
.mtag_cntns14_box2_pc {
padding: 30px 10% 30px 0%;
width: 100%;
text-align: center;
}
.mtag_cntns14_box2_pc img {
width: 100%;
}
.mtag_cntns14_box3 {
padding: 10px 30px 10px;
}
.mtag_cntns14_box4 {
padding: 10px 30px 10px;
}
.mtag_cntns14_img2 {
text-align: center;
width: 100%;
}
.mtag_cntns14_img2 img {
width: 8%;
}
}

.mtag_cntns14_text,
.mtag_cntns14_text2 {
width: 100%;
text-align: left;
color: #000000;
}

.mtag_btm_buy_link a {
color: #ffffff;
letter-spacing: 1px;
text-decoration: none;
border-radius: 8px;
border: solid 1px #ffffff;
font-weight: bold;
content: '\f07a';
font-family: 'FontAwesome';
display: block;
text-align: center;
}

.mtag_btm_buy_link a:hover {
opacity: 0.8;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
border: solid 2px #ffffff;
}

@media screen and (max-width: 627px) {
.mtag_btm_buy_link a {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
line-height: 15px;
letter-spacing: 0px;
width: 90%;
margin: 20px auto;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mtag_btm_buy_link a {
font-size: 20px;
line-height: 22px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

@media screen and (min-width: 992px) {
.mtag_btm_buy_link a {
font-size: 20px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

.mtag_cntns12_2_text {
width: 100%;
text-align: center;
color: #000000;
}

.mtag_cntns12_2_img1 {
width: 100%;
text-align: center;
}

@media screen and (max-width: 767px) {
.mtag_cntns12_2_ttl {
padding-top: 2%;
padding-bottom: 0px;
font-size: 22px;
font-weight: 600;
line-height: 31px;
letter-spacing: 2px;
color: #a393bf;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}
.mtag_cntns12_2_img1 img {
width: 90%;
padding-bottom: 10%;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns12_2_ttl {
padding-top: 0%;
padding-bottom: 0%;
font-size: 23px;
font-weight: 600;
line-height: 30px;
letter-spacing: 4px;
color: #a393bf;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}
.mtag_cntns12_2_img1 img {
width: 70%;
padding-bottom: 3%;
}
}

@media screen and (max-width: 767px) {
.mtag_cntns14_txt {
padding-top: 0%;
padding-bottom: 1%;
font-size: 17px;
font-weight: normal;
line-height: 32px;
letter-spacing: 2px;
}
.mtag_cntns14_txt2 {
padding-top: 2%;
padding-bottom: 4%;
font-size: 15px;
font-weight: normal;
line-height: 33px;
letter-spacing: 1px;
text-align: left;
}
.mtag_cntns14_txt_next {
font-size: 17px;
font-weight: normal;
letter-spacing: 2px;
color: #a393bf;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns14_txt {
padding-top: 0%;
padding-bottom: 1%;
font-size: 17px;
font-weight: normal;
line-height: 32px;
letter-spacing: 2px;
}
.mtag_cntns14_txt2 {
padding-top: 0%;
padding-bottom: 1%;
font-size: 15px;
font-weight: normal;
line-height: 31px;
letter-spacing: 2px;
}
.mtag_cntns14_txt_next {
font-size: 17px;
font-weight: normal;
letter-spacing: 2px;
color: #a393bf;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}

@media screen and (max-width: 767px) {
.brands_angel_ohira_btn_m {
width: 100%;
padding: 8% 0px;
text-align: left;
font-size: 14px;
font-weight: normal;
line-height: 25px;
letter-spacing: 1px;
}
.brands_angel_ohira_btn_m img {
width: 20%;
}
}

@media screen and (min-width: 768px) {
.brands_angel_ohira_btn_m {
width: 100%;
padding: 8% 0px;
text-align: left;
font-size: 17px;
font-weight: normal;
line-height: 35px;
letter-spacing: 2px;
}
.brands_angel_ohira_btn_m img {
width: 8%;
}
}

.brands_angel_ohira_btn_m img:hover {
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.mtag_cntns2_1_box {
width: 100%;
text-align: center;
}

.mtag_cntns2_1_box2 {
width: 100%;
text-align: center;
}

@media screen and (max-width: 767px) {
.mtag_cntns2_1_text_sp {
padding: 0px 15px 0px 15px;
width: 100%;
font-size: 16px;
font-weight: normal;
line-height: 27px;
letter-spacing: 2px;
color: #000000;
}
.mtag_cntns2_1_text_sp_s {
font-size: 11px;
letter-spacing: 1px;
}
.mtag_cntns2_1_text {
display: none;
}
.mtag_cntns2_1_img1 {
width: 100%;
text-align: center;
}
.mtag_cntns2_1_img1 img {
width: 110px;
}
.mtag_cntns2_1_table {
display: none;
}
.mtag_cntns2_1_table_sp {
width: 100%;
border: none;
}
.mtag_cntns2_1_td1 {
width: 50%;
padding: 10px 1.5% 10px 1.5%;
vertical-align: bottom;
}
.mtag_cntns2_1_td3 {
width: 50%;
padding: 10px 1.5% 0px 2%;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
color: #000000;
text-align: left;
}
.mtag_cntns2_1_td2 {
width: 50%;
padding: 10px 1.5% 10px 1.5%;
}
.mtag_cntns2_1_td1 img,
.mtag_cntns2_1_td2 img {
width: 100%;
}
.mtag_cntns2_1_td_text {
text-align: center;
width: 100%;
padding: 10px;
font-size: 14px;
font-weight: normal;
line-height: 14px;
letter-spacing: 1px;
color: #000000;
}
}

@media screen and (min-width: 768px) {
.mtag_cntns2_1_text_sp {
display: none;
}
.mtag_cntns2_1_text {
padding: 0px 15px 0px 15px;
font-size: 20px;
font-weight: normal;
line-height: 40px;
letter-spacing: 1px;
color: #000000;
}
.mtag_cntns2_1_img1 {
width: 100%;
text-align: center;
padding: 1.2% 0px;
}
.mtag_cntns2_1_img1 img {
width: 120px;
}
.mtag_cntns2_1_table_sp {
display: none;
}
.mtag_cntns2_1_table {
width: 100%;
border: none;
}
.mtag_cntns2_1_td1 {
width: 25%;
padding: 10px 1.5% 10px 1.5%;
vertical-align: bottom;
}
.mtag_cntns2_1_td3 {
width: 100%;
padding: 10px 1.5% 1.25% 2%;
font-size: 20px;
font-weight: normal;
line-height: 31px;
letter-spacing: 1px;
color: #000000;
text-align: left;
}
.mtag_cntns2_1_td2 {
width: 25%;
padding: 10px 1.5% 10px 1.5%;
}
.mtag_cntns2_1_td1 img,
.mtag_cntns2_1_td2 img {
width: 100%;
}
.mtag_cntns2_1_td_text {
text-align: center;
width: 100%;
padding: 10px;
font-size: 20px;
font-weight: normal;
line-height: 20px;
letter-spacing: 1px;
color: #000000;
}
}

.mtag_btm_buy_link_box {
padding: 20px 0px;
text-align: center;
}

.mtag_btm_buy_link {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
border-radius: 10px;
font-size: 18px;
line-height: 27px;
font-weight: 500;
color: #FFFFFF;
background-image: linear-gradient(125deg, #e7a9c5 30%, #6177b7 100%);
transition: .4s;
width: 100%;
letter-spacing: 7px;
}

a.mtag_btm_buy_link {
color: #FFFFFF !important;
}

.mtag_btm_buy_link:hover {
background-image: linear-gradient(150deg, #e7a9c5 55%, #6177b7 100%);
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}

a.mtag_btm_buy_link:hover {
color: #FFFFFF !important;
}

.st_blog_img {
padding: 0;
text-align: center;
}

.st_blog_img img {
width: 100%
}

.st_blog_img2 {
padding: 0;
text-align: center;
}

.st_blog_img2 img {
width: 50%
}

.st_blog_bnr {
padding: 0;
text-align: center;
}

.st_blog_bnr img {
width: 80%;
}

.st_blog_bnr img:hover {
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}

.mtag_faq_ttl_text {
font-size: 20px;
font-weight: 800;
line-height: 25px;
letter-spacing: 4px;
color: #a393bf;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 15px 0px 15px;
}

.mtag_faq_ttl {
width: 100%;
height: 100%;
border-left: 2px solid #e7a9c5;
border-right: 2px solid #6177b7;
}

.mtag_faq_ttl:before,
.mtag_faq_ttl:after {
content: "";
display: block;
height: 2px;
width: 100%;
background: -webkit-gradient(linear, left top, right bottom, from(#e7a9c5), to(#6177b7));
background: -moz-linear-gradient(left, #e7a9c5, #6177b7);
background: linear-gradient(left, #e7a9c5, #6177b7);
}

.mtag_faq_area {
width: 100%;
padding: 20px 0px;
}


/*ボックス全体*/

.mtag_faq_box {
margin: 2em 0;
padding: 0;
width: 100%;
/*    max-width: 400px;最大幅*/
}


/*ラベル*/

.mtag_faq_box label {
display: block;
margin: 7px 0;
padding: 13px 12px;
color: #1D1D1D;
font-weight: bold;
background: #ffffff;
cursor: pointer;
transition: all 0.5s;
font-size: 17px;
line-height: 22px;
text-align: left;
border: solid 0px #2b1e1c;
}


/*アイコンを表示*/

.mtag_faq_box label:before {
content: '\f054';
font-family: 'FontAwesome';
padding-right: 8px;
color: #ffffff;
background: -webkit-linear-gradient(-25deg, #e7a9c5, #e7a9c5, #e7a9c5, #e7a9c5, #b38bb9, #a393bf, #6177b7, #6177b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


/*ラベルホバー時*/

.mtag_faq_box label:hover {
border-radius: 10px;
color: #ffffff;
background-image: linear-gradient(125deg, #e7a9c5 30%, #6177b7 100%);
/*
border: solid 2px #918673;
*/
}


/*チェックは隠す*/

.mtag_faq_box input {
display: none;
}


/*中身を非表示にしておく*/

.mtag_faq_box .mtag_faq_box_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}


/*クリックで中身表示*/

.mtag_faq_box_acc:checked+label+.mtag_faq_box_show {
height: auto;
padding: 5px 5px 5px 40px;
background: #ffffff;
opacity: 1;
font-size: 15px;
font-weight: bold;
line-height: 22px;
letter-spacing: 0.5px;
color: #402c29;
text-align: left;
margin-bottom: 15px;
}

.mtag_faq_box_show_line {
padding: 10px 0px 5px;
border-top: 1px dotted #6177b7;
}

.mtag_faq_box_show_sub {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
color: #2b1e1c;
}

.mtag_faq_box .mtag_faq_box_show p {
margin: 15px 10px
}


/*アイコンを入れ替える*/

.mtag_faq_box_acc:checked+label:before {
content: '\f078';
}

.mtag_faq_link a {
color: #e7a9c5;
letter-spacing: 1px;
text-decoration: underline;
font-weight: bold;
text-align: center;
}

.mtag_faq_link a:hover {
color: #6177b7;
opacity: 0.8;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

@media screen and (max-width: 767px) {
.blog_item_area {
padding: 4vw 0vw;
}
.blog_item_box {
text-align: center;
padding: 1vw 1vw;
float: left;
width: 50%;
}
.blog_item_img {
text-align: center;
}
.blog_item_img img {
width: 33vw;
}
.blog_item_nm {
font-size: 4vw;
line-height: 5vw;
color: #101010;
}
.blog_item_link {
padding: 2vw 1vw;
}
.btnb,
a.btnb,
button.btnb {
font-size: 3.5vw;
font-weight: none !important;
line-height: 4.1vw;
position: relative;
display: inline-block;
padding: 2vw 3vw !important;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
a.blog_btn_flat {
overflow: hidden;
padding: 1vw 2.5vw;
color: #fff !important;
border-radius: 0;
background: #000;
}
a.blog_btn_flat span {
position: relative;
}
a.blog_btn_flat:before {
position: absolute;
top: 0;
left: 2.5vw;
width: 150%;
height: 500%;
content: '';
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
transform: translateX(-98%) translateY(-70%) rotate(135deg);
background: #ff0f0f;
}
a.blog_btn_flat:hover:before {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
transform: translateX(-9%) translateY(-25%) rotate(135deg);
}
.blog-img {
width: 80vw !important;
}
.news_size_img1 img {
width: 80vw !important;
}
.news_size_img2 img {
width: 80vw !important;
}
}

@media screen and (min-width: 768px) {
.blog_item_area {
padding: 5vw 2vw;
}
.blog_item_box {
text-align: center;
float: left;
width: 33%;
}
.blog_item_img {
text-align: center;
}
.blog_item_img img {
width: 18vw;
}
.blog_item_nm {
font-size: 1.2vw;
line-height: 1.5vw;
color: #101010;
}
.blog_item_link {
padding: 1vw 2vw;
}
.btnb,
a.btnb,
button.btnb {
font-size: 1.1vw;
font-weight: none !important;
line-height: 1.1vw;
position: relative;
display: inline-block;
padding: 1vw 2vw !important;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
a.blog_btn_flat {
overflow: hidden;
padding: 1vw 2.5vw;
color: #fff !important;
border-radius: 0;
background: #000;
}
a.blog_btn_flat span {
position: relative;
}
a.blog_btn_flat:before {
position: absolute;
top: 0;
left: 2.5vw;
width: 150%;
height: 500%;
content: '';
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
transform: translateX(-98%) translateY(-70%) rotate(135deg);
background: #ff0f0f;
}
a.blog_btn_flat:hover:before {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
transform: translateX(-9%) translateY(-25%) rotate(135deg);
}
.blog-img {
width: 50vw !important;
}
.news_size_img1 img {
width: 40vw !important;
}
.news_size_img2 img {
width: 40vw !important;
}
}


/* mytrex EMS HEAT NECK -------------------------------------------------------------- */

.mtehn {
padding-right: 0px !important;
padding-left: 0px !important;
}

@media screen and (max-width: 767px) {
#mtehn_body {
font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック体', '游ゴシック', 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'MS ゴシック', 'MS Gothic', 'sans-serif' !important;
font-weight: 200;
}
.mtehn_pc {
display: none;
}
}

@media screen and (min-width: 767px) {
#mtehn_body {
font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
font-weight: normal;
}
.mtehn_sp {
display: none;
}
}

#mtehn_body {
margin: 0;
padding: 0;
background: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-x: hidden;
}


/* view type -------------------------------------------------------------- */

.fivd_ehn1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.fiv_ehn1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ehn2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}

.fiv_ehn2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ehn3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.9s;
-moz-transition: transform 0.9s;
-webkit-transition: transform 0.9s;
-o-transition: transform 0.9s;
}

.fiv_ehn3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ehn4,
.fivd_ehn5,
.fivd_ehn6,
.fivd_ehn7,
.fivd_ehn8,
.fivd_ehn9,
.fivd_ehn10,
.fivd_ehn11,
.fivd_ehn12,
.fivd_ehn13,
.fivd_ehn14,
.fivd_ehn15,
.fivd_ehn16,
.fivd_ehn17,
.fivd_ehn18,
.fivd_ehn19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 1.0s;
-moz-transition: transform 1.0s;
-webkit-transition: transform 1.0s;
-o-transition: transform 1.0s;
}

.fiv_ehn4,
.fiv_ehn5,
.fiv_ehn6,
.fiv_ehn7,
.fiv_ehn8,
.fiv_ehn9,
.fiv_ehn10,
.fiv_ehn11,
.fiv_ehn12,
.fiv_ehn13,
.fiv_ehn14,
.fiv_ehn15,
.fiv_ehn16,
.fiv_ehn17,
.fiv_ehn18,
.fiv_ehn19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}


/* view type -------------------------------------------------------------- */

.mtehn_contents1 {
padding-top: 40px;
margin: 0 0;
width: 100%;
}

@media screen and (max-width: 767px) {
.mtehn_contents1_pc {
display: none;
}
.mtehn_contents1_sp {
width: 100%;
position: relative;
}
.mtehn_contents1_sp_box {
top: 0%;
width: 100%;
}
.mtehn_contents1_sp_box img {
width: 100%;
}
.mtehn_contents1_sp_ttl {
-webkit-animation: example 2.0s ease 2.0s 1 forwards;
animation: example 2.0s ease 2.0s 1 forwards;
top: 0%;
width: 100%;
position: absolute;
}
.mtehn_contents1_sp_ttl img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents1_pc {
width: 100%;
text-align: center;
}
.mtehn_contents1_pc img {
width: 100%;
}
.mtehn_contents1_sp {
display: none;
}
.mtehn_contents1_pc {
width: 100%;
position: relative;
}
.mtehn_contents1_pc_box {
top: 0%;
width: 100%;
}
.mtehn_contents1_pc_box img {
width: 100%;
}
.mtehn_contents1_pc_ttl {
-webkit-animation: example 0s ease 2.0s 1 forwards;
animation: example 0s ease 2.0s 1 forwards;
top: 0%;
width: 100%;
position: absolute;
}
.mtehn_contents1_pc_ttl img {
width: 100%;
}
}

@-webkit-keyframes example {
100% {
opacity: 1;
}
}

@keyframes example {
100% {
opacity: 1;
}
}

.mtehn_contents2 {
margin: 0 0;
width: 100%;
}

.mtehn_contents2_box {
padding: 0px 10px;
text-align: center;
}

@media screen and (max-width: 767px) {
.mtehn_contents2 {
padding: 15% 0px;
}
.mtehn_contents_name {
font-size: 14px;
letter-spacing: 2px;
padding-bottom: 3.3%;
}
.mtehn_contents2_txt {
font-size: 18px;
letter-spacing: 4px;
font-weight: 550;
line-height: 32px;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents2 {
padding: 8% 0px;
}
.mtehn_contents_name {
font-size: 15px;
letter-spacing: 2px;
padding-bottom: 2.3%;
}
.mtehn_contents2_txt {
font-size: 30px;
letter-spacing: 4px;
font-weight: 550;
line-height: 53px;
}
}

.mtehn_contents3 {
padding: 0px 0px;
margin: 0 0;
width: 100%;
}

.mtehn_contents3_img {
width: 100%;
}

.mtehn_contents3_img img {
width: 100%;
}

.mtehn_contents3_inner {
display: table-cell;
vertical-align: middle;
}

@media screen and (max-width: 767px) {
.mtehn_contents3_box {
padding: 13% 2.5%;
text-align: center;
display: table;
width: 100%;
}
.mtehn_contents3_ttl {
font-size: 18px;
letter-spacing: 2px;
font-weight: 300;
line-height: 52px;
padding-bottom: 10px;
}
.mtehn_contents3_name {
font-size: 35px;
letter-spacing: 2px;
font-weight: 300;
line-height: 52px;
padding: 5% 0% 2%;
}
.mtehn_contents3_name1 {
font-size: 50px;
letter-spacing: 2px;
font-weight: normal;
}
.mtehn_contents3_name2 {
font-size: 100px;
letter-spacing: 0px;
font-weight: normal !important;
padding: 0px 5px;
}
.mtehn_contents3_txt {
font-size: 16px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
padding: 1% 0px 2%;
}
.mtehn_contents3_txt_line {
margin: 10px 0px 20px;
border-bottom: 2px solid;
border-image: linear-gradient(to right, #cb816b 0%, #bf6400 50%, #ea0000 100%);
border-image-slice: 1;
}
.mtehn_contents3_mode1 {
float: left;
width: 30%;
margin: 0px 0%;
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
border-radius: 8px;
border: solid #000000 1px;
}
.mtehn_contents3_mode2 {
float: left;
width: 30%;
margin: 0px 5%;
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
border-radius: 8px;
border: solid #000000 1px;
}
.mtehn_contents3_mode1_ttl {
padding: 4px 2px;
font-size: 15px;
letter-spacing: 0px;
font-weight: normal;
line-height: 30px;
}
.mtehn_contents3_mode1_line {
border-bottom: solid #000000 1px;
display: block;
}
.mtehn_contents3_mode1_ttl1 {
font-size: 17px;
font-weight: 800;
line-height: 30px;
}
.mtehn_contents3_mode1_ttl2 {
font-size: 14px;
font-weight: 800;
line-height: 30px;
}
.mtehn_contents3_sub2 {
padding: 5px 0px;
font-size: 12px;
font-weight: normal;
line-height: 18px;
text-align: right;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents3_box {
padding: 10% 10%;
text-align: center;
display: table;
width: 100%;
}
.mtehn_contents3_ttl {
font-size: 33px;
letter-spacing: 3px;
font-weight: 300;
line-height: 52px;
padding-bottom: 10px;
}
.mtehn_contents3_name {
font-size: 35px;
letter-spacing: 2px;
font-weight: 300;
line-height: 52px;
padding: 10% 6% 4%;
}
.mtehn_contents3_name1 {
font-size: 90px;
letter-spacing: 5px;
font-weight: normal;
}
.mtehn_contents3_name2 {
font-size: 140px;
letter-spacing: 6px;
font-weight: normal !important;
line-height: 52px;
padding: 0px 15px;
}
.mtehn_contents3_txt {
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
padding: 4% 0px 2%;
}
.mtehn_contents3_txt_line {
margin: 10px 0px 20px;
border-bottom: 2px solid;
border-image: linear-gradient(to right, #cb816b 0%, #bf6400 50%, #ea0000 100%);
border-image-slice: 1;
}
.mtehn_contents3_mode1 {
float: left;
width: 30%;
margin: 0px 0%;
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
border-radius: 8px;
border: solid #000000 1px;
}
.mtehn_contents3_mode2 {
float: left;
width: 30%;
margin: 0px 4%;
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
border-radius: 8px;
border: solid #000000 1px;
}
.mtehn_contents3_mode1_ttl {
padding: 4px 2px;
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
}
.mtehn_contents3_mode1_line {
border-bottom: solid #000000 1px;
display: block;
}
.mtehn_contents3_mode1_ttl1 {
font-size: 20px;
font-weight: 800;
line-height: 30px;
}
.mtehn_contents3_mode1_ttl2 {
font-size: 18px;
font-weight: 800;
line-height: 30px;
}
.mtehn_contents3_sub2 {
padding: 5px 0px;
font-size: 13px;
font-weight: normal;
line-height: 18px;
text-align: right;
}
}

.mtehn_contents4 {
padding: 0px 0px;
margin: 0 0;
width: 100%;
}

.mtehn_contents4_img {
width: 100%;
}

.mtehn_contents4_img img {
width: 100%;
}

.mtehn_contents4_inner {
display: table-cell;
vertical-align: middle;
}

@media screen and (max-width: 767px) {
.mtehn_contents4_box {
padding: 13% 2.5%;
text-align: center;
display: table;
width: 100%;
}
.mtehn_contents4_name {
font-size: 14px;
letter-spacing: 2px;
padding-bottom: 25px;
}
.mtehn_contents4_img_ttl {
width: 100%;
text-align: center;
padding: 0px 0px 3%;
}
.mtehn_contents4_img_ttl img {
width: 85%;
}
.mtehn_contents4_txt {
font-size: 24px;
letter-spacing: 1px;
font-weight: normal !important;
line-height: 35px;
padding-bottom: 5%;
}
.mtehn_contents4_txt2 {
font-size: 15px;
letter-spacing: 0px;
font-weight: normal !important;
line-height: 30px;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents4_box {
padding: 23% 10%;
text-align: center;
display: table;
width: 100%;
}
.mtehn_contents4_name {
font-size: 15px;
letter-spacing: 2px;
padding-bottom: 25px;
}
.mtehn_contents4_img_ttl {
width: 100%;
text-align: center;
padding: 0px 0px 3%;
}
.mtehn_contents4_img_ttl img {
width: 60%;
}
.mtehn_contents4_txt {
font-size: 33px;
letter-spacing: 4px;
font-weight: normal !important;
line-height: 44px;
padding-bottom: 5%;
}
.mtehn_contents4_txt2 {
font-size: 17px;
letter-spacing: 0px;
font-weight: normal !important;
line-height: 33px;
}
}

@media screen and (max-width: 767px) {
.mtehn_contents5 {
padding: 10% 0px 0%;
margin: 0 0;
width: 100%;
}
.mtehn_contents5_box {
padding: 10px 1%;
text-align: center;
}
.mtehn_contents5_ttl1 {
font-size: 21px;
letter-spacing: 0px;
font-weight: 500;
line-height: 37px;
padding-bottom: 3%;
}
.mtehn_contents5_ttl2 {
font-size: 28px;
letter-spacing: 0px;
font-weight: normal;
line-height: 30px;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents5 {
padding: 10% 0px;
margin: 0 0;
width: 100%;
}
.mtehn_contents5_box {
padding: 10px 10%;
text-align: center;
}
.mtehn_contents5_ttl1 {
font-size: 33px;
letter-spacing: 2px;
font-weight: 550;
line-height: 37px;
padding-bottom: 3%;
}
.mtehn_contents5_ttl2 {
font-size: 50px;
letter-spacing: 6px;
font-weight: 350;
line-height: 50px;
}
}

.mtehn_contents6 {
padding: 0% 0px;
margin: 0 0;
width: 100%;
}

.mtehn_contents6_box {
padding: 0px 0%;
text-align: center;
width: 100%;
}

.mtehn_contents6_img {
width: 100%;
text-align: center;
}

.mtehn_contents6_img img {
width: 100%;
}

.mtehn_contents7_box2 {
padding: 2% 0% 0%;
text-align: center;
width: 100%;
}

@media screen and (max-width: 767px) {
.mtehn_contents7 {
padding: 13% 0px;
margin: 0 0;
width: 100%;
}
.mtehn_contents7_box {
padding: 0% 2% 0% 0%;
width: 100%;
}
.mtehn_contents7_ttl {
width: 100%;
text-align: center;
font-size: 18px;
letter-spacing: 0px;
font-weight: normal;
line-height: 30px;
padding-bottom: 5%;
}
.mtehn_contents7_check {
padding: 5px 19%;
font-size: 18px;
letter-spacing: 1px;
font-weight: 550;
line-height: 18px;
}
.mtehn_contents7_check_icon {
padding: 0;
}
.mtehn_contents7_check_icon img {
width: 22px;
vertical-align: middle;
}
.mtehn_contents7_check_text {
font-size: 18px;
letter-spacing: 2px;
font-weight: 550;
line-height: 30px;
margin-left: -3px;
}
.mtehn_contents7_sub {
font-size: 12px;
letter-spacing: 0px;
font-weight: normal;
line-height: 20px;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents7 {
padding: 5% 0px;
margin: 0 0;
width: 100%;
}
.mtehn_contents7_box {
padding: 0px 1%;
width: 100%;
}
.mtehn_contents7_ttl {
width: 100%;
text-align: center;
font-size: 28px;
letter-spacing: 1px;
font-weight: normal;
line-height: 47px;
padding-bottom: 5%;
}
.mtehn_contents7_check {
padding: 2% 0px;
font-size: 25px;
letter-spacing: 2px;
font-weight: 550;
line-height: 40px;
}
.mtehn_contents7_check_icon {
padding: 0;
}
.mtehn_contents7_check_icon img {
width: 26px;
}
.mtehn_contents7_check_text {
font-size: 25px;
letter-spacing: 2px;
font-weight: 550;
line-height: 40px;
margin-left: -10px;
}
.mtehn_contents7_sub {
font-size: 15px;
letter-spacing: 2px;
font-weight: normal;
line-height: 20px;
}
}

.mtehn_contents8 {
padding: 0% 0px;
margin: 0 0;
width: 100%;
}

.mtehn_contents8_box {
padding: 0px 0%;
text-align: center;
width: 100%;
}

.mtehn_contents8_img {
width: 100%;
text-align: center;
}

.mtehn_contents8_img img {
width: 100%;
}

.mtehn_contents9_box {
padding: 0px 0%;
text-align: center;
width: 100%;
}

.mtehn_contents9_box_sub {
float: left;
width: 50%;
padding: 0px 0%;
text-align: center;
}

.mtehn_contents9_img2 {
padding: 0px 1%;
}

.mtehn_contents9_img2 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtehn_contents9 {
padding: 13% 0px;
margin: 0 0;
width: 100%;
}
.mtehn_contents9_img {
padding: 0px 0px;
}
.mtehn_contents9_img img {
width: 100%;
}
.mtehn_contents9_ttl {
font-size: 28px;
letter-spacing: 2px;
font-weight: normal;
line-height: 38px;
padding-bottom: 10%;
}
.mtehn_contents9_ttl_sub {
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
line-height: 30px;
padding-bottom: 15%;
}
.mtehn_contents9_text {
font-size: 24px;
letter-spacing: 0px;
font-weight: normal;
line-height: 48px;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents9 {
padding: 8% 0px;
margin: 0 0;
width: 100%;
}
.mtehn_contents9_img {
padding: 15px 0px 0px;
}
.mtehn_contents9_img img {
width: 100%;
}
.mtehn_contents9_ttl {
font-size: 46px;
letter-spacing: 3px;
font-weight: normal;
line-height: 47px;
padding-bottom: 7%;
}
.mtehn_contents9_ttl_sub {
font-size: 25px;
letter-spacing: 1px;
font-weight: normal;
line-height: 47px;
}
.mtehn_contents9_text {
font-size: 24px;
letter-spacing: 0px;
font-weight: normal;
line-height: 48px;
}
}

.mtehn_contents10 {
padding: 0% 0px;
margin: 0 0;
width: 100%;
}

table.mtehn_contents10_table {
width: 100%;
border: none;
}

table.mtehn_contents10_table tr {
width: 100;
}

td.mtehn_contents10_td1 {
width: 25%;
color: #636363;
font-size: 16px;
font-weight: normal;
line-height: 24px;
letter-spacing: 0px;
}

td.mtehn_contents10_td2 {
width: 75%;
color: #636363;
font-size: 16px;
font-weight: normal;
line-height: 24px;
letter-spacing: 0px;
}

@media screen and (max-width: 767px) {
.mtehn_contents10_box {
padding: 10% 3%;
width: 100%;
}
.mtehn_contents10_ttl {
font-size: 24px;
letter-spacing: 3px;
font-weight: normal;
line-height: 47px;
padding-bottom: 1%;
text-align: center;
}
.mtehn_contents10_list {
padding: 10px 0px;
}
td.mtehn_contents10_td1 {
padding: 5px 5px 5px 0px;
}
td.mtehn_contents10_td2 {
padding: 5px 0px 5px 0px;
}
.mtehn_contents10_sub {
padding: 10px 0px;
font-size: 12px;
line-height: 22px;
letter-spacing: 0px;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents10_box {
padding: 2% 3%;
width: 100%;
}
.mtehn_contents10_ttl {
font-size: 36px;
letter-spacing: 3px;
font-weight: normal;
line-height: 47px;
padding-bottom: 1%;
text-align: center;
}
.mtehn_contents10_list {
padding: 10px 10px;
}
td.mtehn_contents10_td1 {
padding: 5px;
}
td.mtehn_contents10_td2 {
padding: 5px;
}
.mtehn_contents10_sub {
padding: 10px 0px;
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
}
}

.mtehn_btm_buy_link_box {
padding: 20px 0px;
text-align: center;
}

.mtehn_btm_buy_link {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
border-radius: 10px;
border: solid 1.5px #000000;
font-size: 18px;
line-height: 27px;
font-weight: 500;
color: #000000;
background: #ffffff;
transition: .4s;
width: 100%;
letter-spacing: 7px;
}

a.mtehn_btm_buy_link {
color: #000000 !important;
}

.mtehn_btm_buy_link:hover {
background: rgba(0, 0, 0, 0.38);
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}

a.mtehn_btm_buy_link:hover {
color: #000000 !important;
font-weight: 550;
}

@media screen and (max-width: 627px) {
.mtehn_btm_buy_link a {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
letter-spacing: 0px;
width: 90%;
margin: 20px auto;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mtehn_btm_buy_link a {
font-size: 20px;
line-height: 22px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

@media screen and (min-width: 992px) {
.mtehn_btm_buy_link a {
font-size: 20px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

.mtehn_contents12 {
padding: 2% 0px 10%;
margin: 0 0;
width: 100%;
}

.mtehn_contents12_box {
padding: 0 15px;
width: 100%;
}

.mtehn_contents13 {
padding: 0% 0px;
margin: 0 0;
width: 100%;
}

.mtehn_contents13_step {
float: left;
}

.mtehn_contents13_step2 {
float: left;
}

.mtehn_contents13_step3 {
float: left;
}

@media screen and (max-width: 767px) {
.mtehn_contents13_box {
padding: 10% 3%;
width: 100%;
}
.mtehn_contents13_ttl {
font-size: 6vw;
letter-spacing: 6px;
font-weight: normal;
line-height: 6vw;
padding-bottom: 1%;
text-align: center;
}
.mtehn_contents13_ttl2 {
font-size: 2.8vw;
letter-spacing: 4px;
font-weight: normal;
line-height: 3.6vw;
padding-bottom: 5%;
text-align: center;
}
.mtehn_contents13_sub {
font-size: 2.4vw;
letter-spacing: 2px;
font-weight: normal;
line-height: 3.2vw;
padding-top: 4%;
padding-bottom: 4%;
text-align: center;
}
.mtehn_contents13_sub2 {
font-size: 2.2vw;
letter-spacing: 1px;
font-weight: normal;
line-height: 3.1vw;
padding-top: 0%;
padding-bottom: 2%;
text-align: center;
}
.mtehn_contents13_step {
width: 47vw;
padding: 0.6vw 0.6vw 10vw;
}
.mtehn_contents13_step2 {
width: 47vw;
padding: 0.6vw;
padding: 0.6vw 0.6vw 10vw;
}
.mtehn_contents13_step3 {
width: 47vw;
padding: 0.6vw;
padding: 0.6vw 0.6vw 10vw;
}
.mtehn_contents13_step_no {
font-size: 2.8vw;
letter-spacing: 3px;
font-weight: 800;
line-height: 4vw;
padding-bottom: 1%;
}
.mtehn_contents13_step_text {
font-size: 3.6vw;
letter-spacing: 1px;
font-weight: normal;
line-height: 5.5vw;
padding-bottom: 1%;
}
.mtehn_contents13_step_text2 {
font-size: 3.6vw;
letter-spacing: 1px;
font-weight: normal;
line-height: 5.5vw;
padding: 0.8vw;
border: solid 0.2vw #888;
border-radius: 12px;
}
.mtehn_contents13_step_img {
text-align: center;
}
.mtehn_contents13_step_img img {
width: 100%;
}
.mtehn_contents13_step_text_img1 {
width: 100%;
}
.mtehn_contents13_step_text_img1 img {
width: 5.0vw;
vertical-align: middle;
margin-right: 7px;
}
.mtehn_contents13_step_text_img2 {
width: 100%;
}
.mtehn_contents13_step_text_img2 img {
width: 3.2vw;
vertical-align: middle;
margin-right: 7px;
}
.mtehn_contents13_step_text_img3 {
width: 100%;
}
.mtehn_contents13_step_text_img3 img {
width: 2.2vw;
vertical-align: middle;
margin-right: 3px;
}
.mtehn_contents13_step_text_b {
font-weight: 800;
}
.mtehn_contents13_step_text_sub {
font-size: 3.2vw;
letter-spacing: 0px;
font-weight: normal;
line-height: 4.5vw;
padding-bottom: 1%;
text-align: left;
}
.mtehn_contents13_step_text_sub2 {
min-height: 20px;
}
}

@media screen and (min-width: 768px) {
.mtehn_contents13_step_text_sub2 {
display: none;
}
.mtehn_contents13_box {
padding: 2% 0%;
width: 100%;
}
.mtehn_contents13_ttl {
font-size: 3vw;
letter-spacing: 3px;
font-weight: normal;
line-height: 3vw;
padding-bottom: 1%;
text-align: center;
}
.mtehn_contents13_ttl2 {
font-size: 1.4vw;
letter-spacing: 4px;
font-weight: normal;
line-height: 1.8vw;
padding-bottom: 5%;
text-align: center;
}
.mtehn_contents13_sub {
font-size: 1.2vw;
letter-spacing: 1px;
font-weight: normal;
line-height: 1.8vw;
padding-top: 4%;
padding-bottom: 4%;
text-align: center;
}
.mtehn_contents13_sub2 {
font-size: 1.0vw;
letter-spacing: 1px;
font-weight: normal;
line-height: 1.6vw;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
}
.mtehn_contents13_step {
width: 33%;
padding: 0.6vw;
}
.mtehn_contents13_step2 {
width: 35vw;
padding: 0.6vw;
}
.mtehn_contents13_step3 {
width: 25vw;
padding: 0.6vw;
}
.mtehn_contents13_step_no {
font-size: 0.7vw;
letter-spacing: 3px;
font-weight: 800;
line-height: 1vw;
padding-bottom: 1%;
}
.mtehn_contents13_step_text {
font-size: 1.0vw;
letter-spacing: 1px;
font-weight: normal;
line-height: 1.5vw;
padding-bottom: 1%;
min-height: 5.5vw;
}
.mtehn_contents13_step_text2 {
font-size: 1.0vw;
letter-spacing: 1px;
font-weight: normal;
line-height: 1.5vw;
padding: 0.8vw;
min-height: 5.5vw;
border: solid 0.2vw #888;
border-radius: 12px;
}
.mtehn_contents13_step_img {
text-align: center;
}
.mtehn_contents13_step_img img {
width: 100%;
}
.mtehn_contents13_step_text_img1 {
width: 100%;
}
.mtehn_contents13_step_text_img1 img {
width: 2.05vw;
vertical-align: middle;
margin-right: 7px;
}
.mtehn_contents13_step_text_img2 {
width: 100%;
}
.mtehn_contents13_step_text_img2 img {
width: 1.6vw;
vertical-align: middle;
margin-right: 7px;
}
.mtehn_contents13_step_text_img3 {
width: 100%;
}
.mtehn_contents13_step_text_img3 img {
width: 1.1vw;
vertical-align: middle;
margin-right: 3px;
}
.mtehn_contents13_step_text_b {
font-weight: 800;
}
.mtehn_contents13_step_text_sub {
font-size: 0.8vw;
letter-spacing: 0px;
font-weight: normal;
line-height: 1.0vw;
padding-bottom: 1%;
}
}

@media screen and (max-width: 767px) {
.mtag_contents12_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtag_contents12_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtag_contents12_space {
padding-bottom: 10px;
color: #888888;
}
.mtag_contents12_space_ttl {
color: #333333;
}
}

@media screen and (min-width: 768px) {
.mtag_contents12_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtag_contents12_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtag_contents12_space {
padding-bottom: 10px;
color: #888888;
}
.mtag_contents12_space_ttl {
color: #333333;
}
}


/* contact complete -------------------------------------------------------------- */

#contact_complete {
background: rgba(250, 248, 239, 1.00);
width: 100%;
padding: 60px 0px;
}

@media screen and (max-width: 767px) {
.contact_complete {
padding: 20px 10px;
}
}

@media screen and (min-width: 768px) {
.contact_complete {
padding: 30px 20px;
}
}

.contact_complete_detail {
font-size: 17px;
font-weight: 400;
letter-spacing: 1px;
line-height: 28px;
color: #595757;
padding: 0px 0px 20px;
}

.contact_complete_ttl {
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
line-height: 30px;
color: #c8161d;
display: block;
}

.contact_complete_detail_sub {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: 22px;
color: #666666;
padding: 0px 0px 20px;
}

div.wpcf7 .screen-reader-response {
display: none !important;
}

.wpcf7-spinner {
    display: block !important;
    margin: auto !important;
}

.contact_complete_detail_bnr {
width: 100%;
text-align: center;
}

.contact_complete_detail_bnr img {
width: 300px;
}

.contact_complete_detail_bnr img:hover {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-decoration: none;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}


/* contact complete -------------------------------------------------------------- */


/* mytrex eye air ----------------------------------------------------------------  */

.mtea {
padding-right: 0px !important;
padding-left: 0px !important;
}

@media screen and (max-width:767px) {
#mtea_body {
font-family: serif !important;
font-weight: 200;
}
.mtea_sp {
display: none;
}
}

@media screen and (min-width:767px) {
#mtea_body {
font-family: serif !important;
font-weight: normal;
}
.mtea_pc {
display: none;
}
}

#mtea_body {
margin: 0;
padding: 0;
background: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-x: hidden;
}


/* view type -------------------------------------------------------------- */

.fivd_ea1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.fiv_ea1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ea2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}

.fiv_ea2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ea3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.9s;
-moz-transition: transform 0.9s;
-webkit-transition: transform 0.9s;
-o-transition: transform 0.9s;
}

.fiv_ea3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ea4,
.fivd_ea5,
.fivd_ea6,
.fivd_ea7,
.fivd_ea8,
.fivd_ea9,
.fivd_ea10,
.fivd_ea11,
.fivd_ea12,
.fivd_ea13,
.fivd_ea14,
.fivd_ea15,
.fivd_ea16,
.fivd_ea17,
.fivd_ea18,
.fivd_ea19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 1.0s;
-moz-transition: transform 1.0s;
-webkit-transition: transform 1.0s;
-o-transition: transform 1.0s;
}

.fiv_ea4,
.fiv_ea5,
.fiv_ea6,
.fiv_ea7,
.fiv_ea8,
.fiv_ea9,
.fiv_ea10,
.fiv_ea11,
.fiv_ea12,
.fiv_ea13,
.fiv_ea14,
.fiv_ea15,
.fiv_ea16,
.fiv_ea17,
.fiv_ea18,
.fiv_ea19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}


/* view type -------------------------------------------------------------- */

.mtea_contents1 {
padding-top: 40px;
margin: 0 0;
width: 100%;
}

.mtea_contents1_img {
width: 100%;
}

.mtea_contents1_img img {
width: 100%;
}

.mtea_contents2 {
margin: 0 0;
width: 100%;
}

.mtea_contents2_box {
padding: 0px 10px;
text-align: center;
}

.mtea_contents2_txt {
color: #433935;
}

.mtea_contents2_line {
margin: 0 auto;
padding: 0px;
}

.mtea_contents2_line img {
width: 100%;
display: block;
}

@media screen and (max-width: 767px) {
.mtea_contents2 {
padding: 15% 0px;
}
.mtea_contents2_txt {
font-size: 28px;
line-height: 50px;
letter-spacing: 1px;
}
.mtea_contents2_line {
width: 55%;
}
}

@media screen and (min-width: 768px) {
.mtea_contents2 {
padding: 8% 0px;
}
.mtea_contents2_txt {
font-size: 50px;
line-height: 65px;
letter-spacing: 2px;
}
.mtea_contents2_line {
width: 56%;
}
}

.mtea_contents3 {
margin: 0 0;
width: 100%;
}

.mtea_contents3_box {
padding: 0px 10px;
text-align: center;
position: relative;
}

.mtea_contents3_img {
width: 100%;
margin: 0 auto;
}

.mtea_contents3_img img {
width: 100%;
}

.mtea_contents3_inner {
width: 100%;
}

.mtea_contents3_inner img {
position: absolute;
margin: 0 auto;
left: 25%;
right: 25%;
}

@media screen and (max-width: 767px) {
.mtea_contents3_img {
width: 100%;
}
.mtea_contents3_inner img {
width: 50%;
bottom: 20px;
}
}

@media screen and (min-width: 768px) {
.mtea_contents3_img {
width: 80%;
}
.mtea_contents3_inner img {
width: 50%;
bottom: 20px;
}
}

.mtea_contents4 {
margin: 0 0;
width: 100%;
}

.mtea_contents4_box {
padding: 0px 10px;
text-align: center;
}

.mtea_contents4_txt {
color: #433935;
}

.mtea_contents4_txt_sub {
color: #5095c7;
}

@media screen and (max-width: 767px) {
.mtea_contents4 {
padding: 15% 0px;
}
.mtea_contents4_txt {
font-size: 28px;
line-height: 50px;
letter-spacing: 0px;
}
.mtea_contents4_txt_sub2 {
letter-spacing: -15px;
}
}

@media screen and (min-width: 768px) {
.mtea_contents4 {
padding: 8% 0px;
}
.mtea_contents4_txt {
font-size: 50px;
line-height: 65px;
letter-spacing: 2px;
}
}

.mtea_contents5 {
margin: 0 0;
width: 100%;
}

.mtea_contents5_box {
overflow: hidden;
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtea_contents5_box2 {
text-align: center;
position: absolute;
}

.mtea_contents5_box3 {
position: relative;
text-align: center;
}

.mtea_contents5_img {
width: 100%;
}

.mtea_contents5_img img {
width: 100%;
/*
min-height: 400px;
border-bottom-right-radius: 4000px 200px;
border-bottom-left-radius: 4000px 200px;
margin-left: -100px;
margin-right: -100px;
*/
}

.mtea_contents5_inner {
width: 100%;
}

.mtea_contents5_inner img {
margin: 0 auto;
left: 25%;
right: 25%;
}

.mtea_contents5_inner {
width: 100%;
}

.mtea_contents5_inner img {
margin: 0 auto;
left: 25%;
right: 25%;
}

.mtea_contents5_inner2 {
width: 100%;
}

.mtea_contents5_inner2 img {
margin: 0 auto;
left: 25%;
right: 25%;
}

.mtea_contents5_inner3 {
width: 100%;
}

.mtea_contents5_inner3 img {
margin: 0 auto;
left: 25%;
right: 25%;
}

.mtea_contents5_inner4 {
width: 100%;
}

.mtea_contents5_inner4 img {
margin: 0 auto;
left: 25%;
right: 25%;
}

@media screen and (max-width: 767px) {
.mtea_contents5_box2 {
top: 18%;
}
.mtea_contents5_inner {
position: absolute;
top: 74%;
}
.mtea_contents5_inner img {
width: 100%;
padding: 0px 0px 2%;
}
.mtea_contents5_inner2 img {
width: 80%;
padding: 0px 0px 2%;
}
.mtea_contents5_inner3 img {
width: 80%;
padding: 0px 0px 2%;
}
.mtea_contents5_inner4 img {
width: 45%;
}
}

@media screen and (min-width: 768px) {
.mtea_contents5_box2 {
top: 28%;
}
.mtea_contents5_inner img {
width: 60%;
padding: 0px 0px 2%;
}
.mtea_contents5_inner2 img {
width: 80%;
padding: 0px 0px 2%;
}
.mtea_contents5_inner3 img {
width: 80%;
padding: 0px 0px 2%;
}
.mtea_contents5_inner4 img {
width: 35%;
}
}

.mtea_contents6 {
margin: 0 0;
width: 100%;
}

.mtea_contents6_box {
overflow: hidden;
padding: 0px 10px;
text-align: center;
position: relative;
}

.mtea_contents6_img {
width: 100%;
}

.mtea_contents6_img img {
width: 100%;
/*
min-height: 400px;
border-bottom-right-radius: 4000px 200px;
border-bottom-left-radius: 4000px 200px;
margin-left: -100px;
margin-right: -100px;
*/
}

.mtea_contents6_inner {
position: absolute;
width: 100%;
}

.mtea_contents6_g {
width: 100%;
}

.mtea_contents6_g img {
margin: 0 auto;
left: 25%;
right: 25%;
}

.mtea_contents6_text {
color: #ffffff;
padding-bottom: 3%;
}

.mtea_contents6_text2 {
text-align: center;
}

.mtea_contents6_text2_inner {
text-align: center;
position: relative;
margin-bottom: 3%;
}

.mtea_contents6_text2_inner img {
width: 100%;
}

.mtea_contents6_text2_inner2 {
position: absolute;
width: 100%;
color: #ffffff;
}

@media screen and (max-width: 320px) {
.mtea_contents6_inner {
top: 29%;
}
.mtea_contents6_innera {
padding: 15px 15px 15% !important;
}
.mtea_contents6_inner2 {
padding: 0px 0% !important;
}
.mtea_contents6_g {
text-align: right;
}
.mtea_contents6_g img {
width: 40%;
padding: 0px 0px 2%;
}
.mtea_contents6_text {
font-size: 25px;
line-height: 30px;
letter-spacing: 2px;
text-align: center;
}
.mtea_contents6_text2_inner {
width: 80%;
margin: 0 auto;
}
.mtea_contents6_text2_inner2 {
font-size: 40px;
line-height: 40px;
letter-spacing: 3px;
top: 13%;
}
.mtea_contents6_text3 {
font-size: 20px;
line-height: 30px;
color: #433935;
letter-spacing: 2px;
text-align: left;
}
}

@media screen and (min-width:320px) and (max-width:413px) {
.mtea_contents6_inner {
top: 29%;
}
.mtea_contents6_innera {
padding: 15px 15px 15% !important;
}
.mtea_contents6_inner2 {
padding: 0px 0% !important;
}
.mtea_contents6_g {
text-align: right;
}
.mtea_contents6_g img {
width: 40%;
padding: 0px 0px 2%;
}
.mtea_contents6_text {
font-size: 25px;
line-height: 30px;
letter-spacing: 2px;
text-align: center;
}
.mtea_contents6_text2_inner {
width: 80%;
margin: 0 auto;
}
.mtea_contents6_text2_inner2 {
font-size: 37px;
line-height: 37px;
letter-spacing: 3px;
top: 13%;
}
.mtea_contents6_text3 {
font-size: 20px;
line-height: 30px;
color: #433935;
letter-spacing: 2px;
text-align: left;
}
}

@media screen and (min-width:413px) and (max-width:767px) {
.mtea_contents6_inner {
top: 32%;
}
.mtea_contents6_innera {
padding: 15px 15px 15% !important;
}
.mtea_contents6_inner2 {
padding: 0px 0% !important;
}
.mtea_contents6_g {
text-align: right;
}
.mtea_contents6_g img {
width: 40%;
padding: 0px 0px 2%;
}
.mtea_contents6_text {
font-size: 25px;
line-height: 30px;
letter-spacing: 2px;
text-align: center;
}
.mtea_contents6_text2_inner {
width: 80%;
margin: 0 auto;
}
.mtea_contents6_text2_inner2 {
font-size: 40px;
line-height: 40px;
letter-spacing: 3px;
top: 13%;
}
.mtea_contents6_text3 {
font-size: 20px;
line-height: 30px;
color: #433935;
letter-spacing: 2px;
text-align: left;
}
}

@media screen and (min-width: 768px) {
.mtea_contents6_inner {
bottom: 6%;
}
.mtea_contents6_inner2 {
padding: 0px 5% !important;
}
.mtea_contents6_g img {
width: 60%;
padding: 0px 0px 5%;
}
.mtea_contents6_text {
font-size: 32px;
line-height: 32px;
letter-spacing: 2px;
text-align: right;
}
.mtea_contents6_text2_inner {
margin-bottom: 3%;
}
.mtea_contents6_text2_inner2 {
font-size: 50px;
line-height: 50px;
letter-spacing: 3px;
top: 25%;
}
.mtea_contents6_text3 {
font-size: 22px;
line-height: 30px;
color: #ffffff;
letter-spacing: 2px;
text-align: left;
}
}

.mtea_contents7 {
margin: 0 0;
width: 100%;
}

.mtea_contents7_box {
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtea_contents7_boxb {
background: #000;
}

@media screen and (max-width: 767px) {
.mtea_contents7 {
padding: 5% 0;
}
.mtea_contents7_boxb {
padding-bottom: 15%;
}
}

@media screen and (min-width: 768px) {
.mtea_contents7 {
padding: 10% 0;
}
.mtea_contents7_box {
top: -1px;
}
.mtea_contents7_boxb {
padding-bottom: 30px;
}
}

.mtea_contents7_img {
width: 100%;
}

.mtea_contents7_img img {
width: 100%;
}

.mtea_contents7_inner {
position: absolute;
width: 100%;
}

.mtea_contents7_text {
font-size: 25px;
line-height: 25px;
color: #ffffff;
padding-bottom: 2%;
letter-spacing: 2px;
}

.mtea_contents7_text2 {
width: 70%;
}

.mtea_contents7_text2_inner {
text-align: center;
position: relative;
margin-bottom: 2%;
}

.mtea_contents7_text2_inner img {
width: 100%;
}

.mtea_contents7_text2_inner2 {
position: absolute;
width: 100%;
color: #ffffff;
}

.mtea_contents7_text2_inner2_sub {
font-size: 40px;
}

.mtea_contents7_text3 {
color: #ffffff;
}

.mtea_contents7a_inner {
position: absolute;
width: 100%;
}

.mtea_contents7a_text {
color: #433935;
}

.mtea_contents7a_text2 {
text-align: center;
width: 70%;
}

.mtea_contents7a_text2_inner {
text-align: center;
position: relative;
margin-bottom: 2%;
}

.mtea_contents7a_text2_inner img {
width: 100%;
}

.mtea_contents7a_text2_inner2 {
position: absolute;
width: 100%;
color: #ffffff;
}

.mtea_contents7a_text3 {
color: #433935;
text-align: left;
}

.mtea_contents7b_inner {
position: absolute;
width: 100%;
bottom: 6%;
}

.mtea_contents7b_text {
font-size: 25px;
line-height: 25px;
color: #ffffff;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}

.mtea_contents7b_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}

.mtea_contents7b_text2_inner {
text-align: center;
position: relative;
margin-bottom: 3%;
}

.mtea_contents7b_text2_inner img {
width: 100%;
}

.mtea_contents7b_text2_inner2 {
position: absolute;
width: 100%;
color: #ffffff;
}

.mtea_contents7b_text3 {
color: #ffffff;
margin: 0 auto;
}

.mtea_contents7_img2 {
padding: 2% 0px 0px;
}

@media screen and (max-width: 320px) {
.mtea_contents7_text {
font-size: 22px;
line-height: 22px;
text-align: left;
}
.mtea_contents7_text2 {
margin: 0 0;
}
.mtea_contents7_text2_inner2 {
font-size: 32px;
line-height: 32px;
top: 12%;
letter-spacing: 1px;
}
.mtea_contents7_text2_inner2_sub {
font-size: 27px;
}
.mtea_contents7_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 100%;
margin: 0 auto;
}
.mtea_contents7a_text2 {
margin: 0 0;
}
.mtea_contents7_inner {
padding: 0px 2% !important;
top: 37%;
}
.mtea_contents7_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7a_inner {
bottom: 3%;
padding: 0px 2% !important;
}
.mtea_contents7a_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: left;
letter-spacing: 2px;
}
.mtea_contents7a_text2_inner2 {
font-size: 27px;
line-height: 27px;
top: 25%;
letter-spacing: -2px;
}
.mtea_contents7a_text2_inner2_sub {
font-size: 21px;
}
.mtea_contents7a_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
width: 100%;
margin: 0 auto;
}
.mtea_contents7_img2 {
position: absolute;
top: 3%;
text-align: left;
left: 5%;
}
.mtea_contents7a_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7b_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7_img2 img {
width: 60%;
}
.mtea_contents7b_text {
font-size: 22px;
line-height: 22px;
}
.mtea_contents7b_text2_inner2 {
font-size: 27px;
line-height: 27px;
top: 18%;
letter-spacing: -2px;
}
.mtea_contents7b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents7b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 0px;
text-align: center;
width: 70%;
}
}

@media screen and (min-width:320px) and (max-width:413px) {
.mtea_contents7_text {
font-size: 22px;
line-height: 22px;
text-align: left;
}
.mtea_contents7_text2 {
margin: 0 0;
}
.mtea_contents7_text2_inner2 {
font-size: 32px;
line-height: 32px;
top: 12%;
letter-spacing: 1px;
}
.mtea_contents7_text2_inner2_sub {
font-size: 27px;
}
.mtea_contents7_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 100%;
margin: 0 auto;
}
.mtea_contents7a_text2 {
margin: 0 0;
}
.mtea_contents7_inner {
padding: 0px 2% !important;
top: 37%;
}
.mtea_contents7_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7a_inner {
bottom: 3%;
padding: 0px 2% !important;
}
.mtea_contents7a_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: left;
letter-spacing: 2px;
}
.mtea_contents7a_text2_inner2 {
font-size: 27px;
line-height: 27px;
top: 25%;
letter-spacing: -2px;
}
.mtea_contents7a_text2_inner2_sub {
font-size: 21px;
}
.mtea_contents7a_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
width: 100%;
margin: 0 auto;
}
.mtea_contents7_img2 {
position: absolute;
top: 3%;
text-align: left;
left: 5%;
}
.mtea_contents7a_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7b_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7_img2 img {
width: 60%;
}
.mtea_contents7b_text {
font-size: 22px;
line-height: 22px;
}
.mtea_contents7b_text2_inner2 {
font-size: 27px;
line-height: 27px;
top: 18%;
letter-spacing: -2px;
}
.mtea_contents7b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents7b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 0px;
text-align: center;
width: 70%;
}
}

@media screen and (min-width:413px) and (max-width:767px) {
.mtea_contents7_text {
text-align: left;
}
.mtea_contents7_text2 {
margin: 0 0;
}
.mtea_contents7_text2_inner2 {
font-size: 36px;
line-height: 36px;
top: 12%;
letter-spacing: 1px;
}
.mtea_contents7_text2_inner2_sub {
font-size: 28px;
}
.mtea_contents7_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 100%;
margin: 0 auto;
}
.mtea_contents7a_text2 {
margin: 0 0;
}
.mtea_contents7_inner {
padding: 0px 2% !important;
top: 37%;
}
.mtea_contents7_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7a_inner {
bottom: 3%;
padding: 0px 2% !important;
}
.mtea_contents7a_text {
font-size: 25px;
line-height: 25px;
padding-bottom: 2%;
text-align: left;
letter-spacing: 2px;
}
.mtea_contents7a_text2_inner2 {
font-size: 29px;
line-height: 29px;
top: 25%;
letter-spacing: -2px;
}
.mtea_contents7a_text2_inner2_sub {
font-size: 22px;
}
.mtea_contents7a_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
width: 100%;
margin: 0 auto;
}
.mtea_contents7_img2 {
position: absolute;
top: 3%;
text-align: left;
left: 5%;
}
.mtea_contents7a_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7b_inner2 {
padding: 0px 2% !important;
}
.mtea_contents7_img2 img {
width: 60%;
}
.mtea_contents7b_text2_inner2 {
font-size: 32px;
line-height: 32px;
top: 18%;
letter-spacing: -2px;
}
.mtea_contents7b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents7b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: center;
width: 70%;
}
}

@media screen and (min-width: 768px) {
.mtea_contents7_text {
text-align: center;
}
.mtea_contents7_text2 {
margin: 0 auto;
}
.mtea_contents7_text2_inner2 {
font-size: 40px;
line-height: 40px;
top: 25%;
letter-spacing: 3px;
}
.mtea_contents7_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents7_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 70%;
margin: 0 auto;
}
.mtea_contents7_inner {
padding: 0px 5% !important;
top: 40%;
}
.mtea_contents7a_inner {
padding: 0px 5% !important;
top: 40%;
}
.mtea_contents7a_text {
font-size: 25px;
line-height: 25px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}
.mtea_contents7a_text2 {
margin: 0 auto;
}
.mtea_contents7a_text2_inner2 {
font-size: 38px;
line-height: 38px;
top: 25%;
letter-spacing: 0px;
}
.mtea_contents7a_text2_inner2_sub {
font-size: 31px;
}
.mtea_contents7a_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
width: 70%;
margin: 0 auto;
}
.mtea_contents7a_inner2 {
padding: 0px 5% !important;
}
.mtea_contents7b_inner2 {
padding: 0px 5% !important;
}
.mtea_contents7_img2 img {
width: 28%;
}
.mtea_contents7b_text2_inner2 {
font-size: 40px;
line-height: 40px;
top: 25%;
letter-spacing: 1px;
}
.mtea_contents7b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents7b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 70%;
}
}

.mtea_contents8 {
margin: 0 0;
width: 100%;
}

.mtea_contents8_box {
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtea_contents8z {
margin: 0 0;
width: 100%;
}

@media screen and (max-width: 767px) {
.mtea_contents8_box_sp {
padding: 15px 15px 15%;
text-align: center;
}
.mtea_contents8z {
padding: 5% 0 10%;
}
}

@media screen and (min-width: 768px) {
.mtea_contents8_box_sp {
display: none;
}
.mtea_contents8z {
padding: 10% 0;
}
}

.mtea_contents8z_box {
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtea_contents8_img {
width: 100%;
}

.mtea_contents8_img img {
width: 100%;
}

.mtea_contents8_inner {
position: absolute;
width: 100%;
}

.mtea_contents8_innerb {
position: absolute;
width: 100%;
bottom: 4%;
}

.mtea_contents8_text {
color: #433935;
}

.mtea_contents8_text2_inner {
text-align: center;
position: relative;
}

.mtea_contents8_text2_inner img {
width: 100%;
}

.mtea_contents8_text2_inner2 {
position: absolute;
color: #ffffff;
top: 25%;
letter-spacing: 3px;
}

.mtea_contents8_text3 {
color: #433935;
}

.mtea_contents8a_inner {
position: absolute;
width: 100%;
top: 40%;
}

.mtea_contents8a_text {
font-size: 25px;
line-height: 25px;
color: #ffffff;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}

.mtea_contents8a_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}

.mtea_contents8a_text2_inner {
text-align: center;
position: relative;
margin-bottom: 2%;
}

.mtea_contents8a_text2_inner img {
width: 100%;
}

.mtea_contents8a_text2_inner2 {
position: absolute;
width: 100%;
font-size: 38px;
line-height: 38px;
color: #ffffff;
top: 25%;
letter-spacing: 0px;
}

.mtea_contents8a_text2_inner2_sub {
font-size: 40px;
}

.mtea_contents8a_text3 {
font-size: 14px;
line-height: 22px;
color: #ffffff;
letter-spacing: 0px;
text-align: left;
width: 70%;
margin: 0 auto;
}

.mtea_contents8b_inner {
position: absolute;
width: 100%;
bottom: 6%;
}

.mtea_contents8b_text {
color: #ffffff;
}

.mtea_contents8b_text2_inner {
text-align: center;
position: relative;
}

.mtea_contents8b_text2_inner img {
width: 100%;
}

.mtea_contents8b_text2_inner2 {
position: absolute;
width: 100%;
color: #ffffff;
}

.mtea_contents8b_text3 {
color: #ffffff;
}

.mtea_contents8_img2 {
padding: 2% 0px 0px;
}

.mtea_contents8_img2 img {
width: 28%;
}

.mtea_contents8c_inner {
position: absolute;
width: 100%;
bottom: 6%;
}

.mtea_contents8c_text {
font-size: 25px;
line-height: 25px;
color: #ffffff;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}

.mtea_contents8c_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}

.mtea_contents8c_text2_inner {
text-align: center;
position: relative;
margin-bottom: 3%;
}

.mtea_contents8c_text2_inner img {
width: 100%;
}

.mtea_contents8c_text2_inner2 {
position: absolute;
width: 100%;
color: #ffffff;
}

.mtea_contents8c_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
margin: 0 auto;
}

.mtea_contents8d_inner {
position: absolute;
width: 100%;
}

.mtea_contents8d_text {
font-size: 25px;
line-height: 25px;
color: #433935;
padding-bottom: 2%;
text-align: left;
letter-spacing: 2px;
}

.mtea_contents8d_text2 {
text-align: center;
width: 70%;
}

.mtea_contents8d_text2_inner {
text-align: center;
position: relative;
margin-bottom: 3%;
}

.mtea_contents8d_text2_inner img {
width: 100%;
}

.mtea_contents8d_text2_inner2 {
position: absolute;
width: 100%;
color: #ffffff;
}

.mtea_contents8d_text3 {
font-size: 17px;
line-height: 28px;
color: #433935;
letter-spacing: 1px;
text-align: left;
width: 70%;
}

.mtea_contents8d_text3_sub {
color: #5095c7;
}

@media screen and (max-width: 320px) {
.mtea_contents8_inner {
bottom: 5%;
}
.mtea_contents8_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8a_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8b_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 1px;
}
.mtea_contents8_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8_text2_inner {
margin-bottom: 2%;
}
.mtea_contents8_text2_inner2 {
width: 100%;
font-size: 30px;
line-height: 30px;
color: #ffffff;
top: 19%;
letter-spacing: 1px;
}
.mtea_contents8_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8_text3 {
font-size: 17px;
line-height: 28px;
color: #433935;
letter-spacing: 1px;
text-align: left;
width: 100%;
margin: 0 auto;
}
.mtea_contents8b_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}
.mtea_contents8b_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8b_text2_inner {
margin-bottom: 3%;
}
.mtea_contents8b_text2_inner2 {
width: 100%;
font-size: 28px;
line-height: 28px;
top: 21%;
letter-spacing: 0px;
}
.mtea_contents8b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 70%;
margin: 0 auto;
}
.mtea_contents8c_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 1px;
}
.mtea_contents8c_text2_inner2 {
font-size: 30px;
line-height: 30px;
top: 20%;
letter-spacing: 1px;
}
.mtea_contents8c_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8c_text3 {
width: 100%;
color: #433935;
}
.mtea_contents8d_inner {
bottom: 2%;
margin-left: 5%;
}
.mtea_contents8d_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 1px;
}
.mtea_contents8d_text2_inner2 {
font-size: 30px;
line-height: 30px;
top: 20%;
letter-spacing: 1px;
}
.mtea_contents8d_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8d_text3 {
width: 74%;
}
}

@media screen and (min-width:320px) and (max-width:413px) {
.mtea_contents8_inner {
bottom: 5%;
}
.mtea_contents8_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8a_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8b_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 1px;
}
.mtea_contents8_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8_text2_inner {
margin-bottom: 2%;
}
.mtea_contents8_text2_inner2 {
width: 100%;
font-size: 30px;
line-height: 30px;
color: #ffffff;
top: 19%;
letter-spacing: 1px;
}
.mtea_contents8_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8_text3 {
font-size: 17px;
line-height: 28px;
color: #433935;
letter-spacing: 1px;
text-align: left;
width: 100%;
margin: 0 auto;
}
.mtea_contents8b_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}
.mtea_contents8b_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8b_text2_inner {
margin-bottom: 3%;
}
.mtea_contents8b_text2_inner2 {
width: 100%;
font-size: 28px;
line-height: 28px;
top: 21%;
letter-spacing: 0px;
}
.mtea_contents8b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 70%;
margin: 0 auto;
}
.mtea_contents8c_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 1px;
}
.mtea_contents8c_text2_inner2 {
font-size: 30px;
line-height: 30px;
top: 20%;
letter-spacing: 1px;
}
.mtea_contents8c_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8c_text3 {
width: 100%;
color: #433935;
}
.mtea_contents8d_inner {
bottom: 2%;
margin-left: 5%;
}
.mtea_contents8d_text {
font-size: 22px;
line-height: 22px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 1px;
}
.mtea_contents8d_text2_inner2 {
font-size: 30px;
line-height: 30px;
top: 20%;
letter-spacing: 1px;
}
.mtea_contents8d_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8d_text3 {
width: 74%;
}
}

@media screen and (min-width:413px) and (max-width:767px) {
.mtea_contents8_inner {
bottom: 5%;
}
.mtea_contents8_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8a_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8b_inner2 {
padding: 0px 2% !important;
}
.mtea_contents8_text {
font-size: 25px;
line-height: 25px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 1px;
}
.mtea_contents8_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8_text2_inner {
margin-bottom: 2%;
}
.mtea_contents8_text2_inner2 {
width: 100%;
font-size: 32px;
line-height: 32px;
color: #ffffff;
top: 19%;
letter-spacing: 2px;
}
.mtea_contents8_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8_text3 {
font-size: 17px;
line-height: 28px;
color: #433935;
letter-spacing: 1px;
text-align: left;
width: 100%;
margin: 0 auto;
}
.mtea_contents8b_text {
font-size: 25px;
line-height: 25px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}
.mtea_contents8b_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8b_text2_inner {
margin-bottom: 3%;
}
.mtea_contents8b_text2_inner2 {
width: 100%;
font-size: 30px;
line-height: 30px;
top: 25%;
letter-spacing: 0px;
}
.mtea_contents8b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 70%;
margin: 0 auto;
}
.mtea_contents8c_text2_inner2 {
font-size: 34px;
line-height: 34px;
top: 20%;
letter-spacing: 1px;
}
.mtea_contents8c_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8c_text3 {
width: 100%;
color: #433935;
}
.mtea_contents8d_inner {
bottom: 2%;
margin-left: 5%;
}
.mtea_contents8d_text2_inner2 {
font-size: 32px;
line-height: 32px;
top: 20%;
letter-spacing: 1px;
}
.mtea_contents8d_text2_inner2_sub {
font-size: 40px;
}
}

@media screen and (min-width: 768px) {
.mtea_contents8_inner {
top: 8%;
}
.mtea_contents8_inner2 {
padding: 0px 5% !important;
}
.mtea_contents8a_inner2 {
padding: 0px 5% !important;
}
.mtea_contents8b_inner2 {
padding: 0px 5% !important;
}
.mtea_contents8_text {
font-size: 25px;
line-height: 25px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}
.mtea_contents8_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8_text2_inner {
margin-bottom: 2%;
}
.mtea_contents8_text2_inner2 {
width: 100%;
font-size: 40px;
line-height: 40px;
color: #ffffff;
top: 25%;
letter-spacing: 3px;
}
.mtea_contents8_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8_text3 {
font-size: 14px;
line-height: 20px;
color: #433935;
letter-spacing: 1px;
text-align: left;
width: 70%;
margin: 0 auto;
}
.mtea_contents8b_text {
font-size: 25px;
line-height: 25px;
padding-bottom: 2%;
text-align: center;
letter-spacing: 2px;
}
.mtea_contents8b_text2 {
text-align: center;
width: 70%;
margin: 0 auto;
}
.mtea_contents8b_text2_inner {
margin-bottom: 3%;
}
.mtea_contents8b_text2_inner2 {
width: 100%;
font-size: 40px;
line-height: 40px;
top: 25%;
letter-spacing: 1px;
}
.mtea_contents8b_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8b_text3 {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
text-align: left;
width: 70%;
margin: 0 auto;
}
.mtea_contents8c_text2_inner2 {
font-size: 40px;
line-height: 40px;
top: 25%;
letter-spacing: 1px;
}
.mtea_contents8c_text2_inner2_sub {
font-size: 40px;
}
.mtea_contents8c_text3 {
width: 70%;
color: #ffffff;
}
.mtea_contents8d_inner {
bottom: 20%;
margin-left: 6%;
}
.mtea_contents8d_text2_inner2 {
font-size: 40px;
line-height: 40px;
top: 25%;
letter-spacing: 1px;
}
.mtea_contents8d_text2_inner2_sub {
font-size: 40px;
}
}

.mtea_contents12 {
margin: 0 0;
width: 100%;
}

@media screen and (max-width: 767px) {
.mtea_contents12 {
padding: 0% 0 15%;
}
}

@media screen and (min-width: 768px) {
.mtea_contents12 {
padding: 0% 0 10%;
}
}

.mtea_contents12_box {
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtea_contents12_img {
width: 100%;
}

.mtea_contents12_img img {
width: 100%;
}

.mtea_contents12_inner {
position: absolute;
width: 100%;
bottom: 20%;
}

.mtea_contents12_text {
font-size: 25px;
line-height: 25px;
color: #433935;
padding-bottom: 2%;
text-align: right;
letter-spacing: 2px;
}

.mtea_contents12_text2 {
text-align: right;
width: 100%;
}

.mtea_contents12_text2_inner {
text-align: right;
position: relative;
margin-bottom: 3%;
}

.mtea_contents12_text2_inner img {
width: 70%;
}

.mtea_contents12_text2_inner2 {
position: absolute;
width: 70%;
color: #ffffff;
}

.mtea_contents12_text3 {
font-size: 17px;
line-height: 28px;
color: #433935;
letter-spacing: 1px;
text-align: right;
}

.mtea_contents12_text3_sub {
color: #5095c7;
}

@media screen and (max-width: 320px) {
.mtea_contents12_inner {
padding: 0px 2% !important;
}
.mtea_contents12_text {
font-size: 22px;
line-height: 22px;
letter-spacing: 2px;
}
.mtea_contents12_text2_inner2 {
position: absolute;
width: 70%;
font-size: 32px;
line-height: 32px;
color: #ffffff;
top: 16%;
letter-spacing: 1px;
left: 15%;
}
.mtea_contents12_text2_inner2_sub {
font-size: 40px;
}
}

@media screen and (min-width:320px) and (max-width:413px) {
.mtea_contents12_inner {
padding: 0px 2% !important;
}
.mtea_contents12_text {
font-size: 22px;
line-height: 22px;
letter-spacing: 2px;
}
.mtea_contents12_text2_inner2 {
position: absolute;
width: 70%;
font-size: 32px;
line-height: 32px;
color: #ffffff;
top: 16%;
letter-spacing: 1px;
left: 15%;
}
.mtea_contents12_text2_inner2_sub {
font-size: 40px;
}
}

@media screen and (min-width:413px) and (max-width:767px) {
.mtea_contents12_inner {
padding: 0px 2% !important;
}
.mtea_contents12_text2_inner2 {
position: absolute;
width: 70%;
font-size: 32px;
line-height: 32px;
color: #ffffff;
top: 16%;
letter-spacing: 1px;
left: 15%;
}
.mtea_contents12_text2_inner2_sub {
font-size: 40px;
}
}

@media screen and (min-width: 768px) {
.mtea_contents12_inner2 {
padding: 0px 5% !important;
}
.mtea_contents12_text2_inner2 {
position: absolute;
width: 70%;
font-size: 40px;
line-height: 40px;
color: #ffffff;
top: 16%;
letter-spacing: 1px;
left: 17%;
}
.mtea_contents12_text2_inner2_sub {
font-size: 40px;
}
}

.mtea_contents9 {
margin: 0 0;
width: 100%;
}

.mtea_contents9_box {
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtea_contents9_img {
width: 100%;
}

.mtea_contents9_img img {
width: 100%;
}

.mtea_contents9_inner {
position: absolute;
top: 20%;
width: 100%;
}

.mtea_contents9_img2 {
width: 100%;
padding: 0 5%;
}

@media screen and (max-width: 767px) {
.mtea_contents9_img img {
padding-top: 16%;
}
.mtea_contents9_img2 img {
width: 92%;
}
}

@media screen and (min-width: 768px) {
.mtea_contents9_img2 img {
width: 100%;
}
}

.mtea_contents10 {
margin: 0 0;
width: 100%;
padding: 8% 0;
}

.mtea_contents10_box {
padding: 0px 0px;
text-align: center;
}

.mtea_contents10_img {
width: 100%;
}

.mtea_contents10_img img {
width: 100%;
}

.mtea_contents11 {
margin: 0 0;
width: 100%;
}

.mtea_contents11_box {
overflow: hidden;
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtea_contents11_box2 {
position: absolute;
width: 100%;
}

.mtea_contents11_box3 {
position: relative;
text-align: center;
}

.mtea_contents11_img {
width: 100%;
}

.mtea_contents11_img img {
width: 100%;
}

.mtea_contents11_img2 {
width: 100%;
}

.mtea_contents11_text {
color: #433935;
text-align: left;
}

@media screen and (max-width: 767px) {
.mtea_contents11 {
padding-bottom: 15%;
}
.mtea_contents11_box2 {
text-align: left;
top: 49%;
padding: 15px;
}
.mtea_contents11_img2 {
padding-bottom: 2%;
}
.mtea_contents11_img2 img {
width: 65%;
}
.mtea_contents11_text {
font-size: 17px;
line-height: 28px;
letter-spacing: 1px;
width: 100%;
margin: 0 auto;
}
}

@media screen and (min-width: 768px) {
.mtea_contents11_box2 {
text-align: left;
top: 28%;
}
.mtea_contents11_img2 {
padding-bottom: 3%;
}
.mtea_contents11_img2 img {
width: 80%;
}
.mtea_contents11_text {
width: 100%;
font-size: 22px;
line-height: 32px;
letter-spacing: 2px;
}
}

.mtea_contents13 {
margin: 0 0;
width: 100%;
}

.mtea_contents13 {
padding: 0px 0px;
text-align: center;
}

.mtea_contents13_img {
width: 100%;
text-align: center;
padding: 10px 0 0px;
}

.mtea_contents13_img img {
width: 60%;
}

.mtea_contents13_txt {
color: #433935;
text-align: center;
}

@media screen and (max-width: 767px) {
.mtea_contents13 {
padding: 4% 0px;
}
.mtea_contents13_txt {
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
padding: 20px 0px;
}
}

@media screen and (min-width: 768px) {
.mtea_contents13 {
padding: 10% 0px;
}
.mtea_contents13_txt {
font-size: 40px;
line-height: 40px;
letter-spacing: 1px;
padding: 20px 0px;
}
}

.mtea_contents14 {
margin: 0 0;
width: 100%;
}

.mtea_contents14_box {
padding: 0px 0px;
text-align: center;
}

.mtea_contents14_box img {
width: 100%;
}

.mtea_contents15 {
margin: 0 0;
width: 100%;
}

.mtea_contents15_box {
text-align: left;
}

.mtea_contents15_ttl {
color: #433935;
}

@media screen and (max-width: 767px) {
.mtea_contents15 {
padding: 5% 0;
}
.mtea_contents15_box {
padding: 0px 15px;
}
.mtea_contents15_ttl {
padding-top: 5%;
padding-bottom: 1%;
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 3px;
border-bottom: solid 1px #4339358c;
}
.mtea_contents15_sub {
padding: 10px 0px;
font-size: 12px;
line-height: 20px;
color: #666666;
text-align: left;
;
}
.mtea_contents15_list {
padding: 10px 0px;
}
td.mtea_contents15_td1 {
padding: 5px 5px 5px 0px;
}
td.mtea_contents15_td2 {
padding: 5px 0px 5px 0px;
}
}

@media screen and (min-width: 768px) {
.mtea_contents15 {
padding: 8% 0;
}
.mtea_contents15_box {
padding: 0px 0px;
}
.mtea_contents15_ttl {
padding-top: 1%;
padding-bottom: 1%;
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 3px;
border-bottom: solid 1px #4339358c;
}
.mtea_contents15_sub {
padding: 20px 0px;
font-size: 12px;
line-height: 20px;
color: #666666;
text-align: left;
}
.mtea_contents15_list {
padding: 10px 10px;
}
td.mtea_contents15_td1 {
padding: 5px;
}
td.mtea_contents15_td2 {
padding: 5px;
}
}

table.mtea_contents15_table {
width: 100%;
border: none;
}

table.mtea_contents15_table tr {
width: 100;
}

td.mtea_contents15_td1 {
text-align: left;
width: 30%;
color: #433935;
font-size: 14px;
font-weight: normal;
line-height: 18px;
letter-spacing: 0px;
}

td.mtea_contents15_td2 {
text-align: left;
width: 70%;
color: #433935;
font-size: 14px;
font-weight: normal;
line-height: 25px;
letter-spacing: 0px;
}

.mtea_btm_buy_link_box {
padding: 20px 0px;
text-align: center;
}

.mtea_btm_buy_link {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
border-radius: 10px;
border: solid 1.5px #000000;
font-size: 18px;
line-height: 27px;
font-weight: 500;
color: #000000;
background: #ffffff;
transition: .4s;
width: 100%;
letter-spacing: 7px;
}

a.mtea_btm_buy_link {
color: #000000 !important;
}

.mtea_btm_buy_link:hover {
background: rgba(0, 0, 0, 0.38);
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}

a.mtea_btm_buy_link:hover {
color: #000000 !important;
font-weight: 550;
}

@media screen and (max-width: 627px) {
.mtea_btm_buy_link a {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
letter-spacing: 0px;
width: 90%;
margin: 20px auto;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mtea_btm_buy_link a {
font-size: 20px;
line-height: 22px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

@media screen and (min-width: 992px) {
.mtea_btm_buy_link a {
font-size: 20px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

.mtea_contents16 {
margin: 0 0;
width: 100%;
padding-bottom: 8%;
}

.mtea_contents16_note {
text-align: left;
}

@media screen and (max-width: 767px) {
.mtea_contents16_box {
padding: 0 15px;
}
.mtea_contents16_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtea_contents16_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtea_contents16_space {
padding-bottom: 10px;
color: #888888;
}
.mtea_contents16_space_ttl {
color: #333333;
}
}

@media screen and (min-width: 768px) {
.mtea_contents16_box {
padding: 0 0px;
}
.mtea_contents16_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtea_contents16_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtea_contents16_space {
padding-bottom: 10px;
color: #888888;
}
.mtea_contents16_space_ttl {
color: #333333;
}
}

.br_all {
clear: both;
}

@media screen and (max-width: 767px) {
.mytrex_eye_air_qa_box {
padding: 30px 10px;
}
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
font-size: 18px;
line-height: 30px;
letter-spacing: 1px;
color: #120202;
}
.mytrex_eye_air_qa_q {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #82C5FF;
color: #ffffff;
float: left;
line-height: 24px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_air_qa_a {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #C5C5C5;
color: #ffffff;
float: left;
line-height: 24px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_air_qa_text {
float: left;
font-size: 1 6px;
padding: 2px;
color: #120202;
line-height: 24px;
padding-bottom: 20px;
}
.mytrex_eye_air_qa_text2 {
font-size: 13px;
padding: 2px;
color: #444444;
line-height: 24px;
padding-bottom: 20px;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_air_qa_box {
padding: 20px 10px;
}
.mytrex_eye_air_qa_inner {
padding: 1% 2% 1%;
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
color: #120202;
}
.mytrex_eye_air_qa_q {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #82C5FF;
color: #ffffff;
float: left;
line-height: 26px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_air_qa_a {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #C5C5C5;
color: #ffffff;
float: left;
line-height: 26px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_air_qa_text {
float: left;
width: 90%;
font-size: 18px;
padding: 2px;
color: #120202;
line-height: 26px;
padding-bottom: 20px;
}
.mytrex_eye_air_qa_text2 {
font-size: 18px;
padding: 2px;
color: #444444;
line-height: 26px;
padding-bottom: 20px;
}
}


/* ise */

@media screen and (max-width: 320px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 81%;
}
}


/* ise web adr app */

@media (min-width: 320px) and (max-width: 340px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 82%;
}
}


/* i6 app */

@media screen and (min-width: 340px) and (max-width:350px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 84%;
}
}


/* adr bs */

@media screen and (min-width:350px) and (max-width:370px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 84%;
}
}


/* i6 bs,X */

@media screen and (min-width:370px) and (max-width:378px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 84%;
}
}

@media screen and (min-width:378px) and (max-width:380px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 85%;
}
}


/* i7+ app */

@media screen and (min-width:380px) and (max-width:400px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 86%;
}
}


/* i7+ bs */

@media screen and (min-width:400px) and (max-width:500px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 88%;
}
}


/* adr T app */

@media screen and (min-width:500px) and (max-width:600px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 84%;
}
}


/* adr T bs */

@media screen and (min-width:600px) and (max-width:768px) {
.mytrex_eye_air_qa_inner {
padding: 2% 2% 2%;
}
.mytrex_eye_air_qa_text {
width: 84%;
}
}


/* MYTREX EYE HEAT PRO ---------------------------------------------------------  */

.mtehp {
padding-right: 0px !important;
padding-left: 0px !important;
}

@media screen and (max-width:767px) {
#mtehp_body {
font-family: serif !important;
font-weight: 200;
}
.mtehp_sp {
display: none;
}
}

@media screen and (min-width:767px) {
#mtehp_body {
font-family: serif !important;
font-weight: normal;
}
.mtehp_pc {
display: none;
}
}

#mtehp_body {
margin: 0;
padding: 0;
background: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-x: hidden;
}


/* view type -------------------------------------------------------------- */

.fivd_ehp1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.fiv_ehp1 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ehp2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}

.fiv_ehp2 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ehp3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.9s;
-moz-transition: transform 0.9s;
-webkit-transition: transform 0.9s;
-o-transition: transform 0.9s;
}

.fiv_ehp3 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}

.fivd_ehp4,
.fivd_ehp5,
.fivd_ehp6,
.fivd_ehp7,
.fivd_ehp8,
.fivd_ehp9,
.fivd_ehp10,
.fivd_ehp11,
.fivd_ehp12,
.fivd_ehp13,
.fivd_ehp14,
.fivd_ehp15,
.fivd_ehp16,
.fivd_ehp17,
.fivd_ehp18,
.fivd_ehp19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 1.0s;
-moz-transition: transform 1.0s;
-webkit-transition: transform 1.0s;
-o-transition: transform 1.0s;
}

.fiv_ehp4,
.fiv_ehp5,
.fiv_ehp6,
.fiv_ehp7,
.fiv_ehp8,
.fiv_ehp9,
.fiv_ehp10,
.fiv_ehp11,
.fiv_ehp12,
.fiv_ehp13,
.fiv_ehp14,
.fiv_ehp15,
.fiv_ehp16,
.fiv_ehp17,
.fiv_ehp18,
.fiv_ehp19 {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}


/* view type -------------------------------------------------------------- */

.mtehp_contents {
padding-top: 40px;
margin: 0 0;
width: 100%;
}

.mtehp_contents_img {
width: 100%;
}

.mtehp_contents_img img {
width: 100%;
}

.mtehp_contents1 {
margin: 0 0;
width: 100%;
padding-top: 10%;
}

.mtehp_contents1a_box {
padding: 0px 0px;
text-align: center;
position: relative;
}

.mtehp_contents1a_img {
width: 100%;
margin: 0 auto;
}

.mtehp_contents1a_img img {
width: 100%;
}

.mtehp_contents1a_inner {
width: 100%;
position: absolute;
margin: 0 auto;
left: 2%;
color: #222222;
font-weight: 800;
}

.mtehp_contents1a_ttl {
color: #222222;
font-weight: 800;
text-align: left;
}

.mtehp_contents1a_ttla {
background: #ffffff;
border: solid 1px #000000;
color: #222222;
width: 40%;
}

.mtehp_contents1a_suba {
color: #222222;
font-weight: 800;
text-align: left;
}

@media screen and (max-width: 767px) {
.mtehp_contents1a_inner {
top: 1%;
padding: 2.2vw 10px;
}
.mtehp_contents1a_ttl {
font-size: 4.9vw;
line-height: 6.4vw;
letter-spacing: 1px;
padding-bottom: 2vw;
}
.mtehp_contents1a_ttla {
padding: 4px 4px;
font-size: 2.6vw;
letter-spacing: 1px;
}
.mtehp_contents1a_suba {
padding: 5px 0px;
font-size: 4.5vw;
line-height: 6.5vw;
letter-spacing: 1px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents1a_inner {
top: 0.25vw;
padding: 20px 20px;
}
.mtehp_contents1a_ttl {
font-size: 2vw;
line-height: 2.4vw;
letter-spacing: 1px;
padding-bottom: 1vw;
}
.mtehp_contents1a_ttla {
padding: 5px 5px;
font-size: 1.2vw;
letter-spacing: 1px;
}
.mtehp_contents1a_suba {
padding: 5px 0px;
font-size: 1.5vw;
line-height: 2.2vw;
letter-spacing: 1px;
}
}

.mtehp_contents1b_box {
text-align: center;
position: relative;
}

.mtehp_contents1b_img {
width: 100%;
margin: 0 auto;
}

.mtehp_contents1b_img img {
width: 100%;
}

.mtehp_contents1b_inner {
width: 100%;
position: absolute;
margin: 0 auto;
top: 2%;
left: 2%;
color: #222222;
font-weight: 800;
text-align: left;
}

.mtehp_contents1b_ttl {
color: #222222;
font-weight: 800;
}

.mtehp_contents1b_suba {
color: #222222;
font-weight: 800;
text-align: left;
}

@media screen and (max-width: 767px) {
.mtehp_contents1b_box {
padding: 0px 0px;
}
.mtehp_contents1b_inner {
top: 1%;
padding: 2.2vw 10px;
}
.mtehp_contents1b_ttl {
font-size: 4.9vw;
line-height: 6.4vw;
letter-spacing: 1px;
padding-bottom: 2vw;
}
.mtehp_contents1b_sub2 {
width: 5.4vw;
}
.mtehp_contents1b_sub {
padding: 5px 0px;
font-size: 3.8vw;
line-height: 6.0vw;
letter-spacing: 1px;
}
.mtehp_contents1b_sub2 img {
width: 4.2vw;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents1b_inner {
top: 0.25vw;
padding: 20px 20px;
}
.mtehp_contents1b_ttl {
font-size: 2vw;
line-height: 2.4vw;
letter-spacing: 1px;
padding-bottom: 1vw;
}
.mtehp_contents1b_sub2 {
width: 1.8vw;
}
.mtehp_contents1b_sub {
padding: 5px 0px;
font-size: 1.5vw;
line-height: 2.2vw;
letter-spacing: 1px;
}
.mtehp_contents1b_sub2 img {
width: 28px;
}
}

.mtea_contents2 {
margin: 0 0;
width: 100%;
}

.mtehp_contents2_box {
padding: 10% 1%;
text-align: center;
}

.mtehp_contents2a_img {
width: 100%;
text-align: center;
}

.mtehp_contents2a_img img {
width: 90%;
}

.mtehp_contents2a_txt {
text-align: center;
color: #222222;
font-weight: 800;
}

.mtehp_contents2b_img {
width: 100%;
text-align: center;
}

.mtehp_contents2c_img {
width: 100%;
text-align: center;
}

@media screen and (max-width: 767px) {
.mtehp_contents2a_txt {
font-size: 4.2vw;
line-height: 2.5vw;
letter-spacing: 1px;
padding-top: 3.5vw;
}
.mtehp_contents2c_img img {
width: 95%;
}
.mtehp_contents2b_img img {
width: 80%;
padding: 15% 0%;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents2a_txt {
font-size: 2.2vw;
line-height: 2.5vw;
letter-spacing: 1px;
padding-top: 1.5vw;
}
.mtehp_contents2c_img img {
width: 90%;
}
.mtehp_contents2b_img img {
width: 80%;
padding: 10% 0%;
}
}

.mtea_contents3 {
margin: 0 0;
width: 100%;
}

.mtehp_contents3_box {
padding: 0% 0%;
text-align: center;
position: relative;
}

.mtehp_contents3_img {
width: 100%;
text-align: center;
}

.mtehp_contents3_img img {
width: 100%;
}

.mtehp_contents3_inner {
position: absolute;
width: 100%;
text-align: center;
}

.mtehp_contents3_txt {
text-align: center;
color: #222222;
}

@media screen and (max-width: 767px) {
.mtehp_contents3_inner {
top: 10vw;
}
.mtehp_contents3_txt {
font-weight: 800;
font-size: 7.7vw;
line-height: 9.7vw;
letter-spacing: 1px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents3_inner {
top: 3vw;
}
.mtehp_contents3_txt {
font-weight: 800;
font-size: 2.7vw;
line-height: 3.9vw;
letter-spacing: 1px;
}
}

.mtehp_contents4 {
margin: 0 0;
width: 100%;
}

.mtehp_contents4_box {
padding: 0% 0%;
text-align: center;
}

.mtehp_contents4_img {
text-align: center;
float: left;
}

.mtehp_contents4_img img {
width: 100%;
}

.mtehp_contents4_txt {
width: 90%;
padding: 0.2vw 0px 0px 1vw;
text-align: left;
float: left;
color: #222222;
font-weight: 800;
letter-spacing: 1px;
}

.mtehp_contents4_box2 {
padding: 0% 0%;
text-align: center;
position: relative;
}

.mtehp_contents4_img2 {
width: 100%;
text-align: center;
}

.mtehp_contents4_img2 img {
width: 100%;
}

.mtehp_contents4_inner {
position: absolute;
width: 100%;
text-align: left;
}

.mtehp_contents4_txt2 {
text-align: left;
color: #ffffff;
font-weight: normal;
}

.mtehp_contents4_img3 {
width: 55%;
text-align: left;
padding-top: 1vw;
}

.mtehp_contents4_img3 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtehp_contents4 {
padding-top: 12vw;
}
.mtehp_contents4_inner {
bottom: 4vw;
left: 4vw;
}
.mtehp_contents4_img {
width: 5vw;
}
.mtehp_contents4_txt {
font-size: 5.2vw;
line-height: 7.5vw;
}
.mtehp_contents4_txt2 {
font-size: 5.3vw;
line-height: 7vw;
letter-spacing: 1px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents4 {
padding-top: 7vw;
}
.mtehp_contents4_inner {
top: 7vw;
}
.mtehp_contents4_img {
width: 2vw;
}
.mtehp_contents4_txt {
font-size: 2.2vw;
line-height: 2.7vw;
}
.mtehp_contents4_txt2 {
font-size: 2.3vw;
line-height: 3vw;
letter-spacing: 1px;
}
}

.mtehp_contents5 {
margin: 0 0;
width: 100%;
}

.mtehp_contents5_box {
padding: 0% 0%;
text-align: center;
}

.mtehp_contents5_img {
text-align: center;
float: left;
}

.mtehp_contents5_img img {
width: 100%;
}

.mtehp_contents5_txt {
width: 90%;
padding: 0.2vw 0px 0px 1vw;
text-align: left;
float: left;
color: #222222;
font-weight: 800;
letter-spacing: 1px;
}

.mtehp_contents5_box2 {
padding: 0% 0%;
text-align: center;
position: relative;
}

.mtehp_contents5_img2 {
width: 100%;
text-align: center;
}

.mtehp_contents5_img2 img {
width: 100%;
}

.mtehp_contents5_inner {
position: absolute;
width: 100%;
text-align: left;
}

.mtehp_contents5_txt2 {
text-align: left;
font-weight: normal;
}

.mtehp_contents5_img3 {
width: 70%;
text-align: left;
}

.mtehp_contents5_img3 img {
width: 35vw;
}

@media screen and (max-width: 767px) {
.mtehp_contents5 {
padding-top: 12vw;
}
.mtehp_contents5_img {
width: 5vw;
}
.mtehp_contents5_txt {
font-size: 4.2vw;
line-height: 7.5vw;
}
.mtehp_contents5_inner {
bottom: 13.6vw;
}
.mtehp_contents5_txt2 {
color: #000000;
font-size: 4.5vw;
line-height: 6.5vw;
letter-spacing: 1px;
padding: 1vw;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents5 {
padding-top: 5vw;
}
.mtehp_contents5_img {
width: 2vw;
}
.mtehp_contents5_txt {
font-size: 2.2vw;
line-height: 2.7vw;
}
.mtehp_contents5_inner {
top: 15%;
}
.mtehp_contents5_txt2 {
color: #ffffff;
font-size: 2.3vw;
line-height: 3vw;
letter-spacing: 1px;
}
}

.mtehp_contents6 {
margin: 0 0;
width: 100%;
}

.mtehp_contents6_box {
padding: 0% 0%;
text-align: center;
}

.mtehp_contents6_img {
text-align: center;
float: left;
}

.mtehp_contents6_img img {
width: 100%;
}

.mtehp_contents6_txt {
width: 90%;
padding: 0.2vw 0px 0px 1vw;
text-align: left;
float: left;
color: #222222;
font-weight: 800;
letter-spacing: 1px;
}

.mtehp_contents6_box2 {
padding: 0% 0%;
text-align: center;
position: relative;
}

.mtehp_contents6_img2 {
width: 100%;
text-align: center;
}

.mtehp_contents6_img2 img {
width: 100%;
}

.mtehp_contents6_inner {
position: absolute;
width: 100%;
text-align: left;
}

.mtehp_contents6_txt2 {
text-align: left;
color: #ffffff;
font-weight: normal;
}

.mtehp_contents6_img3 {
text-align: left;
padding-top: 2vw;
}

.mtehp_contents6_img3 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtehp_contents6 {
padding-top: 12vw;
}
.mtehp_contents6_img {
width: 5vw;
}
.mtehp_contents6_txt {
font-size: 5.2vw;
line-height: 7.5vw;
}
.mtehp_contents6_inner {
bottom: 2vw;
left: 2vw;
}
.mtehp_contents6_img3 {
width: 60%;
}
.mtehp_contents6_txt2 {
font-size: 4.5vw;
line-height: 6.5vw;
letter-spacing: 1px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents6 {
padding-top: 7vw;
}
.mtehp_contents6_img {
width: 2vw;
}
.mtehp_contents6_txt {
font-size: 2.2vw;
line-height: 2.7vw;
}
.mtehp_contents6_inner {
top: 15%;
}
.mtehp_contents6_img3 {
width: 70%;
text-align: left;
padding-top: 2vw;
}
.mtehp_contents6_txt2 {
font-size: 2.3vw;
line-height: 3vw;
letter-spacing: 1px;
}
}

.mtehp_contents7 {
margin: 0 0;
width: 100%;
}

.mtehp_contents7_box {
padding: 0% 0%;
text-align: center;
}

.mtehp_contents7_img {
text-align: center;
float: left;
}

.mtehp_contents7_img img {
width: 100%;
}

.mtehp_contents7_txt {
width: 90%;
padding: 0.2vw 0px 0px 1vw;
text-align: left;
float: left;
color: #222222;
font-weight: 800;
letter-spacing: 1px;
}

.mtehp_contents7_box2 {
padding: 0% 0%;
text-align: center;
position: relative;
}

.mtehp_contents7_img2 {
width: 100%;
text-align: center;
}

.mtehp_contents7_img2 img {
width: 100%;
}

.mtehp_contents7_inner {
position: absolute;
width: 100%;
text-align: left;
}

.mtehp_contents7_txt2 {
text-align: left;
color: #ffffff;
font-weight: normal;
}

.mtehp_contents7_img3 {
width: 70%;
text-align: left;
}

.mtehp_contents7_img3 img {
width: 100%;
padding-top: 2vw;
}

@media screen and (max-width: 767px) {
.mtehp_contents7 {
padding-top: 15vw;
}
.mtehp_contents7_img {
width: 5vw;
}
.mtehp_contents7_txt {
font-size: 4.7vw;
line-height: 7.5vw;
letter-spacing: 0px;
}
.mtehp_contents7_inner {
bottom: 2vw;
left: 2vw;
}
.mtehp_contents7_txt2 {
font-size: 4.5vw;
line-height: 6.5vw;
letter-spacing: 1px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents7 {
padding-top: 7vw;
}
.mtehp_contents7_img {
width: 2vw;
}
.mtehp_contents7_txt {
font-size: 2.2vw;
line-height: 2.7vw;
letter-spacing: 1px;
}
.mtehp_contents7_inner {
top: 15%;
}
.mtehp_contents7_txt2 {
font-size: 2.3vw;
line-height: 3vw;
letter-spacing: 1px;
}
}

.mtehp_contents8 {
margin: 0 0;
width: 100%;
}

.mtehp_contents8_box {
padding: 0% 0%;
text-align: center;
}

.mtehp_contents8_img {
text-align: center;
float: left;
}

.mtehp_contents8_img img {
width: 100%;
}

.mtehp_contents8_txt {
width: 90%;
padding: 0.2vw 0px 0px 1vw;
text-align: left;
float: left;
color: #222222;
font-weight: 800;
letter-spacing: 1px;
}

.mtehp_contents8_box2 {
padding: 0% 0%;
text-align: center;
position: relative;
}

.mtehp_contents8_img2 {
width: 100%;
text-align: center;
}

.mtehp_contents8_img2 img {
width: 100%;
}

.mtehp_contents8_inner {
position: absolute;
width: 100%;
text-align: left;
}

.mtehp_contents8_txt2 {
text-align: left;
color: #ffffff;
font-weight: normal;
}

.mtehp_contents8_img3 {
width: 70%;
text-align: left;
}

.mtehp_contents8_img3 img {
width: 100%;
padding-top: 2vw;
}

@media screen and (max-width: 767px) {
.mtehp_contents8 {
padding-top: 12vw;
}
.mtehp_contents8_img {
width: 5vw;
}
.mtehp_contents8_txt {
font-size: 5.2vw;
line-height: 7.5vw;
}
.mtehp_contents8_inner {
bottom: 2vw;
left: 2vw;
}
.mtehp_contents8_txt2 {
font-size: 4.5vw;
line-height: 6.5vw;
letter-spacing: 1px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents8 {
padding-top: 7vw;
}
.mtehp_contents8_img {
width: 2vw;
}
.mtehp_contents8_txt {
font-size: 2.2vw;
line-height: 2.7vw;
}
.mtehp_contents8_inner {
top: 15%;
}
.mtehp_contents8_txt2 {
font-size: 2.3vw;
line-height: 3vw;
letter-spacing: 1px;
}
}

.mtehp_contents9 {
margin: 0 0;
width: 100%;
padding-top: 7vw;
}

.mtehp_contents9_box {
position: relative;
}

.mtehp_contents9_box_blank {
padding: 30px 0px;
}

.mtehp_contents9_img {
width: 100%;
text-align: center;
}

.mtehp_contents9_img img {
width: 100%;
}

.mtehp_contents9_inner {
position: absolute;
width: 100%;
text-align: left;
top: 15%;
}

.mtehp_contents9_inner2 {
position: absolute;
width: 100%;
text-align: right;
top: 15%;
}

.mtehp_contents9_ttl {
background: #ffffff;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
font-weight: 800;
text-align: center;
}

.mtehp_contents9_ttl2 {
background: #ffffff;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
font-weight: 800;
text-align: center;
right: 0;
position: absolute;
}

.mtehp_contents9_txt1l {
text-align: left;
color: #ffffff;
font-weight: normal;
}

.mtehp_contents9_txt1r {
text-align: right;
color: #ffffff;
font-weight: normal;
}

.mtehp_contents9_txt2l {
text-align: left;
color: #000000;
font-weight: normal;
}

.mtehp_contents9_txt2r {
text-align: right;
color: #000000;
font-weight: normal;
}

@media screen and (max-width: 767px) {
.mtehp_contents9_box {
padding: 5vw 0%;
}
.mtehp_contents9_ttl {
padding: 2vw 5px;
font-size: 4.0vw;
letter-spacing: 1px;
width: 50vw;
}
.mtehp_contents9_ttl2 {
padding: 2vw 5px;
font-size: 4.0vw;
letter-spacing: 1px;
width: 50vw;
}
.mtehp_contents9_txt1l {
padding: 2vw 10px 0 2vw;
font-size: 4vw;
line-height: 6vw;
letter-spacing: 1px;
}
.mtehp_contents9_txt1r {
padding: 10.5vw 10px 0 1vw;
font-size: 4vw;
line-height: 6vw;
letter-spacing: 1px;
}
.mtehp_contents9_txt2l {
padding: 2vw 10px 0 2vw;
font-size: 4vw;
line-height: 6vw;
letter-spacing: 1px;
}
.mtehp_contents9_txt2r {
padding: 10.5vw 10px 0 1vw;
font-size: 4vw;
line-height: 6vw;
letter-spacing: 1px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents9_box {
padding: 0% 0%;
}
.mtehp_contents9_ttl {
padding: 0.8vw 5px;
font-size: 2.3vw;
letter-spacing: 1px;
width: 20vw;
}
.mtehp_contents9_ttl2 {
padding: 0.8vw 5px;
font-size: 2.3vw;
letter-spacing: 1px;
width: 20vw;
}
.mtehp_contents9_txt1l {
padding: 1.5vw 10px 0 1vw;
font-size: 1.7vw;
line-height: 2.4vw;
letter-spacing: 1px;
}
.mtehp_contents9_txt1r {
padding: 4.9vw 10px 0 1vw;
font-size: 1.7vw;
line-height: 2.4vw;
letter-spacing: 1px;
}
.mtehp_contents9_txt2l {
padding: 1.5vw 10px 0 1vw;
font-size: 1.7vw;
line-height: 2.4vw;
letter-spacing: 1px;
}
.mtehp_contents9_txt2r {
padding: 4.9vw 10px 0 1vw;
font-size: 1.7vw;
line-height: 2.4vw;
letter-spacing: 1px;
}
}

.mtehp_contents10 {
margin: 0 0;
width: 100%;
padding: 7vw 0;
}

.mtehp_contents10_box {
text-align: center;
}

.mtehp_contents10_ttl {
background: #ffffff;
font-weight: 800;
text-align: center;
}

.mtehp_contents10_sub {
padding: 15px 0px;
background: #ffffff;
font-weight: normal;
text-align: center;
}

.mtehp_contents10_box2 {
padding: 0% 0%;
position: relative;
}

.mtehp_contents10_img {
width: 100%;
text-align: center;
}

.mtehp_contents10_img img {
width: 100%;
}

.mtehp_contents10_inner {
position: absolute;
width: 100%;
text-align: center;
bottom: 3.4vw;
}

.mtehp_contents10_img2 {
width: 33%;
float: left;
}

.mtehp_contents10_img2 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.mtehp_contents10_box {
padding: 7vw 0%;
}
.mtehp_contents10_img2 img {
padding: 10px;
}
.mtehp_contents10_ttl {
font-size: 6vw;
letter-spacing: 1px;
}
.mtehp_contents10_sub {
font-size: 4.0vw;
letter-spacing: 0vw;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents10_box {
padding: 2% 0%;
}
.mtehp_contents10_img2 img {
padding: 20px;
}
.mtehp_contents10_ttl {
font-size: 3vw;
letter-spacing: 2px;
}
.mtehp_contents10_sub {
font-size: 1.8vw;
letter-spacing: 0.3vw;
}
}

.mtehp_contents11 {
margin: 0 0;
width: 100%;
}

.mtehp_contents11_box {
padding: 0% 0%;
position: relative;
}

.mtehp_contents11_img {
width: 100%;
text-align: center;
}

.mtehp_contents11_img img {
width: 100%;
}

.mtehp_contents11_inner {
position: absolute;
width: 100%;
text-align: center;
}

.mtehp_contents11_ttl {
font-weight: 800;
text-align: center;
}

.mtehp_contents11_sub {
padding: 1vw 0px;
font-weight: normal;
}

.mtehp_contents11_img2 {
width: 100%;
text-align: center;
padding: 10% 0;
}

.mtehp_contents11_img2 img {
width: 80%;
}

@media screen and (max-width: 767px) {
.mtehp_contents11_inner {
top: 16vw;
}
.mtehp_contents11_ttl {
font-size: 6vw;
letter-spacing: 1px;
}
.mtehp_contents11_sub {
font-size: 4.0vw;
letter-spacing: 0vw;
line-height: 6.0vw;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents11_inner {
top: 3.2vw;
}
.mtehp_contents11_ttl {
font-size: 3vw;
letter-spacing: 2px;
}
.mtehp_contents11_sub {
font-size: 1.8vw;
letter-spacing: 0.3vw;
line-height: 2.2vw;
}
}

.mtehp_contents12 {
margin: 0 0;
width: 100%;
}

.mtehp_contents12_box {
padding: 0% 0%;
position: relative;
}

.mtehp_contents12_img {
width: 100%;
text-align: center;
}

.mtehp_contents12_img img {
width: 100%;
}

.mtehp_contents12_inner {
position: absolute;
width: 100%;
text-align: center;
}

.mtehp_contents12_ttl {
font-weight: 800;
text-align: center;
}

.mtehp_contents12_sub {
padding: 1vw 0px;
font-weight: normal;
}

.mtehp_contents12_img2 {
width: 100%;
text-align: center;
bottom: 0;
position: absolute;
}

@media screen and (max-width: 767px) {
.mtehp_contents12_inner {
top: 18vw;
}
.mtehp_contents12_ttl {
font-size: 6vw;
letter-spacing: 1px;
}
.mtehp_contents12_sub {
font-size: 4.0vw;
letter-spacing: 0vw;
line-height: 6.0vw;
}
.mtehp_contents12_img2 img {
width: 90vw;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents12_inner {
top: 6.2vw;
}
.mtehp_contents12_ttl {
font-size: 3vw;
letter-spacing: 2px;
}
.mtehp_contents12_sub {
font-size: 1.8vw;
letter-spacing: 0.3vw;
line-height: 2.2vw;
}
.mtehp_contents12_img2 img {
width: 63vw;
}
}

.mtehp_contents13 {
margin: 0 0;
width: 100%;
}

.mtehp_contents13_box2 {
text-align: center;
}

.mtehp_contents13_ttl {
font-weight: 800;
text-align: center;
}

.mtehp_contents13_sub {
padding: 1vw 0px;
font-weight: normal;
}

.mtehp_contents13_box {
padding: 0% 0%;
position: relative;
}

.mtehp_contents13_img {
width: 100%;
text-align: center;
}

.mtehp_contents13_img img {
width: 100%;
}

.mtehp_contents13_inner {
position: absolute;
width: 100%;
text-align: center;
}

.mtehp_contents13_img2 {
width: 100%;
}

.mtehp_contents13_img2 img {
width: 60%;
}

@media screen and (max-width: 767px) {
.mtehp_contents13_box2 {
padding: 18vw 0% 2vw;
}
.mtehp_contents13_ttl {
font-size: 6vw;
letter-spacing: 1px;
}
.mtehp_contents13_sub {
font-size: 4.0vw;
letter-spacing: 0vw;
line-height: 6.0vw;
}
.mtehp_contents13_inner {
top: 56vw;
}
.mtehp_contents13_img2 {
text-align: left;
padding: 14vw 2vw;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents13_box2 {
padding: 7vw 0% 2vw;
}
.mtehp_contents13_ttl {
font-size: 3vw;
letter-spacing: 2px;
}
.mtehp_contents13_sub {
font-size: 1.8vw;
letter-spacing: 0.3vw;
line-height: 2.2vw;
}
.mtehp_contents13_inner {
top: 30vw;
}
.mtehp_contents13_img2 {
text-align: center;
}
}

.mtehp_contents14 {
margin: 0 0;
width: 100%;
}

.mtehp_contents14_box {
text-align: left;
}

.mtehp_contents14_ttl {
color: #433935;
}

@media screen and (max-width: 767px) {
.mtehp_contents14 {
padding: 5% 0;
}
.mtehp_contents14_box {
padding: 0px 15px;
}
.mtehp_contents14_ttl {
padding-top: 5%;
padding-bottom: 1%;
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 3px;
border-bottom: solid 1px #4339358c;
}
.mtehp_contents14_sub {
padding: 10px 0px;
font-size: 12px;
line-height: 20px;
color: #666666;
text-align: left;
;
}
.mtehp_contents14_list {
padding: 10px 0px;
}
td.mtehp_contents14_td1 {
padding: 5px 5px 5px 0px;
}
td.mtehp_contents14_td2 {
padding: 5px 0px 5px 0px;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents14 {
padding: 8% 0;
}
.mtehp_contents14_box {
padding: 0px 0px;
}
.mtehp_contents14_ttl {
padding-top: 1%;
padding-bottom: 1%;
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 3px;
border-bottom: solid 1px #4339358c;
}
.mtehp_contents14_sub {
padding: 20px 0px;
font-size: 12px;
line-height: 20px;
color: #666666;
text-align: left;
}
.mtehp_contents14_list {
padding: 10px 10px;
}
td.mtehp_contents14_td1 {
padding: 5px;
}
td.mtehp_contents14_td2 {
padding: 5px;
}
}

table.mtehp_contents14_table {
width: 100%;
border: none;
}

table.mtehp_contents14_table tr {
width: 100;
}

td.mtehp_contents14_td1 {
text-align: left;
width: 30%;
color: #433935;
font-size: 14px;
font-weight: normal;
line-height: 18px;
letter-spacing: 0px;
}

td.mtehp_contents14_td2 {
text-align: left;
width: 70%;
color: #433935;
font-size: 14px;
font-weight: normal;
line-height: 25px;
letter-spacing: 0px;
}

.mtehp_btm_buy_link_box {
padding: 20px 0px;
text-align: center;
}

.mtehp_btm_buy_link {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
border-radius: 10px;
border: solid 1.5px #000000;
font-size: 18px;
line-height: 27px;
font-weight: 500;
color: #000000;
background: #ffffff;
transition: .4s;
width: 100%;
letter-spacing: 7px;
}

a.mtehp_btm_buy_link {
color: #000000 !important;
}

.mtehp_btm_buy_link:hover {
background: rgba(0, 0, 0, 0.38);
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}

a.mtehp_btm_buy_link:hover {
color: #000000 !important;
font-weight: 550;
}

@media screen and (max-width: 627px) {
.mtehp_btm_buy_link a {
font-size: 20px;
line-height: 23px;
padding: 10px 10px;
letter-spacing: 0px;
width: 90%;
margin: 20px auto;
}
}

@media screen and (min-width: 628px) and (max-width: 991px) {
.mtehp_btm_buy_link a {
font-size: 20px;
line-height: 22px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

@media screen and (min-width: 992px) {
.mtehp_btm_buy_link a {
font-size: 20px;
line-height: 24px;
padding: 10px 13px;
width: 80%;
margin: 30px 0px;
}
}

.mtehp_contents15 {
margin: 0 0;
width: 100%;
padding-bottom: 8%;
}

.mtehp_contents15_note {
text-align: left;
}

@media screen and (max-width: 767px) {
.mtehp_contents15_box {
padding: 0 15px;
}
.mtehp_contents15_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtehp_contents15_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtehp_contents15_space {
padding-bottom: 10px;
color: #888888;
}
.mtehp_contents15_space_ttl {
color: #333333;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents15_box {
padding: 0 0px;
}
.mtehp_contents15_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtehp_contents15_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtehp_contents15_space {
padding-bottom: 10px;
color: #888888;
}
.mtehp_contents15_space_ttl {
color: #333333;
}
}

@media screen and (max-width: 767px) {
.mytrex_eye_hp_qa_box {
padding: 30px 0px;
}
.mytrex_eye_hp_qa_inner {
padding: 2% 2% 2%;
font-size: 18px;
line-height: 30px;
letter-spacing: 1px;
color: #120202;
}
.mytrex_eye_hp_qa_q {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #6d8b94;
color: #ffffff;
float: left;
line-height: 24px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_hp_qa_a {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #C5C5C5;
color: #ffffff;
float: left;
line-height: 24px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_hp_qa_text {
float: left;
font-size: 16px;
padding: 2px;
color: #120202;
line-height: 24px;
padding-bottom: 20px;
width: 79.1vw;
}
.mytrex_eye_hp_qa_text2 {
font-size: 13px;
padding: 2px;
color: #444444;
line-height: 24px;
padding-bottom: 20px;
}
.mytrex_eye_hp_qa_text_sub {
font-size: 13px;
padding: 2px 0px;
color: #333333;
line-height: 20px;
}
}

@media screen and (min-width: 768px) {
.mytrex_eye_hp_qa_box {
padding: 20px 10px;
}
.mytrex_eye_hp_qa_inner {
padding: 1% 2% 1%;
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
color: #120202;
}
.mytrex_eye_hp_qa_q {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #6d8b94;
color: #ffffff;
float: left;
line-height: 26px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_hp_qa_a {
font-size: 18px;
font-weight: 800;
padding: 3px 6px 2px;
background: #C5C5C5;
color: #ffffff;
float: left;
line-height: 26px;
border-radius: 4px;
margin-right: 10px;
}
.mytrex_eye_hp_qa_text {
float: left;
width: 90%;
font-size: 18px;
padding: 2px;
color: #120202;
line-height: 26px;
padding-bottom: 20px;
}
.mytrex_eye_hp_qa_text2 {
font-size: 18px;
padding: 2px;
color: #444444;
line-height: 26px;
padding-bottom: 20px;
}
.mytrex_eye_hp_qa_text_sub {
font-size: 14px;
padding: 2px 0px;
color: #333333;
line-height: 22px;
}
}

.mtehp_contents16 {
margin: 0 0;
width: 100%;
padding-bottom: 8%;
}

.mtehp_contents16_note {
text-align: left;
}

@media screen and (max-width: 767px) {
.mtehp_contents16_box {
padding: 0 15px;
}
.mtehp_contents16_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtehp_contents16_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtehp_contents16_space {
padding-bottom: 10px;
color: #888888;
}
.mtehp_contents16_space_ttl {
color: #333333;
}
}

@media screen and (min-width: 768px) {
.mtehp_contents16_box {
padding: 0 0px;
}
.mtehp_contents16_ttl {
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 1px;
border: solid 2px #515151;
border-radius: 30px;
color: #515151;
padding: 10px 0px;
margin-bottom: 20px;
}
.mtehp_contents16_note {
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
}
.mtehp_contents16_space {
padding-bottom: 10px;
color: #888888;
}
.mtehp_contents16_space_ttl {
color: #333333;
}
}


/* MYTREX EYE HEAT PRO ---------------------------------------------------------  */


/* MYTREX insta campaign ---------------------------------------------------------  */

.pre_insta_text {
padding: 20px 0px;
}

.pre_insta_text_box {
padding: 10px 3%;
background: #ffffffd4;
border-radius: 10px;
border: solid 2px #ffffff;
margin: 3% 0px;
}

.pre_insta_text_ttl {
font-size: 18px;
line-height: 25px;
color: #1A1D2D;
font-weight: 800;
padding: 20px 0px 10px;
}

.pre_insta_text_sub {
font-size: 16px;
line-height: 30px;
color: #504e4e !important;
font-weight: normal !important;
padding: 10px 0px 10px;
}

.pre_insta_no {
border-radius: 5px;
font-size: 14px;
background: #1A1D2D;
color: #ffffff;
padding: 3px 5px;
margin-right: 8px;
}

.pre_insta_no2 {
border-radius: 5px;
font-size: 14px;
background: #1A1D2D;
color: #ffffff;
padding: 3px 5px;
}

.pre_insta_red {
font-size: 13px;
color: #ed2f2f;
}

.pre_insta_text_sub2 {
font-size: 12px;
line-height: 22px;
color: #63605f !important;
font-weight: normal !important;
padding: 10px 0px 10px;
}

.ajax-loader {
display: block !important;
margin: 0 auto !important;
}


/* MYTREX insta campaign ---------------------------------------------------------  */


/* contact us tabs ---------------------------------------------------------  */


/*タブ切り替え全体のスタイル*/

.tabs_box {
margin-top: 50px;
padding-bottom: 40px;
width: 100%;
margin: 0 auto;
}


/*タブのスタイル*/

.tab_item {
width: calc(100%/2);
height: 50px;
border-bottom: 3px solid #c8161d;
background-color: #d9d9d9;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #555555;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}

.tab_item:hover {
opacity: 0.75;
}


/*ラジオボタンを全て消す*/

input[name="tab_item"] {
display: none;
}


/*タブ切り替えの中身のスタイル*/

.tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
background: #ffffff;
}

@media screen and (max-width: 767px) {
.tab_content {
padding: 20px 10px 0;
}
}

@media screen and (min-width: 768px) {
.tab_content {
padding: 40px 40px 0;
}
}


/*選択されているタブのコンテンツのみを表示*/

#all:checked~#all_content,
#mytrex:checked~#mytrex_content {
display: block;
}


/*選択されているタブのスタイルを変える*/

.tabs_box input:checked+.tab_item {
background-color: #c8161d;
color: #fff;
}


/* contact us tabs ---------------------------------------------------------  */


/* top web media ---------------------------------------------------------  */

.webmedia {
padding-right: 0px !important;
padding-left: 0px !important;
}

.webmedia_box {
padding-right: 0px !important;
padding-left: 0px !important;
text-align: center;
}

@media screen and (max-width: 767px) {
.webmedia {
padding-top: 15%!important;
padding-bottom: 15%!important;
}
.webmedia_ttl {
width: 50vw;
padding: 5vw 4vw 2vw;
display: inline-block;
}
.webmedia_ttl_list {
width: 41vw;
padding: 3vw 2vw 2vw;
display: inline-flex;
float: left;
height: 18vw;
}
.webmedia_bnr_area {
width: 100%;
padding: 1vw 0vw 2vw;
display: table-cell;
}
.webmedia_ttl_img {
float: left;
width: 10vw;
height: 10vw;
}
.webmedia_ttl_img img {
width: 100%;
height: auto;
}
.webmedia_bnr_img {
float: left;
width: 32vw;
height: 20vw;
padding: 1vw 1vw;
}
.webmedia_bnr_img img {
width: 70%;
height: auto;
}
.webmedia_bnr_txt {
color: #848180;
font-size: 1.6vw;
line-height: 2.8vw;
letter-spacing: 0.0vw;
}
.webmedia_sub_ttl {
float: left;
width: 32vw;
color: #3c393b;
font-size: 2.7vw;
line-height: 3.0vw;
letter-spacing: 0.1vw;
padding: 0px 0px 1px 7px;
padding-top: 1.6vw;
}
.webmedia_sub_ttls {
color: #848180;
font-size: 1.6vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
}
}

@media screen and (min-width: 768px) {
.webmedia {
padding-top: 2vw!important;
padding-bottom: 2vw!important;
}
.webmedia_box {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
}
.webmedia_ttl {
width: 20vw;
padding: 1vw 1vw;
display: inline-block;
}
.webmedia_ttl_list {
width: 20vw;
padding: 1vw 1vw;
display: inline-block;
float: left;
}
.webmedia_bnr_area {
width: 100%;
padding: 1vw 0vw 2vw;
display: table-cell;
}
.webmedia_ttl_img {
float: left;
width: 3.5vw;
height: 3.5vw;
}
.webmedia_ttl_img img {
width: 3.5vw;
height: auto;
}
.webmedia_bnr_img {
float: left;
width: 20vw;
height: auto;
padding: 1vw 2vw;
}
.webmedia_bnr_img img {
width: 60%;
height: auto;
}
.webmedia_bnr_txt {
color: #848180;
font-size: 0.6vw;
line-height: 0.8vw;
letter-spacing: 0.1vw;
min-height: 3vw;
}
.webmedia_sub_ttl {
float: left;
width: 12vw;
color: #3c393b;
font-size: 0.7vw;
line-height: 1.0vw;
letter-spacing: 0.1vw;
padding: 1px 0px 1px 7px;
padding-top: 0.6vw;
}
.webmedia_sub_ttls {
color: #848180;
font-size: 0.6vw;
line-height: 0.6vw;
letter-spacing: 0.1vw;
}
}

#media-headspa,
#media-eye,
#media-neck,
#media-eyeplus,
#media-eyeheatpro,
#media-rebive,
#media-stretch {
padding-bottom: 9vw;
}


/* top web media ---------------------------------------------------------  */


/* home health -------------------------------------------------------------- */

.homehealth {
padding-right: 0px !important;
padding-left: 0px !important;
}

.homehealth_box {
padding-right: 0px !important;
padding-left: 0px !important;
text-align: center;
}

@media screen and (max-width: 767px) {
.homehealth {
padding-top: 15%!important;
padding-bottom: 15%!important;
}
}

@media screen and (min-width: 768px) {
.homehealth {
padding-top: 2vw!important;
padding-bottom: 2vw!important;
}
.homehealth_box {
font-size: 22px;
line-height: 41px;
letter-spacing: 6px;
}
}

@media screen and (max-width: 767px) {
#sotsu_hh {
padding: 6vw 0vw;
}
.sotsu_hh_box {
text-align: center;
padding: 0vw 0vw 6vw;
}
.sotsu_hh_text1 {
text-align: center;
font-size: 4vw;
line-height: 8vw;
letter-spacing: 0.1vw;
color: #373232;
padding-bottom: 6vw;
}
.sotsu_hh_text2 {
padding: 8vw 0vw;
text-align: center;
font-size: 4vw;
line-height: 9.0vw;
font-weight: 600;
letter-spacing: 0.1vw;
color: #373232;
background: #F2F2F2;
}
.sotsu_hh_img {
width: 100%;
text-align: center;
}
.sotsu_hh_img img {
width: 50vw;
text-align: center;
padding: 10vw 0vw;
}
.sotsu_hh_text3 {
text-align: center;
font-size: 2.5vw;
line-height: 4.5vw;
letter-spacing: 0.1vw;
color: #060000;
}
}

@media screen and (min-width: 768px) {
#sotsu_hh {
padding: 4vw;
}
.sotsu_hh_box {
text-align: center;
padding: 0vw;
border: 0px solid #060000;
}
.sotsu_hh_text1 {
text-align: center;
font-size: 1.3vw;
line-height: 3vw;
letter-spacing: 0.1vw;
color: #373232;
padding-bottom: 3vw;
}
.sotsu_hh_text2 {
padding: 2.5vw;
text-align: center;
font-size: 1.7vw;
line-height: 3.0vw;
font-weight: 700;
letter-spacing: 0.08vw;
color: #373232;
background: #F2F2F2;
border-radius: 30vw;
}
.sotsu_hh_img {
width: 100%;
text-align: center;
}
.sotsu_hh_img img {
width: 20vw;
text-align: center;
padding: 3vw 0vw;
}
.sotsu_hh_text3 {
text-align: center;
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.08vw;
color: #060000;
}
}


/* home health -------------------------------------------------------------- */


/* business -------------------------------------------------------------- */

.busi_box_c {
text-align: center;
}

.busi_box_d {
text-align: center;
}

.busi_box_f {
text-align: center;
}

#busi_contents {
width: 100%;
text-align: center;
}

#busi_contents img {
width: 100%;
}

@media screen and (max-width: 767px) {
.busi_box_c {
padding-top: 10%;
padding-bottom: 15%;
padding-left: 3vw !important;
padding-right: 3vw !important;
}
.busi_box_d {
padding-top: 15%;
padding-bottom: 15%;
}
.busi_box_e {
padding-top: 5%;
padding-bottom: 5%;
text-align: center;
}
.busi_box_f {
padding-top: 5%;
padding-bottom: 5%;
}
.busi_box_f2 {
padding-top: 5%;
padding-bottom: 5%;
padding-left: 3vw !important;
padding-right: 3vw !important;
}
.busi_box_g {
padding-top: 15%;
padding-bottom: 5%;
text-align: center;
}
.busi_box_g img {
width: 100%;
}
.busi_box_g2 {
padding-bottom: 5%;
text-align: center;
padding-left: 3vw !important;
padding-right: 3vw !important;
}
#busi_contents {
padding-bottom: 1.2vw;
}
.busi_contents_pc {
display: none;
}
.busi_contents_pc2 {
display: none;
}
.busi_box_ttl_img {
text-align: center;
}
.busi_box_ttl_img img {
width: 30vw;
}
.busi_box_ttl_a {
text-align: center;
font-size: 4.5vw;
letter-spacing: 0.4vw;
line-height: 8vw;
padding-bottom: 2vw;
padding-top: 6vw;
}
.busi_box_text_a {
text-align: center;
font-size: 3vw;
letter-spacing: 0.6vw;
line-height: 7vw;
padding: 6vw 0vw;
}
.busi_box_text_b {
font-size: 3vw;
letter-spacing: 0.6vw;
line-height: 7vw;
padding: 6vw 0vw;
}
.busi_box_img_b2 {
text-align: center;
padding: 3vw;
}
.busi_box_img_b2 img {
width: 100%;
}
.busi_box_ttl_b2 {
text-align: center;
font-size: 4.5vw;
letter-spacing: 1vw;
line-height: 6vw;
padding: 3vw;
}
.busi_box_text_b2 {
font-size: 3vw;
letter-spacing: 0.3vw;
line-height: 6vw;
padding: 0vw 10px 6vw;
text-align: center;
}
.busi_box_ttl_d {
text-align: center;
font-size: 3.5vw;
letter-spacing: 1vw;
line-height: 3.5vw;
padding-bottom: 3.5vw;
}
.busi_box_line_d {
border-bottom: 2px solid #000000;
width: 30px;
text-align: center;
margin: 0 auto;
;
}
.busi_box_img_f {
text-align: center;
padding-bottom: 4vw;
}
.busi_box_img_f img {
width: 100%;
}
.busi_box_icon2_f {
width: 10%;
}
.busi_box_icon2_f img {
width: 2vw;
}
.busi_box_icon_f {
width: 6%;
float: left;
padding: 1vw 0.2vw 2vw 2vw;
text-align: left;
}
.busi_box_icon_f img {
width: 3vw;
}
.busi_box_ttl_f {
width: 100%;
background: #000;
padding: 2vw 2vw;
text-align: left;
font-size: 4vw;
letter-spacing: 0.3vw;
line-height: 5vw;
color: #fff;
}
.busi_box_text_f {
font-size: 2vw;
letter-spacing: 0.3vw;
line-height: 6.3vw;
text-align: left;
padding: 4vw 4vw;
}
.busi_box_ttl_f2 {
width: 94%;
float: left;
padding-left: 1vw;
text-align: left;
font-size: 4vw;
letter-spacing: 0.3vw;
line-height: 6vw;
}
.busi_box_text_f2 {
font-size: 3vw;
letter-spacing: 0.4vw;
line-height: 6.3vw;
text-align: left;
color: #777;
}
.busi_box_ttl_g {
text-align: center;
font-size: 4vw;
letter-spacing: 1vw;
line-height: 6vw;
padding-bottom: 2vw;
}
.busi_box_text_g {
font-size: 3vw;
letter-spacing: 0.3vw;
line-height: 6.3vw;
padding: 10vw 0px 14vw;
}
.busi_box_link_g {
position: relative;
z-index: 1;
padding: 4vw;
border: 2px solid #333;
font-size: 4vw;
}
.busi_box_link_g a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 7vw;
}
.busi_box_link_g:hover {
filter: alpha(opacity=70);
/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";
/* IE 8,9 */
-moz-opacity: 0.7;
/* FF , Netscape */
-khtml-opacity: 0.7;
/* Safari 1.x */
opacity: 0.7;
zoom: 1;
/*IE*/
}
.busi_box_link_icon_g {
position: absolute;
top: 0vw;
right: 4vw;
}
.busi_box_link_icon_g img {
width: 7vw;
}
.busi_box_link_img_g {
width: 5vw;
}
.busi_box_link_img_g img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.busi_box_c {
padding-top: 10%;
padding-bottom: 5%;
padding-left: 4% !important;
padding-right: 4% !important;
}
.busi_box_d {
padding-top: 5%;
padding-bottom: 1%;
}
.busi_box_e {
padding-top: 0%;
padding-bottom: 5%;
text-align: center;
padding-left: 4% !important;
padding-right: 4% !important;
}
.busi_box_f {
padding-top: 5%;
padding-bottom: 1%;
padding-left: 2% !important;
padding-right: 2% !important;
}
.busi_box_f2 {
padding-bottom: 1%;
padding-left: 4% !important;
padding-right: 4% !important;
}
.busi_box_g {
padding-top: 5%;
padding-bottom: 5%;
}
.busi_box_g img {
width: 100%;
}
.busi_box_g2 {
padding-top: 3%;
padding-bottom: 12%;
}
.busi_contents_pc img {
width: 100%;
padding: 0vw 2vw;
}
#busi_contents {
padding-top: 7vw;
padding-bottom: 2.2vw;
}
.busi_contents_sp {
display: none;
}
.busi_box_ttl_img {
position: relative;
text-align: left;
}
.busi_box_ttl_img img {
width: 18vw;
}
.busi_box_ttl_a {
text-align: left;
font-size: 2vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding-bottom: 2vw !important;
}
.busi_box_text_a {
text-align: left;
font-size: 1.6vw;
letter-spacing: 0.1vw;
line-height: 4vw;
padding: 4vw 0vw;
}
.busi_box_text_b {
font-size: 1.6vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 4vw 0vw;
}
.busi_box_img_b2 {
text-align: center;
}
.busi_box_img_b2 img {
width: 100%;
}
.busi_box_ttl_b2 {
text-align: center;
font-size: 1.6vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 2vw;
}
.busi_box_text_b2 {
font-size: 1.1vw;
letter-spacing: 0.11vw;
line-height: 2.0vw;
padding: 0vw 0vw;
text-align: left;
}
.busi_box_ttl_d {
text-align: center;
font-size: 1.6vw;
letter-spacing: 0.3vw;
bottom: 1.6vw;
}
.busi_box_line_d {
border-bottom: 3px solid #000;
width: 30px;
bottom: 3vw;
text-align: center;
margin: 0 auto;
padding: 0vw 2vw 2vw;
}
.busi_box_img_f {
text-align: center;
padding-bottom: 2vw;
}
.busi_box_img_f img {
width: 100%;
}
.busi_box_icon2_f {
padding-right: 0vw;
}
.busi_box_icon2_f img {
width: 1.3vw;
}
.busi_box_icon_f {
width: 10%;
float: left;
padding: 2vw 0.05vw 2vw 0.5vw;
text-align: left;
}
.busi_box_icon_f img {
width: 1vw;
}
.busi_box_ttl_f {
width: 100%;
background: #000;
padding-left: 1vw;
text-align: left;
font-size: 1.5vw;
letter-spacing: 0.3vw;
line-height: 3vw;
color: #fff;
}
.busi_box_text_f {
font-size: 1.2vw;
letter-spacing: 0.1vw;
line-height: 6.3vw;
text-align: left;
padding: 0vw 2vw 3vw;
}
.busi_box_ttl_f2 {
width: 95%;
padding: 1.2vw 1vw;
text-align: left;
font-size: 1.2vw;
letter-spacing: 0.3vw;
line-height: 2vw;
;
}
.busi_box_text_f2 {
font-size: 1.1vw;
letter-spacing: 0.3vw;
line-height: 3.4vw;
padding: 0vw 0vw;
text-align: left;
color: #777;
}
.busi_box_ttl_g {
text-align: left;
font-size: 2.0vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 0vw 0% 2vw 10%;
}
.busi_box_text_g {
font-size: 1.08vw;
letter-spacing: 0.01vw;
line-height: 2.4vw;
padding: 2vw 0vw;
}
.busi_box_link_g {
position: relative;
z-index: 1;
font-size: 1.5vw !important;
border: 0.2vw solid #333;
padding: 2.0vw 0vw;
}
.busi_box_link_g a {
position: absolute;
top: 0;
width: 100%;
z-index: 2;
color: #000 !important;
text-align: center;
line-height: 4vw;
letter-spacing: 0.2vw;
}
.busi_box_link_g:hover {
filter: alpha(opacity=70);
/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";
/* IE 8,9 */
-moz-opacity: 0.7;
/* FF , Netscape */
-khtml-opacity: 0.7;
/* Safari 1.x */
opacity: 0.7;
zoom: 1;
/*IE*/
}
.busi_box_link_icon_g {
position: absolute;
right: 5vw;
top: 0.5vw;
}
.busi_box_link_icon_g img {
width: 3.5vw;
}
.busi_box_link_img_g {
width: 5vw;
}
.busi_box_link_img_g img {
width: 100%;
}
}


/* business -------------------------------------------------------------- */


/* cmp biz try mytrex -------------------------------------------------------------- */

.cbiz_try_box_c {
text-align: center;
}

.cbiz_try_box_d {
text-align: center;
}

.cbiz_try_box_f {
text-align: center;
}

#cbiz_try_contents {
width: 100%;
text-align: center;
}

#cbiz_try_contents img {
width: 100%;
}

#cbiz_try_contents2 {
width: 100%;
text-align: center;
position: relative;
}

#cbiz_try_contents2 img {
width: 100%;
}

@media screen and (max-width: 767px) {
.cbiz_try_box_b {
position: absolute;
top: 5vw;
top: 0;
left: 42%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.cbiz_try_box_c {
position: absolute;
bottom: 31vw;
padding-left: 3vw !important;
padding-right: 3vw !important;
left: 35vw;
}
.cbiz_try_box_d {
padding-top: 10%;
padding-bottom: 15%;
}
.cbiz_try_box_e {
padding-top: 15%;
padding-bottom: 10%;
}
.cbiz_try_box_g {
padding-top: 15%;
padding-bottom: 5%;
text-align: center;
}
.cbiz_try_box_g img {
width: 100%;
}
.cbiz_try_box_g2 {
padding-bottom: 25%;
text-align: center;
padding-left: 3vw !important;
padding-right: 3vw !important;
}
#cbiz_try_contents {
padding-bottom: 1.2vw;
}
.cbiz_try_contents_pc {
display: none;
}
.cbiz_try_contents_pc2 {
display: none;
}
.cbiz_try_box_ttl_img {
text-align: center;
}
.cbiz_try_box_ttl_img img {
width: 30vw;
}
.cbiz_try_box_ttl {
text-align: center;
font-size: 4vw;
letter-spacing: 0.8vw;
line-height: 5vw;
padding-top: 4vw;
padding-bottom: 10vw;
}
.cbiz_try_box_line {
margin: 0 auto;
width: 30px;
border-bottom: 0.5vw solid #000;
padding-bottom: 2vw;
}
.cbiz_try_box_text {
text-align: center;
font-size: 3vw;
letter-spacing: 0.6vw;
line-height: 7vw;
padding: 6vw 0vw;
}
.cbiz_try_box_ttl_a {
text-align: left;
font-size: 4.5vw;
letter-spacing: 0.4vw;
line-height: 8vw;
padding-bottom: 0vw;
}
.cbiz_try_box_text_a {
text-align: left;
font-size: 3vw;
letter-spacing: 0vw;
line-height: 3vw;
padding: 2vw 0vw;
}
.cbiz_try_box_text_b {
font-size: 3vw;
letter-spacing: 0.6vw;
line-height: 7vw;
padding: 6vw 0vw;
}
.cbiz_try_box_img_b2 {
text-align: center;
padding: 4vw 4vw 6vw;
}
.cbiz_try_box_img_b2 img {
width: 100%;
}
.cbiz_try_box_ttl_b2 {
text-align: center;
font-size: 4.5vw;
letter-spacing: 1vw;
line-height: 6vw;
padding: 3vw;
}
.cbiz_try_box_text_b2 {
font-size: 2.8vw;
letter-spacing: 0.1vw;
line-height: 6vw;
padding: 3vw 4vw 6vw;
text-align: center;
}
.cbiz_try_box_ttl_g {
text-align: center;
font-size: 4vw;
letter-spacing: 1vw;
line-height: 6vw;
padding-bottom: 2vw;
}
.cbiz_try_box_text_g {
font-size: 3vw;
letter-spacing: 0.3vw;
line-height: 6.3vw;
padding: 10vw 0px 14vw;
}
.cbiz_try_box_link_box_g {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.cbiz_try_box_link_g {
position: relative;
z-index: 1;
padding: 4vw;
background: #251e1c;
font-size: 3.2vw;
color: #fff !important;
border-radius: 4vw;
width: 70vw;
}
.cbiz_try_box_link_g a {
position: absolute;
top: 0;
width: 100%;
z-index: 2;
color: #fff !important;
text-align: center;
line-height: 4vw;
letter-spacing: 0.2vw;
top: 2vw;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.cbiz_try_box_link_g:hover {
filter: alpha(opacity=70);
/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";
/* IE 8,9 */
-moz-opacity: 0.7;
/* FF , Netscape */
-khtml-opacity: 0.7;
/* Safari 1.x */
opacity: 0.7;
zoom: 1;
/*IE*/
}
.cbiz_try_box_link_icon_g {
position: absolute;
top: 0vw;
right: 3vw;
}
.cbiz_try_box_link_icon_g img {
width: 7vw;
}
.cbiz_try_box_link_img_g {
width: 5vw;
}
.cbiz_try_box_link_img_g img {
width: 100%;
}
.cbiz_try_list {
background: #f4f4f4;
border: none;
padding: 2vw 3vw;
margin: 4vw 4vw;
}
li.cbiz_try_list2 {
padding: 2.1vw 0vw;
list-style: none;
border-bottom: solid 1px #3f3c3c;
}
li.cbiz_try_list3 {
padding: 2vw 0vw 1vw;
list-style: none;
}
li.cbiz_try_list2:last-child {
list-style: none;
border: 0;
}
.cbiz_try_list_a {
width: 35%;
background: #3f3c3c;
color: #fff;
border-radius: 1vw;
padding: 2vw;
font-size: 2.7vw;
line-height: 2.7vw;
letter-spacing: 0.2vw;
}
.cbiz_try_list_b {
width: 100%;
text-align: left;
color: #3c393b;
border-radius: 0.8vw;
padding: 3vw 1vw 1vw 1vw;
font-size: 3.2vw;
}
.cbiz_try_list_i {
padding: 4vw 6vw;
text-align: left;
font-size: 2.1vw;
line-height: 4.2vw;
}
}

@media screen and (min-width: 768px) {
.cbiz_try_box_b {
position: absolute;
top: 5vw;
}
.cbiz_try_box_c {
position: absolute;
bottom: 11vw;
padding-left: 4vw !important;
}
.cbiz_try_box_d {
padding-top: 5%;
padding-bottom: 5%;
}
.cbiz_try_box_e {
padding-top: 5%;
padding-bottom: 5%;
}
.cbiz_try_box_g {
padding-top: 5%;
padding-bottom: 5%;
}
.cbiz_try_box_g img {
width: 100%;
}
.cbiz_try_box_g2 {
padding-top: 5%;
padding-bottom: 12%;
}
.cbiz_try_contents_pc img {
width: 100%;
padding: 0vw 2vw;
}
#cbiz_try_contents {
padding-top: 7.8vw;
padding-bottom: 0vw;
}
.cbiz_try_contents_sp {
display: none;
}
.cbiz_try_box_ttl_img {
position: relative;
text-align: left;
}
.cbiz_try_box_ttl_img img {
width: 18vw;
}
.cbiz_try_box_ttl {
text-align: center;
font-size: 2.3vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding-bottom: 2vw !important;
}
.cbiz_try_box_line {
text-align: center;
border-bottom: 0.24vw solid #000;
padding-bottom: 1vw !important;
width: 3vw;
margin: 0 auto;
}
.cbiz_try_box_text {
text-align: center;
font-size: 1.6vw;
letter-spacing: 0.1vw;
line-height: 4vw;
padding: 4vw 0vw;
}
.cbiz_try_box_ttl_a {
text-align: left;
font-size: 2.8vw;
letter-spacing: 0.3vw;
}
.cbiz_try_box_text_a {
text-align: left;
font-size: 1.7vw;
letter-spacing: 0.4vw;
line-height: 4vw;
padding: 1vw 0vw;
}
.cbiz_try_box_text_b {
font-size: 1.6vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 4vw 0vw;
}
.cbiz_try_box_img_b2 {
text-align: center;
}
.cbiz_try_box_img_b2 img {
width: 100%;
}
.cbiz_try_box_ttl_b2 {
text-align: center;
font-size: 1.6vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 2vw;
}
.cbiz_try_box_text_b2 {
font-size: 1.5vw;
letter-spacing: 0.11vw;
line-height: 3vw;
padding: 4vw 0vw 4vw 1vw;
text-align: left;
}
.cbiz_try_box_ttl_g {
text-align: left;
font-size: 2.0vw;
letter-spacing: 0.3vw;
line-height: 4vw;
padding: 0vw 0% 2vw 10%;
}
.cbiz_try_box_text_g {
font-size: 1.08vw;
letter-spacing: 0.01vw;
line-height: 2.4vw;
padding: 2vw 0vw;
}
.cbiz_try_box_link_box_g {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.cbiz_try_box_link_g {
position: relative;
z-index: 1;
font-size: 1.3vw !important;
background: #251e1c;
padding: 2.0vw 0vw;
color: #fff !important;
border-radius: 3vw;
width: 33vw;
}
.cbiz_try_box_link_g a {
position: absolute;
top: 0;
width: 100%;
z-index: 2;
color: #fff !important;
text-align: center;
line-height: 4vw;
letter-spacing: 0.2vw;
}
.cbiz_try_box_link_g:hover {
filter: alpha(opacity=70);
/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";
/* IE 8,9 */
-moz-opacity: 0.7;
/* FF , Netscape */
-khtml-opacity: 0.7;
/* Safari 1.x */
opacity: 0.7;
zoom: 1;
/*IE*/
}
.cbiz_try_box_link_icon_g {
position: absolute;
right: 2vw;
top: 0.5vw;
}
.cbiz_try_box_link_icon_g img {
width: 3.5vw;
}
.cbiz_try_box_link_img_g {
width: 5vw;
}
.cbiz_try_box_link_img_g img {
width: 100%;
}
.cbiz_try_list {
background: #f4f4f4;
border: none;
padding: 2vw 3vw;
margin: 4vw 4vw;
}
li.cbiz_try_list2 {
padding: 1.1vw 0vw;
list-style: none;
border-bottom: solid 1px #3f3c3c;
}
li.cbiz_try_list3 {
padding: 2vw 0vw 1vw;
list-style: none;
}
li.cbiz_try_list2 :last-child {
list-style: none;
border: 0;
}
.cbiz_try_list_a {
float: left;
width: 25%;
background: #3f3c3c;
color: #fff;
border-radius: 0.8vw;
padding: 1vw;
font-size: 1.5vw;
}
.cbiz_try_list_b {
float: left;
width: 75%;
text-align: left;
color: #3c393b;
border-radius: 0.8vw;
padding: 1vw 1vw 1vw 2vw;
font-size: 1.5vw;
}
.cbiz_try_list_i {
padding: 4vw 8vw;
text-align: left;
font-size: 1.0vw;
line-height: 2.2vw;
}
}


/* cmp biz try mytrex -------------------------------------------------------------- */

.mytrex_shop_buy {
width: 100%;
}

@media screen and (max-width: 767px) {
.mytrex_shop_buy_num {
float: left;
font-size: 3vw;
line-height: 10vw;
color: #676767;
padding-right: 8px;
}
.mytrex_shop_buy_num2 {
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.shopify-buy-frame {
display: inline-block;
float: left !important;
}
.mytrex_shop_buy {
padding: 0 6vw;
}
.shopify-buy-frame iframe {
height: 17vw !important;
}
}

@media screen and (min-width: 768px) {
.mytrex_shop_buy_num {
float: left;
font-size: 1vw;
line-height: 3vw;
color: #676767;
padding-right: 8px;
}
.mytrex_shop_buy_num2 {
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.shopify-buy-frame {
display: inline-block;
float: left !important;
}
.mytrex_shop_buy {
padding: 0 1vw;
}
.shopify-buy-frame iframe {
height: auto !important;
}
}

.shopify-buy-frame--cart iframe {
height: 100% !important;
}

@media screen and (max-width: 767px) {
#pdct_top_bnr {
margin-top: 0vw !important;
margin-bottom: 2%;
}
.pdct_top_bnr_a {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
}
.pdct_top_bnr_a img {
width: 100%;
}
.pdct_top_bnr_b {
width: 100%;
height: auto;
padding-top: 5vw;
text-align: center;
}
.pdct_top_bnr_b img {
width: 100%;
}
.pdct_top_bnr_c_sp {
width: 100%;
height: auto;
padding-top: 0vw;
text-align: center;
padding-bottom: 15vw;
}
.pdct_top_bnr_c_sp img {
width: 100%;
}
.pdct_top_bnr_c_pc {
display: none;
}
.shopify-buy-frame--toggle.is-active.is-sticky {
top: 85% !important;
}
.pdct_top_bnr_a_fix {
position: absolute;
bottom: 0;
width: 100%;
background: #00000075;
color: #fff;
font-size: 6vw;
font-weight: 800;
padding: 9vw;
text-align: center;
}
}

@media screen and (min-width: 768px) {
#pdct_top_bnr {
margin-top: 0.1vw !important;
margin-bottom: 1vw;
}
.pdct_top_bnr_a {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
}
.pdct_top_bnr_a img {
width: 100%;
}
.pdct_top_bnr_b {
width: 100%;
height: auto;
padding-top: 2vw;
}
.pdct_top_bnr_b img {
width: 100%;
}
.pdct_top_bnr_c_pc {
width: 100%;
height: auto;
padding-top: 0vw;
padding-bottom: 5vw;
}
.pdct_top_bnr_c_pc img {
width: 100%;
}
.pdct_top_bnr_c_sp {
display: none;
}
.shopify-buy-frame--toggle.is-active.is-sticky {
top: 90% !important;
}
.pdct_top_bnr_a_fix {
position: absolute;
bottom: 0;
width: 100%;
background: #00000075;
color: #fff;
font-size: 3vw;
font-weight: 800;
padding: 6.4vw;
text-align: center;
}
}

@media screen and (max-width: 767px) {
#pdct_rbs_a {
margin-top: 0vw !important;
margin-bottom: 5%;
}
.pdct_rbs_a_sp {
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 0px;
text-align: center;
}
.pdct_rbs_a_sp img {
width: 100%;
}
.pdct_rbs_a_pc {
display: none;
}
#pdct_rbs_j {
margin: 10vw 0 25% !important;
}
}

@media screen and (min-width: 768px) {
#pdct_rbs_a {
margin-top: 0.1vw !important;
margin-bottom: 4vw;
}
.pdct_rbs_a_pc {
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 0px;
}
.pdct_rbs_a_pc img {
width: 100%;
}
.pdct_rbs_a_sp {
display: none;
}
#pdct_rbs_j {
margin: 0.5vw 0 0.5vw !important;
}
}


/***          section          ***/

@media screen and (max-width: 767px) {
#cmp_fb_a {
margin: 0.1vw 2vw;
}
.cmp_fb_sct1 {
margin: 0;
width: 100%;
line-height: 0;
}
.cmp_fb_sct1 img {
width: 100%;
}
.cmp_fb_sct2 {
position: relative;
width: 100%;
line-height: 0;
}
.cmp_fb_sct2 img {
width: 100%;
}
.cmp_fb_sct2a {
position: absolute;
width: 100%;
bottom: 2vw;
}
.cmp_fb_sct2a2 {
position: absolute;
width: 100%;
bottom: 2vw;
}
.cmp_fb_sct2a_buy1 {
float: left;
width: 50%;
padding: 0vw 1vw 0vw 7vw;
}
.cmp_fb_sct2a_buy2 {
float: left;
width: 50%;
padding: 0vw 6vw 0vw 2vw;
}
}

@media screen and (min-width: 768px) {
#cmp_fb_a {
margin-top: 0.1vw !important;
margin-bottom: 8vw;
}
.cmp_fb_sct1 {
margin: 0;
width: 100%;
line-height: 0;
}
.cmp_fb_sct1 img {
width: 100%;
}
.cmp_fb_sct2 {
position: relative;
width: 100%;
line-height: 0;
}
.cmp_fb_sct2 img {
width: 100%;
}
.cmp_fb_sct2a {
position: absolute;
width: 100%;
bottom: -2.8vw;
line-height: 0;
}
.cmp_fb_sct2a2 {
position: absolute;
width: 100%;
bottom: -4.3vw;
line-height: 0;
}
.cmp_fb_sct2a_buy1 {
float: left;
width: 50%;
padding: 0vw 0vw 0vw 5.7vw;
}
.cmp_fb_sct2a_buy2 {
float: left;
width: 50%;
padding: 0vw 5.7vw 0vw 0vw;
}
}

.cmp_fb_b_img {
padding: 0;
text-align: center;
}

.cmp_fb_b_ttl {
text-align: center;
color: #3f3d3e;
font-weight: normal;
}

.cmp_fb_b_ttl2 {
text-align: center;
color: #3f3d3e;
font-weight: normal;
}

.cmp_fb_b_sub {
text-align: center;
color: #3e3c3d;
font-weight: normal;
}

.cmp_fb_b_sub2 {
text-align: center;
color: #3e3c3d;
font-weight: normal;
}

@media screen and (max-width: 767px) {
.cmp_fb_b_img img {
width: 100%;
}
.cmp_fb_b_ttl {
padding: 5vw 1vw 5vw;
font-size: 4.5vw;
line-height: 6vw;
letter-spacing: 0.35vw;
}
.cmp_fb_b_ttl2 {
padding: 5vw 1vw 5vw;
font-size: 4.5vw;
line-height: 7vw;
letter-spacing: 0.35vw;
}
.cmp_fb_b_sub {
padding: 0vw 1vw 7vw;
font-size: 4.5vw;
line-height: 6vw;
letter-spacing: 0.35vw;
}
.cmp_fb_b_sub2 {
padding: 0vw 1vw 14vw;
font-size: 7vw;
line-height: 6vw;
letter-spacing: 0.5vw;
}
.cmp_fb_b_sub3 {
padding: 5vw 1vw 4vw;
font-size: 5vw;
line-height: 3vw;
letter-spacing: 0.35vw;
}
.cmp_fb_sct_ship {
text-align: center;
width: 100%;
padding: 3vw 4vw;
background: #fff;
border: 2px solid #333333bf;
margin: 1vw 0vw 4vw;
}
.cmp_fb_sct_ship_text {
font-size: 3.2vw;
color: #393939;
line-height: 5vw;
}
.cmp_fb_sct_ship_text2 {
font-size: 2.5vw;
line-height: 3vw;
color: #393939;
}
.cmp_fb_sct_ship_code {
font-size: 8.4vw;
color: #d7863ed6;
letter-spacing: 1vw;
padding: 3vw 0vw 3vw;
}
.cmp_fb_sct_ship_code_sub {
font-size: 4vw;
line-height: 4.8vw;
color: #d7863ed6;
}
}

@media screen and (min-width: 768px) {
.cmp_fb_b_img img {
width: 70%;
}
.cmp_fb_b_ttl {
padding: 4vw 1vw 2vw;
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
}
.cmp_fb_b_ttl2 {
padding: 4vw 1vw 2vw;
font-size: 1.8vw;
line-height: 3vw;
letter-spacing: 0.1vw;
}
.cmp_fb_b_sub {
padding: 0vw 1vw 1vw;
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.1vw;
}
.cmp_fb_b_sub2 {
padding: 0vw 1vw 5vw;
font-size: 3vw;
line-height: 5vw;
letter-spacing: 0.1vw;
}
.cmp_fb_b_sub3 {
padding: 2vw 1vw 5vw;
font-size: 1.6vw;
line-height: 2vw;
letter-spacing: 0.3vw;
}
.cmp_fb_sct_ship {
text-align: center;
width: 100%;
padding: 1.5vw 3vw;
background: #fff;
border: 2px solid #333333bf;
margin: 1vw 0vw;
}
.cmp_fb_sct_ship_text {
font-size: 1.5vw;
color: #393939;
line-height: 2.0vw;
}
.cmp_fb_sct_ship_text2 {
font-size: 1.0vw;
line-height: 1.4vw;
color: #393939;
}
.cmp_fb_sct_ship_code {
font-size: 4vw;
color: #d7863ed6;
letter-spacing: 0.5vw;
padding-top: 1vw;
}
.cmp_fb_sct_ship_code_sub {
font-size: 2vw;
line-height: 4vw;
color: #d7863ed6;
}
}

.contents_youtube_text {
left: 0;
right: 0;
color: #3c393b;
}

@media screen and (max-width: 767px) {
.youtube_news {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube_news iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.contents_youtube_text {
bottom: 12vw;
padding: 0% 10px;
font-size: 3.3vw;
line-height: 5.5vw;
letter-spacing: 0.15vw;
font-weight: normal;
}
}

@media screen and (min-width: 768px) {
.youtube_news {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube_news iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.contents_youtube_text {
padding: 1vw 3vw 3vw 3.85vw;
font-size: 1.4vw;
line-height: 2.2vw;
letter-spacing: 0.3vw;
text-align: center;
}
}


/* contents about add -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.contents_top_other {
padding: 5vw 0vw 10vw;
}
.contents_top_other_box {
width: 100%;
}
.contents_top_other_box img {
width: 100%;
}
.contents_top_other_ttl {
padding: 7vw 0vw 0vw;
font-size: 6vw;
line-height: 7vw;
text-align: center;
}
.contents_top_other_sub {
padding: 1vw;
font-size: 3vw;
line-height: 7vw;
letter-spacing: 0.7vw;
text-align: center;
}
.contents_top_other2 {
padding: 5vw 5vw 20vw !important;
}
.contents_top_other2_box {
width: 100%;
text-align: center;
border-top: 0.1vw solid #888;
border-bottom: 0.1vw solid #888;
padding: 5vw 3vw 5vw;
display: flex;
}
.contents_top_other2_left {
float: left;
width: auto;
padding-left: 5vw;
}
.contents_top_other2_left img {
width: auto;
height: 10vw;
}
.contents_top_other2_line {
width: auto;
height: 10vw;
}
.contents_top_other2_line img {
width: auto;
height: 10vw;
}
.contents_top_other2_twt {
width: auto;
height: 10vw;
}
.contents_top_other2_twt img {
width: auto;
height: 10vw;
}
.contents_top_other2_ig {
width: auto;
height: 10vw;
}
.contents_top_other2_ig img {
width: auto;
height: 10vw;
}
.contents_top_other2_yt {
float: left;
width: auto;
}
.contents_top_other2_yt img {
width: auto;
height: 10vw;
}
}

@media screen and (min-width: 768px) {
.contents_top_other {
position: relative;
padding: 5vw 0vw 10vw;
}
.contents_top_other img {
width: 100%;
}
.contents_top_other_box {
position: absolute;
top: 26vw;
text-align: center;
width: 100%;
}
.contents_top_other_box2 img {
width: 100%;
}
.contents_top_other_ttl {
font-size: 3vw;
line-height: 4vw;
}
.contents_top_other_sub {
font-size: 1.2vw;
line-height: 3.2vw;
letter-spacing: 0.1vw;
}
.contents_top_other2 {
padding: 5vw 0vw 10vw;
}
.contents_top_other2_box {
text-align: center;
width: 100%;
display: contents;
}
.contents_top_other2_box img {
width: 100%;
}
.contents_top_other2_left {
float: left;
width: auto;
height: 10vw;
}
.contents_top_other2_left img {
width: auto;
height: 5vw;
}
.contents_top_other2_line {
float: left;
width: auto;
}
.contents_top_other2_line img {
width: auto;
height: 5vw;
}
.contents_top_other2_twt {
float: left;
width: auto;
}
.contents_top_other2_twt img {
width: auto;
height: 5vw;
}
.contents_top_other2_ig {
float: left;
width: auto;
}
.contents_top_other2_ig img {
width: auto;
height: 5vw;
}
.contents_top_other2_yt {
float: left;
width: auto;
}
.contents_top_other2_yt img {
width: auto;
height: 5vw;
}
}


/* contents about add -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
#pd_information {
padding: 10vw 0;
background: #000;
text-align: center;
font-family: serif;
}
.pd_information_box {
padding: 1vw 4vw;
}
.pd_information_box_ttl {
color: #fff;
font-size: 5vw;
letter-spacing: .5vw;
padding: 1vw 3.5vw;
border-radius: 6px;
display: ruby-text;
font-family: serif;
margin-bottom: 0.5vw;
}
.pd_information_box_text {
color: #000;
font-size: 3.5vw;
line-height: 6vw;
letter-spacing: .5vw;
padding: 10vw 5vw 10vw;
background: #fff;
border-radius: 6px;
text-align: center;
}
.pd_information_box_text_icon {
text-align: center;
width: 100%;
display: block;
padding-bottom: 6vw;
}
.pd_information_box_text_icon img {
width: 15vw;
text-align: center;
}
.pd_information_box_ttl2 {
color: #ea5119;
font-size: 7.5vw;
line-height: 7.5vw;
letter-spacing: .5vw;
padding: 5vw 1vw 7vw;
}
.pd_information_box2 {
background: #f1f5f7;
border-radius: 3px;
padding: 1.5vw 8vw;
}
.pd_information_box_sub_l {
color: #3e3a39;
font-size: 4.5vw;
letter-spacing: 0.7vw;
padding: 4.5vw 0vw;
border-bottom: 1px solid #3e3a3982;
}
.pd_information_box_sub_r {
color: #3e3a39;
font-size: 4.5vw;
letter-spacing: 0.7vw;
padding: 4.5vw 0vw;
}
.pd_information_box_sub2 {
background: #373232;
border-radius: 4px;
color: #fff;
font-size: 4vw;
letter-spacing: 1.1vw;
padding: 2.5vw;
margin-top: 2vw !important;
}
.pd_information_box_sub3 {
color: #fff;
font-size: 2.5vw;
line-height: 4vw;
letter-spacing: .5vw;
padding-top: 4vw;
}
}

@media screen and (min-width: 768px) {
#pd_information {
padding: 3% 0;
background: #000;
text-align: center;
font-family: serif;
}
.pd_information_box {
padding: 1vw;
}
.pd_information_box_ttl {
color: #fff;
font-size: 1.4vw;
letter-spacing: .2vw;
padding: 0.5vw 1vw;
border: 1px solid #fff;
border-radius: 6px;
display: ruby-text;
font-family: serif;
margin-bottom: 0.5vw;
}
.pd_information_box_text {
background: #ffffff;
border-radius: 3px;
color: #000;
font-size: 1.1vw;
line-height: 2vw;
letter-spacing: .1vw;
padding: 1.0vw 1vw;
}
.pd_information_box_text_icon img {
width: 1.6vw;
vertical-align: middle;
}
.pd_information_box_ttl2 {
color: #ea5119;
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: .3vw;
padding: 1vw 1vw 1.5vw;
}
.pd_information_box2 {
background: #f1f5f7;
border-radius: 3px;
padding: 0.5vw 0vw;
display: flex;
}
.pd_information_box_sub_l {
float: left;
width: 50%;
color: #3e3a39;
font-size: 1.1vw;
letter-spacing: 0vw;
padding: 0.5vw 0vw;
}
.pd_information_box_sub_r {
float: left;
width: 50%;
color: #3e3a39;
font-size: 1.1vw;
letter-spacing: 0vw;
padding: 0.5vw 0vw;
border-left: 1px solid #3e3a3982;
}
.pd_information_box_sub2 {
background: #373232;
border-radius: 4px;
color: #fff;
font-size: 1vw;
letter-spacing: .1vw;
padding: .5vw;
margin-left: 1vw;
}
.pd_information_box_sub3 {
color: #fff;
font-size: 0.8vw;
letter-spacing: .1vw;
padding-top: 1vw;
}
}


/* swiper -- RECOMEND -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.swiper-container.rcmdSwiper {
min-width: 300px;
margin: 30px 0;
}
.rcmdSwiper .swiper-button-prev,
.rcmdSwiper .swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.pd_l_item_img {
max-width: 180px;
}
.pd_l_item_img img {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.swiper-container.rcmdSwiper {
min-width: 500px;
margin: 30px 0;
}
.swiper-container.rcmdSwiper {
width: 100%;
height: 100%;
}
.rcmdSwiper .swiper-slide {
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.rcmdSwiper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.rcmdSwiper .swiper-button-prev,
.rcmdSwiper .swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.pd_l_item_img {
max-width: 280px;
}
.pd_l_item_img img {
width: 100%;
}
}


/* wp shopify -------------------------------------------------------------- */
.wps-cart-icon-fixed.wps-cart-is-empty {
display: none;
}

#menu_pc_list .wps-btn-cart {
padding: 0;
}

#menu_pc_list .wps-icon-cart {
content: "";
position: relative;
vertical-align: top;
pointer-events: auto;
width: 1.8vw;
height: 1.8vw;
}

#menu_pc_list button g {
fill: #000000;
margin: 0px;
width: 28px;
max-width: 28px;
position: relative;
left: 1px;
}

.wps-cart-contents h2 a {
display: none;
}

.wps-add-to-cart>span {
transform: none !important;
opacity: 1 !important;
}

.wps-cart-lineitem-remove {
background-color: #e40d0d !important;
color: white !important;
text-decoration: none !important;
padding: 4px !important;
border-radius: 3px !important;
}

@media screen and (min-width: 768px) {
.contents_product_item_tab_listr,
.contents_product_item_tab_list,
.contents_product_item_tab_listn {
height: 22.5vw !important;
}
.wps-cart-notice {
font-size: 11px;
padding-top: 10px;
color: #4c4c4c;
}
}

@media screen and (max-width: 767px) {
.contents_product_item_tab_listr,
.contents_product_item_tab_list,
.contents_product_item_tab_listn {
height: 67vw !important;
}
.contents_product_tabs_area .wps-items-wrapper {
padding: 0;
margin-top: 15px !important;
}
.contents_product_tabs_area .wps-items-wrapper .wps-add-to-cart {
padding: 5px;
font-size: 3.2vw;
}
.contents_product_item_tab_item_ttl2 {
height: 2em;
}
.page-template .menu_sp .contents_product_item_tab_item_cart {
display: inline-block;
position: absolute;
right: 4vw;
top: 4vw;
z-index: 999;
}
.menu_sp .wps-icon-cart {
content: "";
position: relative;
vertical-align: middle;
pointer-events: auto;
width: 28px;
height: 28px;
}
.menu_sp .wps-btn-cart {
padding: 0;
position: fixed;
right: 2.5vw;
top: 2.5vw;
}
.menu_sp button g {
fill: #000000;
margin: 0px;
width: 28px;
max-width: 28px;
position: relative;
left: 1px;
}
.wps-cart-notice {
font-size: 11px;
padding-top: 10px;
color: #4c4c4c;
}
}


/* cart */
.wps-cart-icon-fixed {
background-color: #e40d0d !important;
top: calc(90% - 80px) !important;
width: auto !important;
min-width: 46px !important;
padding: 8px 10px !important;
animation: none !important;
}
.wps-cart-counter {
background: none transparent !important;
width: 20px !important;
}
.css-85jrl8-counterTextCSS {
font-size: 18px !important;
font-weight: normal !important;
}

@media screen and (max-width: 767px) {
.wps-icon-cart {
height: 5.8vw !important;
width: 5.8vw !important;
}
}
@media screen and (min-width: 768px) {
.wps-icon-cart {
height: 1.8vw !important;
width: 1.8vw !important;
}
}


/* pd_c_box */

.pd_c_box .wps-component-products-buy-button {
flex-direction: row;
}

.pd_c_box .wps-component-products-quantity {
width: 30%;
padding-top: 0;
border: none;
}

.pd_c_box .wps-product-quantity-wrapper {
height: 100%;
}

.pd_c_box .wps-quantity-input-wrapper {
height: 100%;
}

.pd_c_box .wps-component-products-add-button {
width: 75%;
}

.pd_c_box .wps-product-quantity {
border: 1px solid #d3dbe2 !important;
border-radius: 2px 0 0 2px !important;
border-right: 0 !important;
height: 100% !important;
margin-bottom: 0 !important;
}

.pd_c_box .wps-add-to-cart {
border-radius: 0px 2px 2px 0;
}

/* pd_m_buy_area */
.pd_m_buy_area .wps-items-wrapper {
padding: 0;
}

.pd_m_buy_area .wps-component-products-buy-button {
flex-direction: row;
}

.pd_m_buy_area .wps-component-products-quantity {
width: auto;
padding-top: 0;
border: none;
}

.pd_m_buy_area .wps-product-quantity-wrapper {
height: 100%;
}

.pd_m_buy_area .wps-quantity-input-wrapper {
height: 100%;
}

.pd_m_buy_area .wps-component-products-add-button {
width: 75%;
}

.pd_m_buy_area .wps-product-quantity {
border: 1px solid #d3dbe2 !important;
border-radius: 2px 0 0 2px !important;
border-right: 0 !important;
height: 100% !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
width: 100%;
display: block;
margin-right: 0;
max-width: 50px !important;
}

.pd_m_buy_area .wps-add-to-cart {
border-radius: 0px 2px 2px 0;
font-size: 15px;
padding: 12px 0;
}

.pd_m_buy_area .wps-component-products-buy-button {
position: relative;
padding-top: 2vw;
}

.pd_m_buy_area .wps-quantity-label-wrapper {
position: absolute;
left: 0;
top: 0;
}

.pd_m_buy_area .wps-quantity-label-wrapper > label {
font-size: 1vw;
line-height: 2vw;
color: #676767;
padding-right: 8px;
}


#header .wps-add-to-cart {
height: 3vw;
padding: 0;
border-radius: 0;
}

.wps-cart-contents h2 a {
display: none;
}

@media screen and (max-width: 1062px) {
.pd_c_box .wps-component-products-buy-button {
position: relative;
/* padding-top: 2vw; */
}
.pd_c_box .wps-component-products-quantity {
width: auto;
}
.pd_c_box .wps-product-quantity {
margin-left: 0px !important;
}
.pd_c_box .wps-component-products-add-button {
width: 100%;
}
.pd_c_box .wps-quantity-label-wrapper {
position: absolute;
left: 0;
top: 0;
}
}

@media screen and (max-width: 767px) {
.pd_c_box .wps-component-products-buy-button {
/* padding-top: 30px !important; */
position: relative;
}
.pd_c_box .wps-quantity-label-wrapper {
display: block;
position: absolute;
left: 0;
top: 0;
}
.pd_c_box .wps-component-products-quantity {
width: auto;
}
.pd_c_box .css-azzsp7-ProductQuantityLabelCSS {
font-size: 3vw;
color: #676767;
}
.pd_c_box .wps-product-quantity {
margin-left: 0;
}
#cartin_sp {
z-index: 1;
}
#cartin_sp .contents_product_item_tab_item_cart {
display: block;
position: initial;
}
#cartin_sp .wps-items-wrapper {
padding: 0px 0px;
}
#cartin_sp .wps-component-products-buy-button {
flex-direction: row;
margin-bottom: 0px;
}
#cartin_sp .wps-component-products-quantity {
/*		width: 33%;*/
border-top: none;
border-bottom: none;
padding-top: 0;
}
#cartin_sp .css-azzsp7-ProductQuantityLabelCSS {
padding: 0 1.4vw;
}
#cartin_sp .wps-quantity-input-wrapper {
display: inline-block;
margin: 0px;
}
#cartin_sp .css-tlz1ah-inputStyles {
margin: 0px 0px 0px 0px;
max-width: 45px;
border: none;
border-radius: 0;
height: 10vw;
}
#cartin_sp .wps-component-products-add-button {
width: 67%;
height: 10vw;
}
#cartin_sp .wps-add-to-cart {
height: 10vw;
padding: 0;
border-radius: 0px;
}
#cartin_sp .css-1g42mgi-AddButtonTextCSS {
height: 10vw;
line-height: 10vw;
font-family: Avant Garde, sans-serif;
font-size: 3vw;
}
#cartin_sp .wps-items-list {
max-width: none;
}
#cartin_sp .wps-product-quantity-wrapper {
text-align: right;
}

.pd_m_buy_area .wps-component-products-buy-button {
padding-top: 6vw;
}
.pd_m_buy_area .wps-quantity-label-wrapper>label {
font-size: 3vw;
line-height: 6vw;
color: #676767;
}
a.mt_pc_top_buy_cart_menu{
font-size: 3.5vw !important;
color: #fff !important;
background: #333 !important;
text-align: center !important;
padding: 3vw 1.2vw !important;
display: inline-block !important;
width: 48vw !important;
text-decoration: none !important;
position: absolute;
height: 10vw !important;
border-radius: 0px !important;
right: 0;
}
a.mt_pc_top_buy_cart_menu:hover{
opacity: 0.8;
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}
button.mt_pc_top_buy_cart_menu{
font-size: 3.5vw !important;
color: #fff !important;
background: #333 !important;
text-align: center !important;
padding: 3vw 1.2vw !important;
display: inline-block !important;
width: 48vw !important;
text-decoration: none !important;
position: absolute;
height: 10vw !important;
border-radius: 0px !important;
right: 0;
}
button.mt_pc_top_buy_cart_menu:hover{
opacity: 0.8;
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}
}


/* cart */
@media screen and (max-width: 767px) {
.wps-cart {width: 90% !important;}
.wps-cart .wps-cart-lineitem-img {
width: 90px !important;
height: 90px !important;
}
.wps-cart .wps-cart-lineitem-content {
width: calc(100% - 90px) !important;
}
.wps-cart .wps-quantity-decrement,
.wps-cart .wps-quantity-increment {
width: 35px !important;
height: 30px !important;
}
.wps-cart .css-4eyj3r-lineItemQuantityCSS.css-4eyj3r-lineItemQuantityCSS {
width: 40px !important;
height: 30px !important;
}
.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
width: 130px !important;
box-sizing: border-box;
padding: 0px !important;
margin-right: 0vw !important;
margin-left: 0vw !important;
}
.css-vly9k7-cartLineItemQuantityIncDecCSS-cartLineItemQuantityDecCSS-CartLineItemQuantity {
font-size: 20px !important;
width: 40px !important;
height: 40px !important;
}
.css-4eyj3r-lineItemQuantityCSS.css-4eyj3r-lineItemQuantityCSS {
width: 50px !important;
height: 40px !important;
max-height: 40px !important;
font-size: 20px !important;
}
.css-5h1y7j-cartLineItemQuantityIncDecCSS-cartLineItemQuantityIncCSS-CartLineItemQuantity {
font-size: 20px !important;
width: 40px !important;
height: 40px !important;
}
.css-h8v2nf-flexRowCSS-flexColSmallCSS-CartLineItem {
flex-direction: inherit !important;
}
li.menu_pc_list3 {
width: 6.4vw !important;
}

li.menu_pc_list4 {
width: 2.2vw !important;
}

.wps-cart-title{
padding-bottom: 1vw;
}
.wps-after-cart-title{
font-size: 10px !important;
text-align: right;
}
.wps-cart-lineitem-title-content{
font-size: 16px !important;
line-height: 20px !important;
}
.css-56gymu-lineItemTitle[data-wps-is-empty="true"] {
margin-bottom: 0.2vw !important;
}
.css-1jb8zhg-removeStyles {
position: absolute;
top: 2px;
right: 0px;
font-size: 12px;
text-decoration: underline;
text-align: right;
padding: 4px 10px !important;
}

.wps-cart-lineitem-remove {
background-color: #b0b0b09c !important;
color: #fff !important;
text-decoration: none !important;
padding: 4px !important;
border-radius: 3px !important;
margin-top: 14px !important;
}

.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
padding: 0px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100px;
}
.css-xcwbnj-lineItemPriceCSS {
line-height: 1 !important;
padding-top: 8px !important;
font-size: 18px !important;
color: rgb(18, 18, 18) !important;
}

.css-1a7qhkb-CartFooterCSS p {
margin: 10px 0px !important;
}
.css-1ogidw7-priceCSS {
-moz-box-align: baseline;
align-items: baseline;
flex-direction: row;
-moz-box-pack: start;
justify-content: flex-end !important;
}

}
@media screen and (min-width: 768px) {
li.menu_pc_list3 {
width: 6.4vw !important;
}

li.menu_pc_list4 {
width: 2.2vw !important;
}

.wps-cart-title{
padding-bottom: 1vw;
}
.wps-after-cart-title{
font-size: 10px !important;
text-align: right;
}
.wps-cart-lineitem-title-content{
font-size: 16px !important;
line-height: 24px !important;
}
.css-56gymu-lineItemTitle[data-wps-is-empty="true"] {
margin-bottom: 0.2vw !important;
}
.css-1jb8zhg-removeStyles {
position: absolute;
top: 2px;
right: 0px;
font-size: 12px;
text-decoration: underline;
text-align: right;
padding: 4px 10px !important;
}

.wps-cart-lineitem-remove {
background-color: #b0b0b09c !important;
color: #fff !important;
text-decoration: none !important;
padding: 4px !important;
border-radius: 3px !important;
margin-top: 14px !important;
}

.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
padding: 0px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100px;
}
.css-xcwbnj-lineItemPriceCSS {
line-height: 1 !important;
padding-top: 8px !important;
font-size: 22px !important;
color: rgb(18, 18, 18) !important;
}

.css-1a7qhkb-CartFooterCSS p {
margin: 10px 0px !important;
}

a.mt_pc_top_buy_cart_menu{
font-size: 1.0vw;
color: #fff !important;
background: #333;
text-align: center;
padding: 1vw 1.2vw;
display: inline-block;
width: 100%;
text-decoration: none;
}
a.mt_pc_top_buy_cart_menu:hover{
opacity: 0.8;
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}
button.mt_pc_top_buy_cart_menu{
font-size: 1.0vw;
color: #fff !important;
background: #333;
text-align: center;
padding: 0vw 1.2vw;
display: inline-block;
width: 100%;
text-decoration: none;
}
button.mt_pc_top_buy_cart_menu:hover{
opacity: 0.8;
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}
}

/* cart */

/* @media screen and (max-width: 767px) {
.wps-cart {width: 90% !important;}
.wps-cart .wps-cart-lineitem-img {
width: 90px !important;
height: 90px !important;
}
.wps-cart .wps-cart-lineitem-content {
width: calc(100% - 90px) !important;
}
.wps-cart .wps-quantity-decrement,
.wps-cart .wps-quantity-increment {
width: 35px !important;
height: 30px !important;
}
.wps-cart .css-4eyj3r-lineItemQuantityCSS.css-4eyj3r-lineItemQuantityCSS {
width: 40px !important;
height: 30px !important;
}
.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
width: 130px !important;
box-sizing: border-box;
padding: 0px !important;
margin-right: 0vw !important;
margin-left: 0vw !important;
}
.css-vly9k7-cartLineItemQuantityIncDecCSS-cartLineItemQuantityDecCSS-CartLineItemQuantity {
font-size: 20px !important;
width: 40px !important;
height: 40px !important;
}
.css-4eyj3r-lineItemQuantityCSS.css-4eyj3r-lineItemQuantityCSS {
width: 50px !important;
height: 40px !important;
max-height: 40px !important;
font-size: 20px !important;
}
.css-5h1y7j-cartLineItemQuantityIncDecCSS-cartLineItemQuantityIncCSS-CartLineItemQuantity {
font-size: 20px !important;
width: 40px !important;
height: 40px !important;
}
.css-h8v2nf-flexRowCSS-flexColSmallCSS-CartLineItem {
flex-direction: inherit !important;
}
li.menu_pc_list3 {
width: 6.5vw !important;
}

li.menu_pc_list4 {
width: 2.2vw !important;
}

.wps-cart-title{
padding-bottom: 1vw;
}
.wps-after-cart-title{
font-size: 10px !important;
text-align: right;
}
.wps-cart-lineitem-title-content{
font-size: 16px !important;
line-height: 20px !important;
}
.css-56gymu-lineItemTitle[data-wps-is-empty="true"] {
margin-bottom: 0.2vw !important;
}
.css-1jb8zhg-removeStyles {
position: absolute;
top: 2px;
right: 0px;
font-size: 12px;
text-decoration: underline;
text-align: right;
padding: 4px 10px !important;
}

.wps-cart-lineitem-remove {
background-color: #b0b0b09c !important;
color: #fff !important;
text-decoration: none !important;
padding: 4px !important;
border-radius: 3px !important;
margin-top: 14px !important;
}

.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
padding: 0px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100px;
}
.css-xcwbnj-lineItemPriceCSS {
line-height: 1 !important;
padding-top: 8px !important;
font-size: 18px !important;
color: rgb(18, 18, 18) !important;
}

.css-1a7qhkb-CartFooterCSS p {
margin: 10px 0px !important;
}
.css-1ogidw7-priceCSS {
-moz-box-align: baseline;
align-items: baseline;
flex-direction: row;
-moz-box-pack: start;
justify-content: flex-end !important;
}

.css-1li0t40-PaginationItemsCSS {
max-width: 100% !important;
}
.pd_c_box .wps-add-to-cart {
border-radius: 0 2px 2px 0 !important;
font-size: 15px !important;
padding: 17.50px 0 !important;
}
#cartin_sp .wps-component-products-quantity{
width: 14% !important;
}
.pd_c_box .wps-component-products-quantity {
width: 12% !important;
}
.css-5ow4qb-ProductOptionsCSS {
width: 50% !important;
}
.pd_c_box .wps-component-products-add-button {
width: 38% !important;
}
.css-ixptq0-ProductOptionDropdownCSS {
margin: 0px 0px 0px !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
border-radius: 1px !important;
padding: 2px 2px !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.wps-btn {
padding: 19.65px 19px 19.65px 2px!important;
text-decoration: none !important;
width: 100% !important;
max-width: 100% !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
font-size:  12px !important;
}
.css-1pbp7de-ProductVariantDropdownValueCSS {
padding: 8px !important;
font-size: 12px !important;
line-height: 16px !important;
}
#cartin_sp .wps-component-products-add-button {
width: 40% !important;
height: 10vw !important;
}
a.mt_pc_top_buy_cart_menu{
font-size: 3.5vw !important;
color: #fff !important;
background: #333 !important;
text-align: center !important;
padding: 3vw 1.2vw !important;
display: inline-block !important;
letter-spacing: 0.5vw !important;
text-decoration: none !important;
position: absolute !important;
border-radius: 0vw !important;
height: 10vw !important;
width: 44vw !important;
right: 0 !important;
}
a.mt_pc_top_buy_cart_menu:hover{
opacity: 0.8;
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: transform 0.8s;
-moz-transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-o-transition: transform 0.8s;
}
}
@media screen and (min-width: 768px) {
li.menu_pc_list3 {
width: 6.5vw !important;
}

li.menu_pc_list4 {
width: 2.2vw !important;
}

.wps-cart-title{
padding-bottom: 1vw;
}
.wps-after-cart-title{
font-size: 10px !important;
text-align: right;
}
.wps-cart-lineitem-title-content{
font-size: 16px !important;
line-height: 24px !important;
}
.css-56gymu-lineItemTitle[data-wps-is-empty="true"] {
margin-bottom: 0.2vw !important;
}
.css-1jb8zhg-removeStyles {
position: absolute;
top: 2px;
right: 0px;
font-size: 12px;
text-decoration: underline;
text-align: right;
padding: 4px 10px !important;
}

.wps-cart-lineitem-remove {
background-color: #b0b0b09c !important;
color: #fff !important;
text-decoration: none !important;
padding: 4px !important;
border-radius: 3px !important;
margin-top: 14px !important;
}

.css-1xk2znz-ProductQuantityLabelWrapperCSS{
display: block !important;
}

.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
padding: 0px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100px;
}
.css-xcwbnj-lineItemPriceCSS {
line-height: 1 !important;
padding-top: 8px !important;
font-size: 22px !important;
color: rgb(18, 18, 18) !important;
}
.pd_c_box .wps-add-to-cart {
border-radius: 0 2px 2px 0 !important;
padding: 1.2vw 0 !important;
}
.css-1li0t40-PaginationItemsCSS {
max-width: 400px !important;
}
.css-1a7qhkb-CartFooterCSS p {
margin: 10px 0px !important;
}
.pd_c_box .wps-component-products-quantity {
width: 6vw !important;
}
.css-5ow4qb-ProductOptionsCSS {
width: 18vw !important;
padding-top: 1vw !important;
}
.pd_m_buy_area .css-5ow4qb-ProductOptionsCSS {
}
.css-tlz1ah-inputStyles.css-tlz1ah-inputStyles{
margin: 0px 0px 0px 0px !important;
padding: 0px 7px !important;
}
.pd_c_box .wps-component-products-add-button {
width: 20vw !important;
padding-top: 0.8vw;
}
.pd_c_box .css-5ow4qb-ProductOptionsCSS {
padding-top: 0.8vw !important;
}
.css-ixptq0-ProductOptionDropdownCSS {
margin: 0px 0px 0px !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
border-radius: 1px !important;
padding: 2px 2px !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.wps-btn {
padding: 1.3vw 1.9vw 1.4vw 0.5vw !important;
text-decoration: none !important;
width: 100% !important;
max-width: 100% !important;
}
#pdct_ehp_l .mytrex_shop_buy .wps-quantity-input-wrapper,
.pd_c_box .wps-quantity-input-wrapper {
height: 3.85vw !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
font-size: 12px !important;
}
.css-1pbp7de-ProductVariantDropdownValueCSS {
padding: 8px !important;
font-size: 12px !important;
line-height: 16px !important;
}
} */


.css-tlz1ah-inputStyles.css-tlz1ah-inputStyles{
margin: 0px 0px 0px 0px !important;
padding: 0px 7px !important;
}
#pdct_ehp_l .mytrex_shop_buy .wps-quantity-input-wrapper,
.pd_c_box .wps-quantity-input-wrapper {
height: 3.85vw !important;
}

/* cart_option（あり） */
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-items-list,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-items-list,
.pd_c_box .wps-items-list {
max-width: inherit !important;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-component-products-buy-button,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-component-products-buy-button,
.pd_c_box .wps-item .wps-component-products-buy-button {
display: block;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-product-quantity,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-product-quantity,
.pd_c_box .wps-item .wps-product-quantity {
border-right: 1px solid #d3dbe2 !important;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-product-options,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-product-options,
.pd_c_box .wps-item .wps-product-options {
width: 100% !important;
padding-top: .8vw;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-component-products-add-button,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-component-products-add-button,
.pd_c_box .wps-item .wps-component-products-add-button {
width: 100% !important;
padding-top: .8vw;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-component-products-quantity,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-component-products-quantity,
.pd_c_box .wps-item .wps-component-products-quantity {
width: auto !important;
padding-top: 1.2vw;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-product-quantity-wrapper,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-product-quantity-wrapper,
.pd_c_box .wps-item .wps-product-quantity-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-quantity-input:first-child,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-quantity-input:first-child,
.pd_c_box .wps-item .wps-quantity-input:first-child {
padding-right: .5vw;
position: relative;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-product-options > p,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-product-options > p,
.pd_c_box .wps-item .wps-product-options > p {
display: none;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-icon-dropdown,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-icon-dropdown,
.pd_c_box .wps-item .wps-icon-dropdown {
background-color: #fff;
color: #333;
border: 1px solid #d3dbe2;
border-radius: inherit;
font-size: 1vw !important;
padding: .5vw !important;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-add-to-cart,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-add-to-cart,
.pd_c_box .wps-item .wps-add-to-cart {
border-radius: inherit;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-icon-dropdown path,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-icon-dropdown path,
.pd_c_box .wps-item .wps-icon-dropdown path {
fill: #d3dbe2;
}
.pd_i_box:nth-child(2) .pd_i_cart .pd_c_price2 ,
#pdct_ehp_l .mytrex_shop_buy .pd_c_price2 ,
.pd_c_box .pd_c_price2 {
margin-bottom: -5.5vw;
}

/* .page-template-product_pm .pd_c_price2, */
.page-template-product_stht .pd_c_price2,
.page-template-product_ep .pd_c_price2,
.page-template-product_mtrbp .pd_c_price2,
.page-template-product_ag .pd_c_price2 {
margin-bottom: auto;
}

/* SP */
@media screen and (max-width: 767px) {
.pd_i_box:nth-child(2) .pd_i_cart .wps-quantity-input-wrapper,
#pdct_ehp_l .mytrex_shop_buy .wps-quantity-input-wrapper,
.pd_c_box .wps-quantity-input-wrapper {
height: 12.85vw !important;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-product-options,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-product-options,
.pd_c_box .wps-item .wps-product-options {
padding-top: 3.2vw;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-component-products-add-button,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-component-products-add-button,
.pd_c_box .wps-item .wps-component-products-add-button {
padding-top: 3.2vw;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-item .wps-icon-dropdown,
#pdct_ehp_l .mytrex_shop_buy .wps-item .wps-icon-dropdown,
.pd_c_box .wps-item .wps-icon-dropdown {
padding: 3vw !important;
font-size: 3vw !important;
}
.pd_i_box:nth-child(2) .pd_i_cart .wps-icon-dropdown svg,
#pdct_ehp_l .mytrex_shop_buy .wps-icon-dropdown svg,
.pd_c_box .wps-icon-dropdown svg {
top: calc(50% - 6px) !important;
width: 14px;
}
.pd_i_box:nth-child(2) .pd_i_cart .pd_c_price2 ,
#pdct_ehp_l .mytrex_shop_buy .pd_c_price2 ,
.pd_c_box .pd_c_price2 {
margin-bottom: -15vw;
}
/* .page-template-product_pm .pd_c_price2, */
.page-template-product_stht .pd_c_price2,
.page-template-product_ep .pd_c_price2,
.page-template-product_mtrbp .pd_c_price2,
.page-template-product_ag .pd_c_price2 {
margin-bottom: auto;
}
}

/* cart_option（なし） */
.page-template-product_stht .pd_c_box .wps-item .wps-product-quantity,
.page-template-product_ep　.pd_c_box .wps-item .wps-product-quantity,
.page-template-product_mtrbp　.pd_c_box .wps-item .wps-product-quantity,
.page-template-product_ag　.pd_c_box .wps-item .wps-product-quantity {
border-right: none !important;
}

.page-template-product_stht .pd_c_box .wps-item .wps-quantity-input,
.page-template-product_ep .pd_c_box .wps-item .wps-quantity-input,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-quantity-input,
.page-template-product_ag .pd_c_box .wps-item .wps-quantity-input {
border-right: none !important;
}

.page-template-product_stht .pd_c_box .wps-item .wps-component-products-add-button,
.page-template-product_ep .pd_c_box .wps-item .wps-component-products-add-button,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-component-products-add-button,
.page-template-product_ag .pd_c_box .wps-item .wps-component-products-add-button {
padding-top: 1.2vw;
}

.page-template-product_stht .pd_c_box .wps-item .wps-add-to-cart,
.page-template-product_ep .pd_c_box .wps-item .wps-add-to-cart,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-add-to-cart,
.page-template-product_ag .pd_c_box .wps-item .wps-add-to-cart {
padding: 0 !important;
height: 3.85vw;
}

.page-template-product_stht .pd_c_box .wps-item .wps-product-quantity-wrapper,
.page-template-product_ep .pd_c_box .wps-item .wps-product-quantity-wrapper,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-product-quantity-wrapper,
.page-template-product_ag .pd_c_box .wps-item .wps-product-quantity-wrapper {
display: block;
}

.page-template-product_stht .pd_c_box .wps-item .wps-component-products-buy-button,
.page-template-product_ep .pd_c_box .wps-item .wps-component-products-buy-button,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-component-products-buy-button,
.page-template-product_ag .pd_c_box .wps-item .wps-component-products-buy-button {
display: flex;
align-items: end;
position: relative;
}

.page-template-product_stht .pd_c_box .wps-item .wps-quantity-input,
.page-template-product_ep .pd_c_box .wps-item .wps-quantity-input,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-quantity-input,
.page-template-product_ag .pd_c_box .wps-item .wps-quantity-input {
padding-right: 0;
}

.page-template-product_stht .pd_c_box .wps-item .wps-quantity-input:first-child,
.page-template-product_ep .pd_c_box .wps-item .wps-quantity-input:first-child,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-quantity-input:first-child,
.page-template-product_ag .pd_c_box .wps-item .wps-quantity-input:first-child {
position: absolute;
top: -.3em;
}

/* SP */
@media screen and (max-width: 767px) {
.page-template-product_stht .pd_c_box .wps-item .wps-component-products-add-button,
.page-template-product_ep .pd_c_box .wps-item .wps-component-products-add-button,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-component-products-add-button,
.page-template-product_ag .pd_c_box .wps-item .wps-component-products-add-button {
padding-top: 1.2vw;
}

.page-template-product_stht .pd_c_box .wps-item .wps-add-to-cart,
.page-template-product_ep .pd_c_box .wps-item .wps-add-to-cart,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-add-to-cart,
.page-template-product_ag .pd_c_box .wps-item .wps-add-to-cart {
/* padding: 17.50px 0 !important; */
height: 12.85vw !important;
}

.page-template-product_stht .pd_c_box .wps-item .wps-quantity-input:first-child,
.page-template-product_ep .pd_c_box .wps-item .wps-quantity-input:first-child,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-quantity-input:first-child,
.page-template-product_ag .pd_c_box .wps-item .wps-quantity-input:first-child {
position: absolute;
top: -1.2em;
}

.page-template-product_stht .pd_c_box .wps-item .wps-component-products-buy-button,
.page-template-product_ep .pd_c_box .wps-item .wps-component-products-buy-button,
.page-template-product_mtrbp .pd_c_box .wps-item .wps-component-products-buy-button,
.page-template-product_ag .pd_c_box .wps-item .wps-component-products-buy-button {
align-items: inherit;
}

.pd_o_hse_buy .pd_m_buy_area .wps-component-products-quantity,
.pd_m_box3 .pd_m_buy_area .wps-component-products-quantity {
width: 50px !important;
}
.pd_o_hse_buy .pd_m_buy_area .wps-component-products-add-button,
.pd_m_box3 .pd_m_buy_area .wps-component-products-add-button {
width: calc(100% - 50px) !important;
}
}


@media screen and (max-width: 767px) {
.css-op7zz7-noticeStyles-Notice{
margin-top: 16vw !important;
}
}

@media screen and (min-width: 768px) {
.css-op7zz7-noticeStyles-Notice{
margin-top: 7vw !important;
}

}

/* popup line */
@media screen and (max-width: 767px) {
#line_frds {
border-style: none;
margin: 0 auto;
padding: 0.5vw 0vw;
}
#line_frds img{
width: 100vw;
}
#line_frds:hover{
opacity: 0.8;
transition: 0.8s;
}
#line_frds_pdct {
border-style: none;
margin: 0 auto;
padding: 21vw 0vw 0.5vw;
}
#line_frds_pdct img{
width: 100vw;
}
#line_frds_pdct:hover{
opacity: 0.8;
transition: 0.8s;
}
#line_frds_add_pdct {
border-style: none;
margin: 0 auto;
padding: 0vw 0vw 1vw;
}
#line_frds_add_pdct img{
width: 100vw;
}
#line_frds_add_pdct:hover{
opacity: 0.8;
transition: 0.8s;
}
.button-open-line {
display: block;
margin: 0 auto;
width: 100%;
padding: 0 0;
background-color: #ffffff78;
color: #004479;
border-radius: 10vw;
cursor: pointer;
border: none;
}
.button-open-line:hover {
margin: 0 auto;
width: 100%;
padding: 0 0;
background-color: #ffffff36;
color: #004479;
transition: 0.7s;
}
.modal-window-line {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90vw;
height: auto;
z-index: 999999;
}
.button-close-line {
position: absolute;
top: 5vw;
transform: translate(-50%,-50%);
width: 6vw;
height: 6vw;
right: -1vw;
cursor: pointer;
border: 1px solid #afafaf;
margin: 0 auto;
background: #fff;
border-radius: 7vw;
font-size: 4vw;
line-height: 1;
padding: 0vw;
}
.popup_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 99999;
}
.js-open-line{

}
.js-close-line{
position:absolute;
}
.popup_line_cnt{
padding:5vw 0vw 5vw;
background: #fff;
}
.popup_line_cnt1{
text-align: center;
padding:1vw 0vw 3vw;
}
.popup_line_cnt1 img{
width: 20vw;
}
.popup_line_cnt1_txt{
font-size: 3.5vw;
font-weight: 600;
text-align: center;
padding-bottom: 4vw;
}
.popup_line_cnt2{
text-align: center;
}
.popup_line_cnt2 img{
width: 100%
}
.popup_line_close1{
float: left;
width: 1.8vw;
height: 1.8vw;
border-radius: 3vw;
border: 1px solid #afafaf;
font-size: 1.2vw !important;
padding: 0.1vw 0.1vw;
line-height: 1.5;
}
.popup_line_close2{
font-size: 1.5vw;
}
.popup_line_cnt3{
padding: 3vw 0vw 2vw;
}
.popup_line_cnt3 a{
background: #000;
border-bottom: 3px;
padding: 2vw 2vw 2vw 4vw;
text-decoration: none;
font-size: 3vw;
width: 34vw;
margin: 0 auto;
display: flex;
border-radius: 5px;
}
.popup_line_cnt3_txt{
font-size: 4vw;
line-height: 1;
letter-spacing: .1vw;
color: #fff;
float: left;
}
.popup_line_cnt3_icon{
font-size: 2vw;
transform: rotate(-90deg);
line-height: 1;
float: left;
color: #fff;
margin-left: 2vw;
}
}
@media screen and (min-width: 768px) {
#line_frds {
border-style: none;
margin: 0 auto;
padding: 0.5vw 0vw;
}
#line_frds img{
width: 38vw;
}
#line_frds:hover{
opacity: 0.8;
transition: 0.8s;
}
#line_frds_pdct {
border-style: none;
margin: 0 auto;
padding: 3.5vw 0vw 0.5vw;
}
#line_frds_pdct img{
width: 38vw;
}
#line_frds_pdct:hover{
opacity: 0.8;
transition: 0.8s;
}
#line_frds_add_pdct {
border-style: none;
margin: 0 auto;
padding: 0vw 0vw 1vw;
}
#line_frds_add_pdct img{
width: 70vw;
}
#line_frds_add_pdct:hover{
opacity: 0.8;
transition: 0.8s;
}
.button-open-line {
display: block;
margin: 0 auto;
width: 100%;
padding: 0 0;
background-color: inherit;
color: #004479;
border-radius: 10px 0 0 10px;
cursor: pointer;
height: 11.02vw;
border: none;
overflow: hidden;
}
.button-open-line:hover {
margin: 0 auto;
width: 100%;
padding: 0 0;
background-color: #ffffff36;
color: #004479;
transition: 0.7s;
}
.modal-window-line {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 80vw;
height: auto;
z-index: 999999;
}
.button-close-line {
position: absolute;
bottom: 0vw;
transform: translate(-50%,-50%);
width: 7vw;
height: 3vw;
left: 40vw;
cursor: pointer;
border: 0;
margin: 0 auto;
background: #fff;
}
.popup_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 99999;
}
.js-open-line{

}
.js-close-line{
position:absolute;
}
.popup_line_cnt{
padding:2vw 0vw 6vw;
background: #fff;
}
.popup_line_cnt1{
text-align: center;
padding:1vw 0vw 3vw;
}
.popup_line_cnt1 img{
width: 50vw;
}
.popup_line_cnt1_txt{
font-size: 2vw;
}
.popup_line_cnt2{
text-align: center;
}
.popup_line_cnt2 img{
width: 100%
}
.popup_line_close1{
float: left;
width: 1.8vw;
height: 1.8vw;
border-radius: 3vw;
border: 1px solid #afafaf;
font-size: 1.3vw !important;
padding: 0.25vw 0.2vw;
line-height: 1;
}
.popup_line_close2{
font-size: 1.3vw;
line-height: 1.4;
}
}
/* popup line */

/* float bnr line */
@media screen and (max-width: 767px) {
.banner_line {
width: 15vw;
bottom: 1vw;
position: fixed;
left: 0;
box-sizing: border-box;
}
.banner_line :hover{
opacity: 0.8;
transition: 0.8s;
}
.banner_line .button-open-line {
border-radius: 0vw;
}
.banner_line img {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.banner_line {
width: 3.5vw;
top: 7vw;
position: fixed;
right: 0;
box-sizing: border-box;
}
.banner_line :hover{
opacity: 0.8;
transition: 0.8s;
}
.banner_line img {
width: 100%;
}
}
/* float bnr line */

/* item bnr line */
@media screen and (max-width: 767px) {
.item_bnr_line{
padding: 0vw 3vw;
}
.item_bnr_line:hover{
opacity: 0.8;
transition:0.8s;
}
.item_bnr_line img{
width:100%;
}
.item_bnr_line_notbuy{
padding: 0vw 3vw;
}
.item_bnr_line_notbuy:hover{
opacity: 0.8;
transition:0.8s;
}
.item_bnr_line_notbuy img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.item_bnr_line{
padding: 0;
position: relative;
top: -4vw;
}
.item_bnr_line:hover{
opacity: 0.8;
transition:0.8s;
}
.item_bnr_line img{
width:100%;
}
.item_bnr_line_notbuy{
padding: 0;
}
.item_bnr_line_notbuy:hover{
opacity: 0.8;
transition:0.8s;
}
.item_bnr_line_notbuy img{
width:100%;
}
}
/* item bnr line */



/* popup buy */
@media screen and (max-width: 767px) {
    #buy_frds {
    border-style: none;
    margin: 0 auto;
    padding: 0.5vw 0vw;
    }
    #buy_frds img{
    width: 100vw;
    }
    #buy_frds:hover{
    opacity: 0.8;
    transition: 0.8s;
    }
    #buy_frds_pdct {
    border-style: none;
    margin: 0 auto;
    padding: 21vw 0vw 0.5vw;
    }
    #buy_frds_pdct img{
    width: 100vw;
    }
    #buy_frds_pdct:hover{
    opacity: 0.8;
    transition: 0.8s;
    }
    .button-open-buy {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 0 0;
    background-color: #ffffff78;
    color: #004479;
    border-radius: 10vw;
    cursor: pointer;
    border: none;
    }
    .button-open-buy:hover {
    margin: 0 auto;
    width: 100%;
    padding: 0 0;
    background-color: #ffffff36;
    color: #004479;
    transition: 0.7s;
    }
    .modal-window-buy {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90vw;
    height: auto;
    z-index: 10000;
    }
    .button-close-buy {
top: 5vw;
transform: translate(-50%,-50%);
width: 5vw;
height: 5vw;
right: -1vw;
cursor: pointer;
border: 1px solid #afafaf;
margin: 0 auto;
background: #fff;
border-radius: 7vw;
font-size: 3vw;
line-height: 1;
padding: 0;
    }
    .popup_overlay_buy {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 999;
    }
    .js-open-buy{

    }
    .js-close-buy{
    position:absolute;
    }
    .popup_buy_cnt{
    padding:5vw 0vw 5vw;
    background: #fff;
    }
    .popup_buy_cnt1{
    text-align: center;
    padding:1vw 0vw 3vw;
    }
    .popup_buy_close1{
float: left;
width: 1.5vw;
height: 1.5vw;
border-radius: 6vw;
border: 1px solid #afafaf;
font-size: 1.2vw !important;
padding: 0.14vw 0vw;
line-height: 1;
    }
    .popup_buy_close2{
font-size: 1.0vw;
line-height: 1.6;
    }
.popup_buy_cnt1 .fs_cart_add form > table tr td:nth-child(1) {
font-size: 3.0vw;
letter-spacing: .2vw;
line-height: 1.5;
width: 100%;
text-align: left;
}
.popup_buy_cnt1 .fs_cart_add select {
border-radius: 0;
border: none;
font-size: 3.0vw;
margin: 2vw 0 2.5vw;
background: #e7e7e7;
padding: 1vw 0 1vw 1.1vw;
width: 100%;
}
.popup_buy_cnt1 .fs_cart_add form > table tr td input[type="text"] {
  background-color: #fff;
  margin-top: .2vw;
  font-size: initial;
  padding: 0 7px;
  text-align: center;
}
.fs_cart_add_qtt,
.popup_buy_cnt1 .fs_cart_add form > table tr:last-child td:nth-child(1){
width:30% !important;
}
.fs_cart_add_sbm,
.popup_buy_cnt1 .fs_cart_add form > table tr:last-child td:nth-child(2){
width:70% !important;
}
    }
    @media screen and (min-width: 768px) {
    #buy_frds {
    border-style: none;
    margin: 0 auto;
    padding: 0.5vw 0vw;
    }
    #buy_frds img{
    width: 38vw;
    }
    #buy_frds:hover{
    opacity: 0.8;
    transition: 0.8s;
    }
    #buy_frds_pdct {
    border-style: none;
    margin: 0 auto;
    padding: 3.5vw 0vw 0.5vw;
    }
    #buy_frds_pdct img{
    width: 38vw;
    }
    #buy_frds_pdct:hover{
    opacity: 0.8;
    transition: 0.8s;
    }
    .button-open-buy {
display: block;
margin: 0 auto;
width: 100%;
padding: 0;
background-color: #ffffff78;
color: #004479;
border-radius: 0vw;
cursor: pointer;
height: 3.06vw;
border: none;
    }
    .button-open-buy:hover {
    margin: 0 auto;
    width: 100%;
    padding: 0 0;
	opacity: 0.8;
    transition: 0.7s;
    }
    .modal-window-buy {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40vw;
    height: auto;
    z-index: 10000;
    }
    .button-close-buy {
    position: absolute;
    bottom: 0vw;
    transform: translate(-50%,-50%);
    width: 7vw;
    height: 3vw;
    left: 20vw;
    cursor: pointer;
    border: 0;
    margin: 0 auto;
    background: #fff;
    }
    .popup_overlay_buy {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 999;
    }
    .js-open-buy{

    }
    .js-close-buy{
    position:absolute;
    }
    .popup_buy_cnt{
    padding:2vw 0vw 6vw;
    background: #fff;
    }
    .popup_buy_cnt1{
    text-align: center;
    padding:1vw 3vw 1vw;
    }
    .popup_buy_close1{
float: left;
width: 1.5vw;
height: 1.5vw;
border-radius: 6vw;
border: 1px solid #afafaf;
font-size: 1.2vw !important;
padding: 0.14vw 0vw;
line-height: 1;
    }
    .popup_buy_close2{
font-size: 1.0vw;
line-height: 1.6;
    }
.popup_buy_cnt1 .fs_cart_add form > table tr td:nth-child(1) {
font-size: .8vw;
letter-spacing: .2vw;
line-height: 1.5;
width: 100%;
text-align: left;
}
.popup_buy_cnt1 .fs_cart_add select {
  border-radius: 0;
  border: none;
  font-size: .8vw;
  margin: .3vw 0 .5vw;
  background: #e7e7e7;
  padding: .4vw 0 .4vw .1vw;
  width: 100%;
}
.popup_buy_cnt1 .fs_cart_add form > table tr td input[type="text"] {
  background-color: #fff;
  width: 100%;
  height: 3.85vw;
  margin-top: .2vw;
  font-size: initial;
  padding: 0 7px;
  text-align: center;
}
.fs_cart_add_qtt,
.popup_buy_cnt1 .fs_cart_add form > table tr:last-child td:nth-child(1){
width:20% !important;
}
.fs_cart_add_sbm,
.popup_buy_cnt1 .fs_cart_add form > table tr:last-child td:nth-child(2){
width:80% !important;
}
    }
    /* popup buy */

    /* float bnr buy */
    @media screen and (max-width: 767px) {
    .banner_buy {
    width: 15vw;
    bottom: 1vw;
    position: fixed;
    left: 0;
    box-sizing: border-box;
    }
    .banner_buy :hover{
    opacity: 0.8;
    transition: 0.8s;
    }
    .banner_buy .button-open-buy {
    border-radius: 0vw;
    }
    .banner_buy img {
    width: 100%;
    }
    }
    @media screen and (min-width: 768px) {
    .banner_buy {
    width: 3.5vw;
    top: 7vw;
    position: fixed;
    right: 0;
    box-sizing: border-box;
    }
    .banner_buy :hover{
    opacity: 0.8;
    transition: 0.8s;
    }
    .banner_buy img {
    width: 100%;
    }
    }
    /* float bnr buy */

    /* item bnr buy */
    @media screen and (max-width: 767px) {
    .item_bnr_buy{
    padding: 0vw 3vw;
    }
    .item_bnr_buy:hover{
    opacity: 0.8;
    transition:0.8s;
    }
    .item_bnr_buy img{
    width:100%;
    }
    .item_bnr_buy_notbuy{
    padding: 0vw 3vw;
    }
    .item_bnr_buy_notbuy:hover{
    opacity: 0.8;
    transition:0.8s;
    }
    .item_bnr_buy_notbuy img{
    width:100%;
    }
    }
    @media screen and (min-width: 768px) {
    .item_bnr_buy{
    padding: 0;
    position: relative;
    top: -4vw;
    }
    .item_bnr_buy:hover{
    opacity: 0.8;
    transition:0.8s;
    }
    .item_bnr_buy img{
    width:100%;
    }
    .item_bnr_buy_notbuy{
    padding: 0;
    }
    .item_bnr_buy_notbuy:hover{
    opacity: 0.8;
    transition:0.8s;
    }
    .item_bnr_buy_notbuy img{
    width:100%;
    }
    }
    /* item bnr buy */


/* popup set buy */
@media screen and (max-width: 767px) {
#pdct_event_area{
padding: 10% 0 20%;
}
.pdct_event_detail img{
width:100%;
}
.pdct_event_area{
padding-bottom: 2vw;
height: auto !important;
	
}
.pdct_event_area img{
width: 100%;
display: block;
}
.pdct_event_area img:hover{
transition: all .8s;
opacity: 0.8;
}
#pageTop2 {
z-index: 9998 !important;
}
#setbuy_area{
text-align: center;
padding:1vw 0vw 3vw;
}
#setbuy_area img{
width: 100%;
}
.pdct_event_area_t{
padding-bottom: 2vw;
height: auto !important;
}
.pdct_event_area_t img{
width: 100%;
display: block;
}
.pdct_event_area_t img:hover{
transition: all .8s;
opacity: 0.8;
}
}
@media screen and (min-width: 768px) {
#pdct_event_area{
display: none;
}
.pdct_event_area{
padding-bottom: 5vw;
}
.pdct_event_area img{
width: 100%;
}
.popup_setbuy_cnt1{
text-align: center;
padding:1vw 3vw 1vw;
}
.pdct_event_area_t {
padding-bottom: 0vw;
}
.pdct_event_area_t img{
width: 100%;
}
}
/* popup set buy */

/* popup item info */
@media screen and (max-width: 767px) {
.item_info_once_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.item_info_once_popup.js_active {
    opacity: 1;
    visibility: visible;
	z-index: 9999999999999;
}
.once_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	width: 90%;
	min-width: 90%;
    background-color: #fff0;
    cursor: pointer;
	padding: 0vw;
}
.once_popup_title {
    position: relative;
    margin: 0px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
}
.once_popup_title::before,
.once_popup_title::after {
position: absolute;
top: 4vw;
right: 1.5vw;
transform: translateY(-50%);
width: 20px;
height: 1px;
background-color: #aaa;
content: "";
}
.once_popup_title::before {
    transform: rotate(45deg);
}
.once_popup_title::after {
    transform: rotate(-45deg);
}
.pdct_st_item_info_once {
padding: 2vw 2vw;
text-align: center;
font-size: 3.5vw;
line-height: 4.5vw;
color: #333;
border: 1px solid #9e815b;
}
.popup_buy_cnt_img {

}
.popup_buy_cnt_img img{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.item_info_once_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.item_info_once_popup.js_active {
    opacity: 1;
    visibility: visible;
	z-index: 9999999999999;
}
.once_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
width: 30%;
min-width: 30%;
    background-color: #fff0;
    cursor: pointer;
	padding: 0vw;
}
.once_popup_title {
    position: relative;
    margin: 0px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
}
.once_popup_title::before,
.once_popup_title::after {
position: absolute;
top: 1.5vw;
right: 1.0vw;
transform: translateY(-50%);
width: 20px;
height: 1px;
background-color: #aaa;
content: "";
}
.once_popup_title::before {
    transform: rotate(45deg);
}
.once_popup_title::after {
    transform: rotate(-45deg);
}
.popup_buy_cnt_img {

}
.popup_buy_cnt_img img{
width: 100%;
}
}
/* popup item info */


@media screen and (max-width: 767px) {
.pdct_info_point_info4 {
padding: 2vw 2vw 6vw;
text-align: center;
font-size: 3.5vw;
line-height: 4.5vw;
color: #333;
border: 1px solid #9e815b;
margin: 1vw 4vw 8vw;
}
.pdct_info_point_info_f {
padding: 3vw 0 3vw;
font-size: 5.2vw;
letter-spacing: 0.2vw;
line-height: 1.4;
color: #9e815b;
}
.pdct_info_point_info_t{
padding: 1vw 0vw 2vw;
font-size: 3.5vw;
letter-spacing: 0vw;
line-height: 1.2;
}
.pdct_info_point_info_t3{
padding: 2vw 0 2vw;
font-size: 4.5vw;
letter-spacing: 0.1vw;
line-height: 1.1;
}
.pdct_info_point_info_t3a{
font-weight: 600;
color: #9e815b;
font-size: 9vw;
vertical-align: baseline;
padding-right: 1.4vw;
}
.pdct_info_point_info_t4{
font-weight: 600;
font-size: 7vw;
padding: 0vw 1vw;
vertical-align: baseline;
}
.pdct_info_point_info_t_rb1{
padding: 3vw 0vw 2vw;
font-size: 3.5vw;
letter-spacing: 0vw;
line-height: 5.5vw;
}
.pdct_info_point_info_sub{
font-size: 3.5vw;
line-height: 1;
}
.pdct_info_point_info_sub2_rb {
font-size: 2.0vw;
line-height: 1.4;
padding: 0vw 4vw;
text-align: left;
}
}
@media screen and (min-width: 768px) {
.pdct_info_point_info4 {
padding: 1vw;
text-align: center;
font-size: 1vw;
line-height: 1.5vw;
color: #333;
border: 1px solid #9e815b;
margin-bottom: 2vw;
margin-top: 3vw !important;
margin-right: 4vw;
}
.pd_c_slider.pd_ccontainer.pdct_info_point_info4 {
margin-top: 3vw !important;
}
.pdct_info_point_info_f {
font-weight: 800;
letter-spacing: .1vw;
font-size: 1.8vw;
line-height: 2vw;
padding-bottom: .5vw;
color: #9e815b;
}
.pdct_info_point_info_t{
padding: 0.8vw 0;
font-size: 1.2vw;
letter-spacing: 0vw;
line-height: 1;
}
.pdct_info_point_info_t2{
font-weight: 600;
color: #9e815b;
font-size: 1.7vw;
vertical-align: bottom;
}
.pdct_info_point_info_t3{
padding: 0.2vw 0 0vw;
font-size: 1.3vw;
letter-spacing: 0.07vw;
line-height: 1;
}
.pdct_info_point_info_t3a{
font-weight: 500;
color: #9e815b;
font-size: 3.5vw;
vertical-align: baseline;
padding-right: .4vw;
}
.pdct_info_point_info_t4{
font-weight: 700;
font-size: 2.4vw;
vertical-align: baseline;
padding: 0vw 0.3vw;
}
.pdct_info_point_info_sub{
font-size: 1.5vw;
line-height: 1;
}
.pdct_info_point_info_sub2_rb {
font-size: .8vw;
line-height: 1.5;
padding: 0.4vw 2vw 0vw;
display: block;
text-align: left;
}
}


@media screen and (max-width: 767px) {
#pd_btm_bnr{
padding-top: 5vw;
}
.pd_btm_bnr_img{
display:block; 
position:relative;
text-decoration:none;
overflow:hidden;
}
.pd_btm_bnr_img:before{
content:"";
display:block;
padding-top: 46.3vw;
}
.pd_btm_bnr_img img{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
transition:0.8s;
display:block;
width:100%;
}
.pd_btm_bnr_img:hover img{
transform:scale(1.05);
}
}
@media screen and (min-width: 768px) {
#pd_btm_bnr{
padding:5% 0% 0%;
}
.pd_btm_bnr_img{
display:block; 
position:relative;
text-decoration:none;
overflow:hidden;
}
.pd_btm_bnr_img:before{
content:"";
display:block;
padding-top: 12.8vw;
}
.pd_btm_bnr_img img{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
transition:0.8s;
display:block;
width:100%;
}
.pd_btm_bnr_img:hover img{
transform:scale(1.05);
}
}



@media screen and (max-width: 767px) {
.item_event_bnr {
padding: 0% 0 7vw;
}
.item_event_bnr2 {
padding: 0% 0 7vw;
}
.item_event_bnr_img{
display: block;
}
.item_event_bnr_img :hover{
opacity: 0.8;
transition: all .8s;
}
.item_event_bnr_img img{
width:100%;
}
.item_event_bnr_img2{
padding: 5vw 2vw;
}
.item_event_bnr_img2 img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.item_event_bnr {
padding: 4vw 2vw 0vw 0vw;
}
.item_event_bnr2 {
padding: 0vw 4vw 4vw 0;
}
.item_event_bnr_img{
display: block;
}
.item_event_bnr_img :hover{
opacity: 0.8;
transition: all .8s;
}
.item_event_bnr_img img{
width:100%;
}
.item_event_bnr_img2{
padding: 2vw 10vw;
}
.item_event_bnr_img2 img{
width:100%;
}
}

@media screen and (max-width: 767px) {
.content_calendar{
width: 100%;
line-height: 2.5;
margin-top: 4vw !important;
margin-bottom: 3vw !important;
}
}
@media screen and (min-width: 768px) {
.content_calendar{
width: 400px;
line-height: 2;
margin-top: 1vw !important;
margin-bottom: 1vw !important;
}
}


@media screen and (max-width: 767px) {
.jaccs{
padding:0vw 0vw 2vw;
}
.jaccs img{
width: 100%;
}

.jaccs_single {
width: 100%;
margin: 0 auto 0;;
padding-top: 2vw;
}
.jaccs_single_f {
  max-width: 960px;
  overflow: hidden;
}
.jaccs_single form {
  width: 100%;
  font-size: 130%;
  text-align: center;
  position: relative;
}
.jaccs_single form input {
  display: block;
  width: 100%;
  padding: 15px 20px 15px 15px;
  background-color: #000;
  border: none;
  color: #fff;
}
.jaccs_single form::after {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
}
}
@media screen and (min-width: 768px) {
.jaccs{
padding:0vw 0vw 2vw;
}
.jaccs img{
width: 100%;
}

.jaccs_single {
width: 62%;
max-width: 600px;
margin: 0 auto ;
padding-top: 1vw;
}
.jaccs_single_f {
  max-width: 960px;
  overflow: hidden;
}
.jaccs_single form {
  width: 100%;
  font-size: 130%;
  text-align: center;
  position: relative;
}
.jaccs_single form input {
display: block;
width: 100%;
padding: 15px 20px;
background-color: #000;
border: none;
color: #fff;
font-size: 1vw;
}
.jaccs_single form::after {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
}
}

@media screen and (max-width: 767px) {
.info_news_item_area{
	padding:2vw 0vw;
}
.info_news_item_box_l{
	padding: 2vw;
}
.info_news_item_box_r{
	padding: 2vw;
}
.info_news_item_box_l2{
	padding: 2vw;
}
.info_news_item_box_r2{
	padding: 2vw;
}
.info_news_item_box_l3{
	padding: 2vw;
}
.info_news_item_box_r3{
	padding: 2vw;
}
}
@media screen and (min-width: 768px) {
.info_news_item_area{
	padding:2vw 0vw;
}
.info_news_item_box_l{
	float: left;
	width: 30%;
}
.info_news_item_box_r{
	float: left;
	width: 70%;
	padding-left: 2vw;
}
.info_news_item_box_l2{
	float: left;
	width: 50%;
}
.info_news_item_box_r2{
	float: left;
	width: 50%;
	padding-right: 2vw;
	padding-top: 3vw;
}
.info_news_item_box_l3{
	float: left;
	width: 70%;
}
.info_news_item_box_r3{
	float: left;
	width: 30%;
	padding-left: 2vw;
}
}

/* mente */
@media screen and (max-width: 767px) {
	.hd_support_area{
		padding: 12vw 2vw 12vw;
		text-align: center;
	}
	.hd_mainte_lg{
		padding: 4vw 3vw 12vw;
    width: 58vw;
    margin: 0 auto;
	}
	.hd_mainte_lg img{
		width: 100%;
		height: auto;
	}
	.hd_mainte_ttl{
		padding: 1.5vw 0vw 2vw 1.5vw;
    font-size: 2.8vw;
    color: #000;
    text-align: center;
    letter-spacing: 2.1vw;
	}
	.ft_mainte{
		padding:6vw 3vw;
	}
	.ft_mainte_lg{
		padding: 2vw 0vw 0vw;
    width: 47vw;
    margin: 0 auto;
	}
	.ft_mainte_lg img{
		width: 100%;
		height: auto;
		opacity: 0.7;
	}
	.ft_mainte_cr{
		padding: 1.5vw 1vw 6vw;
    font-size: 1.8vw;
    color: #000;
    text-align: center;
	}

}
@media screen and (min-width: 768px) {
	.hd_support_area{
		padding: 3vw 1vw 0vw;
		text-align: center;
	}
	.hd_mainte_lg{
		padding: 2vw 3vw;
    width: 30vw;
    margin: 0 auto;
	}
	.hd_mainte_lg img{
		width: 100%;
		height: auto;
	}
	.hd_mainte_ttl{
		padding: 0.5vw 1vw 2vw;
    font-size: 0.8vw;
    color: #000;
    text-align: center;
    letter-spacing: 1.1vw;
	}
	.ft_mainte{
		padding:2vw 3vw;
	}
	.ft_mainte_lg{
		padding: 2vw 5vw 0vw;
	}
	.ft_mainte_lg img{
		width: 100%;
		height: auto;
	}
	.ft_mainte_cr{
		padding: 0.5vw 1vw 6vw;
    font-size: 0.6vw;
    color: #000;
    text-align: center;
	}
}