@charset "UTF-8";
/*▼▼▼▼▼▼▼▼▼▼▼お願い申し訳ございませんがこちらのCSSは作業中修正不可となります。よろしくお願いいたします。▼▼▼▼▼▼▼▼▼▼▼*/
/* Scss Document */
/*-----------------*/
/* 
--------------------------------------------------------- */
/* VWはSPのみ利用
--------------------------------------------------------- */
#top-inq-btn-fix { background: #FF9900; width: 70px; z-index: 60; height: 100vh; top: 70px; bottom: 70px; position: fixed; right: 0; bottom: 70px; font-size: 3rem; }
#top-inq-btn-fix a { writing-mode: vertical-rl; font-family: ryo-text-plusn, serif; font-weight: 500; color: #FFF; margin: 0 auto; text-align: center; margin: auto auto; letter-spacing: 0.4em; position: absolute; top: 45%; left: 50%; display: inline; transform: translate(-50%, -50%); }
@media (max-height: 800px) { #top-inq-btn-fix a { font-size: 2rem; top: 30%; left: 50%; } }
@media (max-height: 400px) { #top-inq-btn-fix a { font-size: 1.4rem; } }
@media (max-height: 300px) { #top-inq-btn-fix a { display: none; } }
@media (max-width: 750px) { #top-inq-btn-fix a { width: 64px; } }
@media (max-height: 400px) { #top-inq-btn-fix a span i img { width: 18px !important; height: auto !important; } }
#top-inq-btn-fix i { padding-top: 1.5em; }

@media (max-height: 560px) { #page_top span { display: none !important; } }

#top-inq-btn-common { background: #FF9900; width: 70px; z-index: 60; height: 100%; color: #FFF; position: fixed; right: 0; bottom: 70px; font-size: 3rem; padding-top: 280px; }
#top-inq-btn-common a { color: #FFF; text-align: center; font-weight: 500; display: block; width: 70px; padding-right: 0.5em; padding-left: 0.5em; box-sizing: border-box; font-weight: 500; font-family: ryo-text-plusn, serif; line-height: 1.6em; }
@media (max-width: 750px) { #top-inq-btn-common a { width: 64px; } }
#top-inq-btn-common i { padding-top: 2em; }

.user--h3 { padding-bottom: 0em !important; }

.user--pd { padding: 1em 0; }

.wd1240 { /*  max-width: 1377.8px!important; width: 90%!important; margin: 0 auto;*/ }
@media (max-width: 1400px) { .wd1240 { padding-right: 72px !important; } }
@media (max-width: 750px) { .wd1240 { width: 100%; padding-right: 0px !important; } }

@media (max-width: 1400px) { #tec__box { padding-right: 72px !important; } }
@media (max-width: 750px) { #tec__box { width: 100%; padding-right: 0px !important; } }

@media (max-width: 1400px) { #top-advantage, #top-problem, #topics, #qa__con, #contact--con { padding-right: 72px !important; } }
@media (max-width: 750px) { #top-advantage, #top-problem, #topics, #qa__con, #contact--con { width: 100%; padding-right: 0px !important; } }

#head_wrap .gloval__menu { color: #FFF; display: flex; flex-wrap: wrap !important; height: 70px; align-items: center; white-space: wrap; padding-right: 85px !important; }
@media (max-width: 750px) { #head_wrap .gloval__menu { height: 100%; max-height: 70px; } }
#head_wrap .gloval__menu li { padding: 0 1.0em; font-weight: 600; font-size: 1.6rem; }
@media (max-width: 750px) { #head_wrap .gloval__menu li { padding: 0 0em; } }
#head_wrap .gloval__menu li a { color: #FFF; text-decoration: none; }

.drow--btn { position: fixed !important; top: 0 !important; right: 0 !important; }

.touch-btn { /*width: 70px!important;*/ }
@media (max-width: 750px) { .touch-btn { /* width: 50px!important;*/ } }

.btn-to-case a { height: auto !important; }

#sns--area .facebook .sns--inner { width: 500px !important; }

#sns--area .twitter .sns--inner { width: 500px !important; }