@charset "UTF-8";
/*!
Theme Name: inworld
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inworld
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

inworld is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*-------------------------------------------------------------- Normalize ----------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

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

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

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/*-------------------------------------------------------------- Base ----------------------------------------------------------------*/
@font-face { font-family: "YuGothic M"; src: local(Yu Gothic Medium); }

/*---------------------------------------------

BASE

---------------------------------------------*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; }

body { width: 100%; height: 100%; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "メイリオ", Meiryo, sans-serif; font-size: 100%; font-weight: normal; color: #333; line-height: 2; -webkit-text-size-adjust: 100%; }

@media (max-width: 568px) { body { font-size: 75%; } }

a { color: #3366ff; text-decoration: none; }

a img { outline: none; border: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a:hover { color: #3366ff; text-decoration: underline; }

a:hover img { opacity: 0.7; }

a:focus { outline: none; }

a, a span, a p, a img, input, button { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: #000 0 0 0; box-shadow: #000 0 0 0; }

a[href^="tel:"] { cursor: default; }

ul { margin: 0; padding: 0; list-style-type: none; }

input, textarea, select, button { font-size: 1em; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "メイリオ", Meiryo, sans-serif; -webkit-appeaeance: none; }

select::-ms-expand { display: none; }

textarea { resize: vertical; }

h1 { font-size: 2.5em; }

h2 { font-size: 2em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.25em; }

h5 { font-size: 1.125em; }

img { max-width: 100%; }

/*---------------------------------------------

WP DEFAULT

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

.alignleft { float: left; }

.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*-------------------------------------------------------------- Component ----------------------------------------------------------------*/
/*--------------------------------------------- UTILITY ---------------------------------------------*/
.clearfix:after, .slider-nav:after, .header_inner:after, .main-navigation .menu:after, .footer-top_inner:after, .footer-menu:after, .footer-bottom_inner:after, .sp-menu_header:after, .business-area_tile:after, .news-tab:after, .external-link_inner:after, .page-link-menu ul:after, .about-company:after, .about-office:after, .about-alliance .partnership:after, .about-alliance .suppliers:after, .support-tab:after, .support-tab_inner:after, .netshop .footer-banner:after { height: 0; content: ""; display: block; clear: both; visibility: hidden; }

.large { font-size: 1.25em; }

