@charset "utf-8";

/*
Theme Name: ota2corp
Theme URI: http://ota2.jp
Author: ota2.jp
*/

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,font,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 { margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent
}
body { line-height: 1}
ol,ul { list-style: none}
blockquote,q {quotes: none}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none}
:focus { outline: 0}
ins { text-decoration: none}
del { text-decoration: line-through}
table { border-collapse: collapse; border-spacing: 0}
table th,table td { vertical-align: middle}
.mfp-bg {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1042;
 overflow: hidden;
 position: fixed;
 background: #0b0b0b;
 opacity: 0.8;
 filter: alpha(opacity=80)
}
.mfp-wrap {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1043;
 position: fixed;
 outline: none !important;
 -webkit-backface-visibility: hidden
}
.mfp-container {
 text-align: center;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 padding: 0 8px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}
.mfp-container:before {
 content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle
}
.mfp-align-top .mfp-container:before { display: none}
.mfp-content {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 margin: 0 auto;
 text-align: left;
 z-index: 1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto}
.mfp-ajax-cur { cursor: progress}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
 cursor: -moz-zoom-out;
 cursor: -webkit-zoom-out;
 cursor: zoom-out
}
.mfp-zoom {
 cursor: pointer;
 cursor: -webkit-zoom-in;
 cursor: -moz-zoom-in;
 cursor: zoom-in
}
.mfp-auto-cursor .mfp-content { cursor: auto}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none
}
.mfp-loading.mfp-figure { display: none}
.mfp-hide { display: none !important}
.mfp-preloader {
 color: #CCC;
 position: absolute;
 top: 50%;
 width: auto;
 text-align: center;
 margin-top: -0.8em;
 left: 8px;
 right: 8px;
 z-index: 1044
}
.mfp-preloader a { color: #CCC}
.mfp-preloader a:hover { color: #FFF}
.mfp-s-ready .mfp-preloader { display: none}
.mfp-s-error .mfp-content { display: none}
button.mfp-close,
button.mfp-arrow {
 overflow: visible;
 cursor: pointer;
 background: transparent;
 border: 0;
 -webkit-appearance: none;
 display: block;
 outline: none;
 padding: 0;
 z-index: 1046;
 -webkit-box-shadow: none;
 box-shadow: none
}
button::-moz-focus-inner { padding: 0; border: 0}
.mfp-close {
 width: 44px;
 height: 44px;
 line-height: 44px;
 position: absolute;
 right: 0;
 top: 0;
 text-decoration: none;
 text-align: center;
 opacity: 0.65;
 filter:alpha(opacity=65);
 padding: 0 0 18px 10px;
 color: #FFF;
 font-style: normal;
 font-size: 28px;
 font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
 opacity: 1;
 filter:alpha(opacity=100)
}
.mfp-close:active { top: 1px}
.mfp-close-btn-in .mfp-close { color: #333}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
 color: #FFF;
 right: -6px;
 text-align: right;
 padding-right: 6px;
 width: 100%
}
.mfp-counter {
 position: absolute;
 top: 0;
 right: 0;
 color: #CCC;
 font-size: 12px;
 line-height: 18px;
 white-space: nowrap
}
.mfp-arrow {
 position: absolute;
 opacity: 0.65;
 filter:alpha(opacity=65);
 margin: -55px 0 0;
 top: 50%;
 padding: 0;
 padding: 0;
 height: 110px;
 -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active { margin-top: -54px}
.mfp-arrow:hover,
.mfp-arrow:focus {
 opacity: 1;
 filter:alpha(opacity=100)
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
 content: '';
 display: block;
 width: 0;
 height: 0;
 position: absolute;
 left: 0;
 top: 0;
 margin-top: 35px;
 margin-left: 35px;
 border: medium inset transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
 border-top-width: 13px;
 border-bottom-width: 13px;
 top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
 border-top-width: 21px;
 border-bottom-width: 21px;
 opacity: 0.7
}
.mfp-arrow-left { left: 0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F}
.mfp-arrow-right { right: 0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F}
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px}
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px}
.mfp-iframe-holder .mfp-close { top: -40px}
.mfp-iframe-scaler {
 width: 100%;
 height: 0;
 overflow: hidden;
 padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 background: #000
}
img.mfp-img {
 width: auto;
 max-width: 100%;
 height: auto;
 display: block;
 line-height: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 40px 0;
 margin: 0 auto
}
.mfp-figure { line-height: 0}
.mfp-figure:after {
 content: '';
 position: absolute;
 left: 0;
 top: 40px;
 bottom: 40px;
 display: block;
 right: 0;
 width: auto;
 height: auto;
 z-index: -1;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 background: #444
}
.mfp-figure small {
 color: #BDBDBD;
 display: block;
 font-size: 12px;
 line-height: 14px
}
.mfp-figure figure { margin: 0}
.mfp-bottom-bar {
 margin-top: -36px;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 cursor: auto
}
.mfp-title {
 text-align: left;
 line-height: 18px;
 color: #F3F3F3;
 word-wrap: break-word;
 padding-right: 36px
}
.mfp-image-holder .mfp-content { max-width: 100%}
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
 .mfp-img-mobile .mfp-image-holder {  padding-left: 0;  padding-right: 0 }
 .mfp-img-mobile img.mfp-img {  padding: 0 }
 .mfp-img-mobile .mfp-figure:after {  top: 0;  bottom: 0 }
 .mfp-img-mobile .mfp-figure small {  display: inline;  margin-left: 5px }
 .mfp-img-mobile .mfp-bottom-bar {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  margin: 0;
  top: auto;
  padding: 3px 5px;
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
 }
 .mfp-img-mobile .mfp-bottom-bar:empty {  padding: 0 }
 .mfp-img-mobile .mfp-counter {  right: 5px;  top: 3px }
 .mfp-img-mobile .mfp-close {
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  text-align: center;
  padding: 0
 }
}
@media all and (max-width: 900px) {
 .mfp-arrow {  -webkit-transform: scale(0.75);  transform: scale(0.75) }
 .mfp-arrow-left {  -webkit-transform-origin: 0;  transform-origin: 0 }
 .mfp-arrow-right {  -webkit-transform-origin: 100%;  transform-origin: 100% }
 .mfp-container {  padding-left: 6px;  padding-right: 6px }
}
.mfp-ie7 .mfp-img { padding: 0}
.mfp-ie7 .mfp-bottom-bar {
 width: 600px;
 left: 50%;
 margin-left: -300px;
 margin-top: 5px;
 padding-bottom: 5px
}
.mfp-ie7 .mfp-container { padding: 0}
.mfp-ie7 .mfp-content { padding-top: 44px}
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0}
.scroll-fade-button,.scroll-fade-thumb { background-color: rgba(0, 0, 0, 0.25)}
.scroll-fade-button {
 background-repeat: no-repeat;
 background-position: center center;
 border: 0;
 cursor: pointer;
 display: block;
 height: 16px;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
 width: 16px
}
.scroll-fade-button.scroll-fade-black { background-image: url('data:image/gif;base64,R0lGODlhCAAFAIAAAAAAAP///yH5BAEAAAEALAAAAAAIAAUAAAIJjAGmiMv9ogQFADs=')}
.scroll-fade-button.scroll-fade-white { background-image: url('data:image/gif;base64,R0lGODlhCAAFAIAAAP///wAAACH5BAEAAAEALAAAAAAIAAUAAAIJjAGmiMv9ogQFADs=')}
.scroll-fade-up { top: 0}
.scroll-fade-down {
 bottom: 0;
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 transform: rotate(180deg)
}
.scroll-fade-track {
 border: 0;
 bottom: 16px;
 display: block;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
 top: 16px;
 width: 16px
}
.scroll-fade-thumb {
 position: absolute;
 width: 100%
}
.scroll-fade-scrollbar {
 border: 0;
 bottom: 0;
 display: none;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
 top: 0;
 width: 16px
}
.scroll-fade-outer {
 border: 0;
 bottom: 0;
 display: block;
 left: 0;
 overflow: hidden;
 padding: 0;
 position: absolute;
 margin: 0;
 right: 0;
 top: 0
}
.scroll-fade-scroll {
 display: block;
 padding: 0;
 position: relative;
 margin: 0;
 width: 200%;
 height: 100%;
 overflow-x: hidden;
 overflow-y: auto
}
.scroll-fade-inner {
 display: block;
 padding: 0;
 position: static;
 margin: 0;
 width: 50%
}
.scroll-fade-content {
 display: block;
 padding: 0;
 position: static;
 margin: 0
}
/* common css */
.fleft { float: left}
.clear_fleft { clear: left}
.fright { float: right}
.clear_fright { clear: right}
.b { font-weight: bold !important}
.fw_normal { font-weight: normal !important}
.err { color: red; font-size: 10px}
.list_err { text-align: center; margin: 40px; color: red}
.dc { font-size: xx-small}
.border { border: 1px solid #aaa !important}
.border_top0 { border-top: none !important}
.b0 { border: 0 none !important}
.bt0 { border-top: none !important}
.br0 { border-right: none !important}
.bb0 { border-bottom: none !important}
.bl0 { border-left: none !important}
.txt-center { text-align: center !important}
.txt-left { text-align: left !important}
.txt-right { text-align: right !important}
.d_center { margin: 0 auto}
.v_top { vertical-align: top !important}
.v_middle { vertical-align: middle !important}
.v_bottom { vertical-align: bottom !important}
.imeon { ime-mode: active !important}
.imeoff { ime-mode: disabled !important}
.word-wrap { word-wrap: break-word}
.word-break-all { word-break: break-all}
.nowrap { white-space: nowrap}
.dot { background: #fff url("/common/img/dot.png") scroll repeat-x}
.number_format { ime-mode: disabled; text-align: right}
.numeric { ime-mode: disabled; text-align: right}
.needs { font-size: xx-small; color: #FF0000}
.w1 { width: 1px !important}
.w2 { width: 2px !important}
.w3 { width: 3px !important}
.w4 { width: 4px !important}
.w5 { width: 5px !important}
.w6 { width: 6px !important}
.w7 { width: 7px !important}
.w8 { width: 8px !important}
.w9 { width: 9px !important}
.w10 { width: 10px !important}
.w15 { width: 15px !important}
.w20 { width: 20px !important}
.w25 { width: 25px !important}
.w30 { width: 30px !important}
.w35 { width: 35px !important}
.w40 { width: 40px !important}
.w45 { width: 45px !important}
.w50 { width: 50px !important}
.w55 { width: 55px !important}
.w60 { width: 60px !important}
.w65 { width: 65px !important}
.w70 { width: 70px !important}
.w75 { width: 75px !important}
.w80 { width: 80px !important}
.w85 { width: 85px !important}
.w90 { width: 90px !important}
.w95 { width: 95px !important}
.w100 { width: 100px !important}
.w105 { width: 105px !important}
.w110 { width: 110px !important}
.w115 { width: 115px !important}
.w120 { width: 120px !important}
.w125 { width: 125px !important}
.w130 { width: 130px !important}
.w135 { width: 135px !important}
.w140 { width: 140px !important}
.w145 { width: 145px !important}
.w150 { width: 150px !important}
.w155 { width: 155px !important}
.w160 { width: 160px !important}
.w165 { width: 165px !important}
.w170 { width: 170px !important}
.w175 { width: 175px !important}
.w180 { width: 180px !important}
.w185 { width: 185px !important}
.w190 { width: 190px !important}
.w195 { width: 195px !important}
.w200 { width: 200px !important}
.w210 { width: 210px !important}
.w220 { width: 220px !important}
.w250 { width: 250px !important}
.w300 { width: 300px !important}
.w350 { width: 350px !important}
.w400 { width: 400px !important}
.w440 { width: 440px !important}
.w450 { width: 450px !important}
.w480 { width: 480px !important}
.w500 { width: 500px !important}
.w510 { width: 510px !important}
.w530 { width: 530px !important}
.w550 { width: 550px !important}
.w590 { width: 590px !important}
.w600 { width: 600px !important}
.w610 { width: 610px !important}
.w620 { width: 620px !important}
.w650 { width: 650px !important}
.w700 { width: 700px !important}
.w740 { width: 740px !important}
.w750 { width: 750px !important}
.w780 { width: 780px !important}
.w800 { width: 800px !important}
.w850 { width: 850px !important}
.w900 { width: 900px !important}
.w940 { width: 940px !important}
.w950 { width: 950px !important}
.w960 { width: 960px !important}
.w1000 { width: 1000px !important}
.w1050 { width: 1050px !important}
.w1100 { width: 1100px !important}
.w1150 { width: 1150px !important}
.w1200 { width: 1200px !important}
.w1240 { width: 1240px !important}
.w1250 { width: 1250px !important}
.w1300 { width: 1300px !important}
.w1350 { width: 1350px !important}
.w1400 { width: 1400px !important}
.w1450 { width: 1450px !important}
.w1500 { width: 1500px !important}
.mw1 { max-width: 1px !important}
.mw2 { max-width: 2px !important}
.mw3 { max-width: 3px !important}
.mw4 { max-width: 4px !important}
.mw5 { max-width: 5px !important}
.mw6 { max-width: 6px !important}
.mw7 { max-width: 7px !important}
.mw8 { max-width: 8px !important}
.mw9 { max-width: 9px !important}
.mw10 { max-width: 10px !important}
.mw15 { max-width: 15px !important}
.mw20 { max-width: 20px !important}
.mw25 { max-width: 25px !important}
.mw30 { max-width: 30px !important}
.mw35 { max-width: 35px !important}
.mw40 { max-width: 40px !important}
.mw45 { max-width: 45px !important}
.mw50 { max-width: 50px !important}
.mw55 { max-width: 55px !important}
.mw60 { max-width: 60px !important}
.mw65 { max-width: 65px !important}
.mw70 { max-width: 70px !important}
.mw75 { max-width: 75px !important}
.mw80 { max-width: 80px !important}
.mw85 { max-width: 85px !important}
.mw90 { max-width: 90px !important}
.mw95 { max-width: 95px !important}
.mw100 { max-width: 100px !important}
.mw105 { max-width: 105px !important}
.mw110 { max-width: 110px !important}
.mw115 { max-width: 115px !important}
.mw120 { max-width: 120px !important}
.mw125 { max-width: 125px !important}
.mw130 { max-width: 130px !important}
.mw135 { max-width: 135px !important}
.mw140 { max-width: 140px !important}
.mw145 { max-width: 145px !important}
.mw150 { max-width: 150px !important}
.mw155 { max-width: 155px !important}
.mw160 { max-width: 160px !important}
.mw165 { max-width: 165px !important}
.mw170 { max-width: 170px !important}
.mw175 { max-width: 175px !important}
.mw180 { max-width: 180px !important}
.mw185 { max-width: 185px !important}
.mw190 { max-width: 190px !important}
.mw195 { max-width: 195px !important}
.mw200 { max-width: 200px !important}
.mw250 { max-width: 250px !important}
.mw300 { max-width: 300px !important}
.mw350 { max-width: 350px !important}
.mw400 { max-width: 400px !important}
.mw450 { max-width: 450px !important}
.mw500 { max-width: 500px !important}
.mw550 { max-width: 550px !important}
.mw600 { max-width: 600px !important}
.mw650 { max-width: 650px !important}
.mw700 { max-width: 700px !important}
.mw750 { max-width: 750px !important}
.mw800 { max-width: 800px !important}
.mw850 { max-width: 850px !important}
.mw900 { max-width: 900px !important}
.mw950 { max-width: 950px !important}
.mw1000 { max-width: 1000px !important}
.mw1050 { max-width: 1050px !important}
.mw1100 { max-width: 1100px !important}
.mw1150 { max-width: 1150px !important}
.mw1200 { max-width: 1200px !important}
.mw1250 { max-width: 1250px !important}
.mw1300 { max-width: 1300px !important}
.mw1350 { max-width: 1350px !important}
.mw1400 { max-width: 1400px !important}
.mw1450 { max-width: 1450px !important}
.mw1500 { max-width: 1500px !important}
.w1per { width: 1% !important}
.w2per { width: 2% !important}
.w3per { width: 3% !important}
.w4per { width: 4% !important}
.w5per { width: 5% !important}
.w6per { width: 6% !important}
.w7per { width: 7% !important}
.w8per { width: 8% !important}
.w9per { width: 9% !important}
.w10per { width: 10% !important}
.w11per { width: 11% !important}
.w12per { width: 12% !important}
.w13per { width: 13% !important}
.w14per { width: 14% !important}
.w15per { width: 15% !important}
.w16per { width: 16% !important}
.w17per { width: 17% !important}
.w18per { width: 18% !important}
.w19per { width: 19% !important}
.w20per { width: 20% !important}
.w21per { width: 21% !important}
.w22per { width: 22% !important}
.w23per { width: 23% !important}
.w24per { width: 24% !important}
.w25per { width: 25% !important}
.w26per { width: 26% !important}
.w27per { width: 27% !important}
.w28per { width: 28% !important}
.w29per { width: 29% !important}
.w30per { width: 30% !important}
.w31per { width: 31% !important}
.w32per { width: 32% !important}
.w33per { width: 33% !important}
.w34per { width: 34% !important}
.w35per { width: 35% !important}
.w36per { width: 36% !important}
.w37per { width: 37% !important}
.w38per { width: 38% !important}
.w39per { width: 39% !important}
.w40per { width: 40% !important}
.w41per { width: 41% !important}
.w42per { width: 42% !important}
.w43per { width: 43% !important}
.w44per { width: 44% !important}
.w45per { width: 45% !important}
.w46per { width: 46% !important}
.w47per { width: 47% !important}
.w48per { width: 48% !important}
.w49per { width: 49% !important}
.w50per { width: 50% !important}
.w51per { width: 51% !important}
.w52per { width: 52% !important}
.w53per { width: 53% !important}
.w54per { width: 54% !important}
.w55per { width: 55% !important}
.w56per { width: 56% !important}
.w57per { width: 57% !important}
.w58per { width: 58% !important}
.w59per { width: 59% !important}
.w60per { width: 60% !important}
.w61per { width: 61% !important}
.w62per { width: 62% !important}
.w63per { width: 63% !important}
.w64per { width: 64% !important}
.w65per { width: 65% !important}
.w66per { width: 66% !important}
.w67per { width: 67% !important}
.w68per { width: 68% !important}
.w69per { width: 69% !important}
.w70per { width: 70% !important}
.w71per { width: 71% !important}
.w72per { width: 72% !important}
.w73per { width: 73% !important}
.w74per { width: 74% !important}
.w75per { width: 75% !important}
.w76per { width: 76% !important}
.w77per { width: 77% !important}
.w78per { width: 78% !important}
.w79per { width: 79% !important}
.w80per { width: 80% !important}
.w81per { width: 81% !important}
.w82per { width: 82% !important}
.w83per { width: 83% !important}
.w84per { width: 84% !important}
.w85per { width: 85% !important}
.w86per { width: 86% !important}
.w87per { width: 87% !important}
.w88per { width: 88% !important}
.w89per { width: 89% !important}
.w90per { width: 90% !important}
.w91per { width: 91% !important}
.w92per { width: 92% !important}
.w93per { width: 93% !important}
.w94per { width: 94% !important}
.w95per { width: 95% !important}
.w96per { width: 96% !important}
.w97per { width: 97% !important}
.w98per { width: 98% !important}
.w99per { width: 99% !important}
.w100per { width: 100% !important}
.h1 { height: 1px !important}
.h2 { height: 2px !important}
.h3 { height: 3px !important}
.h4 { height: 4px !important}
.h5 { height: 5px !important}
.h6 { height: 6px !important}
.h7 { height: 7px !important}
.h8 { height: 8px !important}
.h9 { height: 9px !important}
.h10 { height: 10px !important}
.h20 { height: 20px !important}
.h30 { height: 30px !important}
.h40 { height: 40px !important}
.h50 { height: 50px !important}
.h60 { height: 60px !important}
.h70 { height: 70px !important}
.h80 { height: 80px !important}
.h90 { height: 90px !important}
.h100 { height: 100px !important}
.h110 { height: 110px !important}
.h120 { height: 120px !important}
.h130 { height: 130px !important}
.h140 { height: 140px !important}
.h150 { height: 150px !important}
.h160 { height: 160px !important}
.h170 { height: 170px !important}
.h180 { height: 180px !important}
.h190 { height: 190px !important}
.h200 { height: 200px !important}
.h250 { height: 250px !important}
.h300 { height: 300px !important}
.h350 { height: 350px !important}
.h400 { height: 400px !important}
.h450 { height: 450px !important}
.h500 { height: 500px !important}
.h550 { height: 550px !important}
.h600 { height: 600px !important}
.h650 { height: 650px !important}
.h700 { height: 700px !important}
.h750 { height: 750px !important}
.h800 { height: 800px !important}
.h850 { height: 850px !important}
.h900 { height: 900px !important}
.h950 { height: 950px !important}
.h1000 { height: 1000px !important}
.h1per { height: 1% !important}
.h2per { height: 2% !important}
.h3per { height: 3% !important}
.h4per { height: 4% !important}
.h5per { height: 5% !important}
.h6per { height: 6% !important}
.h7per { height: 7% !important}
.h8per { height: 8% !important}
.h9per { height: 9% !important}
.h10per { height: 10% !important}
.h15per { height: 15% !important}
.h20per { height: 20% !important}
.h25per { height: 25% !important}
.h30per { height: 30% !important}
.h35per { height: 35% !important}
.h40per { height: 40% !important}
.h45per { height: 45% !important}
.h50per { height: 50% !important}
.h55per { height: 55% !important}
.h60per { height: 60% !important}
.h65per { height: 65% !important}
.h70per { height: 70% !important}
.h75per { height: 75% !important}
.h80per { height: 80% !important}
.h85per { height: 85% !important}
.h90per { height: 90% !important}
.h95per { height: 95% !important}
.h100per { height: 100% !important}
.m0 { margin: 0 !important}
.m1 { margin: 1px !important}
.m2 { margin: 2px !important}
.m3 { margin: 3px !important}
.m4 { margin: 4px !important}
.m5 { margin: 5px !important}
.m6 { margin: 6px !important}
.m7 { margin: 7px !important}
.m8 { margin: 8px !important}
.m9 { margin: 9px !important}
.m10 { margin: 10px !important}
.m15 { margin: 15px !important}
.m20 { margin: 20px !important}
.m25 { margin: 25px !important}
.m30 { margin: 30px !important}
.m35 { margin: 35px !important}
.m40 { margin: 40px !important}
.m45 { margin: 45px !important}
.m50 { margin: 50px !important}
.m55 { margin: 55px !important}
.m60 { margin: 60px !important}
.m65 { margin: 65px !important}
.m70 { margin: 70px !important}
.m75 { margin: 75px !important}
.m80 { margin: 80px !important}
.m85 { margin: 85px !important}
.m90 { margin: 90px !important}
.m95 { margin: 95px !important}
.m100 { margin: 100px !important}
.ml-1 { margin-left: -1px !important}
.ml-2 { margin-left: -2px !important}
.ml-3 { margin-left: -3px !important}
.ml-4 { margin-left: -4px !important}
.ml-5 { margin-left: -5px !important}
.ml-6 { margin-left: -6px !important}
.ml-7 { margin-left: -7px !important}
.ml-8 { margin-left: -8px !important}
.ml-9 { margin-left: -9px !important}
.ml-10 { margin-left: -10px !important}
.ml0 { margin-left: 0 !important}
.ml1 { margin-left: 1px !important}
.ml2 { margin-left: 2px !important}
.ml3 { margin-left: 3px !important}
.ml4 { margin-left: 4px !important}
.ml5 { margin-left: 5px !important}
.ml6 { margin-left: 6px !important}
.ml7 { margin-left: 7px !important}
.ml8 { margin-left: 8px !important}
.ml9 { margin-left: 9px !important}
.ml10 { margin-left: 10px !important}
.ml15 { margin-left: 15px !important}
.ml20 { margin-left: 20px !important}
.ml25 { margin-left: 25px !important}
.ml30 { margin-left: 30px !important}
.ml35 { margin-left: 35px !important}
.ml40 { margin-left: 40px !important}
.ml45 { margin-left: 45px !important}
.ml50 { margin-left: 50px !important}
.ml55 { margin-left: 55px !important}
.ml60 { margin-left: 60px !important}
.ml65 { margin-left: 65px !important}
.ml70 { margin-left: 70px !important}
.ml75 { margin-left: 75px !important}
.ml80 { margin-left: 80px !important}
.ml85 { margin-left: 85px !important}
.ml90 { margin-left: 90px !important}
.ml95 { margin-left: 95px !important}
.ml100 { margin-left: 100px !important}
.ml200 { margin-left: 200px !important}
.ml300 { margin-left: 300px !important}
.ml400 { margin-left: 400px !important}
.ml500 { margin-left: 500px !important}
.mr-1 { margin-right: -1px !important}
.mr-2 { margin-right: -2px !important}
.mr-3 { margin-right: -3px !important}
.mr-4 { margin-right: -4px !important}
.mr-5 { margin-right: -5px !important}
.mr-6 { margin-right: -6px !important}
.mr-7 { margin-right: -7px !important}
.mr-8 { margin-right: -8px !important}
.mr-9 { margin-right: -9px !important}
.mr-10 { margin-right: -10px !important}
.mr0 { margin-right: 0 !important}
.mr1 { margin-right: 1px !important}
.mr2 { margin-right: 2px !important}
.mr3 { margin-right: 3px !important}
.mr4 { margin-right: 4px !important}
.mr5 { margin-right: 5px !important}
.mr6 { margin-right: 6px !important}
.mr7 { margin-right: 7px !important}
.mr8 { margin-right: 8px !important}
.mr9 { margin-right: 9px !important}
.mr10 { margin-right: 10px !important}
.mr15 { margin-right: 15px !important}
.mr20 { margin-right: 20px !important}
.mr25 { margin-right: 25px !important}
.mr30 { margin-right: 30px !important}
.mr35 { margin-right: 35px !important}
.mr40 { margin-right: 40px !important}
.mr45 { margin-right: 45px !important}
.mr50 { margin-right: 50px !important}
.mr55 { margin-right: 55px !important}
.mr60 { margin-right: 60px !important}
.mr65 { margin-right: 65px !important}
.mr70 { margin-right: 70px !important}
.mr75 { margin-right: 75px !important}
.mr80 { margin-right: 80px !important}
.mr85 { margin-right: 85px !important}
.mr90 { margin-right: 90px !important}
.mr95 { margin-right: 95px !important}
.mr100 { margin-right: 100px !important}
.mt-1 { margin-top: -1px !important}
.mt-2 { margin-top: -2px !important}
.mt-3 { margin-top: -3px !important}
.mt-4 { margin-top: -4px !important}
.mt-5 { margin-top: -5px !important}
.mt-6 { margin-top: -6px !important}
.mt-7 { margin-top: -7px !important}
.mt-8 { margin-top: -8px !important}
.mt-9 { margin-top: -9px !important}
.mt-10 { margin-top: -10px !important}
.mt-11 { margin-top: -11px !important}
.mt-12 { margin-top: -12px !important}
.mt-13 { margin-top: -13px !important}
.mt-14 { margin-top: -14px !important}
.mt-15 { margin-top: -15px !important}
.mt-16 { margin-top: -16px !important}
.mt-17 { margin-top: -17px !important}
.mt-18 { margin-top: -18px !important}
.mt-19 { margin-top: -19px !important}
.mt-20 { margin-top: -20px !important}
.mt-21 { margin-top: -21px !important}
.mt-22 { margin-top: -22px !important}
.mt-23 { margin-top: -23px !important}
.mt-24 { margin-top: -24px !important}
.mt-25 { margin-top: -25px !important}
.mt-26 { margin-top: -26px !important}
.mt-27 { margin-top: -27px !important}
.mt-28 { margin-top: -28px !important}
.mt-29 { margin-top: -29px !important}
.mt-30 { margin-top: -30px !important}
.mt0 { margin-top: 0 !important}
.mt1 { margin-top: 1px !important}
.mt2 { margin-top: 2px !important}
.mt3 { margin-top: 3px !important}
.mt4 { margin-top: 4px !important}
.mt5 { margin-top: 5px !important}
.mt6 { margin-top: 6px !important}
.mt7 { margin-top: 7px !important}
.mt8 { margin-top: 8px !important}
.mt9 { margin-top: 9px !important}
.mt10 { margin-top: 10px !important}
.mt15 { margin-top: 15px !important}
.mt20 { margin-top: 20px !important}
.mt25 { margin-top: 25px !important}
.mt30 { margin-top: 30px !important}
.mt35 { margin-top: 35px !important}
.mt40 { margin-top: 40px !important}
.mt45 { margin-top: 45px !important}
.mt50 { margin-top: 50px !important}
.mt55 { margin-top: 55px !important}
.mt60 { margin-top: 60px !important}
.mt65 { margin-top: 65px !important}
.mt70 { margin-top: 70px !important}
.mt75 { margin-top: 75px !important}
.mt80 { margin-top: 80px !important}
.mt85 { margin-top: 85px !important}
.mt90 { margin-top: 90px !important}
.mt95 { margin-top: 95px !important}
.mt100 { margin-top: 100px !important}
.mb0 { margin-bottom: 0 !important}
.mb1 { margin-bottom: 1px !important}
.mb2 { margin-bottom: 2px !important}
.mb3 { margin-bottom: 3px !important}
.mb4 { margin-bottom: 4px !important}
.mb5 { margin-bottom: 5px !important}
.mb6 { margin-bottom: 6px !important}
.mb7 { margin-bottom: 7px !important}
.mb8 { margin-bottom: 8px !important}
.mb9 { margin-bottom: 9px !important}
.mb10 { margin-bottom: 10px !important}
.mb15 { margin-bottom: 15px !important}
.mb20 { margin-bottom: 20px !important}
.mb25 { margin-bottom: 25px !important}
.mb30 { margin-bottom: 30px !important}
.mb35 { margin-bottom: 35px !important}
.mb40 { margin-bottom: 40px !important}
.mb45 { margin-bottom: 45px !important}
.mb50 { margin-bottom: 50px !important}
.mb55 { margin-bottom: 55px !important}
.mb60 { margin-bottom: 60px !important}
.mb65 { margin-bottom: 65px !important}
.mb70 { margin-bottom: 70px !important}
.mb75 { margin-bottom: 75px !important}
.mb80 { margin-bottom: 80px !important}
.mb85 { margin-bottom: 85px !important}
.mb90 { margin-bottom: 90px !important}
.mb95 { margin-bottom: 95px !important}
.mb100 { margin-bottom: 100px !important}
.p0 { padding: 0 !important}
.p1 { padding: 1px !important}
.p2 { padding: 2px !important}
.p3 { padding: 3px !important}
.p4 { padding: 4px !important}
.p5 { padding: 5px !important}
.p6 { padding: 6px !important}
.p7 { padding: 7px !important}
.p8 { padding: 8px !important}
.p9 { padding: 9px !important}
.p10 { padding: 10px !important}
.p15 { padding: 15px !important}
.p20 { padding: 20px !important}
.p25 { padding: 25px !important}
.p30 { padding: 30px !important}
.p35 { padding: 35px !important}
.p40 { padding: 40px !important}
.p45 { padding: 45px !important}
.p50 { padding: 50px !important}
.p55 { padding: 55px !important}
.p60 { padding: 60px !important}
.p65 { padding: 65px !important}
.p70 { padding: 70px !important}
.p75 { padding: 75px !important}
.p80 { padding: 80px !important}
.p85 { padding: 85px !important}
.p90 { padding: 90px !important}
.p95 { padding: 95px !important}
.p100 { padding: 100px !important}
.pl0 { padding-left: 0 !important}
.pl1 { padding-left: 1px !important}
.pl2 { padding-left: 2px !important}
.pl3 { padding-left: 3px !important}
.pl4 { padding-left: 4px !important}
.pl5 { padding-left: 5px !important}
.pl6 { padding-left: 6px !important}
.pl7 { padding-left: 7px !important}
.pl8 { padding-left: 8px !important}
.pl9 { padding-left: 9px !important}
.pl10 { padding-left: 10px !important}
.pl15 { padding-left: 15px !important}
.pl20 { padding-left: 20px !important}
.pl25 { padding-left: 25px !important}
.pl30 { padding-left: 30px !important}
.pl35 { padding-left: 35px !important}
.pl40 { padding-left: 40px !important}
.pl45 { padding-left: 45px !important}
.pl50 { padding-left: 50px !important}
.pl55 { padding-left: 55px !important}
.pl60 { padding-left: 60px !important}
.pl65 { padding-left: 65px !important}
.pl70 { padding-left: 70px !important}
.pl75 { padding-left: 75px !important}
.pl80 { padding-left: 80px !important}
.pl85 { padding-left: 85px !important}
.pl90 { padding-left: 90px !important}
.pl95 { padding-left: 95px !important}
.pl100 { padding-left: 100px !important}
.pr0 { padding-right: 0 !important}
.pr1 { padding-right: 1px !important}
.pr2 { padding-right: 2px !important}
.pr3 { padding-right: 3px !important}
.pr4 { padding-right: 4px !important}
.pr5 { padding-right: 5px !important}
.pr6 { padding-right: 6px !important}
.pr7 { padding-right: 7px !important}
.pr8 { padding-right: 8px !important}
.pr9 { padding-right: 9px !important}
.pr10 { padding-right: 10px !important}
.pr15 { padding-right: 15px !important}
.pr20 { padding-right: 20px !important}
.pr25 { padding-right: 25px !important}
.pr30 { padding-right: 30px !important}
.pr35 { padding-right: 35px !important}
.pr40 { padding-right: 40px !important}
.pr45 { padding-right: 45px !important}
.pr50 { padding-right: 50px !important}
.pr55 { padding-right: 55px !important}
.pr60 { padding-right: 60px !important}
.pr65 { padding-right: 65px !important}
.pr70 { padding-right: 70px !important}
.pr75 { padding-right: 75px !important}
.pr80 { padding-right: 80px !important}
.pr85 { padding-right: 85px !important}
.pr90 { padding-right: 90px !important}
.pr95 { padding-right: 95px !important}
.pr100 { padding-right: 100px !important}
.pt-1 { padding-top: -1px !important}
.pt0 { padding-top: 0 !important}
.pt1 { padding-top: 1px !important}
.pt2 { padding-top: 2px !important}
.pt3 { padding-top: 3px !important}
.pt4 { padding-top: 4px !important}
.pt5 { padding-top: 5px !important}
.pt6 { padding-top: 6px !important}
.pt7 { padding-top: 7px !important}
.pt8 { padding-top: 8px !important}
.pt9 { padding-top: 9px !important}
.pt10 { padding-top: 10px !important}
.pt15 { padding-top: 15px !important}
.pt20 { padding-top: 20px !important}
.pt25 { padding-top: 25px !important}
.pt30 { padding-top: 30px !important}
.pt35 { padding-top: 35px !important}
.pt40 { padding-top: 40px !important}
.pt45 { padding-top: 45px !important}
.pt50 { padding-top: 50px !important}
.pt55 { padding-top: 55px !important}
.pt60 { padding-top: 60px !important}
.pt65 { padding-top: 65px !important}
.pt70 { padding-top: 70px !important}
.pt75 { padding-top: 75px !important}
.pt80 { padding-top: 80px !important}
.pt85 { padding-top: 85px !important}
.pt90 { padding-top: 90px !important}
.pt95 { padding-top: 95px !important}
.pt100 { padding-top: 100px !important}
.pb0 { padding-bottom: 0 !important}
.pb1 { padding-bottom: 1px !important}
.pb2 { padding-bottom: 2px !important}
.pb3 { padding-bottom: 3px !important}
.pb4 { padding-bottom: 4px !important}
.pb5 { padding-bottom: 5px !important}
.pb6 { padding-bottom: 6px !important}
.pb7 { padding-bottom: 7px !important}
.pb8 { padding-bottom: 8px !important}
.pb9 { padding-bottom: 9px !important}
.pb10 { padding-bottom: 10px !important}
.pb15 { padding-bottom: 15px !important}
.pb20 { padding-bottom: 20px !important}
.pb25 { padding-bottom: 25px !important}
.pb30 { padding-bottom: 30px !important}
.pb35 { padding-bottom: 35px !important}
.pb40 { padding-bottom: 40px !important}
.pb45 { padding-bottom: 45px !important}
.pb50 { padding-bottom: 50px !important}
.pb55 { padding-bottom: 55px !important}
.pb60 { padding-bottom: 60px !important}
.pb65 { padding-bottom: 65px !important}
.pb70 { padding-bottom: 70px !important}
.pb75 { padding-bottom: 75px !important}
.pb80 { padding-bottom: 80px !important}
.pb85 { padding-bottom: 85px !important}
.pb90 { padding-bottom: 90px !important}
.pb95 { padding-bottom: 95px !important}
.pb100 { padding-bottom: 100px !important}
.fs1 { font-size: 1px !important}
.fs2 { font-size: 2px !important}
.fs3 { font-size: 3px !important}
.fs4 { font-size: 4px !important}
.fs5 { font-size: 5px !important}
.fs6 { font-size: 6px !important}
.fs7 { font-size: 7px !important}
.fs8 { font-size: 8px !important}
.fs9 { font-size: 9px !important}
.fs10 { font-size: 10px !important}
.fs11 { font-size: 11px !important}
.fs12 { font-size: 12px !important}
.fs13 { font-size: 13px !important}
.fs14 { font-size: 14px !important}
.fs15 { font-size: 15px !important}
.fs16 { font-size: 16px !important}
.fs17 { font-size: 17px !important}
.fs18 { font-size: 18px !important}
.fs19 { font-size: 19px !important}
.fs20 { font-size: 20px !important}
.fs21 { font-size: 21px !important}
.fs22 { font-size: 22px !important}
.fs23 { font-size: 23px !important}
.fs24 { font-size: 24px !important}
.fs25 { font-size: 25px !important}
.fs26 { font-size: 26px !important}
.fs27 { font-size: 27px !important}
.fs28 { font-size: 28px !important}
.fs29 { font-size: 29px !important}
.fs30 { font-size: 30px !important}
.fs6 {
 font-size: 10px !important;
 -webkit-transform: scale(0.6);
 -moz-transform: scale(0.6);
 -ms-transform: scale(0.6);
 -o-transform: scale(0.6);
 transform: scale(0.6)
}
.fs7 {
 font-size: 10px !important;
 -webkit-transform: scale(0.7);
 -moz-transform: scale(0.7);
 -ms-transform: scale(0.7);
 -o-transform: scale(0.7);
 transform: scale(0.7)
}
.fs8 {
 font-size: 10px !important;
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
 transform: scale(0.8)
}
.fs9 {
 font-size: 10px !important;
 -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
 -ms-transform: scale(0.9);
 -o-transform: scale(0.9);
 transform: scale(0.9)
}
.fc_red { color: red !important}
.c_pointer { cursor: pointer}
.c_move { cursor: move}
.ovflw { position: relative; overflow: auto}
.ovflx { overflow-x: auto}
.ovfly { overflow-y: auto}
.invisible { display: none}
.visible { display: block}
.relative { position: relative}
.absolute { position: absolute}
.inline-block { display: inline-block}
.display-block { display: block !important}
.display-none { display: none}
.display-table { display: table}
.display-tablecell { display: table-cell}
.clearfix:before,.clearfix:after { content: ""; display: table}
.clearfix:after { clear: both}
.border-box { box-sizing: border-box}
.cursor-pointer { cursor: pointer}
.overflow-hidden { overflow: hidden}
.border-box { box-sizing: border-box}
.td_border { display: block; margin-bottom: 5px; padding-bottom: 5px; border-top: 1px dotted #8c8c8c}strong { font-weight: bold}
.resize_textarea { min-height: 100px}
/* ページ内アンカー、ロゴ被り回避*/
.anchor{display: block; padding-top: 70px; margin-top: -70px;}

/* common css ここまで*/

html { height: 100%}
body {
 font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 line-height: 140%;
 height: 100%;
 /*color: #000;*/
 color: #222;
 font-weight: 500;
 letter-spacing: 0.08em;
 font-feature-settings: "palt";
 -webkit-font-smoothing: antialiased;
}
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box
}
.header {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 height: 96px;
 z-index: 10
}
.header-inner { position: relative}
.header.header-top:hover .header-bg { top: 0}
.header .logo a {
 display: block;
 background-image: url('../ota2corp/images/logo.png');
 background-repeat: no-repeat;
 background-size: 143px 35px;
 width: 143px;
 height: 35px;
 text-indent: -9999px;
 position: absolute;
 top: 30px;
 left: 24px;
 z-index: 10
}
.header .btn-contact {
 z-index: 10;
 display: inline-block;
 position: absolute;
 top: 21px;
 right: 80px;
 line-height: 54px;
 padding: 0 24px;
 background-color: #cc0210;
 color: #fff;
 text-decoration: none;
 text-align: center;
 transition: 0.2s
}
.header .btn-contact:hover { background-color: #af0914}
.header .btn-hamburger {
 display: block;
 background-image: url('../ota2corp/images/btn_hamburger.png');
 background-repeat: no-repeat;
 background-size: 55px 54px;
 width: 55px;
 height: 54px;
 text-indent: -9999px;
 position: absolute;
 top: -70px;
 right: 20px;
 z-index: 11;
 transition: 0.2s;
 cursor: pointer
}
.header .btn-hamburger.active { top: 21px}
.header .btn-hamburger.on {
 top: 21px;
 background-image: url('../ota2corp/images/btn_hamburger_close.png')
}
.header .btn-hamburger:hover { opacity: 0.9}
.header-bg {
 background-color: #fff;
 height: 96px;
 position: absolute;
 top: -96px;
 left: 0;
 right: 0;
 transition: 0.1s
}
.header-bg.hide { top: -96px}
.header-bg.active { top: 0}
.header-navi {
 position: absolute;
 left: 200px;
 top: 0;
 font-size: 0;
 transition: 0.3s
}
.header-navi.hide { top: -96px}
.header-navi.active { top: 0 !important}
.header-navi ul:before,
.header-navi ul:after {
 content: "";
 display: table
}
.header-navi ul:after { clear: both}
.header-navi ul li {
 transition: 0.2s;
 float: left;
 margin-right: 28px
}
.header-navi ul li.active .list-head { border-bottom: solid 4px #cc0210; /*font-weight: bold*/}
.header-navi ul li .list-head {
 font-size: 16px;
 display: block;
 line-height: 92px;
 color: #000;
 text-decoration: none;
 box-sizing: border-box
}
.header-navi ul li .list-head:hover { /*font-weight: bold*/ }
.header-navi ul li .child {
 display: none;
 font-size: 16px;
 background-color: #333;
 /*background-color: #cc0210;*/
 position: fixed;
 top: 96px;
 left: 0;
 right: 0;
 padding: 20px;
 background: rgba(51,51,51,0.85);
}
.header-navi ul li .child-inner { position: relative}
.header-navi ul li .child-wrap { margin-left: 180px}
.header-navi ul li .child-wrap:before,.header-navi ul li .child-wrap:after { content: ""; display: table}
.header-navi ul li .child-wrap:after { clear: both}
.header-navi ul li .child-wrap .list-navi { width: 200px; float: left}
.header-navi ul li .child-wrap .list-navi li { display: block; float: none}
.header-navi ul li .child-wrap .list-navi li a {
 display: block;
 color: #fff;
 padding: 8px 0;
 text-decoration: none
}
.header-navi ul li .child-wrap .list-navi li a:hover { /*font-weight: bold*/}
.header-navi > nav > ul > li > .list-head { font-family: 'Staatliches', cursive; font-size: 14px; font-weight: 700;}
.header-navi .child ul.list-navi > li > ul  { /*margin-left: 10px;*/}
.header-navi .child ul.list-navi > li > ul > li  { font-size: 0.8em; line-height:1.3;}
.header-navi ul li .child-wrap .list-navi { width: 250px;}
.header-navi ul li .child-wrap .list-navi li a { padding: 4px 0;}
.top-head-block {
 background-position: center top;
 background-repeat: no-repeat;
 -moz-background-size: cover;
 background-size: cover;
 background-image: url('../ota2corp/images/img_top_head.jpg')
}
.top-head-block-inner { height: 720px; position: relative}
.top-head-block .catch-block {
 width: 600px;
 margin: 0 auto;
 padding-top: 200px;
 text-align: center
}
.top-head-block .catch-block .logo {
 text-indent: -9999px;
 display: block;
 background-image: url('../ota2corp/images/logo_top.png');
 background-repeat: no-repeat;
 background-size: 446px 110px;
 width: 446px;
 height: 110px;
 text-indent: -9999px;
 margin: 0 auto 16px
}
.top-head-block .catch-block .catch { font-size: 24px; font-weight: bold}
.top-head-block .service-block {
 position: absolute;
 top: 476px;
 left: 0;
 right: 0;
 background-color: #cc0210;
 width: 1260px;
 padding: 40px 60px;
 margin: 0 auto
}
.top-head-block .service-block .catch {
 font-size: 20px;
 text-align: center;
 color: #fff;
 margin-bottom: 20px
}
.top-head-block .service-block .service-link {
  display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 16px
}
.top-head-block .service-block .service-link .item {
 display: block;
 background-color: #fff;
 color: #000;
 font-size: 17px;
 font-weight: bold;
 padding: 20px;
 text-decoration: none;
  width: 24.2%;
 margin: 4px;
 vertical-align: middle;
 background-image: url('../ota2corp/images/icon_arrow_right_red_small.png');
 background-repeat: no-repeat;
 background-size: 7px 14px;
 background-position: center right 10px;
 transition: 0.2s
}
.top-head-block .service-block .service-link .item:hover { color: #cc0210; opacity: 0.95}
.top-head-block .service-block .btn-index-link {
 display: block;
 width: 260px;
 line-height: 70px;
 color: #fff;
 background-color: #fa7a82;
 background-image: url('../ota2corp/images/icon_arrow_right_white.png');
 background-repeat: no-repeat;
 background-size: 16px 14px;
 background-position: top 28px right 22px;
 margin: 0 auto;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 transition: 0.2s
}
.top-head-block .service-block .btn-index-link:hover { background-color: #222}
.top-intro { padding-top: 150px}
.top-intro .heading-common-normal {
 font-size: 43px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 30px
}
.top-intro p {
 width: 768px;
 margin: 0 auto 40px;
 line-height: 200%;
 text-align: center;
}
.top-strong-point {
 margin-top: 60px;
 display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 -moz-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between
}
.top-strong-point .item { max-width: 290px}
.top-strong-point .img-wrap { position: relative; margin-bottom: 20px}
.top-strong-point .img-wrap img { display: block; width: 100%}
.top-strong-point .img-wrap .number {
 display: inline-block;
 position: absolute;
 top: -10px;
 left: 0;
 font-family: 'Staatliches', cursive;
 font-size: 68px;
 color: #cc0210
}
.top-strong-point .description { text-align: center}
.top-works {
  display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 -moz-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
 margin-top: 40px;
 margin-bottom: 20px;
 -webkit-justify-content: flex-start;
 -ms-justify-content: flex-start;
 -moz-justify-content: flex-start;
 -o-justify-content: flex-start;
 justify-content: flex-start
}
.top-works .item {
 border: solid 1px #ececec;
 padding: 12px;
 display: block;
 color: #000;
 text-decoration: none;
 margin-bottom: 40px;
 width: 290px;
/* cursor: pointer;*/
 text-align: center
}
.top-works .item:nth-of-type(3n+2) { margin-left: 45px;}
.top-works .item:nth-of-type(3n+3) { margin-left: 45px;}
/*
.top-works .item:hover .title { color: #cc0210}
.top-works .item:nth-child(1) { width: 460px}
.top-works .item:nth-child(2) { width: 460px}
*/
.top-works .item .title { font-size: 20px; font-weight: bold; padding: 16px 0; word-break: keep-all; line-height: 1.5;}
.top-works .item .description { font-size: 16px; padding-bottom: 16px}
.top-works .item .tags {display: flex;flex-wrap: wrap;margin-top: 0.5rem;}
.top-works .item .tags li{font-size:14px;background:#eee;padding: 2px 5px;margin: 3px;}
.top-works .item .img-wrap { position: relative}
.top-works .item .img-wrap img { display: block; width: 100%}
.top-works .item .img-wrap .hover {
 display: none;
 position: absolute;
 background-color: rgba(204, 2, 16, 0.8);
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 text-align: center;
}
.top-works .item .img-wrap .hover-inner {
 text-align: center;
 position: absolute;
 display: inline-block;
 top: 50%;
 left: 50%;
 color: #fff;
 font-size: 16px;
 margin-top: -8px;
 margin-left: -50px;
 padding-right: 20px;
 background-image: url('../ota2corp/images/icon_arrow_right_white.png');
 background-repeat: no-repeat;
 background-size: 16px 14px;
 background-position: top 4px right 0;
}
.top-precedent {
 margin: 40px 0 20px;
 display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 -moz-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
}
.top-precedent .item {
 background-color: #fff;
 display: block;
 border: solid 1px #ececec;
 padding: 20px 20px 50px;
 width: 220px;
 color: #000;
 text-decoration: none;
 transition: 0.2s;
 margin-bottom: 30px;
 position: relative;
}
.top-precedent .item:hover { box-shadow: 8px 8px 0 0 #cc0210}
.top-precedent .item .img-wrap img { display: block; width: 100%}
.top-precedent .item .case {
 font-family: 'Staatliches', cursive;
 text-decoration: none;
 color: #dddcdc;
 text-align: center;
 font-size: 20px;
 margin-bottom: 10px;
 font-weight: normal;
}
.top-precedent .item .title { color: #cc0210; text-align: center; padding: 0 0 16px; font-size: 20px; font-weight: bold}
.top-precedent .item .description { font-size: 16px; margin-bottom: 20px}
.top-precedent .item .detail {
 position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
 border-top: solid 1px #ececec;
 padding: 0 36px 0 0;
 line-height: 50px;
 font-weight: bold;
 font-size: 13px;
 text-align: right;
 background-image: url('../ota2corp/images/icon_arrow_right_red.png');
 background-repeat: no-repeat;
 background-size: 16px 14px;
 background-position: top 17px right 18px;
}
.top-column {
 margin: 40px 0;
 display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: flex-start;
 -ms-justify-content: flex-start;
 -moz-justify-content: flex-start;
 -o-justify-content: flex-start;
 justify-content: flex-start;
}
.top-column .item {
 display: block;
 color: #000;
 text-decoration: none;
 width: 290px;
 position: relative;
 padding-bottom: 30px;
 margin-bottom: 45px;
}
.top-column .item:nth-of-type(3n+2) { margin-left: 45px;}
.top-column .item:nth-of-type(3n+3) { margin-left: 45px;}
.top-column .item:hover .img-wrap img {
 -webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition-duration: 0.2s;
 -ms-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 transition-duration: 0.2s
}
.top-column .item:hover .description { color: #cc0210}
.top-column .item .img-wrap {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  height: 239px;
}
.top-column .item .img-wrap img {
 display: block;
 -webkit-transition-duration: 0.2s;
 -ms-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 transition-duration: 0.2s;
 /* 2020-02-14 */
 width: 290px;
 height: 239px;
 object-fit: cover;
}
.top-column .item .category-date-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding-top: 10px
}
.top-column .item .category-date-wrap:before,.top-column .item .category-date-wrap:after { content: ""; display: table}
.top-column .item .category-date-wrap:after { clear: both}
.top-column .item .category-date-wrap .category { color: #cc0210; font-size: 12px; padding-right: 1em; float: left}
.top-column .item .category-date-wrap .date { display: block; float: right; font-size: 12px; color: #ccc}
.top-news .top-news-head { border-bottom: solid 1px #ececec; position: relative; height: 70px}
.top-news .top-news-head:before,.top-news .top-news-head:after { content: ""; display: table}
.top-news .top-news-head:after { clear: both}
.top-news .top-news-head .heading-news { font-size: 22px; font-weight: bold}
.top-news .top-news-head .heading-news span { font-size: 60px; font-family: 'Staatliches', cursive; display: inline-block; padding-right: 20px}
.top-news .top-news-head .link-head {
 display: inline-block;
 position: absolute;
 top: 10px;
 right: 0;
 font-size: 22px;
 color: #cc0210;
 text-decoration: none
}
.top-news .top-news-head .link-head:hover { font-weight: bold}
.top-news dl { border-bottom: solid 1px #ececec; padding: 28px 0}
.top-news dl:before,.top-news dl:after { content: ""; display: table}
.top-news dl:after { clear: both}
.top-news dl dt { float: left; width: 7em; line-height: 180%; font-weight: bold}
.top-news dl dd { padding-left: 7em}
.top-news dl dd a { line-height: 180%; color: #000; text-decoration: none}
.top-news dl dd a:hover { color: #cc0210}
.bottom-contact {
 background-position: center top;
 background-repeat: no-repeat;
 -moz-background-size: cover;
 background-size: cover;
 background-image: url('../ota2corp/images/img_bottom_contact_bg.jpg');
}
.bottom-contact-inner { padding: 70px 0}
/*.bottom-contact .heading-contact { font-size: 42px; font-weight: bold; text-align: center; color: white; margin-bottom: 40px}
.bottom-contact .description { color: white; text-align: center; margin-bottom: 40px}*/
.bottom-contact .heading-contact {color: white; margin-bottom: 40px}
.bottom-contact .description-box {width: 90%;max-width: 960px;margin: 0 auto;padding:60px 40px;background:#fff;}
.bottom-contact .description { color: #222; text-align: center;margin-top: 25px; margin-bottom: 40px; line-height: 2;}
.ttldescription{font-weight: 600;font-size: 22px;text-align: center; line-height: 1.4;}
.btn-gradation{width: 355px;line-height: 72px;display: block;
text-align: center;margin: 0 auto;color: #fff;font-weight: 600;font-size: 20px;
text-decoration: none;transition: all 0.2s;
background: #ff8e44; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8e44 0%, #f91362 100%); /* FF3.6-15*/
background: -webkit-linear-gradient(left,  #ff8e44 0%,#f91362 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff8e44 0%,#f91362 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e44', endColorstr='#f91362',GradientType=1 ); /* IE6-9 */}
.btn-gradation:hover{opacity: 0.5;}


.page-head { background-position: center top; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; height: 300px}
.page-head-about{background-image: url('../ota2corp/images/img_head_about.jpg');}
.page-head-service{background-image: url('../ota2corp/images/img_head_service.jpg');}
.page-head-works{background-image: url('../ota2corp/images/img_head_works.jpg');}
.page-head-usecase{background-image: url('../ota2corp/images/img_head_usecase.jpg');}
.page-head-company{background-image: url('../ota2corp/images/img_head_company.jpg');}
.page-head-recruit{background-image: url('../ota2corp/images/img_head_recruit.jpg');}
.page-head-news{background-image: url('../ota2corp/images/img_head_news.jpg');}
.page-head-column{background-image: url('../ota2corp/images/img_head_column.jpg');}
.page-head-contact{background-image: url('../ota2corp/images/img_head_contact.jpg');}
.page-head-ecsite{background-image: url('../ota2corp/images/img_head_ecsite.jpg');}
.page-head-rakuten{background-image: url('../ota2corp/images/img_head_rakuten.jpg');}
.page-head-yahoo{background-image: url('../ota2corp/images/img_head_Yahoo.jpg');}
.page-head-regular{background-image: url('../ota2corp/images/img_head_regular.jpg');}
.page-head-spot_production{background-image: url('../ota2corp/images/img_head_spot_production.jpg');}
.page-head-website{background-image: url('../ota2corp/images/img_head_website.jpg');}
.page-head-branding{background-image: url('../ota2corp/images/img_head_branding.jpg');}
.page-head-content_marketing{background-image: url('../ota2corp/images/img_head_content_marketing.jpg');}
.page-head-wordpress{background-image: url('../ota2corp/images/img_head_wordpress.jpg');}
.page-head-eccube{background-image: url('../ota2corp/images/img_head_eccube.jpg');}
.page-head-analysis-report{background-image: url('../ota2corp/images/img_head_analysis-report.jpg');}
.page-head-production{background-image: url('../ota2corp/images/img_head_production.jpg');}
.page-head-creator{background-image: url('../ota2corp/images/img_head_creator.jpg');}
.page-head-director{background-image: url('../ota2corp/images/img_head_director.jpg');}
.page-head-job{background-image: url('../ota2corp/images/img_head_job.jpg');}
.page-head-case{background-image: url('../ota2corp/images/img_head_case_marketing_01.jpg');}
.page-head-voice{background-image: url('../ota2corp/images/img_head_voice_01.jpg');}
.page-head-works{background-image: url('../ota2corp/images/img_head_works_01.jpg');}

.page-head-wrap { padding-top: 96px}
.page-head-inner { width: 1260px; margin: 0 auto}
.page-head .page-heading { font-size: 43px; font-weight: bold; color: white; margin-bottom: 40px; padding-top: 90px}
.page-head .page-description { width: 500px; color: white; line-height: 200%}
.page-breadcrumb-wrap { padding: 20px 0}
.page-breadcrumb-inner { width: 1260px; margin: 0 auto}
.page-breadcrumb-inner .breadcrumb { font-size: 14px}
.page-breadcrumb-inner .breadcrumb a { color: #000}
.main-content-inner { width: 960px; margin: 0 auto; padding: 70px 0}
.mod-heading-descript { margin-bottom: 80px}
.mod-heading-descript .heading { font-size: 33px; font-weight: bold; margin-bottom: 20px; line-height: 140%}
.mod-heading-descript .descript { margin-bottom: 1em; line-height: 200%}
.mod-img-descript { margin-bottom: 80px}
.mod-img-descript:before,.mod-img-descript:after { content: ""; display: table}
.mod-img-descript:after { clear: both}
.mod-img-descript.img-right .img-wrap { width: 420px; float: right; margin-left: 60px}
.mod-img-descript.img-left .img-wrap { width: 420px; float: left; margin-right: 60px}
.mod-img-descript .descript { padding-top: 20px; line-height: 200%}
.mod-img-descript .descript p { margin-bottom: 1em}
.mod-img-descript-link {
  display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
 display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
 flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -o-justify-content: flex-start;
 justify-content: flex-start
}
.mod-img-descript-link .item {
 background-color: #f4f4f4;
 text-decoration: none;
 color: #000;
 position: relative
}
.mod-img-descript-link .item:nth-of-type(3n+2) {
 margin-left: 45px;
}
.mod-img-descript-link .item:nth-of-type(3n+3) {
 margin-left: 45px;
}
.mod-img-descript-link .item:hover .img-wrap img {
 -webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition-duration: 0.2s;
 -ms-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 transition-duration: 0.2s
}
.mod-img-descript-link .item:hover .text-wrap .detail {
 background-image: url('../ota2corp/images/icon_arrow_right_red.png');
 background-repeat: no-repeat;
 background-size: 16px 14px;
 background-position: top 3px right 0;
 color: #000
}
.mod-img-descript-link .img-wrap {
 overflow: hidden
}
.mod-img-descript-link .img-wrap img {
 display: block;
 width: 100%;
 -webkit-transition-duration: 0.2s;
 -ms-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 transition-duration: 0.2s
}
.mod-img-descript-link .text-wrap {
 padding: 24px 24px 44px
}
.mod-img-descript-link .text-wrap .heading {
 color: #cc0210;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 16px;
 line-height: 140%
}
.mod-img-descript-link .text-wrap p {
 line-height: 180%;
 margin-bottom: 1em
}
.mod-img-descript-link .text-wrap .detail {
 position: absolute;
 bottom: 24px;
 right: 24px;
 text-align: right;
 padding-right: 20px;
 font-size: 14px;
 font-weight: bold;
 color: transparent
}
.mod-img-descript-link.col-2 {
 margin-bottom: 20px
}
.mod-img-descript-link.col-2 .item {
 width: 450px;
 margin-bottom: 60px
}
.mod-img-descript-link.col-3 {
 margin-bottom: 30px
}
.mod-img-descript-link.col-3 .item {
 width: 290px;
 margin-bottom: 50px
}
.mod-check-list {
 margin-bottom: 80px
}
.mod-check-list .heading {
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 30px;
 text-align: center;
 color: #cc0210
}
.mod-check-list-wrap {
 border: solid 1px #f5bdc1
}
.mod-check-list-wrap .inner {
 border: solid 5px #ffebec;
 padding: 30px 30px 10px
}
.mod-check-list-wrap ul {
  display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap
}
.mod-check-list-wrap ul .item {
 padding-left: 30px;
 padding-right: 30px;
 width: 220px;
 background-image: url('../ota2corp/images/icon_check.png');
 background-repeat: no-repeat;
 background-size: 20px;
 background-position: top 0 left 0;
 margin-bottom: 20px
}
.mod-check-list-wrap ul .item .col-1 {width: 100%;}
.mod-circle-img-descript-link {
 display: block;
 color: #000;
 text-decoration: none;
 border: solid 1px #ececec;
 padding: 30px 50px;
 margin-bottom: 80px;
 position: relative
}
.mod-circle-img-descript-link:before,
.mod-circle-img-descript-link:after {
 content: "";
 display: table
}
.mod-circle-img-descript-link:after {
 clear: both
}
.mod-circle-img-descript-link .img-wrap {
 width: 208px;
 float: left
}
.mod-circle-img-descript-link .img-wrap img {
 display: block;
 width: 100%;
 -webkit-transition-duration: 0.2s;
 -ms-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 transition-duration: 0.2s
}
.mod-circle-img-descript-link .descript {
 padding-left: 258px;
 padding-top: 20px
}
.mod-circle-img-descript-link .descript .heading {
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 30px;
 color: #cc0210
}
.mod-circle-img-descript-link .descript p {
 line-height: 180%;
 margin-bottom: 30px
}
.mod-circle-img-descript-link .detail {
 position: absolute;
 bottom: 30px;
 right: 50px;
 text-align: right;
 padding-right: 20px;
 font-size: 14px;
 font-weight: bold;
 color: transparent
}
.mod-circle-img-descript-link:hover .img-wrap img {
 -webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition-duration: 0.2s;
 -ms-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 transition-duration: 0.2s
}
.mod-circle-img-descript-link:hover .detail {
 background-image: url('../ota2corp/images/icon_arrow_right_red.png');
 background-repeat: no-repeat;
 background-size: 16px 14px;
 background-position: top 3px right 0;
 color: #000
}
.mod-heading-common {
 font-size: 28px;
 font-weight: bold;
 border-left: solid 4px #cc0210;
 padding-left: 30px;
 line-height: 160%
}
.mod-heading-common-wrap {
 border-bottom: solid 1px #ececec;
 margin-bottom: 40px;
 padding-bottom: 24px
}
.mod-list-block {
 margin-bottom: 80px
}
.mod-list-block li {
 padding-left: 40px;
 position: relative;
 margin-bottom: 10px
}
.mod-list-block li::before {
 content: '';
 display: block;
 width: 15px;
 height: 1px;
 background-color: #cc0210;
 position: absolute;
 top: 10px;
 left: 0
}
.mod-list-block li.ml {
 margin-left: 80px
}
.mod-logo-list {
  display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 40px
}
.mod-logo-list li {
 width: 25%;
 padding-right: 40px;
 margin-bottom: 40px
}
.mod-logo-list li .name {
 font-size: 12px;
  text-align: center;
}
.mod-logo-list li .img-wrap {
 width: 100%;
 height: 50px;
 margin-bottom: 10px
}
.mod-logo-list li .img-wrap img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
 max-height: 100%
}
.mod-flow {
 padding: 40px 0;
 border-bottom: solid 1px #cc0210;
 position: relative
}
.mod-flow-wrap {
 border-top: solid 1px #cc0210;
 margin-bottom: 80px
}
.mod-flow:before,
.mod-flow:after {
 content: "";
 display: table
}
.mod-flow:after {
 clear: both
}
.mod-flow::after {
 content: '';
 display: block;
 width: 36px;
 height: 24px;
 position: absolute;
 bottom: -14px;
 left: 0;
 right: 0;
 margin: 0 auto;
 background-image: url('../ota2corp/images/icon_arrow_down.png')
}
.mod-flow:last-child::after {
 display: none
}
.mod-flow .step-wrap {
 float: left;
 width: 194px;
 border-right: solid 1px #ececec;
 font-family: 'Staatliches', cursive;
 color: #cc0210;
 text-align: center;
 padding: 0 0 10px;
 margin-bottom: 40px
}
.mod-flow .step-wrap .step {
 font-size: 24px;
 margin-bottom: 20px
}
.mod-flow .step-wrap .number {
 font-size: 60px
}
.mod-flow .description {
 padding-left: 250px
}
.mod-flow .description .heading {
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 20px
}
.mod-flow .description .text {
 line-height: 160%;
 margin-bottom: 10px
}
.mod-flow .description .text-small {
 font-size: 13px
}
.mod-faq {
 border: solid 1px #ececec;
 padding: 30px 40px 0;
 position: relative;
 margin-bottom: 24px
}
.mod-faq-wrap {
 margin-bottom: 56px
}
.mod-faq .question {
 margin-bottom: 24px;
 cursor: pointer
}
.mod-faq .question:before,
.mod-faq .question:after {
 content: "";
 display: table
}
.mod-faq .question:after {
 clear: both
}
.mod-faq .question:hover {
 opacity: 0.9
}
.mod-faq .question .icon-q {
 font-size: 50px;
 font-family: 'Staatliches', cursive;
 line-height: 120%;
 width: 60px;
 float: left
}
.mod-faq .question .text {
 font-size: 18px;
 font-weight: bold;
 padding-left: 60px;
 padding-top: 20px;
 line-height: 160%;
 padding-right: 70px
}
.mod-faq .question .icon {
 width: 50px;
 height: 50px;
 background-image: url('../ota2corp/images/icon_plus.png');
 background-size: 50px;
 position: absolute;
 top: 30px;
 right: 40px
}
.mod-faq .question .icon.active {
 background-image: url('../ota2corp/images/icon_minus.png')
}
.mod-faq .answer {
 display: none;
 border-top: solid 1px #ececec;
 padding-top: 24px;
 padding-bottom: 36px
}
.mod-faq .answer:before,
.mod-faq .answer:after {
 content: "";
 display: table
}
.mod-faq .answer:after {
 clear: both
}
.mod-faq .answer .icon-a {
 font-size: 50px;
 font-family: 'Staatliches', cursive;
 line-height: 120%;
 width: 60px;
 float: left;
 color: #cc0210
}
.mod-faq .answer .text {
 line-height: 160%;
 padding-left: 60px;
 padding-top: 26px
}
.mod-form {
 width: 100%;
 border-top: solid 1px #ececec
}
.mod-form-wrap {
 margin-bottom: 80px
}
.mod-form-wrap .bottom-wrap {
 padding: 50px
}
.mod-form-wrap .bottom-wrap .heading {
 font-weight: bold;
 margin-bottom: 10px
}
.mod-form-wrap .bottom-wrap .document-wrap {
 border: solid 1px #ececec;
 padding: 20px;
 height: 300px;
 overflow-y: auto;
 font-size: 13px;
 line-height: 160%
}
.mod-form-wrap .checkbox-wrapper {
 text-align: center;
 margin-bottom: 40px
}
.mod-form-wrap .btn-wrapper {
 font-size: 18px !important;
}
.mod-form-wrap .btn-wrapper .btn-common-square {
 width: 420px;
 font-size: 18px;
 border: none !important;
}
.mod-form-wrap .btn-wrapper .btn-common-square:disabled {
 background-color: #ccc !important;
 border: none !important;
}
.mod-form th {
 width: 330px;
 padding: 30px;
 font-weight: bold;
 text-align: left;
 vertical-align: top;
 border-bottom: solid 1px #ececec
}
.mod-form th span {
 display: inline-block;
 background-color: #cc0210;
 color: white;
 padding: 1px 10px;
 border-radius: 4px;
 margin-left: 10px
}
.mod-form td {
 padding: 30px;
 border-bottom: solid 1px #ececec
}
.mod-form td .name {
 display: inline-block;
 width: 10%
}
.mod-form .form-position {
 display: inline-block;
 width: 89%
}
.mod-form .form-position.mb {
 margin-bottom: 10px
}
.mod-form .form-common,.mod-form .wpcf7-text,.mod-form .wpcf7-textarea {
 padding: 24px 30px;
 background-color: #f4f4f4;
 border: solid 1px #ececec;
 border-radius: 6px;
 width: 100%;
 font-size: 16px
}
.mod-form .file-select {
 border: solid 1px #ececec;
 padding: 20px
}
.mod-form .c-checkbox {
 padding-left: 30px
}
.mod-form .c-checkbox:last-child .c-checkbox__input {
 margin-bottom: -30px
}
.mod-form .c-checkbox__input {
 position: relative;
 display: block;
 vertical-align: bottom;
 width: 20px;
 height: 20px
}
.mod-form .c-checkbox__input::before,
.mod-form .c-checkbox__input::after {
 content: "";
 display: block;
 position: absolute;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.mod-form .c-checkbox__input::before {
 width: 20px;
 height: 20px;
 border: 1px solid #ccc;
 top: -22px;
 left: 0
}
.mod-form .c-checkbox input[type="checkbox"] {
 display: none
}
.mod-form .c-checkbox input[type="checkbox"]:checked+.c-checkbox__input::before {
 background-color: #cc0210;
 border-radius: 4px
}
.mod-form .c-checkbox input[type="checkbox"]:checked+.c-checkbox__input::after {
 width: 10px;
 height: 10px;
 background-color: white;
 border-radius: 50%;
 top: -17px;
 left: 5px
}
span.wpcf7-list-item {
margin: 0 1em 0 0 !important;
}
.wpcf7-checkbox label {
 width: 100%;
 display:block !important;
 margin-bottom:15px;
 font-size:16px;
}
.mod-form .cp_ipselect {
 overflow: hidden;
 width: 100%;
 margin: 0;
 text-align: center
}
.mod-form .cp_ipselect select {
 width: 100%;
 padding-right: 1em;
 cursor: pointer;
 text-indent: 0.01px;
 text-overflow: ellipsis;
 border: none;
 outline: none;
 background: transparent;
 background-image: none;
 box-shadow: none;
 -webkit-appearance: none;
 appearance: none;
 font-size: 16px
}
.mod-form .cp_ipselect select::-ms-expand {
 display: none
}
.mod-form .cp_ipselect.cp_sl01 {
 position: relative;
 border: 1px solid #ececec;
 border-radius: 2px;
 background: #ffffff
}
.mod-form .cp_ipselect.cp_sl01::before {
 position: absolute;
 top: 24px;
 right: 0.9em;
 width: 0;
 height: 0;
 padding: 0;
 content: '';
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-top: 6px solid #000;
 pointer-events: none
}
.mod-form .cp_ipselect.cp_sl01 select {
 padding: 18px 30px
}
.mod-table-outline {
 margin-bottom: 80px
}
.mod-table-outline table {
 width: 100%
}
.mod-table-outline table th {
 padding: 40px;
 width: 220px;
 border-top: solid 1px #cc0210;
 border-bottom: solid 1px #cc0210;
 vertical-align: top;
 text-align: left;
 line-height: 150%;
 color: #cc0210
}
.mod-table-outline table td {
 padding: 40px;
 border-top: solid 1px #ececec;
 border-bottom: solid 1px #ececec;
 line-height: 150%
}
.mod-ul-common {
 margin-bottom: 80px
}
.mod-ul-common li {
 padding-left: 24px;
 text-indent: -1em;
 margin-left: 8px;
 margin-bottom: 16px;
 line-height: 160%
}
.mod-ul-common li::before {
 content: '●';
 color: #cc0210;
 display: inline-block;
 margin-right: 16px
}
.mod-ol-common {
 margin-bottom: 40px;
 counter-reset: number;
 list-style: none
}
.mod-ol-common li {
 padding-left: 24px;
 text-indent: -1em;
 margin-right: 16px;
 margin-left: 8px;
 margin-bottom: 16px;
 line-height: 160%
}
.mod-ol-common li::before {
 counter-increment: number;
 content: counter(number);
 display: inline-block;
 color: #cc0210;
 margin-right: 16px
}
.mod-table-plan {
 margin-bottom: 80px
}
.mod-table-plan table {
 width: 100%
}
.mod-table-plan table thead th .plan-head {
 line-height: 90px;
 text-align: center;
 font-size: 28px;
 font-weight: bold;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px
}
.mod-table-plan table thead th .plan-head.plan-l {
 background-color: #feeeef
}
.mod-table-plan table thead th .plan-head.plan-a {
 background-color: #fecdd0
}
.mod-table-plan table thead th .plan-head.plan-b {
 background-color: #fc757e;
 color: white
}
.mod-table-plan table thead th .plan-head.plan-c {
 background-color: #cf0f1c;
 color: white
}
.mod-table-plan table tbody tr:nth-child(even) {
 background-color: #f4f4f4;
}
.mod-table-plan table tbody tr th {
 padding: 40px 20px;
 border: solid 1px #ececec;
 border-left: none;
 font-size: 18px;
 font-weight: bold;
 width: 220px;
 vertical-align: top;
 text-align: left;
}
.mod-table-plan table tbody tr td {
 padding: 40px 20px;
 border: solid 1px #ececec;
 text-align: center;
 font-weight: bold;
}
.mod-table-plan table tbody tr td span { font-size: 26px;}
.mod-table-plan table tbody tr td .mark {
 font-size: 50px;
}
.mod-table-plan table tbody tr td .text-small {
 font-size: 13px;
 padding-top: 12px;
 font-weight: normal;
}
.mod-table-plan table tbody tr td.text {
 text-align: left;
 line-height: 160%;
 font-weight: normal;
}
.mod-table-plan table tbody tr td:last-child {
 border-right: none;
}
.article-header {
 padding-bottom: 30px;
 border-bottom: solid 2px #cc0210;
 margin-bottom: 40px;
}
.article-header .column-title {
 font-weight: bold;
 font-size: 33px;
 margin-bottom: 20px;
 line-height: 140%;
}
.article-header .column-tag li {
 display: inline-block;
}
.article-header .column-tag li a {
 color: #000;
 text-decoration: none;
 display: inline-block;
}
.article-header .column-tag li a:hover {
 text-decoration: underline;
}
.article-header .column-tag li::after {
 content: ','
}
.article-header .column-tag li:last-child::after {
 content: ''
}
.article-content {
 font-size: 16px;
}
.article-content .main-image {
 margin-bottom: 30px;
}
.article-content p {
 line-height: 180%;
}
.article-content h2 {
 font-size: 28px;
 font-weight: bold;
 line-height: 160%;
 border-left: solid 4px #cc0210;
 padding: 0 0 26px 26px;
 box-sizing: border-box;
 position: relative;
 z-index: -1;
 margin-bottom: 30px
}
.article-content h2::after {
 content: '';
 display: block;
 background-color: white;
 height: 27px;
 position: absolute;
 bottom: 0;
 left: -4px;
 right: 0;
 z-index: 1;
 border-bottom: solid 1px #f4f4f4
}
.article-content .contact-block {
 border: solid 1px #f5bdc1;
 margin-bottom: 80px
}
.article-content .contact-block-inner {
 border: solid 5px #ffebec;
 background-color: #fffcfc;
 padding: 40px 0
}
.article-content .contact-block-inner .title {
 font-size: 28px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 30px
}
.article-content .social-list {
  display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 -moz-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
 margin-bottom: 50px
}
.article-content .social-list li {
  width: 468px;
  line-height: 56px;
  font-size: 22px
}
.article-content .social-list li.facebook a {
 background-color: #3B5998
}
.article-content .social-list li.twitter a {
 background-color: #1DA1F2
}
.article-content .social-list li a {
 display: block;
 color: white;
 text-align: center;
 transition: 0.2s
}
.article-content .social-list .social-anchor {
  font-size: 0px;
  line-height: 0px;
  display: none;
}
.article-content .social-list li a:hover {
 opacity: 0.8
}
.article-content .nav-prev-next {
  display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 -moz-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
 border-top: solid 1px #f4f4f4;
 border-bottom: solid 1px #f4f4f4;
 padding: 30px 0;
 margin-bottom: 80px
}
.article-content .nav-prev-next li {
 width: 400px
}
.article-content .nav-prev-next li.prev a {
 display: block;
 padding-left: 50px;
 background-image: url('../ota2corp/images/icon_small_red_arrow_left.png');
 background-size: 9px 16px;
 background-repeat: no-repeat;
 background-position: left center;
 color: #000;
 text-decoration: none;
 font-size: 18px;
 line-height: 160%
}
.article-content .nav-prev-next li.prev a:hover {
 text-decoration: underline;
 opacity: 0.8
}
.article-content .nav-prev-next li.next a {
 display: block;
 padding-right: 50px;
 background-image: url('../ota2corp/images/icon_small_red_arrow_right.png');
 background-size: 9px 16px;
 background-repeat: no-repeat;
 background-position: right center;
 color: #000;
 text-decoration: none;
 font-size: 18px;
 line-height: 160%
}
.article-content .nav-prev-next li.next a:hover {
 text-decoration: underline;
 opacity: 0.8
}
.article-content .related-article {
  display: -webkit-flex;
 -webkit-display: flex;
 -ms-display: flex;
 -moz-display: flex;
 -o-display: flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 -moz-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
 margin-top: 40px;
 margin-bottom: 20px
}
.article-content .related-article-wrap .head {
 font-weight: bold;
 font-size: 28px;
 margin-bottom: 30px
}
.article-content .related-article .item {
 border: solid 1px #ececec;
 padding: 12px;
 display: block;
 color: #000;
 text-decoration: none;
 margin-bottom: 40px;
 width: 290px;
 cursor: pointer;
 text-align: center
}
.article-content .related-article .item:hover .title {
 color: #cc0210
}
.article-content .related-article .item .title {
 font-size: 20px;
 font-weight: bold;
 padding: 16px 0;
 text-align: left
}
.article-content .related-article .item .description {
 font-size: 16px;
 padding-bottom: 16px;
 text-align: left
}
.article-content .related-article .item .img-wrap {
 position: relative
}
.article-content .related-article .item .img-wrap img {
 display: block;
 width: 100%
}
.article-content .related-article .item .img-wrap .hover {
 display: none;
 position: absolute;
 background-color: rgba(204, 2, 16, 0.8);
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 text-align: center
}
.article-content .related-article .item .img-wrap .hover-inner {
 text-align: center;
 position: absolute;
 display: inline-block;
 top: 50%;
 left: 50%;
 color: #fff;
 font-size: 16px;
 margin-top: -8px;
 margin-left: -50px;
 padding-right: 20px;
 background-image: url('../ota2corp/images/icon_arrow_right_white.png');
 background-repeat: no-repeat;
 background-size: 16px 14px;
 background-position: top 4px right 0
}
.navigation.pagination {
 font-size: 0;
 margin-bottom: 80px
}
.navigation.pagination .screen-reader-text {
 display: none
}
.navigation.pagination .nav-links {
 text-align: center
}
.navigation.pagination .nav-links .page-numbers {
 display: inline-block;
 font-size: 20px;
 color: #cc0210;
 text-align: center;
 line-height: 60px;
 border: solid 1px #ececec;
 width: 60px;
 margin: 7px;
 text-decoration: none
}
.navigation.pagination .nav-links .page-numbers.current {
 border: none
}
.footer .btn-pagetop {
 display: block;
 text-align: center;
 color: white;
 line-height: 80px;
 background-color: #282828;
 text-decoration: none;
 transition: 0.3s
}
.footer .btn-pagetop:hover {
 background-color: #555;
 /*background-color: #cc0210*/
}
.footer-inner {
 padding: 50px 0 0;
 background-color: #222;
 color: white
}
.footer-inner .logo a {
 display: block;
 background-image: url('../ota2corp/images/logo_footer.png');
 width: 160px;
 height: 40px;
 background-size: 160px 40px;
 background-repeat: no-repeat;
 margin: 0 auto 40px;
 text-indent: -9999px
}
.footer-inner .footer-link {
 text-align: center
}
.footer-inner .footer-link li {
 display: inline-block;
 margin: 0 10px 20px
}
.footer-inner .footer-link li a {
 color: white;
 text-decoration: none
}
.footer-inner .footer-link li a:hover {
 text-decoration: underline
}
.footer .copyright {
 border-top: solid 1px #282828;
 padding: 30px 0 50px;
 background-color: #222
}
.footer .copyright ul {
 text-align: center
}
.footer .copyright ul li {
 display: inline-block;
 margin: 0 16px;
 font-size: 12px;
 color: white
}
.footer .copyright ul li a {
 font-size: 14px;
 color: #ccc;
 text-decoration: none
}
.footer .copyright ul li a:hover {
 text-decoration: underline
}
.common-block-inner {
 width: 960px;
 margin: 0 auto;
 padding: 90px 0
}
.common-block.bg-grey {
 background-color: #f4f4f4
}
.btn-common-square {
 display: block;
 width: 260px;
 line-height: 70px;
 color: #fff;
 background-image: url('../ota2corp/images/icon_arrow_right_white.png');
 background-repeat: no-repeat;
 background-size: 16px 14px;
 background-position: top 28px right 22px;
 margin: 0 auto;
 text-decoration: none;
 font-weight: bold;
 transition: 0.3s;
 text-align: center
}
.btn-common-square.black {
 background-color: #222
}
.btn-common-square.black:hover {
 background-color: #cc0210
}
.btn-common-square.red {
 background-color: #cc0210
}
.btn-common-square.red:hover {
 background-color: #222
}
.btn-common-square.white {
 background-color: #fff;
 color: #cc0210;
 background-image: url('../ota2corp/images/icon_arrow_right_red.png')
}
.btn-common-square.white:hover {
 background-color: #222;
 color: #fff
}
.heading-common {
 font-family: 'Staatliches', cursive;
 font-size: 70px;
 text-align: center;
 color: #cc0210;
 margin-bottom: 30px;
 letter-spacing: 0.03em;
 font-weight: 400
}
.heading-sub {
 font-size: 22px;
 font-weight: bold;
 text-align: center;
 color: #cc0210
}
.bottom-contact .heading-sub {
color: #fff;
margin-bottom: 40px;
}

.btn-gradation{
width: 200px;
font-size: 16px;
}

.heading-description {
 font-size: 16px;
 font-weight: normal;
 text-align: center;
 margin-top: 16px
}
.img-fit img {
 display: block;
 width: 100%
}
.sp-global-nav {
 display: none
}
.for-pc {
 display: block
}
.for-sp {
 display: none
}
#loading-block {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: #fff;
 z-index: 10000
}
#loading-block span {
 display: block;
 width: 40px;
 height: 40px;
 position: fixed;
 top: 50%;
 left: 50%;
 margin-left: -20px;
 margin-top: -20px;
 background-image: url('../ota2corp/images/loading.gif');
 background-repeat: no-repeat;
 background-position: left 50% bottom 50%;
 background-size: 40px 40px
}

#right__banner--block {
 margin: 0 auto;
 padding: 0;
 display: table;
 position: fixed;
 bottom: 20px;
 right:20px;
 z-index: 9999;
 line-height:0;
}
#right__banner--inner {
  position: relative;
}
#right__banner--close {
 width: 20px;
 height: 20px;
 color: #fff;
 font-size: 14px;
 background-color: #000;
 position: absolute;
 top: 0px;
 right: 0;
 line-height: 20px;
 display: block;
 text-align: center; 
}

#bottom__banner--block {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 overflow: hidden;
 display: table;
 position: fixed;
 bottom: 0;
 left:0;
 z-index: 19;
 line-height:0;
}
#bottom__banner--inner {
 position: relative; 
}
#bottom__banner--close {
 width: 20px;
 height: 20px;
 color: #fff;
 font-size: 14px;
 background-color: #000;
 position: absolute;
 top: 0;
 left: 0;
 line-height: 20px;
 display: block;
 text-align: center; 
}


@media (min-width: 961px) and (max-width: 1260px) {
 .header .btn-contact {
  z-index: 10;
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 80px;
  line-height: 54px;
  padding: 0 16px;
  background-color: #cc0210;
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: 0.2s;
  font-size: 12px
 }
 .header .btn-contact:hover {
  background-color: #af0914
 }
 .header-navi ul:before,
 .header-navi ul:after {
  content: "";
  display: table
 }
 .header-navi ul:after {
  clear: both
 }
 .header-navi ul li {
  transition: 0.2s;
  float: left;
  margin-right: 20px
 }
 .header-navi ul li.active .list-head {
  border-bottom: solid 4px #cc0210;
  /*font-weight: bold*/
 }
 .header-navi ul li .list-head {
  font-size: 14px;
  display: block;
  line-height: 92px;
  color: #000;
  text-decoration: none;
  box-sizing: border-box
 }
 .header-navi ul li .list-head:hover {
  /*font-weight: bold*/
 }
 .header-navi ul li .child-wrap {
  margin-left: 180px
 }
 .header-navi ul li .child-wrap:before,
 .header-navi ul li .child-wrap:after {
  content: "";
  display: table
 }
 .header-navi ul li .child-wrap:after {
  clear: both
 }
 .header-navi ul li .child-wrap .list-navi {
  font-size: 13px
 }
 .top-head-block {
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  background-image: url('../ota2corp/images/img_top_head.jpg')
 }
 .top-head-block-inner {
  height: 720px;
  position: relative
 }
 .top-head-block .service-block {
  position: absolute;
  top: 476px;
  left: 0;
  right: 0;
  background-color: #cc0210;
  width: 960px;
  padding: 40px;
  margin: 0 auto
 }
 .top-head-block .service-block .catch {
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px
 }
 .top-head-block .service-block .service-link {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px
 }
 .top-head-block .service-block .service-link .item {
  font-size: 13px;
  padding: 15px 10px;
  width: 24%;
  background-size: 7px 14px;
  background-position: center right 12px;
 }
 .top-head-block .service-block .service-link .item:hover {
  color: #cc0210;
  opacity: 0.95
 }
 .page-head {
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  height: 300px
 }
 .page-head-wrap {
  padding-top: 96px
 }
 .page-head-inner {
  width: 960px;
  margin: 0 auto
 }
 .page-head .page-heading {
  font-size: 43px;
  font-weight: bold;
  color: white;
  margin-bottom: 40px;
  padding-top: 90px
 }
 .page-head .page-description {
  width: 500px;
  color: white;
  line-height: 200%
 }
 .page-breadcrumb-wrap {
  padding: 20px 0
 }
 .page-breadcrumb-inner {
  width: 960px;
  margin: 0 auto
 }
 .page-breadcrumb-inner .breadcrumb {
  font-size: 14px
 }
 .page-breadcrumb-inner .breadcrumb a {
  color: #000
 }
}
@media (max-width: 1060px) {
 .header-navi ul li {
  float: left;
  margin-right: 10px
 }
 .header-navi ul li .list-head {
  font-size: 12px;
  display: block
 }
 .header-navi ul li .child-wrap {
  margin-left: 180px
 }
 .header-navi ul li .child-wrap:before,
 .header-navi ul li .child-wrap:after {
  content: "";
  display: table
 }
 .header-navi ul li .child-wrap:after {
  clear: both
 }
 .header-navi ul li .child-wrap .list-navi {
  font-size: 13px
 }
}
@media (max-width: 960px) {
 body {
  font-size: 13px
 }
 .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 10;
  background-color: transparent
 }
 .header-inner {
  position: relative
 }
 .header.header-top:hover .header-bg {
  top: 0
 }
 .header .logo a {
  display: block;
  background-image: url('../ota2corp/images/logo.png');
  background-repeat: no-repeat;
  background-size: 118px 30px;
  width: 118px;
  height: 30px;
  text-indent: -9999px;
  position: absolute;
  top: 24px;
  left: 26px;
  z-index: 10;
  transition: 0.3s;
 }
 .header .logo.hideSP a {
  top: -96px;
 }
 .header .btn-contact {
  display: none
 }
 .header .btn-hamburger {
  display: none
 }
 .header .sp-btn-hamburger {
  width: 50px;
  height: 50px;
  background-image: url('../ota2corp/images/btn_hamburger.png');
  background-size: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100
 }
 .header-bg {
  background-color: transparent;
  height: 70px;
  position: absolute;
  top: -96px;
  left: 0;
  right: 0;
  transition: 0.1s
 }
 .header-bg.hide {
  top: -96px
 }
 .header-bg.active {
  top: 0
 }
 .header-navi {
  display: none
 }
 .top-head-block {
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  background-image: url('../ota2corp/images/img_top_head.jpg')
 }
 .top-head-block-inner {
  height: 418px;
  position: relative
 }
 .top-head-block .catch-block {
  width: 100%;
  margin: 0 auto;
  padding-top: 130px;
  text-align: center
 }
 .top-head-block .catch-block .logo {
  text-indent: -9999px;
  display: block;
  background-image: url('../ota2corp/images/logo_top.png');
  background-repeat: no-repeat;
  background-size: 211px 52px;
  width: 211px;
  height: 52px;
  text-indent: -9999px;
  margin: 0 auto 16px
 }
 .top-head-block .catch-block .catch {
  font-size: 13px;
  font-weight: bold
 }
 .top-head-block .service-block {
  position: absolute;
  top: 274px;
  left: 9px;
  right: 9px;
  background-color: #cc0210;
  width: auto;
  padding: 24px 13px;
  margin: 0 auto
 }
 .top-head-block .service-block .catch {
  font-size: 14px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px
 }
 .top-head-block .service-block .service-link {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 16px
 }
 .top-head-block .service-block .service-link .item {
  font-size: 11px;
  padding: 10px;
  width: 47%;
  background-size: 5px 10px;
  background-position: center right 7px;
  line-height: 120%;
 }
 .top-head-block .service-block .service-link .item:hover {
  color: #cc0210;
  opacity: 0.95
 }
 .top-head-block .service-block .btn-index-link {
  display: block;
  width: 190px;
  line-height: 50px;
  color: #fff;
  background-color: #fa7a82;
  background-image: url('../ota2corp/images/icon_arrow_right_white.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: top 18px right 12px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  transition: 0.2s
 }
 .top-head-block .service-block .btn-index-link:hover {
  background-color: #222
 }
 .top-intro .heading-common-normal {
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 120%;
 }
 .top-intro p {
  width: 100%;
  margin: 0 auto 40px;
  line-height: 200%;
  text-align: center;
 }
 .top-strong-point {
  margin-top: 60px;
  -webkit-display: block;
  -ms-display: block;
  -moz-display: block;
  -o-display: block;
  display: block;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between
 }
 .top-strong-point .item {
  max-width: 100%;
  margin-top: 60px
 }
 .top-strong-point .img-wrap {
  position: relative;
  margin-bottom: 20px
 }
 .top-strong-point .img-wrap img {
  display: block;
  width: 100%
 }
 .top-strong-point .img-wrap .number {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-family: 'Staatliches', cursive;
  font-size: 60px;
  color: #cc0210
 }
 .top-strong-point .description {
  text-align: center
 }
 .top-works {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin: 40px -30px;
 }
 .top-works .item {
  border: solid 1px #ececec;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 12px;
  display: block;
  color: #000;
  text-decoration: none;
  margin-bottom: 0;
  width: 290px;
  width: 50%;
  cursor: pointer;
  text-align: center
 }
 .top-works .item:nth-of-type(3n+2) {
  margin-left: 0px;
 }
 .top-works .item:nth-of-type(3n+3) {
  margin-left: 0px;
 }
 .top-works .item:hover .title {
  color: #cc0210
 }
 .top-works .item:nth-of-type(-n+2) {
  border-top: 1px solid #ececec;
 }
 .top-works .item:nth-of-type(odd) {
  border-right: 1px solid #ececec;
 }
 /* no use
 .top-works .item:nth-child(1) {
  width: 100%;
  border-top: solid 1px #ececec;
  border-left: none;
  border-right: none
 }
 .top-works .item:nth-child(2) {
  width: 50%
 }
 .top-works .item:nth-child(2n) {
  border-right: solid 1px #ececec
 }
 */
 .top-works .item .title {
  font-size: 14px;
  font-weight: bold;
  padding: 16px 0 0
 }
 .top-works .item .description {
  display: none
 }
 .top-works .item .img-wrap {
  position: relative
 }
 .top-works .item .img-wrap img {
  display: block;
  width: 100%
 }
 .top-works .item .img-wrap .hover {
  display: none;
  position: absolute;
  background-color: rgba(204, 2, 16, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center
 }
 .top-works .item .img-wrap .hover-inner {
  text-align: center;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 16px;
  margin-top: -8px;
  margin-left: -50px;
  padding-right: 20px;
  background-image: url('../ota2corp/images/icon_arrow_right_white.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: top 4px right 0
 }
 .top-precedent {
  margin: 40px 0 20px;
  display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between
 }
 .top-precedent .item {
  background-color: #fff;
  display: block;
  border: solid 1px #ececec;
  padding: 13px 13px 30px;
  width: 47%;
  color: #000;
  text-decoration: none;
  transition: 0.2s;
  margin-bottom: 20px;
  position: relative
 }
 .top-precedent .item:hover {
  box-shadow: 8px 8px 0 0 #cc0210
 }
 .top-precedent .item .img-wrap img {
  display: block;
  width: 100%
 }
 .top-precedent .item .case {
  font-family: 'Staatliches', cursive;
  text-decoration: none;
  color: #dddcdc;
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: normal
 }
 .top-precedent .item .title {
  color: #cc0210;
  text-align: center;
  padding: 0 0 16px;
  font-size: 13px;
  font-weight: bold
 }
 .top-precedent .item .description {
  font-size: 13px;
  margin-bottom: 20px
 }
 .top-precedent .item .detail {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: solid 1px #ececec;
  padding: 0 36px 0 0;
  line-height: 30px;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  background-image: url('../ota2corp/images/icon_arrow_right_red.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: center right 10px
 }
 .top-column {
  margin: 40px 0;
  display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between
 }
 .top-column .item {
  display: block;
  color: #000;
  text-decoration: none;
  width: 100%;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 20px
 }
 .top-column .item:before,
 .top-column .item:after {
  content: "";
  display: table
 }
 .top-column .item:after {
  clear: both
 }
 .top-column .item:hover .img-wrap img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s
 }
 .top-column .item:nth-of-type(3n+2) {
  margin-left: 0px;
 }
 .top-column .item:nth-of-type(3n+3) {
  margin-left: 0px;
 }
 .top-column .item:hover .description {
  color: #cc0210
 }
 .top-column .item .img-wrap {
  width: 127px;
  height: 93px;
  float: left;
  margin-bottom: 0;
  overflow: hidden
 }
 .top-column .item .img-wrap img {
  display: block;
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  /* 2020-02-14 */
  width: 127px;
  height: 93px;
  object-fit: cover;
 }
 .top-column .item .text {
  padding-left: 147px
 }
 .top-column .item .category-date-wrap {
  position: static;
 }
 .top-column .item .category-date-wrap:before,
 .top-column .item .category-date-wrap:after {
  content: "";
  display: table
 }
 .top-column .item .category-date-wrap:after {
  clear: both
 }
 .top-column .item .category-date-wrap .date {
  display: block;
  float: none;
  width: 50px;
  font-size: 12px;
  color: #ccc
 }
 .top-news .top-news-head {
  border-bottom: solid 1px #ececec;
  position: relative;
  height: 60px
 }
 .top-news .top-news-head:before,
 .top-news .top-news-head:after {
  content: "";
  display: table
 }
 .top-news .top-news-head:after {
  clear: both
 }
 .top-news .top-news-head .heading-news {
  font-size: 16px;
  font-weight: bold
 }
 .top-news .top-news-head .heading-news span {
  font-size: 40px;
  font-family: 'Staatliches', cursive;
  display: inline-block;
  padding-right: 20px
 }
 .top-news .top-news-head .link-head {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 14px;
  color: #cc0210;
  text-decoration: none
 }
 .top-news .top-news-head .link-head:hover {
  font-weight: bold
 }
 .top-news dl {
  border-bottom: solid 1px #ececec;
  padding: 22px 0
 }
 .top-news dl:before,
 .top-news dl:after {
  content: "";
  display: table
 }
 .top-news dl:after {
  clear: both
 }
 .top-news dl dt {
  float: left;
  width: 7em;
  line-height: 180%;
  font-weight: bold
 }
 .top-news dl dd {
  padding-left: 7em
 }
 .top-news dl dd a {
  line-height: 180%;
  color: #000;
  text-decoration: none
 }
 .top-news dl dd a:hover {
  color: #cc0210
 }
 .bottom-contact {
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  background-image: url('../ota2corp/images/img_bottom_contact_bg.jpg');
 }
 .bottom-contact-inner {
  padding: 40px 0
 }
 .bottom-contact .heading-contact {
  /*font-size: 25px;
  font-weight: bold;
  text-align: center;
  color: white;*/
  margin-bottom: 20px
 }
 .bottom-contact .description {
  color: #222;
  text-align: center;
  /*margin-bottom: 30px*/
 }
 .page-head {
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  height: 215px
 }
 .page-head-wrap {
  padding-top: 0
 }
 .page-head-wrap.column {
  padding-top: 70px
 }
 .page-head-inner {
  width: 100%;
  padding: 0 30px;
  margin: 0 auto
 }
 .page-head .page-heading {
  font-size: 23px;
  font-weight: bold;
  color: white;
  margin-bottom: 20px;
  padding-top: 80px
 }
 .page-head .page-description {
  width: 100%;
  color: white;
  line-height: 200%;
  font-weight: normal;
  font-size: 12px
 }
 .page-breadcrumb-wrap {
  padding: 20px 30px
 }
 .page-breadcrumb-inner {
  width: 100%;
  margin: 0 auto
 }
 .page-breadcrumb-inner .breadcrumb {
  font-size: 14px;
  line-height: 140%
 }
 .page-breadcrumb-inner .breadcrumb a {
  color: #000
 }
 .main-content-inner {
  width: 100%;
  margin: 0 auto;
  padding: 30px
 }
 .mod-heading-descript {
  margin-bottom: 50px
 }
 .mod-heading-descript .heading {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 140%
 }
 .mod-heading-descript .descript {
  margin-bottom: 1em;
  line-height: 200%
 }
 .mod-img-descript {
  margin-bottom: 50px
 }
 .mod-img-descript:before,
 .mod-img-descript:after {
  content: "";
  display: table
 }
 .mod-img-descript:after {
  clear: both
 }
 
 .mod-img-descript.img-right .img-wrap {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-bottom: 20px
 }
 .mod-img-descript.img-right .img-wrap img {
  display: block;
  width: 100%
 }
 .mod-img-descript.img-left .img-wrap {
  width: 100%;
  float: left;
  margin-right: 0;
  margin-bottom: 20px
 }
 .mod-img-descript.img-left .img-wrap img {
  display: block;
  width: 100%
 }
 .mod-img-descript .descript {
  padding-top: 20px;
  line-height: 200%
 }
 .mod-img-descript .descript p {
  margin-bottom: 1em
 }
 .mod-img-descript-link {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between
 }
 .mod-img-descript-link .item {
  background-color: #f4f4f4;
  text-decoration: none;
  color: #000;
  position: relative
 }
 .mod-img-descript-link .item:nth-of-type(3n+2) {
  margin-left: 0px;
 }
 .mod-img-descript-link .item:nth-of-type(3n+3) {
  margin-left: 0px;
 }
 .mod-img-descript-link .item:hover .img-wrap img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s
 }
 .mod-img-descript-link .item:hover .text-wrap .detail {
  background-image: url('../ota2corp/images/icon_arrow_right_red.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: top 3px right 0;
  color: #000
 }
 .mod-img-descript-link .img-wrap {
  overflow: hidden
 }
 .mod-img-descript-link .img-wrap img {
  display: block;
  width: 100%;
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s
 }
 .mod-img-descript-link .text-wrap {
  padding: 24px 24px 44px
 }
 .mod-img-descript-link .text-wrap .heading {
  color: #cc0210;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 140%
 }
 .mod-img-descript-link .text-wrap p {
  line-height: 180%;
  margin-bottom: 1em
 }
 .mod-img-descript-link .text-wrap .detail {
  position: absolute;
  bottom: 24px;
  right: 24px;
  text-align: right;
  padding-right: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background-image: url('../ota2corp/images/icon_arrow_right_red.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: center right 0;
  color: #000
 }
 .mod-img-descript-link.col-2 {
  margin-bottom: 20px
 }
 .mod-img-descript-link.col-2 .item {
  width: 100%;
  margin-bottom: 30px
 }
 .mod-img-descript-link.col-3 {
  margin-bottom: 30px
 }
 .mod-img-descript-link.col-3 .item {
  width: 100%;
  margin-bottom: 30px
 }
 .mod-check-list {
  margin-bottom: 30px
 }
 .mod-check-list .heading {
  margin-bottom: 20px;
  line-height: 1.2em;
 }
 .mod-check-list-wrap {
  border: solid 1px #f5bdc1
 }
 .mod-check-list-wrap .inner {
  border: solid 5px #ffebec;
  padding: 10px 10px 0
 }
 .mod-check-list-wrap ul {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap
 }
 .mod-check-list-wrap ul .item {
  padding-left: 18px;
  padding-right: 8px;
  width: 47%;
  background-image: url('../ota2corp/images/icon_check.png');
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: top 3px left 0;
  margin-bottom: 14px;
  font-size: 12px
 }
 .mod-circle-img-descript-link {
  display: block;
  color: #000;
  text-decoration: none;
  border: solid 1px #ececec;
  padding: 20px 30px;
  margin-bottom: 50px;
  position: relative
 }
 .mod-circle-img-descript-link:before,
 .mod-circle-img-descript-link:after {
  content: "";
  display: table
 }
 .mod-circle-img-descript-link:after {
  clear: both
 }
 .mod-circle-img-descript-link .img-wrap {
  width: 80%;
  margin: 0 auto 20px;
  float: none
 }
 .mod-circle-img-descript-link .img-wrap img {
  display: block;
  width: 100%;
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s
 }
 .mod-circle-img-descript-link .descript {
  padding-left: 0;
  padding-top: 0
 }
 .mod-circle-img-descript-link .descript .heading {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 16px;
  color: #cc0210
 }
 .mod-circle-img-descript-link .descript p {
  line-height: 180%;
  margin-bottom: 30px
 }
 .mod-circle-img-descript-link .detail {
  position: absolute;
  bottom: 20px;
  right: 30px;
  text-align: right;
  padding-right: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background-image: url('../ota2corp/images/icon_arrow_right_red.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: top 3px right 0;
  color: #000
 }
 .mod-circle-img-descript-link:hover .img-wrap img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s
 }
 .mod-circle-img-descript-link:hover .detail {
  background-image: url('../ota2corp/images/icon_arrow_right_red.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: top 3px right 0;
  color: #000
 }
 .mod-heading-common {
  font-size: 19px;
  font-weight: bold;
  border-left: solid 4px #cc0210;
  padding-left: 16px;
  line-height: 140%
 }
 .mod-heading-common-wrap {
  border-bottom: solid 1px #ececec;
  margin-bottom: 30px;
  padding-bottom: 20px
 }
 .mod-list-block {
  margin-bottom: 50px
 }
 .mod-list-block li {
  padding-left: 40px;
  position: relative;
  margin-bottom: 10px
 }
 .mod-list-block li::before {
  content: '';
  display: block;
  width: 15px;
  height: 1px;
  background-color: #cc0210;
  position: absolute;
  top: 10px;
  left: 0
 }
 .mod-list-block li.ml {
  margin-left: 0
 }
 .mod-logo-list {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px
 }
 .mod-logo-list li {
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px
 }
 .mod-logo-list li .img-wrap {
  width: 100%;
  height: 30px;
  margin-bottom: 10px
 }
 .mod-logo-list li .img-wrap img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%
 }
 .mod-flow {
  padding: 20px 0;
  border-bottom: solid 1px #cc0210;
  position: relative
 }
 .mod-flow-wrap {
  border-top: solid 1px #cc0210;
  margin-bottom: 50px
 }
 .mod-flow:before,
 .mod-flow:after {
  content: "";
  display: table
 }
 .mod-flow:after {
  clear: both
 }
 .mod-flow::after {
  content: '';
  display: block;
  width: 36px;
  height: 24px;
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url('../ota2corp/images/icon_arrow_down.png')
 }
 .mod-flow:last-child::after {
  display: none
 }
 .mod-flow .step-wrap {
  float: left;
  width: 44px;
  border-right: solid 1px #ececec;
  font-family: 'Staatliches', cursive;
  color: #cc0210;
  text-align: center;
  padding: 0 0 10px;
  margin-bottom: 40px
 }
 .mod-flow .step-wrap .step {
  font-size: 14px;
  margin-bottom: 8px
 }
 .mod-flow .step-wrap .number {
  font-size: 35px
 }
 .mod-flow .description {
  padding-left: 60px
 }
 .mod-flow .description .heading {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px
 }
 .mod-flow .description .text {
  line-height: 160%;
  margin-bottom: 10px
 }
 .mod-flow .description .text-small {
  font-size: 13px
 }
 .mod-faq {
  border: solid 1px #ececec;
  padding: 15px 20px 0;
  position: relative;
  margin-bottom: 20px
 }
 .mod-faq-wrap {
  margin-bottom: 36px
 }
 .mod-faq .question {
  margin-bottom: 18px;
  cursor: pointer
 }
 .mod-faq .question:before,
 .mod-faq .question:after {
  content: "";
  display: table
 }
 .mod-faq .question:after {
  clear: both
 }
 .mod-faq .question:hover {
  opacity: 0.9
 }
 .mod-faq .question .icon-q {
  font-size: 25px;
  font-family: 'Staatliches', cursive;
  line-height: 120%;
  width: 30px;
  float: left
 }
 .mod-faq .question .text {
  font-size: 14px;
  font-weight: bold;
  padding-left: 30px;
  padding-top: 7px;
  line-height: 160%;
  padding-right: 46px
 }
 .mod-faq .question .icon {
  width: 35px;
  height: 35px;
  background-image: url('../ota2corp/images/icon_plus.png');
  background-size: 35px;
  position: absolute;
  top: 20px;
  right: 20px
 }
 .mod-faq .question .icon.active {
  background-image: url('../ota2corp/images/icon_minus.png')
 }
 .mod-faq .answer {
  display: none;
  border-top: solid 1px #ececec;
  padding-top: 18px;
  padding-bottom: 26px
 }
 .mod-faq .answer:before,
 .mod-faq .answer:after {
  content: "";
  display: table
 }
 .mod-faq .answer:after {
  clear: both
 }
 .mod-faq .answer .icon-a {
  font-size: 25px;
  font-family: 'Staatliches', cursive;
  line-height: 120%;
  width: 30px;
  float: left;
  color: #cc0210
 }
 .mod-faq .answer .text {
  line-height: 160%;
  padding-left: 30px;
  padding-top: 9px
 }
 .mod-form {
  width: 100%;
  border-top: solid 1px #ececec
 }
 .mod-form-wrap {
  margin-bottom: 50px
 }
 .mod-form-wrap .bottom-wrap {
  padding: 0
 }
 .mod-form-wrap .bottom-wrap .heading {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 16px;
  font-size: 12px
 }
 .mod-form-wrap .bottom-wrap .document-wrap {
  border: solid 1px #ececec;
  padding: 10px;
  height: 300px;
  overflow-y: auto;
  font-size: 12px;
  line-height: 160%;
  margin: 0 20px 20px
 }
 .mod-form-wrap .checkbox-wrapper {
  text-align: center;
  margin-bottom: 40px
 }
 .mod-form-wrap .btn-wrapper {
  font-size: 14px
 }
 .mod-form-wrap .btn-wrapper .btn-common-square {
  width: 100%;
  font-size: 14px;
  border: none
 }
 .mod-form-wrap .btn-wrapper .btn-common-square:disabled {
  background-color: #ccc;
  border: none
 }
 .mod-form th {
  display: block;
  width: 100%;
  padding: 16px 0 4px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  border-bottom: none
 }
 .mod-form th span {
  display: inline-block;
  background-color: #cc0210;
  color: white;
  padding: 1px 10px;
  border-radius: 4px;
  margin-left: 10px
 }
 .mod-form td {
  display: block;
  padding: 10px 20px 16px;
  border-bottom: solid 1px #ececec
 }
 .mod-form td .name {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px
 }
 .mod-form .form-position {
  display: inline-block;
  width: 100%
 }
 .mod-form .form-position.mb {
  margin-bottom: 10px
 }
    .mod-form .form-common,.mod-form .wpcf7-text {
  padding: 12px;
  background-color: #f4f4f4;
  border: solid 1px #ececec;
  border-radius: 6px;
  width: 100%;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
 }
 .mod-form .file-select {
  border: solid 1px #ececec;
  padding: 12px
 }
 .mod-form .c-checkbox {
  padding-left: 30px
 }
 .mod-form .c-checkbox:last-child .c-checkbox__input {
  margin-bottom: -30px
 }
 .mod-form .c-checkbox__input {
  position: relative;
  display: block;
  vertical-align: bottom;
  width: 20px;
  height: 20px
 }
 .mod-form .c-checkbox__input::before,
 .mod-form .c-checkbox__input::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
 }
 .mod-form .c-checkbox__input::before {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  top: -22px;
  left: 0
 }
 .mod-form .c-checkbox input[type="checkbox"] {
  display: none
 }
 .mod-form .c-checkbox input[type="checkbox"]:checked+.c-checkbox__input::before {
  background-color: #cc0210;
  border-radius: 4px
 }
 .mod-form .c-checkbox input[type="checkbox"]:checked+.c-checkbox__input::after {
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  top: -17px;
  left: 5px
 }
 .mod-form .cp_ipselect {
  overflow: hidden;
  width: 100%;
  margin: 0;
  text-align: center
 }
 .mod-form .cp_ipselect select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 14px
 }
 .mod-form .cp_ipselect select::-ms-expand {
  display: none
 }
 .mod-form .cp_ipselect.cp_sl01 {
  position: relative;
  border: 1px solid #ececec;
  border-radius: 2px;
  background: #ffffff
 }
 .mod-form .cp_ipselect.cp_sl01::before {
  position: absolute;
  top: 21px;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  pointer-events: none
 }
 .mod-form .cp_ipselect.cp_sl01 select {
  padding: 14px 12px
 }
 .mod-table-outline {
  margin-bottom: 50px;
  position: relative
 }
 .mod-table-outline .line {
  position: absolute;
  width: 50%;
  bottom: 0;
  left: 0;
  border-top: solid 1px #cc0210
 }
 .mod-table-outline table {
  width: 100%;
  border-top: solid 1px #ececec
 }
 .mod-table-outline table tr {
  border-bottom: solid 1px #ececec
 }
 .mod-table-outline table th {
  padding: 20px 20px 0;
  width: 100%;
  display: block;
  position: relative;
  border-top: none;
  border-bottom: none;
  vertical-align: top;
  text-align: left;
  line-height: 150%
 }
 .mod-table-outline table th .line {
  position: absolute;
  width: 50%;
  top: 0 !important;
  left: 0;
  border-top: solid 1px #cc0210
 }
 .mod-table-outline table td {
  display: block;
  padding: 10px 20px 20px;
  border-top: none;
  border-bottom: none;
  line-height: 150%
 }
 .mod-table-outline table td .map-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%
 }
 .mod-table-outline table td .map-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
 }
 .mod-ul-common {
  margin-bottom: 50px
 }
 .mod-ul-common li {
  padding-left: 24px;
  text-indent: -1em;
  margin-left: 8px;
  margin-bottom: 16px;
  line-height: 160%
 }
 .mod-ul-common li::before {
  content: '●';
  color: #cc0210;
  display: inline-block;
  margin-right: 13px
 }
 .mod-ol-common {
  margin-bottom: 50px;
  counter-reset: number;
  list-style: none
 }
 .mod-ol-common li {
  padding-left: 24px;
  text-indent: -1em;
  margin-right: 16px;
  margin-left: 8px;
  margin-bottom: 16px;
  line-height: 160%
 }
 .mod-ol-common li::before {
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  color: #cc0210;
  margin-right: 13px
 }
 .mod-table-plan {
  margin-bottom: 50px;
  width: 100%;
  overflow: auto
 }
 .mod-table-plan table {
  width: 520px
 }
 .mod-table-plan table thead th .plan-head {
  line-height: 45px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
 }
 .mod-table-plan table thead th .plan-head.plan-a {
  background-color: #fecdd0
 }
 .mod-table-plan table thead th .plan-head.plan-b {
  background-color: #fc757e;
  color: white
 }
 .mod-table-plan table thead th .plan-head.plan-c {
  background-color: #cf0f1c;
  color: white
 }
 .mod-table-plan table tbody tr:nth-child(even) {
  background-color: #f4f4f4
 }
 .mod-table-plan table tbody tr th {
  padding: 20px 10px;
  border: solid 1px #ececec;
  border-left: none;
  font-size: 13px;
  font-weight: bold;
  width: 110px;
  vertical-align: top;
  text-align: left
 }
 .mod-table-plan table tbody tr td {
  padding: 20px 10px;
  border: solid 1px #ececec;
  text-align: center;
  font-weight: bold
 }
 .mod-table-plan table tbody tr td span {
  font-size: 16px
 }
 .mod-table-plan table tbody tr td .mark {
  font-size: 26px
 }
 .mod-table-plan table tbody tr td .text-small {
  font-size: 11px;
  padding-top: 12px;
  font-weight: normal
 }
 .mod-table-plan table tbody tr td.text {
  text-align: left;
  line-height: 160%;
  font-weight: normal;
  font-size: 11px
 }
 .mod-table-plan table tbody tr td:last-child {
  border-right: none
 }
 .article-header {
  padding-bottom: 20px;
  border-bottom: solid 2px #cc0210;
  margin-bottom: 30px
 }
 .article-header .column-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px
 }
 .article-header .column-tag li {
  display: inline-block;
  font-size: 11px
 }
 .article-header .column-tag li a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  background: #f0f0f0;
  padding: 7px 10px;
  border-radius: 5px;
 }
 .article-header .column-tag li a:hover {
  text-decoration: underline
 }
 .article-header .column-tag li::after {
  content: '';
  margin-left: 5px;
 }
 .article-header .column-tag li:last-child::after {
  content: ''
 }
 .article-content {
  font-size: 13px
 }
 .article-content p {
  line-height: 180%
 }
 .article-content h2 {
  font-size: 19px;
  font-weight: bold;
  line-height: 160%;
  border-left: solid 4px #cc0210;
  padding: 0 0 9px 14px;
  box-sizing: border-box;
  position: relative;
  z-index: -1;
  margin-bottom: 20px
 }
 .article-content h2::after {
  content: '';
  display: block;
  background-color: white;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: -4px;
  right: 0;
  z-index: 1;
  border-bottom: solid 1px #f4f4f4
 }
 .article-content .contact-block {
  border: solid 1px #f5bdc1;
  margin-bottom: 50px
 }
 .article-content .contact-block-inner {
  border: solid 5px #ffebec;
  background-color: #fffcfc;
  padding: 40px 0
 }
 .article-content .contact-block-inner .title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px
 }
 .article-content .social-list {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 50px
 }
 .article-content .social-list li {
  width: 48%;
  line-height: 40px;
  font-size: 22px
 }
 .article-content .social-list li.facebook a {
  background-color: #3B5998
 }
 .article-content .social-list li.twitter a {
  background-color: #1DA1F2
 }
 .article-content .social-list li a {
  display: block;
  color: white;
  text-align: center;
  transition: 0.2s
 }
 .article-content .social-list li a:hover {
  opacity: 0.8
 }
 .article-content .nav-prev-next {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  border-top: solid 1px #f4f4f4;
  border-bottom: solid 1px #f4f4f4;
  padding: 0;
  margin-bottom: 60px
 }
 .article-content .nav-prev-next li {
  width: 100%
 }
 .article-content .nav-prev-next li.prev {
  border-bottom: solid 1px #f4f4f4
 }
 .article-content .nav-prev-next li.prev a {
  display: block;
  padding: 20px;
  background-image: url('../ota2corp/images/icon_small_red_arrow_left.png');
  background-size: 9px 16px;
  background-repeat: no-repeat;
  background-position: left center;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  line-height: 160%
 }
 .article-content .nav-prev-next li.prev a:hover {
  text-decoration: underline;
  opacity: 0.8
 }
 .article-content .nav-prev-next li.next a {
  display: block;
  padding: 20px;
  background-image: url('../ota2corp/images/icon_small_red_arrow_right.png');
  background-size: 9px 16px;
  background-repeat: no-repeat;
  background-position: right center;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  line-height: 160%
 }
 .article-content .nav-prev-next li.next a:hover {
  text-decoration: underline;
  opacity: 0.8
 }
 .article-content .related-article {
   display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin: 40px -30px;
 }
 .article-content .related-article-wrap .head {
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 20px;
  text-align: center
 }
 .article-content .related-article .item {
  border: solid 1px #ececec;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 12px;
  display: block;
  color: #000;
  text-decoration: none;
  margin-bottom: 0;
  width: 290px;
  width: 50%;
  cursor: pointer;
  text-align: center
 }
 .article-content .related-article .item:hover .title {
  color: #cc0210
 }
 .article-content .related-article .item:nth-child(2n) {
  border-right: solid 1px #ececec
 }
 .article-content .related-article .item .title {
  font-size: 14px;
  font-weight: bold;
  padding: 16px 0 0
 }
 .article-content .related-article .item .description {
  display: none
 }
 .article-content .related-article .item .img-wrap {
  position: relative
 }
 .article-content .related-article .item .img-wrap img {
  display: block;
  width: 100%
 }
 .article-content .related-article .item .img-wrap .hover {
  display: none;
  position: absolute;
  background-color: rgba(204, 2, 16, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center
 }
 .article-content .related-article .item .img-wrap .hover-inner {
  text-align: center;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 16px;
  margin-top: -8px;
  margin-left: -50px;
  padding-right: 20px;
  background-image: url('../ota2corp/images/icon_arrow_right_white.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: top 4px right 0
 }
 .navigation.pagination {
  font-size: 0;
  margin-bottom: 50px
 }
 .navigation.pagination .screen-reader-text {
  display: none
 }
 .navigation.pagination .nav-links {
  text-align: center
 }
 .navigation.pagination .nav-links .page-numbers {
  display: inline-block;
  font-size: 16px;
  color: #cc0210;
  text-align: center;
  line-height: 40px;
  border: solid 1px #ececec;
  width: 40px;
  margin: 5px;
  text-decoration: none
 }
 .navigation.pagination .nav-links .page-numbers.current {  border: none }
 .footer .btn-pagetop {
  display: block;
  text-align: center;
  color: white;
  line-height: 55px;
  background-color: #282828;
  text-decoration: none;
  transition: 0.3s
 }
 .footer .btn-pagetop:hover {  background-color: #cc0210 }
 .footer-inner {  padding: 30px 0 0;  background-color: #222;  color: white }
 .footer-inner .logo a {
  display: block;
  background-image: url('../ota2corp/images/logo_footer.png');
  width: 160px;
  height: 40px;
  background-size: 160px 40px;
  background-repeat: no-repeat;
  margin: 0 auto 20px;
  text-indent: -9999px
 }
 .footer-inner .footer-link {
  text-align: left;
  display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px
 }
 .footer-inner .footer-link li {  display: block;  margin: auto;  width: 50%;  padding: 10px 10px 10px; text-align: center; }
 .footer-inner .footer-link li a {  color: white;  text-decoration: none }
 .footer-inner .footer-link li a:hover {  text-decoration: underline }
 .footer .copyright {  border-top: solid 1px #282828;  padding: 30px 0 50px;  background-color: #222 }
 .footer .copyright ul {  text-align: center }
 .footer .copyright ul li {  display: block;  margin: 0 16px;  font-size: 12px;  color: white;  padding-bottom: 10px }
 .footer .copyright ul li a {  font-size: 14px;  color: #ccc;  text-decoration: none }
 .footer .copyright ul li a:hover {  text-decoration: underline }
 .common-block-inner {
  width: 100%;
  margin: 0 auto;
  padding: 60px 30px
 }
 .common-block.bg-grey {  background-color: #f4f4f4 }
 .btn-common-square {
  display: block;
  width: 190px;
  line-height: 50px;
  color: #fff;
  background-image: url('../ota2corp/images/icon_arrow_right_white.png');
  background-repeat: no-repeat;
  background-size: 16px 14px;
  background-position: top 18px right 12px;
  margin: 0 auto;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
  text-align: center;
  font-size: 13px
 }
 .btn-common-square.black {  background-color: #222 }
 .btn-common-square.black:hover {  background-color: #cc0210 }
 .btn-common-square.red {  background-color: #cc0210 }
 .btn-common-square.red:hover {  background-color: #222 }
 .btn-common-square.white {
  background-color: #fff;
  color: #cc0210;
  background-image: url('../ota2corp/images/icon_arrow_right_red.png')
 }
 .btn-common-square.white:hover {
  background-color: #222;
  color: #fff
 }
 .heading-common {
  font-family: 'Staatliches', cursive;
  font-size: 44px;
  text-align: center;
  color: #cc0210;
  margin-bottom: 20px;
  letter-spacing: 0.03em;
  font-weight: 400
 }
 .heading-sub {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #cc0210
 }
 .heading-description {
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  margin-top: 16px
 }
 .sp-global-nav {
  display: block;
  position: fixed;
  top: -100vh;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: white;
  z-index: 20;
  overflow-y: scroll;
  transition: 0.3s
 }
 .sp-global-nav.active {
  top: 0
 }
 .sp-global-nav.active .btn-close {
  display: block
 }
 .sp-global-nav-inner {
  position: relative
 }
 .sp-global-nav .logo a {
  display: block;
  width: 118px;
  height: 30px;
  background-image: url('../ota2corp/images/logo.png');
  background-size: 118px 30px;
  text-indent: -9999px;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: 0 auto
 }
 .sp-global-nav .btn-close {
  background-image: url('../ota2corp/images/btn_hamburger_close.png');
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 10px;
  right: 10px;
  display: none
 }
 .sp-global-nav .btn-wrap {
  padding-top: 130px;
  padding-bottom: 26px
 }
 .sp-global-nav .nav-wrap {
  padding: 0 30px;
  margin-bottom: 30px
 }
 .sp-global-nav .nav-wrap a {
  color: #000;
  text-decoration: none
 }
 .sp-global-nav .nav-wrap .nav {
  border-top: solid 1px #ececec;
  border-bottom: solid 1px #ececec;
  margin-bottom: -1px;
  position: relative
 }
 .sp-global-nav .nav-wrap .nav a {
  display: block;
  line-height: 60px;
  font-size: 16px
 }
 .sp-global-nav .nav-wrap .accordion-head .icon {
  position: absolute;
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url('../ota2corp/images/icon_plus.png');
  top: 10px;
  right: 0
 }
 .sp-global-nav .nav-wrap .accordion-head .icon.active {  background-image: url('../ota2corp/images/icon_minus.png') }
 .sp-global-nav .nav-wrap .accordion-content {  display: none;  padding: 10px }
 .sp-global-nav .nav-wrap .accordion-content a {  display: block;  line-height: 40px }
 .for-pc {  display: none }
 .for-sp {  display: block }
}

/*****************************************
  ブログカードの枠線部分のスタイル
******************************************/
.wp-embedded-content {  width: 100%!important; /* ブログカードの横幅 */}

/*グログ一覧 SP版記事のアンダーライン*/
@media (max-width: 960px){
.top-column .item:after {
border-bottom: 1px solid #ccc;
  padding-top: 15px;
  width: 100%;
}}

/******************************************
  bread
******************************************/
.bread-wrap {
  padding: 20px 0;
}
.bread-wrap a {
  color: #000;
}
.bread-list {
  width: 1260px;
  margin: 0 auto;
}
.bread-list li {
  display: inline;
  font-size: 14px;
}
.bread-list li::after {
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  content: "\f054";
  display: inline-block;
  font-weight: 900;
  padding:  0 8px;
  color: #999;
}
.bread-list li:last-child::after {
  display: none;
}
@media (max-width: 960px) {
  .bread-wrap {
    padding: 20px 30px;
  }
  .bread-list {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .bread-list li {
    line-height: 30px;
  }
}

/******************************************
  page banner
******************************************/
.page-banner a ,
.page-banner-inline a {
  display: block;
}
.page-banner ,
.page-banner-inline {
  text-align: center;
}
.page-banner-inline {
  margin-bottom: 60px;
}
.page-banner img ,
.page-banner-inline img {
  max-width: 100%;
}
@media (max-width: 960px) {
  .page-banner {
    padding: 0 30px;
  }
  .page-banner-inline {
    margin-bottom: 50px;
  }
}

/******************************************
  share button
******************************************/
.social-lst {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 50px;
}
.social-lst li {
  width: 100%;
  margin: 0 12px;
}
.social-lst li:first-of-type {
  margin-left: 0;
}
.social-lst li:last-of-type {
  margin-right: 0;
}
.social-lst li .social-anchor {
  display: none;
  font-size: 0;
  line-height: 0;
}
.social-lst li a {
  display: block;
  color: #fff;
  text-align: center;
  transition: 0.2s;
  font-size: 26px;
  line-height: 60px;
  vertical-align: middle;
}
.social-lst li a:hover {
  opacity: 0.8;
}
.social-lst li.twitter a {
  background: #1DA1F2;
}
.social-lst li.facebook a {
  background: #3B5998;
}
.social-lst li.line a {
  background: #00B900;
}
.social-lst li.line i {
  vertical-align: bottom;
}
.social-lst li.line i > img {
  height: 55px;
}
.social-lst li.note a {
  background: #41C9B4;
}
.social-lst li.note i > img {
  height: 55px;
  vertical-align: middle;
}
@media (max-width: 960px){
  .social-lst {
    display: block;
    font-size: 0;
    text-align: center;
  }
  .social-lst li {
    width: 45px;
    height: 45px;
    margin: 2%;
    display: inline-block;
    text-align: center;
  }
  .social-lst li:first-of-type {
    margin-left: 2%;
  }
  .social-lst li:last-of-type {
    margin-right: 2%;
  }
  .social-lst li.twitter i {
    padding-left: 4px;
  }
  .social-lst li.line i {
    vertical-align: middle;
  }
  .social-lst li.line i > img {
    height: 45px;
  }
  .social-lst li a {
    border-radius: 50%;
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
  .social-lst li.note i {
    line-height: 45px;
  }
  .social-lst li.note i > img {
    height: 45px;
    vertical-align: top;
  }
}

/******************************************
  post new icon
******************************************/
.entry-icon-new {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #cc0210;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 9px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
@media (max-width: 960px) {
	.entry-icon-new {
		font-size: 10px;
    padding: 3px 6px;
	}
}

/******************************************
 form 関係
******************************************/
[data-class="wpcf7cf_group"] {
    margin-top: 10px;
}

/******************************************
  contact privacy
******************************************/
.contact-privacy p {
  margin: 0;
}
.contact-privacy p.cp-head {
  font-size: 20px;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
  margin-bottom: 20px;
}
.contact-privacy p.cp-ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cc0210;
  padding-bottom: 10px;
}
.contact-privacy ul.cp-list {
  list-style: disc;
  margin: 1.50em 0 1.50em 1.50em;
}
.contact-privacy ol.cp-numb-list {
  list-style: decimal;
  margin: 2.00em 0 2.00em 2.00em;
}
.contact-privacy li {
  line-height: 24px;
  margin: 10px 0;
}
.contact-privacy p.cp-desc {
  margin-top: 10px;
  line-height: 24px;
}
@media (max-width: 960px) {
  .contact-privacy {
    margin: 0 10px;
  }
  .contact-privacy p.cp-head {
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .contact-privacy p.cp-ttl {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .contact-privacy li {
    margin: 5px 0;
  }
  .contact-privacy p.cp-desc {
    margin-top: 10px;
    line-height: 24px;
  }
}
/* LP only */
.lp-article .contact-privacy p {
  font-size: 13px;
}
.lp-article .contact-privacy p.cp-head {
  font-size: 20px;
}
.lp-article .contact-privacy p.cp-ttl {
  font-size: 16px;
}
@media ( max-width:960px ) {
  .lp-article .contact-privacy p {
    font-size: 12px;
  }
  .lp-article .contact-privacy p.cp-head {
    font-size: 18px;
  }
  .lp-article .contact-privacy p.cp-ttl {
    font-size: 14px;
  }
}

/******************************************
 実績詳細
******************************************/
.main-image-pc {
   width: 100%;
}

.main-image-sp {
   display: none;
}

@media (max-width: 960px) {
   .main-image-pc {
   display: none;
 }
   .main-image-sp {
   display: block;
   width: 100%;
}
}

.project_duration_list {
    float: left;
    width: 50%;
    margin: 30px 0px 30px;
}

.project_duration_list:nth-child(2) {
   padding-left: 40px;
}

.project_duration_title {
    font-size: 14px;
    line-height: 1.58; 
    font-weight: 600;
}

.project_duration_items {
    font-size: 14px;
    line-height: 1.58;
    margin: 0px !important;
    border-bottom: 1px solid #CCCCCC;
}

.project_duration_under{
   width: 100%;
   margin: 30px 0px;
}

@media (max-width: 960px) {
.project_duration_block {
   display: block;
 }

.project_duration_list {
   float: none;
   width: auto;
   padding-left: 0;
 }

.project_duration_list:nth-child(2) {
   padding-left: 0px;
}
}

/******************************************
 実績クライアントURL
******************************************/

.project_duration_link {
   display: flex;
   align-items: center;
}

.project_duration_link_title {
   color: #222222;
   margin-top: 0px !important;
   margin-right: 15px;
   font-size: 16px;
   font-weight: 700;
}

.project_duration_url {
   color: #222222;
   font-size: 16px;
}

/* TOP NEWS */
.top-news-inner {
  padding: 0px 0px 90px;
}

.top-column-news {
  display: block;
  width: 100%;
  margin: 40px 0;
  border-top: 1px solid #ccc;
}

.top-news-item {
  color: #000;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.top-news-text {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}

.news-category-date-wrap {
  width: 100px;
  font-weight: 700;
}

@media (max-width: 960px) {
.top-news-inner {
  padding: 0px 30px 60px;
}

.top-news-text {
  display: block;
  padding: 20px 0;
}

.news-category-date-wrap {
  width: initial;
  padding-bottom: 5px;
}
}

/* works */
.common-block-works-inner {
  padding: 90px 0;
}

.top-column-works {
  margin: 40px 0;
  display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: space-between;
}

.top-column-works .item {
  /* border: solid 1px #ececec; */
  padding: 12px;
  display: block;
  color: #000;
  text-decoration: none;
  margin-bottom: 40px;
  width: 290px;
  height: 380px;
  text-align: center;
}

.top-column-works .item .img-wrap {
  position: relative;
}

.top-column-works .item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}

.top-column-works .item .title {
  font-size: 20px;
  font-weight: bold;
  padding: 16px 0;
}

.top-column-works .item .tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.top-column-works .item .tags li {
  font-size: 14px;
  background: #eee;
  padding: 2px 5px;
  margin: 3px;
}

.slick-slide {
  /* margin: 0 13px; */
  /* 記事増えたらコメントアウト外す */
}

/* case */
.common-block-case-inner {
  padding: 90px 0;
}

.top-column-case {
  margin: 40px 0;
  display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}

.top-column-case .item-link {
  display: block;
  color: #000;
  text-decoration: none;
  width: 290px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 45px;
}

.top-column-case .item-link .img-wrap {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

.top-column-case .item-link {
  display: block;
  color: #000;
  text-decoration: none;
  max-width: 320px !important;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 45px;
  /* margin: 0 13px; */
  /* 記事増えたらコメントアウト外す */
}

.top-column-case .item-link .img-wrap img{
   height: 100%;
   width: 100%;
}

/* voice */
.top-column .item .category-date-wrap .category-voice {
  font-size: 16px;
  color: #222222;
  opacity: 0.7;
  font-weight: 500;
  padding-right: 1em;
  float: left;
}

.top-column .item:hover .category-voice { color: #cc0210}

.top-column-voice {
  margin: 40px 0;
  display: -webkit-flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}

.description-voice {
  font-size: 16px;
  font-weight: 700;
}

.top-column .item:hover .description-voice { color: #cc0210}

@media (max-width: 960px) {
.top-column-case {
  margin: 30px 0;
}

.top-column .item .category-date-wrap .category-voice {
  font-size: 12px;
}

.top-column-case .item-link {
  margin-bottom: initial;
  padding-bottom: initial;
}

/* .top-column-case .item-link .img-wrap {
  height: 200px;
} */

.top-column-case .item-link {
  max-width: 244px !important;
}
}

/* ブログ 検索 */
.search-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.search-form-003 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border: 1px solid #888888;
  border-radius: 5px;
}

.search-form-003 input {
  width: 621px;
  height: 60px;
  padding: 5px 17px;
  border: none;
  box-sizing: border-box;
  font-size: 1em;
  outline: none;
  font-weight: 700;
}

.search-form-003 input::placeholder{
  color: #767d83;
}

.search-form-003 button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 45px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.search-form-003 button::after {
  width: 20px;
  height: 20px;
  background-image: url("../ota2corp/images/Icon-map-search.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.search-txt {
  margin-right: auto;
  margin-top: 30px;
}

@media (max-width: 960px) {
.search-form-003 {
  width: 350px;
}

.search-form-003 input {
  width: 300px;
}
}

.search-tag__wrap {
  display: flex;
  justify-content: space-between;
  max-width: 920px;
  margin: 0 auto 38px;
}

.search-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  margin-bottom: 10px;
  /* min-width: 117px; */
  height: 46px;
  font-size: 16px;
  border-radius: 8px;
  background-color: #EEEEEE;
  text-align: center;
  text-decoration: none;
  color: #222222;
  font-weight: 700;
  padding: 0 12px;
}

.search-tag__wrap .active {
  background-color: #CC0110;
  color: #fff;
}

.top_category {
  min-width: 102px;
}

@media (max-width: 960px) {
  .search-tag__wrap {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    list-style: none;
    justify-content: space-between;
    max-width: 335px;
    margin: 0 auto 15px;
    padding: 0;
  }
  
  .search-tag {
    margin: 0 10px 15px 0;
    width: calc((100% - -264px)/ 4);
    min-width: initial;
  }
  }

.search_result {
  margin-bottom: 40px;
}

.search_result_txt {
  font-size: 17px;
  color: #222222;
  font-weight: 700;
}

@media (max-width: 960px) {
.search_result {
  margin-bottom: 35px;
}

.search_result_txt {
  font-size: 15px;
}
}

/* ブログ記事用 */
.article-content p{
  font-size:18px;
}
figure{
  margin:0;
}
.left-box{
  margin-top: 20px;
}
.left-box:after, .left-box:before {
  content: '';
  clear: both;
  display: block;
}
.left-box .float-img {
  float: left;
  max-width: 50%;
  margin: 0 20px 20px 0;
  padding: 0;
}
.float-img img {
  max-width: 100%;
  vertical-align: bottom;
}
.right-box{
  margin-top: 20px;
}
.right-box:after, .right-box:before {
  content: '';
  clear: both;
  display: block;
}
.right-box .float-img {
  float: right;
  max-width: 50%;
  margin: 0 0 20px 20px;
  padding: 0;
}
.voice{
margin-top:50px;
}
.voice dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
}
.voice dl dt {
  width: 16%;
  font-weight:bold;
  font-size:16px;
  margin: 8px 0;
}
.voice dl dt span{
  display: inline-block;
  width: 90%;
  background: #eee;
  text-align: center;
  padding: 5px 0;
}
.voice dl dt .seika{
  background: #cc0210;
  color:#fff;
}

.voice dl dd {
  width: 84%;
  margin: 12px 0 5px;
}
@media screen and (max-width: 767px) {
.left-box,.right-box{
  margin-top: 15px !important;
}
.left-box .float-img,.right-box .float-img {
  float: initial  !important;
  max-width: 100%  !important;
  margin: 0 0 20px 0  !important;
}
.article-content p{
  font-size:15px;
}

.voice {
  margin-top: 30px;
}

.voice dl{
  font-size: 16px;
  line-height: 1.4;
  display: block;
}

.voice dl dt {
  width: 100%;
}

.voice dl dt span {
  width: 100%;
}

.voice dl dd {
  line-height: 1.8;
  font-size: 15px;
  width: 100%;
}
}