.bg_gray { background-color: #f5f4f4; }

.red { color: #d30b1d; }

.required { padding: 5px 10px; display: inline-block; font-weight: normal; color: #fff; line-height: 1; background-color: #d30b1d; border-radius: 2px; }

.valign-top { vertical-align: top !important; }

.valign-middle { vertical-align: middle !important; }

/*--------------------------------------------- LOADING ---------------------------------------------*/
#loading { margin: -24px 0 0 -30px; position: fixed; top: 50%; left: 50%; z-index: 9999; }

#fade { width: 100%; height: 100%; background: #FFF; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9998; }

/*--------------------------------------------- ICON ---------------------------------------------*/
.icon { width: 174px; height: 174px; background: url(img/icon_bg.png) no-repeat left top; background-size: cover; text-align: center; }

.icon img { width: auto; height: 60px; margin: 57px 0 0 0; display: inline-block; }

@media (max-width: 1170px) { .icon { width: 120px; height: 120px; }
  .icon img { height: 40px; margin-top: 40px; } }

@media (max-width: 568px) { .icon { width: 100px; height: 100px; }
  .icon img { margin-top: 30px; } }

/*--------------------------------------------- LINK ---------------------------------------------*/
.link { display: inline-block; }

.link:after { content: ''; width: 16px; height: 16px; margin: -2px 0 0 5px; display: inline-block; background: url(img/icon-link_blue.svg) no-repeat center center; vertical-align: middle; }

@media (max-width: 568px) { .link:after { width: 12px; height: 12px; } }

/*--------------------------------------------- TOTOP ---------------------------------------------*/
#totop { width: 64px; height: 64px; position: fixed; bottom: 10px; right: 10px; z-index: 10; }

#totop a { display: block; line-height: 0; }

#totop a:hover img { opacity: 1; }

/*--------------------------------------------- HEADING ---------------------------------------------*/
.heading-line, .netshop .netshop-info .heading-line_gold { margin: 0 0 40px 0; font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; font-size: 1.75em; line-height: 1.6; text-align: center; }

@media (max-width: 568px) { .heading-line, .netshop .netshop-info .heading-line_gold { font-size: 1.5em; } }

.heading-line span, .netshop .netshop-info .heading-line_gold span { display: inline-block; position: relative; border-bottom: 2px solid #d30b1d; }

.heading-icon { width: 100%; margin: 0 0 150px 0; font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; text-align: center; }

@media (max-width: 768px) { .heading-icon { margin-bottom: 80px; } }

.heading-icon .icon { width: 100px; height: 100px; margin: 0 auto; }

.heading-icon .icon img { height: 40px; margin-top: 30px; }

.heading-icon span { font-size: 1.25em; }

.entry-header { width: 100%; padding: 10px 0; background-color: #f0f0f0; border-bottom: 2px solid #ddd; }

@media (max-width: 768px) { .entry-header { display: none; } }

.entry-header .entry-title { width: 100%; max-width: 1170px; margin: 0 auto; font-size: 0.875em; font-weight: normal; }

@media (max-width: 1170px) { .entry-header .entry-title { width: 95%; } }

@media (max-width: 768px) { .entry-header .entry-title { width: 90%; } }

@media (max-width: 568px) { .entry-header .entry-title { width: 90%; } }

.entry-header .entry-title a { color: #333; }

.heading-round { margin: -150px 0 20px 0; padding-top: 150px; font-size: 1em; font-weight: normal; text-align: center; }

@media (max-width: 768px) { .heading-round { margin-top: -110px; padding-top: 110px; } }

.heading-round span { padding: 0 50px; display: inline-block; background-color: #fff; border: 2px solid #ccc; border-radius: 18px; }

/*--------------------------------------------- BUTTON ---------------------------------------------*/
.btn, .btn-contact { width: 100%; margin: 40px 0 0; text-align: center; }

.btn a, .btn-contact a { width: 300px; max-width: 100%; height: 60px; margin: 0 10px 10px; line-height: 60px; display: inline-block; color: #fff; background-color: #000; border-radius: 30px; }

@media (max-width: 768px) { .btn a, .btn-contact a { width: 250px; } }

@media (max-width: 568px) { .btn a, .btn-contact a { width: 80%; margin: 0 0 20px 0; height: 40px; line-height: 40px; } }

.btn a:hover, .btn-contact a:hover { text-decoration: none; background-color: #333; }

.btn a:after, .btn-contact a:after { content: ''; width: 16px; height: 16px; margin: -1px 0 0 10px; display: inline-block; background: url(img/arrow-right_white.svg) no-repeat; background-size: contain; background-position: center center; vertical-align: middle; }

@media (max-width: 568px) { .btn a:after, .btn-contact a:after { width: 12px; height: 12px; } }

.btn .btn_external:after, .btn-contact .btn_external:after { margin: -2px 0 0 10px; background-image: url(img/icon-link_white.svg); }

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

.btn-website a { width: 260px; max-width: 100%; height: 60px; line-height: 60px; position: relative; display: inline-block; color: #fff; background-color: #000; border-radius: 30px; }

@media (max-width: 568px) { .btn-website a { height: 40px; line-height: 40px; } }

.btn-website a:hover { text-decoration: none; background-color: #333; }

.btn-website a:after { content: ''; width: 16px; height: 16px; margin: -7px 0 0 10px; position: absolute; top: 50%; right: 30px; display: inline-block; background: url(img/icon-link_white.svg) no-repeat; background-size: contain; background-position: center center; vertical-align: middle; }

@media (max-width: 568px) { .btn-website a:after { width: 12px; height: 12px; margin-top: -5px; } }

.btn-small { text-align: center; }

.btn-small a { width: 80%; height: 40px; line-height: 38px; display: inline-block; position: relative; color: #fff; border: 2px solid #fff; border-radius: 20px; vertical-align: middle; }

.btn-small a:after { content: ''; width: 16px; height: 16px; margin: -1px 0 0 10px; display: inline-block; background: url(img/arrow-right_white.svg) no-repeat center center; background-size: contain; vertical-align: middle; }

@media (max-width: 568px) { .btn-small a:after { width: 12px; height: 12px; } }

.btn-small a:hover { background-color: #888; text-decoration: none; }

.btn-googlemap { width: 150px; display: inline-block; color: #fff; text-align: center; background-color: #3a5ca9; border-radius: 16px; }

.btn-googlemap:after { content: ''; width: 16px; height: 16px; margin: 0 0 0 10px; display: inline-block; background: url(img/icon-link_white.svg) no-repeat; background-size: contain; vertical-align: middle; }

@media (max-width: 568px) { .btn-googlemap:after { width: 12px; height: 12px; } }

.btn-googlemap:hover { color: #fff; text-decoration: none; opacity: 0.7; }

.btn-contact a:before { content: ''; display: inline-block; width: 20px; height: 20px; margin: -5px 5px 0 0; background: url(./img/icon-mail_white.svg) no-repeat center/contain; vertical-align: middle; }

.btn-contact a:after { content: none; }

/*--------------------------------------------- SLIDER ---------------------------------------------*/
.slider { width: 100%; background-color: #fff; }

.main-image { height: 750px; }

@media (max-width: 1170px) { .main-image { height: 600px; } }

@media (max-width: 768px) { .main-image { height: 450px; } }

@media (max-width: 568px) { .main-image { height: 350px; } }

.main-image .slick-slide { height: 750px; }

@media (max-width: 1170px) { .main-image .slick-slide { height: 600px; } }

@media (max-width: 768px) { .main-image .slick-slide { height: 450px; } }

@media (max-width: 568px) { .main-image .slick-slide { height: 350px; } }

.wed-image { height: 600px; }

@media (max-width: 1170px) { .wed-image { height: 450px; } }

@media (max-width: 768px) { .wed-image { height: 400px; } }

.wed-image .slick-slide { height: 600px; }

@media (max-width: 1170px) { .wed-image .slick-slide { height: 450px; } }

@media (max-width: 768px) { .wed-image .slick-slide { height: 400px; } }

@media (max-width: 568px) { .wed-image .slick-slide { background-position: left center; } }

.slick-slide { background-size: cover; background-repeat: no-repeat; background-position: center center; }

.slick-slide a { width: 100%; height: 100%; display: block; line-height: 0; }

.slick-slide a:hover img { opacity: 1; }

.slider-contents { position: absolute; font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; color: #fff; }

.main-image_text { width: 400px; height: 400px; margin: -200px 0 0 -200px; top: 50%; left: 50%; }

.main-image_text img { width: 100%; height: auto; }

@media (max-width: 568px) { .main-image_text { width: 250px; height: 250px; margin: -125px 0 0 -125px; } }

.main-image_text h2 { margin: 0 0 40px 0; font-size: 2.5em; text-align: center; line-height: 1.6; }

@media (max-width: 568px) { .main-image_text h2 { margin: 0 0 20px 0; font-size: 1.8em; } }

.main-image_text p { margin: 0; font-size: 1.125em; line-height: 1.6; text-align: center; }

@media (max-width: 768px) { .main-image_text p { text-align: left; } }

.main-image_icon { top: 25%; left: 50%; width: 400px; margin-left: -200px; padding: 20px 40px; background-color: rgba(0, 0, 0, 0.8); text-align: center; line-height: 1.4; }

@media (max-width: 768px) { .main-image_icon { padding: 20px; top: 10%; } }

@media (max-width: 568px) { .main-image_icon { width: 250px; margin: 0 0 0 -125px; } }

.main-image_icon .icon { margin: 0 auto 10px; }

.main-image_icon h2 { margin: 0 0 10px 0; font-size: 2.625em; }

@media (max-width: 568px) { .main-image_icon h2 { font-size: 1.8em; } }

.main-image_icon p { margin: 0; font-size: 0.875em; line-height: 1.6; }

.slider_world { top: 50%; left: 50%; margin-top: -238.5px; margin-left: -415px; }

@media (max-width: 1170px) { .slider_world { width: 600px; margin-top: -172px; margin-left: -300px; } }

@media (max-width: 768px) { .slider_world { width: 450px; margin-top: -129px; margin-left: -225px; } }

@media (max-width: 568px) { .slider_world { width: 300px; margin-top: -86px; margin-left: -150px; } }

.wed-slider_text { top: 15%; left: 0; width: 100%; line-height: 1.4; text-align: center; }

.wed-slider_text .icon { margin: 0 auto 10px; }

.wed-slider_text h2 { width: 100%; max-width: 1170px; margin: 0 auto 10px; font-size: 2.625em; }

@media (max-width: 1170px) { .wed-slider_text h2 { width: 90%; } }

@media (max-width: 568px) { .wed-slider_text h2 { font-size: 1.8em; } }

.wed-slider_text p { width: 100%; max-width: 1170px; margin: 0 auto; font-size: 0.875em; line-height: 1.6; }

@media (max-width: 1170px) { .wed-slider_text p { width: 90%; } }

.slick-dotted.slick-slider { margin-bottom: 0; }

.slider-nav { position: absolute; bottom: 20px; right: 20px; }

.slider-nav li { width: 60px; height: 7px; margin: 0 0 0 10px; float: left; background-color: #fff; cursor: pointer; }

.slider-nav li button { display: none; }

@media (max-width: 568px) { .slider-nav li { width: 30px; height: 5px; } }

.slider-nav .slick-active { background-color: #d30b1d; }

/*-------------------------------------------------------------- Layout ----------------------------------------------------------------*/
/*---------------------------------------------
HEADER
---------------------------------------------*/
.header { width: 100%; height: 120px; padding: 10px 0; position: fixed; top: 0; left: 0; z-index: 999; border-top: 5px solid #d30b1d; border-bottom: 2px solid #f0f0f0; background-color: #fff; }

@media (max-width: 768px) { .header { height: 80px; border-top: none; } }

.header_inner { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; }

@media (max-width: 1170px) { .header_inner { width: 95%; } }

@media (max-width: 768px) { .header_inner { width: 90%; } }

@media (max-width: 568px) { .header_inner { width: 90%; } }

.site-branding { width: 100px; float: left; }

@media (max-width: 768px) { .site-branding { width: 100%; } }

.site-title { width: 100px; height: 90px; margin: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (max-width: 768px) { .site-title { width: 67px; height: 60px; margin: 0 auto; } }

.site-title a { display: block; line-height: 0; }

.site-title a img { width: 100%; height: auto; }

.site-title a:hover img { opacity: 1; }

.multi-language-navigation { height: 42px; margin: 26.5px 0 0 0; float: right; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }

@media (max-width: 768px) { .multi-language-navigation { display: none; } }

.multi-language-navigation .switch-language { padding: 5px 40px 5px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #8c8a8b; background-image: url(img/arrow-down_red.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 21px 21px; background-color: #f0f0f0; border: none; border-radius: 3px; }

@media (max-width: 768px) { .multi-language-navigation .switch-language { font-size: 16px; } }

.multi-language-navigation .switch-language:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }

.main-navigation { height: 36px; margin: 29.5px 0 0 0; float: right; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }

@media (max-width: 768px) { .main-navigation { display: none; } }

.main-navigation .menu { margin: 0; }

.main-navigation .menu .menu-item { margin: 0 20px 0 0; float: left; font-size: 1.125em; }

.main-navigation .menu .menu-item a { color: #333; }

.main-navigation .menu .menu-item a:hover { text-decoration: none; }

.home .header { background-color: transparent; border-bottom: none; }

@media (max-width: 768px) { .home .header { background-color: #fff; border-bottom: 2px solid #f0f0f0; } }

.home .header .multi-language-navigation .switch-language { background-color: #fff; }

.home .header .main-navigation .menu .menu-item a { color: #fff; }

.header.fixed { height: 80px; background-color: #fff; border-bottom: 2px solid #f0f0f0; }

.header.fixed .site-title { width: 67px; height: 60px; }

.header.fixed .multi-language-navigation { margin: 6.5px 0 0 0; }

.header.fixed .multi-language-navigation .switch-language { background-color: #f0f0f0; }

.header.fixed .main-navigation { margin: 9.5px 0 0 0; }

.header.fixed .main-navigation .menu .menu-item a { color: #333; }

.sp-menu_open { display: none; }

@media (max-width: 768px) { .sp-menu_open { display: block; position: absolute; top: 50%; right: 0; width: 32px; height: 26px; margin: -16px 0 0 0; background: url(img/menu.svg) no-repeat left top; background-size: cover; cursor: pointer; } }

/*---------------------------------------------
FOOTER
---------------------------------------------*/
.footer { background-color: #1d1d1d; }

@media (max-width: 768px) { .footer { position: relative; } }

.footer-top { padding: 40px 0; border-bottom: 1px solid #6d6d6d; }

@media (max-width: 768px) { .footer-top { padding: 20px 0; border: none; } }

.footer-top_inner { width: 100%; max-width: 1170px; margin: 0 auto; }

@media (max-width: 1170px) { .footer-top_inner { width: 95%; } }

@media (max-width: 768px) { .footer-top_inner { width: 90%; } }

@media (max-width: 568px) { .footer-top_inner { width: 90%; } }

.footer-top_single { width: 33.33%; padding: 0 30px; float: left; }

@media (max-width: 768px) { .footer-top_single { width: 100%; float: none; } }

.footer-logo { width: 250px; margin: 0 auto; text-align: center; }

@media (max-width: 768px) { .footer-logo { width: 180px; margin: 0 auto; } }

.footer-logo .btn-contact { width: 100%; margin-top: 0; }

.footer-logo .btn-contact a { width: 100%; max-width: 300px; height: auto; line-height: 2; margin: 0; padding: 5px 0; display: inline-block; font-size: 0.875em; color: #fff; border: 2px solid #fff; border-radius: 20px; }

.footer-logo .btn-contact a:before { content: ''; width: 20px; height: 20px; margin: -5px 5px 0 0; display: inline-block; background: url(img/icon-mail_white.svg) no-repeat center center; background-size: contain; vertical-align: middle; }

.footer-logo .btn-contact a:hover { text-decoration: none; background-color: #888; }

.footer-logo .btn-contact a:hover img { opacity: 1; }

.footer-logo .btn-contact a img { margin: 0 5px 0 0; vertical-align: -2px; }

@media (max-width: 768px) { .footer-logo .btn-contact { position: absolute; bottom: 90px; left: 0; }
  .footer-logo .btn-contact a { width: 90%; font-size: 1.25em; border-radius: 27px; } }

@media (max-width: 768px) { .footer-menu { display: none; } }

.footer-menu h3 { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 1.25em; color: #fff; border-bottom: 1px solid #d30b1d; }

.footer-menu ul li { font-size: 0.875em; }

.footer-menu ul li:before { content: '-'; padding: 0 5px 0 0; color: #fff; }

.footer-menu ul li a { color: #fff; }

.footer-menu ul li a:hover { text-decoration: underline; }

.footer-menu .row { width: 50%; float: left; }

.footer-bottom { padding: 40px 0; border-bottom: 1px solid #6d6d6d; }

@media (max-width: 768px) { .footer-bottom { padding: 0 0 80px; border: none; } }

.footer-bottom_inner { width: 100%; max-width: 1170px; margin: 0 auto; }

@media (max-width: 1170px) { .footer-bottom_inner { width: 95%; } }

@media (max-width: 768px) { .footer-bottom_inner { width: 90%; } }

@media (max-width: 568px) { .footer-bottom_inner { width: 90%; } }

.footer-address { width: 50%; padding: 0 10px; float: left; color: #fff; }

@media (max-width: 768px) { .footer-address { width: 100%; margin: 0 0 20px 0; } }

.footer-address h3 { margin: 0; font-size: 1.125em; font-weight: normal; }

.footer-address p { margin: 0; font-size: 0.875em; }

.footer-address p a { color: #fff; }

.footer-address p a:hover { text-decoration: none; }

.copyright { padding: 30px 0; text-align: center; font-size: 0.875em; color: #fff; }

@media (max-width: 768px) { .copyright { padding: 30px 0 10px; } }

.copyright p span { margin-right: 3px; font-family: 'Times New Roman', 'Times'; font-size: 1.125em; }

/*--------------------------------------------- SP MENU ---------------------------------------------*/
.sp-menu { width: 100%; height: 100%; padding: 0 0 100px 0; position: fixed; top: 0; left: 0; z-index: 9999; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all .1s; transition: all .1s; }

.sp-menu section { margin-top: 0; padding-top: 0; }

.open .sp-menu { visibility: visible; opacity: 1; }

.sp-menu_header { width: 100%; height: 80px; margin: 0 0 40px 0; position: relative; }

.sp-menu_close_header { position: absolute; top: 50%; right: 0; width: 26px; height: 26px; margin: -13px 0 0 0; float: right; background: url(img/menu-close.svg) no-repeat left top; background-size: contain; cursor: pointer; }

.sp-menu_inner { width: 100%; max-width: 1170px; margin: 0 auto; }

@media (max-width: 1170px) { .sp-menu_inner { width: 95%; } }

@media (max-width: 768px) { .sp-menu_inner { width: 90%; } }

@media (max-width: 568px) { .sp-menu_inner { width: 90%; } }

.sp-menu_inner .multi-language-navigation { margin: 0 0 40px 0; display: block; float: none; text-align: center; }

.sp-menu_inner .multi-language-navigation .switch-language { width: 100%; margin: 0 auto; }

.sp-menu_inner .widget { width: 100%; margin: 0 0 40px 0; color: #fff; }

.sp-menu_inner .widget .widget-title { display: none; }

.sp-menu_inner .widget h2 { margin: 0 0 20px 0; font-size: 2em; font-weight: normal; border-bottom: 1px solid #d30b1d; }

.sp-menu_inner .widget h2 a { color: #fff; }

.sp-menu_inner .widget ul li { font-size: 1.25em; }

.sp-menu_inner .widget ul li:before { content: '-'; padding: 0 5px 0 0; color: #fff; }

.sp-menu_inner .widget ul li a { color: #fff; }

.sp-menu_link a { width: 100%; margin: 0 0 10px 0; padding: 10px; display: block; position: relative; font-size: 1.25em; color: #fff; border: 1px solid #fff; }

.sp-menu_link a:after { content: ''; position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; margin: -10px 0 0 0; display: inline-block; background: url(img/icon-link_white.svg) no-repeat center center; }

.sp-menu_close_footer { width: 370px; max-width: 100%; height: 60px; margin: 0 auto; line-height: 60px; font-size: 1.125em; color: #fff; cursor: pointer; background-color: #333333; text-align: center; border-radius: 30px; }

.sp-menu_close_footer:after { content: ''; width: 16px; height: 16px; margin: -2px 0 0 10px; display: inline-block; background: url(img/menu-close.svg) no-repeat center center; background-size: contain; vertical-align: middle; }

/*---------------------------------------------
GENERAL
---------------------------------------------*/
/*---------------------------------------------
CONTENTS
---------------------------------------------*/
section { margin-top: -80px; padding-top: 80px; }

.site-content { margin: 120px 0 0 0; }

@media (max-width: 768px) { .site-content { margin: 80px 0 0 0; } }

.home .site-content { margin: 0; }

@media (max-width: 768px) { .home .site-content { margin: 80px 0 0 0; } }

.section { width: 100%; padding: 100px 0; }

@media (max-width: 568px) { .section { padding: 50px 0; } }

.section .section_inner { width: 100%; max-width: 1170px; margin: 0 auto; }

@media (max-width: 1170px) { .section .section_inner { width: 95%; } }

@media (max-width: 768px) { .section .section_inner { width: 90%; } }

@media (max-width: 568px) { .section .section_inner { width: 90%; } }

/*-------------------------------------------------------------- Page ----------------------------------------------------------------*/
/*---------------------------------------------
INDEX
---------------------------------------------*/
.index-topic p { margin: 0 0 40px 0; font-size: 1.25em; text-align: center; }

@media (max-width: 768px) { .index-topic p { text-align: left; } }

.corporate-philosophy { background: url(img/bg_jp.jpg) no-repeat left top; background-size: cover; }

.corporate-philosophy p { width: 80%; margin: 0 auto 40px auto; font-size: 1.25em; text-align: center; }

@media (max-width: 768px) { .corporate-philosophy p { width: 100%; text-align: left; } }

.business-area_text { width: 100%; max-width: 1170px; margin: 0 auto; }

@media (max-width: 1170px) { .business-area_text { width: 95%; } }

@media (max-width: 768px) { .business-area_text { width: 90%; } }

@media (max-width: 568px) { .business-area_text { width: 90%; } }

.business-area_text p { width: 80%; margin: 0 auto 40px auto; font-size: 1.25em; text-align: center; }

@media (max-width: 768px) { .business-area_text p { width: 100%; text-align: left; } }

.business-area_tile { padding: 100px 0 0 0; }

.business-area_tile_single { width: 25%; padding: 100px 20px 80px 20px; float: left; position: relative; border-top: 5px solid #d30b1d; }

@media (max-width: 768px) { .business-area_tile_single { width: 50%; } }

.business-area_tile_single:nth-child(odd) { background-color: #333; }

.business-area_tile_single:nth-child(even) { margin: 50px 0 0 0; background-color: #666; }

@media (max-width: 768px) { .business-area_tile_single:nth-child(even) { margin: 0; } }

@media (max-width: 768px) { .business-area_tile_single:nth-child(1), .business-area_tile_single:nth-child(2) { padding: 100px 20px 165px 20px; }
  .business-area_tile_single:nth-child(1) .btn-small, .business-area_tile_single:nth-child(2) .btn-small { bottom: 107px; } }

@media (max-width: 568px) { .business-area_tile_single:nth-child(1), .business-area_tile_single:nth-child(2) { padding: 100px 20px 140px 20px; }
  .business-area_tile_single:nth-child(1) .btn-small, .business-area_tile_single:nth-child(2) .btn-small { bottom: 80px; } }

.business-area_tile_single .icon { position: absolute; top: -87px; left: 50%; z-index: 2; margin: 0 0 0 -87px; }

@media (max-width: 1170px) { .business-area_tile_single .icon { top: -60px; margin-left: -60px; } }

@media (max-width: 568px) { .business-area_tile_single .icon { top: -50px; margin-left: -50px; } }

.business-area_tile_single h3 { width: 100%; margin: 0 auto; padding: 0 10px; font-size: 1.4em; font-weight: normal; color: #fff; text-align: center; line-height: 1.6; }

@media (max-width: 568px) { .business-area_tile_single h3 { font-size: 1em; margin-bottom: 30px; padding: 0; } }

.business-area_tile_single h3 span { display: inline-block; position: relative; text-shadow: 1px 1px 3px #000; }

.business-area_tile_single h3 span:before { left: -15px; background: url(img/title_left.png) no-repeat left top; }

.business-area_tile_single h3 span:after { right: -15px; background: url(img/title_right.png) no-repeat left top; }

.business-area_tile_single h3 span:before, .business-area_tile_single h3 span:after { content: ''; position: absolute; top: 50%; width: 10px; height: 38px; margin-top: -19px; background-size: contain; }

.business-area_tile_single p { line-height: 1.6; text-align: center; color: #fff; }

@media (max-width: 768px) { .business-area_tile_single p { text-align: left; } }

.business-area_tile_single .btn-small { position: absolute; bottom: 20px; left: 0; right: 0; }

.news .btn a:after, .news .btn-contact a:after, .about-business .btn a:after, .about-business .btn-contact a:after { background-image: url(img/arrow-down_white.svg); }

.news-tab { width: 1170px; margin: 0 auto; }

@media (max-width: 1170px) { .news-tab { width: 100%; } }

.news-tab a { width: 50%; padding: 10px 0; float: left; display: block; font-size: 1.25em; color: #999; text-align: center; background-color: #f1efef; }

.news-tab a:hover { text-decoration: none; background-color: #ccc; }

.news-tab .active { color: #fff; background-color: #d30b1d; }

.news-tab .active:hover { background-color: #d30b1d; }

.news-tab_inner { display: none; padding: 50px; }

@media (max-width: 1170px) { .news-tab_inner { padding: 40px 0; } }

.news-tab_inner.open { display: block; }

.news-list { width: 100%; margin: 0 0 40px 0; table-layout: fixed; }

.news-list th, .news-list td { vertical-align: top; border-bottom: 1px dotted #ccc; }

@media (max-width: 568px) { .news-list th, .news-list td { width: 100%; display: block; } }

.news-list th { width: 200px; padding: 10px 0; text-align: left; }

@media (max-width: 568px) { .news-list th { border: none; } }

.news-list th img { width: 80px; margin: 0 0 0 10px; vertical-align: middle; }

@media (max-width: 568px) { .news-list th img { width: 60px; } }

.news-list td { padding: 10px 0; }

@media (max-width: 568px) { .news-list td { padding: 0 0 10px 0; } }

.news-list td p { margin: 0; }

.external-link { background: url(img/external-link_bg.jpg) no-repeat left top; background-size: cover; }

@media (max-width: 1170px) { .external-link { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .external-link .section_inner { width: 100%; } }

.external-link_inner { margin: 0 -15px; }

@media (max-width: 1170px) { .external-link_inner { width: 1170px; margin: 0; padding: 0 20px; } }

@media (max-width: 768px) { .external-link_inner { width: 768px; } }

.external-link_single { width: 33.33%; padding: 0 15px; float: left; }

.external-link_single_inner { -webkit-box-shadow: 3px 3px 5px -3px #333; box-shadow: 3px 3px 5px -3px #333; }

.external-link_single_inner h3 { margin: 0; font-size: 1.25em; font-weight: normal; text-align: center; background-color: #f0f0f0; }

.external-link_single_image { line-height: 0; }

.external-link_single_image img { width: 100%; }

.external-link_single_text { padding: 20px 20px 100px 20px; background-color: #fff; position: relative; }

.external-link_single_text p { margin: 0; text-align: center; }

@media (max-width: 768px) { .external-link_single_text p { text-align: left; } }

.external-link_single_text .btn-website { position: absolute; bottom: 20px; left: 0; }

@media (max-width: 768px) { .external-link_single_text .btn-website { padding: 0 20px; } }

/*--------------------------------------------- WHAT WE DO ---------------------------------------------*/
.page-link-menu { width: 100%; }

.page-link-menu ul { width: 100%; }

.page-link-menu ul li { width: 25%; float: left; border-right: 1px solid #ccc; }

@media (max-width: 568px) { .page-link-menu ul li { width: 50%; } }

.page-link-menu ul li a { width: 100%; padding: 10px 0; display: block; font-size: 1.25em; color: #333; text-align: center; background-color: #fff; border-bottom: 5px solid #ccc; }

.page-link-menu ul li a:hover { text-decoration: none; border-bottom: 5px solid #d30b1d; }

@media (max-width: 568px) { .page-link-menu ul li:nth-child(2) { border: none; } }

.page-link-menu ul li:last-child { border: none; }

.parallax-image-wrapper { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; }

.parallax-image { display: none; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.parallax-image.skrollable-between { display: block; }

.no-skrollr .parallax-image-wrapper { display: none !important; }

.section-parallax { width: 100%; }

.section-parallax section { margin-top: 0; padding-top: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.wed-section { width: 100%; max-width: 1170px; margin: 0 auto; height: 100%; padding: 300px 0 200px; color: #fff; }

@media (max-width: 1170px) { .wed-section { width: 95%; } }

@media (max-width: 768px) { .wed-section { width: 90%; } }

@media (max-width: 568px) { .wed-section { width: 90%; } }

.wed-section_inner { width: 100%; margin: 0 0 100px 0; }

@media (max-width: 568px) { .wed-section_inner { margin: 0 0 50px 0; } }

.wed-section_inner p { width: 80%; margin: 0 auto 40px auto; text-align: center; }

@media (max-width: 768px) { .wed-section_inner p { width: 100%; text-align: left; } }

/*--------------------------------------------- ABOUT ---------------------------------------------*/
.about-top { width: 100%; margin: 0; color: #fff; table-layout: fixed; }

.about-top td { padding: 100px 20px; text-align: center; vertical-align: top; background-size: cover; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 568px) { .about-top td { padding: 80px 20px; } }

.about-top td p { font-size: 1.25em; }

.about-top .about-top_corporate { background-image: url(img/about_bg1.jpg); }

@media (max-width: 768px) { .about-top .about-top_corporate { display: block; width: 100%; text-align: left; } }

.about-top .about-top_corporate p { width: 80%; max-width: 936px; margin-left: auto; margin-right: auto; }

@media (max-width: 768px) { .about-top .about-top_corporate p { width: 100%; } }

.about-top .about-top_management { width: 50%; background-image: url(img/about_bg2.jpg); }

@media (max-width: 768px) { .about-top .about-top_management { display: block; width: 100%; text-align: left; } }

.about-top .about-top_guideline { width: 50%; background-image: url(img/about_bg3.jpg); }

@media (max-width: 768px) { .about-top .about-top_guideline { display: block; width: 100%; } }

.about-business .section_inner { padding: 0 70px; }

@media (max-width: 1170px) { .about-business .section_inner { padding: 0; } }

.about-company table, .about-office table, .about-recruit table { width: 100%; word-break: keep-all; }

.about-company table tr, .about-office table tr, .about-recruit table tr { border-bottom: 2px solid #ccc; }

.about-company table th, .about-company table td, .about-office table th, .about-office table td, .about-recruit table th, .about-recruit table td { padding: 20px 0 10px; vertical-align: top; }

@media (max-width: 568px) { .about-company table th, .about-company table td, .about-office table th, .about-office table td, .about-recruit table th, .about-recruit table td { width: 100%; display: block; } }

.about-company table th, .about-office table th, .about-recruit table th { width: 150px; text-align: left; }

.about-company table td, .about-office table td, .about-recruit table td { text-align: right; }

@media (max-width: 568px) { .about-company table td, .about-office table td, .about-recruit table td { padding: 0 0 10px 0; text-align: left; } }

.about-company, .about-office { width: 100%; }

.about-company .left, .about-office .left { width: 45%; float: left; }

@media (max-width: 768px) { .about-company .left, .about-office .left { width: 100%; float: none; } }

.about-company .right, .about-office .right { width: 45%; float: right; }

@media (max-width: 768px) { .about-company .right, .about-office .right { width: 100%; float: none; } }

.about-company { background-color: #f5f4f4; }

@media (max-width: 1170px) { .about-company .section_inner { padding: 0; } }

.about-office { background-color: #eeeded; }

.about-office .section_inner table { max-width: 80%; margin: 0 auto; }

.about-office .right p { font-weight: bold; }

@media (max-width: 1170px) { .about-office .section_inner table { max-width: 100%; } }

.about-overseas .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .about-overseas .section_inner { padding: 0; } }

.about-overseas table { width: 100%; }

.about-overseas table tr { border-bottom: 2px solid #ccc; }

.about-overseas table th, .about-overseas table td { padding: 20px 0 10px 0; }

@media (max-width: 568px) { .about-overseas table th, .about-overseas table td { width: 100%; display: block; } }

.about-overseas table th { width: 140px; text-align: left; }

.about-overseas table td { padding-left: 10px; }

@media (max-width: 568px) { .about-overseas table td { padding: 0 0 10px 0; } }

.about-alliance { background-color: #eeeded; }

.about-alliance .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .about-alliance .section_inner { padding: 0; } }

.about-alliance .partnership, .about-alliance .suppliers { margin: 0 -10px 40px -10px; text-align: center; }

.about-alliance .partnership a, .about-alliance .suppliers a { margin: 10px; display: inline-block; position: relative; line-height: 0; }

@media (max-width: 568px) { .about-alliance .partnership a, .about-alliance .suppliers a { width: 50%; margin: 0 0 20px 0; padding: 0 10px; float: left; }
  .about-alliance .partnership a img, .about-alliance .suppliers a img { width: 100%; height: auto; } }

.about-alliance .partnership a span, .about-alliance .suppliers a span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; color: #fff; line-height: 1; background-color: #666; }

@media (max-width: 568px) { .about-alliance .partnership a span, .about-alliance .suppliers a span { width: auto; left: 10px; right: 10px; } }

.about-recruit { background-color: #f5f4f4; }

.about-recruit .section_inner { padding: 0 200px; }

@media (max-width: 1170px) { .about-recruit .section_inner { padding: 0; } }

/*--------------------------------------------- CONTACT ---------------------------------------------*/
.contact-form .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .contact-form .section_inner { padding: 0; } }

.contact-form p { font-size: 1.25em; }

.contact-form table { width: 100%; margin: 0 0 40px 0; font-size: 1.25em; }

.contact-form table tr { border-bottom: 1px dotted #ccc; }

.contact-form table th, .contact-form table td { padding: 20px 0; }

@media (max-width: 568px) { .contact-form table th, .contact-form table td { width: 100%; display: block; } }

.contact-form table th { width: 300px; position: relative; text-align: left; vertical-align: top; }

@media (max-width: 568px) { .contact-form table th { padding: 20px 0 10px 0; } }

.contact-form table th .required { position: absolute; top: 27px; right: 10px; font-size: 0.8em; vertical-align: middle; }

@media (max-width: 568px) { .contact-form table th .required { position: static; margin: 0 0 0 10px; } }

@media (max-width: 568px) { .contact-form table td { padding: 0 0 20px 0; } }

.contact-form table td input, .contact-form table td textarea { width: 100%; padding: 5px 10px; font-size: normal; border: 1px solid #ccc; border-radius: 5px; }

.contact-form .form-button { text-align: center; }

.contact-form .form-button input { width: 300px; max-width: 100%; height: 50px; margin: 0 20px 20px; padding: 5px 0; color: #fff; background-color: #999; -webkit-appearance: none; border: none; border-radius: 25px; }

@media (max-width: 568px) { .contact-form .form-button input { margin: 0 0 20px; } }

.contact-form .form-button input:hover { opacity: 0.7; }

.contact-form .form-button input:focus { outline: none; }

.contact-form .form-button .submit { background-color: #d30b1d; }

.mw_wp_form_confirm .reset { display: none; }

.complete h3, .complete p { text-align: center; }

@media (max-width: 768px) { .complete h3, .complete p { text-align: left; } }

.privacy-policy { background-color: #f5f4f4; }

.privacy-policy .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .privacy-policy .section_inner { padding: 0; } }

.privacy-policy .section_inner dl { font-size: 1em; }

.privacy-policy .section_inner dl dt { font-weight: bold; }

.privacy-policy .section_inner dl dd { margin: 0 0 40px 0; }

/*--------------------------------------------- WEIBO ---------------------------------------------*/
.internet-situation { text-align: center; background: url(img/internet-situation_bg.jpg) no-repeat center center; background-size: cover; }

@media (max-width: 768px) { .internet-situation { text-align: left; } }

.internet-situation .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .internet-situation .section_inner { padding: 0; } }

.internet-situation h2, .internet-situation p { color: #fff; }

.internet-situation p { width: 100%; margin-left: auto; margin-right: auto; }

@media (max-width: 1170px) { .internet-situation p { width: 80%; padding: 0; } }

@media (max-width: 768px) { .internet-situation p { width: 100%; text-align: left; } }

.sina { text-align: center; background: url(img/sina_bg.jpg) no-repeat center center; background-size: cover; }

.sina .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .sina .section_inner { padding: 0; } }

.sina h2 { margin: 0 0 40px 0; }

.sina p { font-size: 1.25em; color: #fff; }

@media (max-width: 1170px) { .sina p { width: 80%; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { .sina p { width: 100%; text-align: left; } }

.weibo { text-align: center; background: url(img/weibo_bg.jpg) no-repeat center center; background-size: cover; }

.weibo .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .weibo .section_inner { padding: 0; } }

.weibo h2 { margin: 0 0 40px 0; }

.weibo h3, .weibo p { color: #fff; }

.weibo h3 { font-size: 1.5em; }

.weibo p { font-size: 1.25em; }

@media (max-width: 1170px) { .weibo p { width: 80%; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { .weibo p { width: 100%; text-align: left; } }

.weibo .kol { width: 100%; margin: 40px auto 0 auto; padding: 20px; border: 1px solid #999; background-color: rgba(0, 0, 0, 0.5); }

@media (max-width: 1170px) { .weibo .kol { width: 80%; } }

@media (max-width: 768px) { .weibo .kol { width: 100%; } }

/*--------------------------------------------- SUPPORT ---------------------------------------------*/
.attention { font-size: 0.875em; text-align: center; }

@media (max-width: 768px) { .attention { text-align: left; } }

.support-tab { width: 100%; max-width: 1170px; margin: 0 auto; margin-bottom: 40px; }

@media (max-width: 1170px) { .support-tab { width: 95%; } }

@media (max-width: 768px) { .support-tab { width: 90%; } }

@media (max-width: 568px) { .support-tab { width: 90%; } }

@media (max-width: 568px) { .support-tab { width: 100%; } }

.support-tab a { width: 50%; padding: 10px 0; float: left; display: block; font-size: 1.25em; color: #999; text-align: center; background-color: #f1efef; }

.support-tab a:hover { text-decoration: none; background-color: #ccc; }

.support-tab .active { color: #fff; background-color: #d30b1d; }

.support-tab .active:hover { background-color: #d30b1d; }

.support-tab_inner { display: none; margin: 0 -10px; }

.support-tab_inner .property { width: 33.33%; padding: 0 10px 20px; float: left; }

.support-tab_inner .property:nth-child(3n + 1) { clear: both; }

@media (max-width: 768px) { .support-tab_inner .property { width: 50%; }
  .support-tab_inner .property:nth-child(3n + 1) { clear: none; }
  .support-tab_inner .property:nth-child(2n + 1) { clear: both; } }

@media (max-width: 568px) { .support-tab_inner .property { width: 100%; } }

.support-tab_inner.open { display: block; }

.property-title { width: 100%; padding: 0; }

.property-title th { line-height: 0; vertical-align: top; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.property-title th img { width: 100%; height: auto; }

.property-title td { padding: 10px; font-weight: bold; vertical-align: middle; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

#manda .property-title td { border-top: 1px solid #ccc; }

.property-content { width: 100%; font-size: 0.875em; }

.property-content th, .property-content td { padding: 10px; border: 1px solid #ccc; vertical-align: middle; }

.property-content th { width: 100px; font-weight: normal; text-align: left; background-color: #f1efef; }

.to-contact { width: 100%; max-width: 1170px; margin: 0 auto; margin: 0 auto 100px; padding: 40px; background-color: #f1efef; }

@media (max-width: 1170px) { .to-contact { width: 95%; } }

@media (max-width: 768px) { .to-contact { width: 90%; } }

@media (max-width: 568px) { .to-contact { width: 90%; } }

@media (max-width: 768px) { .to-contact { width: 100%; margin: 0; } }

.to-contact p { font-size: 1.125em; text-align: center; }

@media (max-width: 768px) { .to-contact p { text-align: left; } }

.to-contact .btn a, .to-contact .btn-contact a { margin: 0; }

.to-contact .btn a:before, .to-contact .btn-contact a:before { content: ''; width: 20px; height: 20px; margin: -5px 10px 0 0; display: inline-block; background: url(img/icon-mail_white.svg) no-repeat center center; background-size: contain; background-position: center center; vertical-align: middle; }

@media (max-width: 568px) { .to-contact .btn a:before, .to-contact .btn-contact a:before { width: 15px; height: 15px; margin-top: -2px; } }

.to-contact .btn a:after, .to-contact .btn-contact a:after { content: none; }

.netshop .header { height: 90px; border: none; background-color: #fff; }

@media (max-width: 768px) { .netshop .header { height: 80px; border-bottom: 2px solid #f0f0f0; } }

.netshop .header_inner { position: relative; }

.netshop .site-branding { width: 192px; margin: 0 auto; float: none; }

@media (max-width: 768px) { .netshop .site-branding { margin: 0; } }

.netshop .site-branding .site-title { width: 192px; height: 70px; }

@media (max-width: 768px) { .netshop .site-branding .site-title { width: 165px; height: 60px; } }

.netshop .multi-language-navigation { margin: 0; float: none; position: absolute; top: 16.5px; right: 0; }

@media (max-width: 768px) { .netshop .multi-language-navigation { margin: 0; top: 11.5px; display: block; } }

.netshop .header.fixed { height: 80px; border-bottom: 2px solid #f0f0f0; }

.netshop .header.fixed .site-title { width: 165px; height: 60px; }

.netshop .header.fixed .multi-language-navigation { margin: 0; top: 11.5px; }

.netshop .entry-header { padding: 0; border: none; }

@media (max-width: 768px) { .netshop .entry-header { display: block; } }

.netshop .entry-header .entry-title { width: 100%; max-width: 100%; padding: 75px 0; font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; text-align: center; background: url(img/netshop_title_bg.jpg) no-repeat center center; background-size: cover; }

@media (max-width: 568px) { .netshop .entry-header .entry-title { padding: 50px 0; } }

.netshop .entry-header .entry-title span { display: inline-block; font-size: 1.75em; color: #b69c34; line-height: 1.6; border-bottom: 2px solid #b69c34; }

.netshop .site-content { margin: 90px 0 0 0; }

@media (max-width: 768px) { .netshop .site-content { margin-top: 80px; } }

.netshop .netshop-link { background-color: #f2f4f4; }

.netshop .netshop-link table { width: 100%; }

.netshop .netshop-link table tr { border-bottom: 3px solid #f2f4f4; }

.netshop .netshop-link table tr:first-child { border: none; }

.netshop .netshop-link table th { padding: 20px; font-weight: normal; color: #fff; background-color: #666; }

@media (max-width: 568px) { .netshop .netshop-link table th { display: none; } }

.netshop .netshop-link table td { padding: 10px; background-color: #fff; text-align: center; vertical-align: middle; }

@media (max-width: 568px) { .netshop .netshop-link table td { width: 100% !important; padding: 10px 20px; display: block; text-align: center !important; } }

.netshop .netshop-link table .shop_logo { width: 200px; text-align: center; }

@media (max-width: 768px) { .netshop .netshop-link table .shop_logo { width: 160px; } }

@media (max-width: 568px) { .netshop .netshop-link table .shop_logo { padding-top: 20px; } }

.netshop .netshop-link table .shop_logo a { display: block; position: relative; line-height: 0; }

.netshop .netshop-link table .shop_logo a img { width: 120px; }

@media (max-width: 568px) { .netshop .netshop-link table .shop_logo a img { width: 150px; } }

.netshop .netshop-link table .shop_logo a span { width: 100%; position: absolute; bottom: 0; left: 0; display: inline-block; font-size: 0.5em; color: #333; line-height: 1; text-align: center; }

.netshop .netshop-link table .shop_name { font-size: 0.75em; color: #323333; text-align: left; }

.netshop .netshop-link table .shop_delivery span { display: none; }

@media (max-width: 568px) { .netshop .netshop-link table .shop_delivery span { display: inline; } }

@media (max-width: 568px) { .netshop .netshop-link table .shop_link { padding-bottom: 20px; } }

.netshop .netshop-link table .shop_link a { width: 250px; max-width: 100%; height: 50px; line-height: 50px; display: inline-block; color: #fff; text-align: center; background-color: #b69c34; border-radius: 25px; }

@media (max-width: 768px) { .netshop .netshop-link table .shop_link a { width: 150px; } }

@media (max-width: 568px) { .netshop .netshop-link table .shop_link a { width: 80%; } }

.netshop .netshop-link table .shop_link a:after { content: ''; width: 16px; height: 16px; margin: -2px 0 0 10px; display: inline-block; background: url(img/icon-link_white.svg) no-repeat center center; background-size: contain; vertical-align: middle; }

.netshop .netshop-link table .shop_link a:hover { text-decoration: none; opacity: 0.7; }

.netshop .netshop-info { background: url(img/netshop_info_bg.jpg) no-repeat center center; background-size: cover; }

.netshop .netshop-info .section_inner { padding: 0 100px; }

@media (max-width: 1170px) { .netshop .netshop-info .section_inner { padding: 0; } }

.netshop .netshop-info .heading-line_gold { color: #b69c34; }

.netshop .netshop-info .heading-line_gold span { display: inline-block; border-bottom: 2px solid #b69c34; }

.netshop .netshop-info p { margin: 0 0 40px 0; font-size: 1.25em; color: #fff; text-align: center; }

.netshop .netshop-info p a { color: #fff; }

.netshop .netshop-info p a:hover { text-decoration: none; }

.netshop .netshop-info iframe { width: 100%; height: 500px; }

@media (max-width: 568px) { .netshop .netshop-info iframe { height: 300px; } }

.netshop .footer { background-color: #fff; }

.netshop .footer-banner .footer-link { width: 50%; height: 300px; float: left; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (max-width: 568px) { .netshop .footer-banner .footer-link { width: 100%; float: none; } }

.netshop .footer-banner .footer-link .footer-logo { position: absolute; top: 50%; left: 50%; display: block; line-height: 0; }

.netshop .footer-banner .footer-link p { width: 100%; margin: 0; padding: 5px 20px; position: absolute; bottom: 0; left: 0; text-align: right; background-color: rgba(0, 0, 0, 0.4); }

.netshop .footer-banner .footer-link p a { color: #fff; }

.netshop .footer-banner .footer-link p a:after { content: ''; width: 16px; height: 16px; margin: -2px 0 0 10px; display: inline-block; background: url(img/icon-link_white.svg) no-repeat center center; background-size: contain; vertical-align: middle; }

.netshop .footer-banner .footer-link_facebook { background-image: url(img/netshop_fb_bg.jpg); }

.netshop .footer-banner .footer-link_facebook .footer-logo { width: 240px; margin: -80px 0 0 -120px; }

.netshop .footer-banner .footer-link_facebook p { background-color: transparent; }

.netshop .footer-banner .footer-link_weibo { background-image: url(img/netshop_weibo_bg.jpg); }

.netshop .footer-banner .footer-link_weibo .footer-logo { width: 240px; margin: -80px 0 0 -120px; }

.netshop .footer-banner .footer-link_weibo p { background-color: transparent; }

.netshop .footer-banner .footer-link_kitaguni { background-image: url(img/netshop_kitaguni_bg.jpg); }

.netshop .footer-banner .footer-link_kitaguni .footer-logo { width: 250px; margin: -45px 0 0 -125px; }

.netshop .footer-banner .footer-link_inworld { background-image: url(img/netshop_inworld_bg.jpg); }

.netshop .footer-banner .footer-link_inworld .footer-logo { width: 150px; margin: -60px 0 0 -75px; }

.netshop .copyright { width: 100%; max-width: 1170px; margin: 0 auto; margin-top: 80px; padding-bottom: 80px; color: #333; border-top: 1px solid #696870; }

@media (max-width: 1170px) { .netshop .copyright { width: 95%; } }

@media (max-width: 768px) { .netshop .copyright { width: 90%; } }

@media (max-width: 568px) { .netshop .copyright { width: 90%; } }

/*---------------------------------------------
Town estate
---------------------------------------------*/
.local-tax__intro { margin: 0 0 40px 0; font-size: 1.25em; text-align: center; }

.local-tax__figure { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 870px; margin: 0 auto; }

.local-tax__figure > div { width: 50%; padding: 0 15px; text-align: center; }

.local-tax__figure > div img { width: 100%; }

.local-tax__figure__example { margin: 40px 0 70px 0; font-size: 1.5em; font-weight: bold; text-align: center; }

.local-tax__target { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 970px; margin: 0 auto 70px; }

.local-tax__target__image { width: 40%; text-align: center; }

.local-tax__target__image img { width: 100%; max-width: 220px; height: auto; }

.local-tax__target__text { width: 60%; text-align: center; }

.local-tax__target__text h3 { margin: 0 0 20px 0; font-size: 1.5em; line-height: 1.4; }

.local-tax__target__text p { margin: 0; font-size: 1.125em; }

.local-tax__target__explain { width: 100%; max-width: 780px; margin: 0 auto 70px; font-size: 1.25em; }

.local-tax__contact { width: 100%; max-width: 970px; margin: 0 auto; padding: 35px; border: 1px solid #333; }

.local-tax__contact__intro { margin: 0 0 35px 0; font-size: 1.25em; font-weight: bold; text-align: center; }

.local-tax__contact__title { text-align: center; }

.local-tax__contact__title img { width: 360px; height: auto; }

@media (max-width: 768px) { .local-tax__intro { text-align: left; }
  .local-tax__figure { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .local-tax__figure > div { width: 100%; margin-bottom: 40px; padding: 0; }
  .local-tax__figure > div:last-child { margin-bottom: 0; }
  .local-tax__figure > div img { width: auto; } }

.town-estate { color: white; background: url(./img/town-estate_bg.jpg) no-repeat center/cover; }

.town-estate__title { margin: 0 0 25px 0; text-align: center; }

.town-estate__title img { width: 100%; max-width: 420px; }

.town-estate__subtitle { margin: 0 0 60px 0; font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; font-size: 1.5em; text-align: center; line-height: 1.5; }

.town-estate__detail { width: 100%; max-width: 720px; margin: 0 auto 50px; font-size: 1.25em; text-align: center; }

@media (max-width: 568px) { .town-estate__title img { max-width: 360px; } }