@charset "UTF-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:	Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
*/
*,html{font-size:100%;border:0}button,hr{overflow:visible;-webkit-box-sizing:content-box;box-sizing:content-box}button:disabled,html{cursor:default}*,:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),:focus[data-focus-method=touch]:not(input):not(textarea):not(select){outline:0}*,button,fieldset,hr,iframe,img{border:0}a,a:active,a:hover,a:link,a:visited,ins{text-decoration:none;cursor:pointer}abbr[title]{text-decoration:underline}dialog,ins,mark{color:#000}*,progress,sub,sup{vertical-align:baseline}button,legend{color:inherit}img,legend{max-width:100%}*,hr,legend{padding:0}*{margin:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;word-break:break-word;background-color:#fff}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;font:normal normal normal 16px/1.8 BlinkMacSystemFont,Segoe UI,Roboto,"Open Sans",sans-serif;background-color:#fff}address,caption,code,figcaption,pre,th{font-weight:400;font-style:normal;font-size:1em}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}ins{background-color:#ff9}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}audio,canvas,iframe,img,svg,video{display:inline-block;vertical-align:middle}dialog,hr,img{display:block}hr{margin:1em 0;height:0;border-top:1px solid #ccc}dialog{background-color:#fff;border:solid;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}[hidden],dialog:not([open]),template{display:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}audio,canvas,progress,video{display:inline-block}input,select{vertical-align:middle}button{vertical-align:inherit;font:inherit;line-height:inherit;cursor:pointer}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{padding:.35em .75em .625em}audio:not([controls]){display:none;height:0}::-moz-focus-inner{padding:0;border:0}a,a:link,a:visited{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,pre,samp{font-family:monospace,sans-serif;font-size:1em}mark{background-color:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}ul{list-style:none}img{height:auto;border-style:none}svg:not(:root){overflow:hidden}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{-webkit-box-sizing:border-box;box-sizing:border-box;display:table;white-space:normal}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fff;border:none;border-radius:10px;box-shadow:inset 0 0 2px #777}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;box-shadow:none}

@import url("https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:400,500,600&display=swap");
@import url("https://fonts.googleapis.com/css?family=Merriweather:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Istok+Web:700&display=swap");
@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: normal;
    src: url("https://bestfactor.jp//wp-content/themes/diver_child/fonts/YakuHanJP-Regular.woff2") format("woff2");
	font-display: swap;
}
@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: bold;
    src: url("//bestfactor.jp//wp-content/themes/diver_child/fonts/YakuHanJP-Bold.woff2") format("woff2");
	font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: normal;
	src: local("Noto Sans CJK JP Regular"),
         url("//bestfactor.jp//wp-content/themes/diver_child/fonts/Subset-NotoSansJP-Regular.woff2") format("woff2");
	font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: bold;
    src: local("Noto Sans CJK JP Bold"),
         url("//bestfactor.jp//wp-content/themes/diver_child/fonts/Subset-NotoSansJP-Bold.woff2") format("woff2");
	font-display: swap;
}
.linear-orange-bg { /*background: linear-gradient(to right, #f78c00, #f7b200);*/background: #1686D6!important; transition: 0.3s; }
.linear-orange-bg:hover { background: linear-gradient(to right, rgba(247, 140, 0, 0.85), rgba(247, 178, 0, 0.85)); }

.linear-blue-bg { background: linear-gradient(to right, #138cdb, #3fd5dd); transition: 0.3s; color: #fff; }
.linear-blue-bg:hover { background: linear-gradient(to right, rgba(19, 140, 219, 0.85), rgba(63, 213, 221, 0.85)); color: #fff; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }*/

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

@font-face { font-family: "alternate-gothic-no-3-d"; src: url("https://use.typekit.net/af/f629be/000000000000000000010d5d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/f629be/000000000000000000010d5d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/f629be/000000000000000000010d5d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; }
html, body { overflow-x: hidden; background-color: #fff; font-family: 'YakuHanJP', 'Noto Sans JP','Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }

body { max-width: 2560px; min-width: 100%; margin: 0 auto; color: #000000; padding-bottom: 100px; padding-top: 120px; user-select: none; }
body.page-id-4252 { padding-bottom: 0; margin-top: 10px; }
body.page-id-8728, body.page-id-8870 { padding-top: 0; }
body.home { background: #fff; }
body.home { padding-top: 0; }
body.home h3, body.page-id-4252 h3 { padding-left: 0 !important; border-left: 0 !important; }
body h2 { padding: 0; margin: 0; background-color: inherit; }
body.page .banner2-left { justify-content: center; }
body.page .banner2-right p { width: 100%; }
body.page .banner2-right p a { max-width: 100%; color: #fff; }
body.page .common-service { margin: 40px 0; }
body.page .content h2, body.page .page-ttl { font-size: 26px; font-weight: 600 !important; text-align: center !important; border-top: 1px solid #1295d9 !important; border-bottom: 1px solid #1295d9 !important; line-height: 1.5 !important; padding: 10px 20px !important; margin: 20px auto !important; color: #1295d9 !important; background: transparent !important; }
body.page .content h2:after, body.page .content h2:before, body.page .page-ttl:after, body.page .page-ttl:before { display: none !important; }
body.page .content h2 > span, body.page .page-ttl > span { font-weight: 600 !important; }

.normalmove { transition-duration: 0.9s; transform: translateY(50px); opacity: 0; }
.normalmove.normalanimate { transform: translateY(0px); opacity: 1; }

.hasbg { background-position: center center; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; position: relative; }

.inner { width: 100%; max-width: 1230px; /*min-width: 64%;*/ margin: auto; }

a.btn, input.btn { display: block; padding: 7px 25px; max-width: 250px; white-space: nowrap; position: relative; font-size: 14px; color: #fff; border-radius: 5px; line-height: 1.5; text-align: center; transition: 0.3s; font-weight: bold; }
a.btn svg, input.btn svg { position: absolute; right: 7px; top: 48%; transform: translateY(-50%); width: 15px; height: 15px; }
a.btn.no-svg, input.btn.no-svg { border-radius: 40px; font-size: 20px; padding: 20px 30px; max-width: 350px; width: fit-content; color: #fff; }
a.btn.no-svg:hover, input.btn.no-svg:hover { color: #fff; }
a.btn.no-svg span.arrow, input.btn.no-svg span.arrow { padding-left: 10px; }
a.btn:hover, input.btn:hover { transform: scale(1.05); color: #fff; }

a.tel { color: #f7b400; }
a.tel svg { padding: 0 0 5px; }
a.tel span { font-family: alternate-gothic-no-3-d, 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; margin-left: 10px; line-height: 1; }
a.tel em { font-style: normal; margin-left: 10px; font-size: 13px; }

.site-ttl { color: #1494db; padding-bottom: 50px; }
.site-ttl span { line-height: 1.3; display: block; font-weight: bold; }
.site-ttl span.en { font-size: 18px; margin: 30px 0; }
.site-ttl span.jp { font-size: 38px; }
.site-ttl span.jp em { font-style: normal; white-space: nowrap; }
.site-ttl span.text { margin: 15px 0 20px; font-size: 22px; color: #001f55; font-weight: 900; }
.site-ttl.center { padding: 100px 0 0; position: relative; text-align: center; }
.site-ttl.center:before { content: ""; display: block; position: absolute; top: -50px; left: 50%; transform: translateX(-50%) translateY(0); width: 3px; height: 0; z-index: 3; }
.site-ttl.center:after { content: ""; display: block; position: absolute; top: -50px; left: 50%; transform: translateX(-50%) translateY(0); width: 3px; height: 120px; background: #eeecec; z-index: 2; }
.site-ttl.ttlanimate:before { animation-name: ttlbefore; animation-delay: 0.4s; animation-duration: 0.5s; animation-fill-mode: forwards; }
@keyframes ttlbefore { 0% { height: 0px; background: linear-gradient(#0faeea, #df2e86); }
  100% { height: 120px; background: linear-gradient(#0faeea, #df2e86); } }
/* header */
.site-header { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; /*max-width: 2560px;*/ margin: auto; z-index: 5; transition: 0.3s; }
.admin-bar .site-header { top: 32px; }
.site-header .header-top-inpage { padding: 10px 60px; font-size: 13px; color: #fff; background: #1494db; display: flex; justify-content: space-between; }
.site-header .header-top-inpage ul { display: flex; justify-content: flex-end; align-items: center; }
.site-header .header-top-inpage ul a { display: flex; align-items: center; padding: 0 15px; color: #fff; transition: 0.3s; }
.site-header .header-top-inpage ul a svg { margin-right: 5px; width: 12px; height: 12px; }
.site-header .header-top-inpage ul a:hover { color: #001f55; }
.site-header .header-wrapper { padding: 16px; display: flex; align-items: center; justify-content: space-between; max-width: 1230px; margin: auto; }
.site-header .header-logo { transition: 0.3s; max-width: fit-content; margin: 0; max-width: 200px; }
.site-header .header-logo img { max-width: 200px; }
.site-header .header-logo:hover { transform: scale(0.97); }
.site-header .header-right { display: flex; align-items: center; justify-content: flex-end; }
.site-header .header-right .header-nav ul.menu { display: flex; align-items: center; }
.site-header .header-right .header-nav ul.menu > li { margin: 0 10px; }
.site-header .header-right .header-nav ul.menu > li.arrow { position: relative; }
.site-header .header-right .header-nav ul.menu > li.arrow:after { content: ""; display: block; width: 13px; height: 100%; max-height: 40px; position: absolute; right: 0; top: 0; transition: 0.3s; background-image: url(./images/chevron-down-solid.svg); background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 3; }
.site-header .header-right .header-nav ul.menu > li ul.sub-menu { position: absolute; top: 100%; left: -20px; width: auto; height: auto; transition: 0.3s; opacity: 0; visibility: hidden; text-align: left; padding: 20px 0; background: rgba(255, 255, 255, 0.97); }
.site-header .header-right .header-nav ul.menu > li ul.sub-menu a { font-size: 15px; display: block; padding: 8px 0; color: #000000; transition: 0.3s; font-weight: bold; position: relative; white-space: nowrap; }
.site-header .header-right .header-nav ul.menu > li ul.sub-menu a:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #000000; transition: 0.3s; }
.site-header .header-right .header-nav ul.menu > li ul.sub-menu a:hover:after { width: 100%; }
.site-header .header-right .header-nav ul.menu > li ul.sub-menu li { max-width: 100%; width: 100%; line-height: 1.4; padding: 0; }
.site-header .header-right .header-nav ul.menu > li ul.sub-menu li a { font-size: 12px; padding: 10px 15px; }
.site-header .header-right .header-nav ul.menu > li ul.sub-menu.active { opacity: 1; visibility: visible; }
.site-header .header-right .header-nav ul.menu > li > a { font-weight: bold; padding: 10px 20px; color: #000000; position: relative; white-space: nowrap; }
.site-header .header-right .header-nav ul.menu > li > a:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #000000; transition: 0.3s; }
.site-header .header-right .header-nav ul.menu > li > a:hover:after { width: 100%; }
.site-header .header-right .header-icon { display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; padding: 5px 20px; margin-left: 20px; border-radius: 25px; }
.site-header.do { background: rgba(255, 255, 255, 0.95); }
.site-header.no-home { box-shadow: 0px 0px 10px #dfdfdf; }

/* menu */
/*menu*/
.menu-status { display: none; }
.menu-status:checked ~ .site-header { background: #fff; }
.menu-status:checked ~ .site-header .perspective span { background: transparent; }
.menu-status:checked ~ .site-header .perspective span::before { transform-origin: center; transform: translateY(-8px) rotate(-35deg); }
.menu-status:checked ~ .site-header .perspective span::after { transform-origin: center; transform: translateY(8px) rotate(35deg); }
.menu-status:checked ~ .drop-down-menu { transform: translate(0%, -50%); }
.menu-status:checked ~ .drop-down-menu ul.menu { opacity: 1; }

.drop-down-menu { position: fixed; display: flex; justify-content: center; align-items: center; flex-direction: column; top: 50%; left: 0; width: 100%; z-index: 4; height: 100vh; background: rgba(255, 255, 255, 0.97); transition: background 0.35s linear, height 0.55s ease-in 200ms; transform: translate(101%, -50%); transition: 0.5s; }
.drop-down-menu .menu-menuheader-container { padding: 20px; width: 100%; }
.drop-down-menu ul.menu { padding-top: 80px; transition: 0.5s; opacity: 0; width: 100%; max-width: 100%; min-width: 100%; max-height: 92vh; padding-bottom: 30px; overflow-y: scroll; }
.drop-down-menu ul.menu > li { border-bottom: 1px solid #000000; padding: 0 10px; position: relative; }
.drop-down-menu ul.menu > li a { display: block; color: #000000; font-size: 13px; font-weight: bold; padding: 12px 0; text-decoration: none; line-height: 1.5; z-index: 2; width: 85%; }
.drop-down-menu ul.menu > li:first-child { border-top: 1px solid #000000; }
.drop-down-menu ul.menu > li.arrow:after { content: ""; display: block; width: 13px; height: 100%; max-height: 40px; position: absolute; right: 20px; top: 0; transition: 0.3s; background-image: url(./images/chevron-down-solid.svg); background-size: contain; background-position: center; z-index: 3; }
.drop-down-menu ul.menu > li.arrow.plus:after { transform: rotate(180deg); }
.drop-down-menu ul.menu > li ul.sub-menu { display: none; padding: 0 0 10px; font-size: 14px; height: auto; }
.drop-down-menu ul.menu > li ul.sub-menu li a { padding: 10px 0; }
.drop-down-menu ul.menu span { display: block; }
.drop-down-menu ul.menu span.en { display: none; }

.perspective { width: 65px; height: 100%; position: relative; display: none; transition: 0.3s; min-height: 30px; z-index: 8; }
.perspective label { perspective: 50px; position: absolute; display: flex; justify-content: center; width: 100%; height: 100%; cursor: pointer; transition: 0.3s; background: linear-gradient(to right, #138cdb, #3fd5dd); }
.perspective span { width: 35px; height: 2.5px; background: #fff; display: block; position: absolute; transition: 0.3s; top: 50%; transform: translateY(-50%); }
.perspective span::before { content: ''; display: block; width: 35px; height: 2.5px; background: #fff; transition: 0.3s; transform-origin: center center; position: absolute; top: 8px; }
.perspective span::after { content: ''; display: block; width: 35px; height: 2.5px; background: #fff; transition: 0.3s; transform-origin: center center; bottom: 8px; position: absolute; }

/*menu end*/
/* footer */
.site-footer .inner { display: flex; justify-content: space-around; }
.site-footer .footer-top { background: #333e51; padding: 70px 20px; }
.site-footer .footer-top .top-logo img { max-width: 240px; }
.site-footer .footer-top .top-logo .btn { border: 1px solid #fff; }
.site-footer .footer-top .top-logo .name { color: #fff; margin: 25px 0 35px; font-size: 14px; }
.site-footer .footer-top .top-nav { width: 470px; max-width: 48%; min-width: 30%; white-space: nowrap; }
.site-footer .footer-top .top-nav ul.menu { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.site-footer .footer-top .top-nav ul.menu > li { width: calc((100% - 20px) / 2); padding: 3px 20px; }
.site-footer .footer-top .top-nav ul.menu a { color: #ffffff; font-size: 14px; }
.site-footer .footer-top .top-nav ul.menu a:hover { text-decoration: underline; }
.site-footer .footer-top .top-btn div a { min-width: 200px; }
.site-footer .footer-top .top-btn div:first-child { margin-bottom: 20px; }
.site-footer .footer-top .top-btn div:first-child a { background: #fff; color: #1494db; }
.site-footer .footer-copyright { background: #2b3444; padding: 8px 0 10px; color: #70828f; font-size: 13px; text-align: center; font-family: '游ゴシック', 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.site-footer .footer-info { position: absolute; width: 100%; /*max-width: 2560px;*/ margin: auto; padding: 10px 10px; /*background: linear-gradient(to right, #138cdb, #3fd5dd);*/background: #FFF; display: none; }
.site-footer .footer-info .inner { align-items: center; }
.site-footer .footer-info .info-tel { text-align: center; line-height: 1; }
.site-footer .footer-info .info-tel a,
.site-footer .footer-info .info-tel button { color: #f7b400; display: flex; }
.site-footer .footer-info .info-tel a span,
.site-footer .footer-info .info-tel button span { display: block; text-align: left; font-family: 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif" !important; }
.site-footer .footer-info .info-tel a .num,
.site-footer .footer-info .info-tel button .num { font-size: 38px; font-weight: 600; white-space: nowrap; font-family: 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif" !important; }
.site-footer .footer-info .info-tel a .txt,
.site-footer .footer-info .info-tel button .txt { padding: 4px 0 3px; /*border: 1px solid #fff; border-radius: 12px;*/ line-height: 1; font-size: 16px; margin-bottom: 3px; transform: translateX(-24%); }
.site-footer .footer-info .info-tel a .time,
.site-footer .footer-info .info-tel button .time { margin-top: 3px; font-size: 12px; color: #000; }
.site-footer .footer-info .info-btn a { display: flex; align-items: center; padding: 8px 20px; font-size: 20px; font-weight: bold; color: #fff; border-radius: 4px; flex-wrap: wrap; }
.site-footer .footer-info .info-btn a em { font-style: normal; }
.site-footer .footer-info .info-btn a img { max-width: 30px; max-height: 30px; margin-right: 8px; }
.site-footer .footer-info .info-btn a span { /*padding: 0 10px;*/ line-height: 1.5;}
.site-footer .footer-info .info-btn a svg { width: 20px; height: 20px; }
.site-footer .footer-info.do { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 30; }
.site-footer .footer-info.block { display: block; }

/* index */
.site-hero { padding: 200px 0 120px; display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; position: relative; }
.site-hero .hero-text { z-index: 2; }
.site-hero .hero-text .ttl h2 { line-height: 1.7; }
.site-hero .hero-text .ttl h2:first-child { font-size: 56px; color: #1494db; }
.site-hero .hero-text .ttl h2:last-child { font-size: 34px; color: #001f55; }
.site-hero .hero-text ul { margin: 30px 0; }
.site-hero .hero-text ul li { font-weight: bold; font-size: 18px; padding-left: 35px; position: relative; }
.site-hero .hero-text ul li:before { content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background: url(./images/index/hero-libefore.png) 100% 100%/contain no-repeat; }
.site-hero .hero-text .tips { color: #000; font-size: 14px; line-height: 1.7; }
.site-hero .hero-text .tips div { position: relative; padding-left: 20px; }
.site-hero .hero-text .tips div:before { content: "※"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; line-height: 1.7; color: #000; }
.site-hero .hero-text .data { display: flex; align-items: center; margin: 30px 0; }
.site-hero .hero-text .data h2 { font-size: 26px; color: #1494db; line-height: 1; }
.site-hero .hero-text .data h2 span { font-size: 40px; font-family: 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.site-hero .hero-text .data .circular { margin-left: 30px; width: 130px; height: 120px; border-radius: 50%; border: 1px solid #f78a00; display: flex; justify-content: center; align-items: center; }
.site-hero .hero-text .data .circular h2 { font-size: 16px; line-height: 1.3; color: #f78a00; text-align: center; }
.site-hero .hero-text .data .circular span { font-size: 20px; }
.site-hero .hero-text .link { margin: 20px 0; display: flex; align-items: center; }
.site-hero .hero-text .link .tel { line-height: 1; }
.site-hero .hero-text .link .tel .tel-top { display: flex; align-items: center; }
.site-hero .hero-text .link .tel .tel-top svg { width: 60px; max-height: 60px; }
.site-hero .hero-text .link .tel .tel-top span { font-size: 60px; white-space: nowrap; }
.site-hero .hero-text .link .tel .tel-bottom { display: flex; align-items: center; color: #000000; }
.site-hero .hero-text .link .tel .tel-bottom img { width: 100%; max-width: 60px; height: auto; }
.site-hero .hero-text .link .tel .tel-bottom em { color: #000000; margin-left: 10px; font-weight: 500; font-size: 14px; }
.site-hero .hero-image { z-index: 2; /*margin-left: 50px;*/ max-width: 40%; }
.site-hero .hero-image img { width: 100%; max-width: 700px; }
.site-hero .hero-image-2 { position: relative; z-index: 1; margin-top: 60px; width: 100%; display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap;　}
body > div.site-hero > div.hero-image-2 > a > img { border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.site-hero:after { content: ''; display: block; position: absolute; right: 0; top: -5%; width: 50%; height: 130%; background: url(./images/index/hero-right-after.png) left center/cover no-repeat; }

.site-result { z-index: 2; position: relative; }
.site-result .result-content { padding: 80px 0; display: flex; flex-wrap: wrap; }
.site-result .result-content .result-block { width: calc((100% - 50px) / 3); margin-right: 25px; margin-bottom: 25px; background: #1494db; color: #fff; padding: 40px 20px; text-align: center; border-radius: 10px; }
.site-result .result-content .result-block img { max-width: 70px; max-height: 50px; margin: auto; }
.site-result .result-content .result-block h3.ttl { font-size: 20px; line-height: 1.5; margin: 15px 0 10px; color: #fff; }
.site-result .result-content .result-block h3.ttl span { display: block; }
.site-result .result-content .result-block span.text { font-size: 16px; line-height: 1.9; }
.site-result .result-content .result-block:nth-child(3n) { margin-right: 0; }
.site-result:before { content: ""; display: block; position: absolute; left: 10%; top: 0; width: 300px; height: 170px; background: url(./images/index/result-after.png) 0 0/28px 28px repeat; z-index: -1; }
.site-result:after { content: ""; display: block; position: absolute; right: 15%; bottom: 50px; width: 170px; height: 280px; background: url(./images/index/result-after.png) 0 0/28px 28px repeat; z-index: -1; }

.site-use { background: linear-gradient(to right, #fcfcfc, #f6f8fa, #eef2f7); }
.site-use .inner { display: flex; align-items: center; }
.site-use .site-ttl { padding-bottom: 0; }
.site-use .use-left { width: 50%; padding: 80px 0; }
.site-use .use-left .use-text .use-card { margin-bottom: 30px; padding: 20px 40px; padding-bottom: 60px; box-shadow: 3px 3px 20px #dfdfdf; width: 540px; position: relative; border-radius: 10px; overflow: hidden; z-index: 2; display: block; }
.site-use .use-left .use-text .use-card .card1 { display: flex; align-items: center; }
.site-use .use-left .use-text .use-card .card1 img { max-width: 50px; max-height: 60px; }
.site-use .use-left .use-text .use-card .card1 div { padding-left: 10px; color: #1494db; font-size: 40px; font-weight: bold; }
.site-use .use-left .use-text .use-card .card1 div span { font-size: 28px; font-weight: 500; }
.site-use .use-left .use-text .use-card .card2 { font-size: 15px; color: #001f55; font-weight: 500; line-height: 1.5; margin: 5px 0 10px; }
.site-use .use-left .use-text .use-card .card2 span { font-weight: bold; font-size: 18px; }
.site-use .use-left .use-text .use-card .card3 { color: #001f55; font-weight: bold; font-size: 35px; line-height: 1.4; }
.site-use .use-left .use-text .use-card .card4 { position: absolute; bottom: 0; left: 0; padding: 5px 20px; background: #001f55; color: #fff; border-top-right-radius: 10px; display: flex; align-items: center; transition: 0.3s; cursor: pointer; font-weight: bold; font-size: 18px; }
.site-use .use-left .use-text .use-card .card4 svg { margin-left: 20px; width: 20px; height: 20px; }
.site-use .use-left .use-text .use-card .card4:hover { opacity: 0.9; }
.site-use .use-left .use-text .use-card:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(images/index/news-card.jpg) 100%/cover no-repeat; z-index: -1; }
.site-use .use-left .btn { margin: 20px 0; }
.site-use .use-left .use-tel { display: flex; }
.site-use .use-left .use-tel div { font-size: 14px; padding: 10px 15px; line-height: 1.5; background: #f7f7f7; }
.site-use .use-left .use-tel .tel { padding: 10px 15px; background: #fff; display: flex; align-items: center; }
.site-use .use-left .use-tel .tel svg { width: 50px; max-height: 50px; }
.site-use .use-left .use-tel .tel span { font-size: 43px; white-space: nowrap; }
.site-use .use-right { width: 50%; max-width: 670px; padding-left: 50px; }

.site-money { padding: 80px 0; position: relative; z-index: 2; }
.site-money .inner { display: flex; }
.site-money .site-ttl { padding-bottom: 0; }
.site-money .site-ttl img { display: none; }
.site-money .money-left { width: 50%; padding-right: 50px; }
.site-money .money-right { width: 50%; padding: 50px 0; }
.site-money .money-right .money-text { margin-top: 40px; }
.site-money .money-right dl { margin: 10px 0; }
.site-money .money-right dt { display: inline-block; line-height: 1; padding: 10px 15px; background: #1494db; border-radius: 10px; color: #fff; font-size: 19px; }
.site-money .money-right dd { padding: 10px 20px; font-size: 16px; color: #333; font-weight: bold; }
.site-money:before { content: ""; display: block; position: absolute; top: -5px; left: 0; width: 75%; height: 100%; background: url(./images/index/money-before.png) left top/contain no-repeat; z-index: -1; }
.site-money:after { content: ""; display: block; position: absolute; right: 15%; bottom: 50px; width: 170px; height: 280px; background: url(./images/index/result-after.png) 0 0/28px 28px repeat; z-index: -1; }

.site-price { background: linear-gradient(#fff, #f3f4f6); padding-bottom: 80px; }
.site-price .inner { position: relative; }
.site-price .site-ttl span.en { margin: 0 0 50px; }
.site-price .row { padding: 30px 0; display: flex; justify-content: space-between; align-items: center; text-align: center; }
.site-price .row .top { white-space: nowrap; }
.site-price .row .top > div { display: inline-block; }
.site-price .row span { line-height: 1; }
.site-price .row span em { font-style: normal; }
.site-price .row span.num { font-family: din-condensed, 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; font-weight: 400; font-size: 52px; color: #001f55; font-weight: bold; font-variant-numeric: tabular-nums; }
.site-price .row span.num.jp { font-size: 40px; }
.site-price .row span.yuan { font-size: 17px; color: #001f55; font-weight: bold; }
.site-price .row span.text { font-size: 15px; white-space: nowrap; }
.site-price .row:nth-child(2) { transition-delay: 0.5s; }
.site-price .price-top { display: flex; justify-content: space-between; }
.site-price .price-top .btn { margin-top: 30px; }
.site-price .price-top .specific-price { width: 60%; }
.site-price .price-top .specific-price .row { padding: 30px 0; display: flex; justify-content: space-between; align-items: center; text-align: center; border-bottom: 1px solid #dbdbdb; }
.site-price .price-top .specific-price .row:first-child { border-top: 1px solid #dbdbdb; }
.site-price .price-top .specific-price > span { font-size: 12px; color: #000; }
.site-price .price-top .specific-price .btn { position: absolute; left: 0; top: 240px; }
.site-price .price-bottom { padding: 20px 150px 40px; }
.site-price .price-bottom img { width: 80%; max-width: 80%; margin: auto; }
.site-price .price-bottom .price-inner { padding: 40px 40px; box-shadow: 5px 5px 20px #dbdbdb; flex-wrap: wrap; }
.site-price .price-bottom .row { padding: 5px 0; }
.site-price .price-bottom .row > div { padding: 10px; }

.site-reason .reason-content { padding: 30px 40px 80px; display: flex; justify-content: space-between; }
.site-reason .reason-content .reason-block { width: calc((100% - 80px) / 4); }
.site-reason .reason-content .reason-block .hasbg { min-height: 270px; height: 270px; background-position: top; }
.site-reason .reason-content .reason-block .hasbg img { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; object-position: center; object-position: top; }
.site-reason .reason-content .reason-block h3 { font-size: 24px; color: #001f55; margin: 15px 0 0; }
.site-reason .reason-content .reason-block span { font-size: 15px; line-height: 1.7; }

.site-enterprise { padding: 80px 0; background: linear-gradient(to right, #fff, #eff2f8); }
.site-enterprise h2 { text-align: center; padding-bottom: 15px;}
.site-enterprise .site-enterprise__description { text-align: center; color: #001F55; font-size: 20px; font-weight: bold; margin-bottom: 50px;}
.site-enterprise .enterprise-content .slick-wrapper { width: 100%; display: none; flex-wrap: wrap; }
.site-enterprise .enterprise-content .slick-wrapper.slick-slider { display: block; }
.site-enterprise .enterprise-content .slick-wrapper .slick-list { overflow: visible; }
.site-enterprise .enterprise-content .slick-wrapper .slick-slide { width: 285px!important; max-width: 285px; margin: 10px; margin-bottom: 60px; }
.site-enterprise .enterprise-content .slick-wrapper .slick-next, .site-enterprise .enterprise-content .slick-wrapper .slick-prev { display: none; }
.site-enterprise .enterprise-content .slick-wrapper .slick-dots { bottom: -30px; }
.site-enterprise .enterprise-content .slick-wrapper .slick-dots li button:before { color: #c1c1c1; }
.site-enterprise .enterprise-content .slick-wrapper .slick-dots li.slick-active button:before { color: #1494db; }
.site-enterprise .enterprise-content .slick-wrapper .slick-slide.slick-block { width: 100%; margin: 0; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block { box-shadow: 0px 0px 10px #dfdfdf; background: #fff; padding: 10px 15px 8px; border-radius: 12px; width: 285px; margin: 10px; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .type { display: inline-block; font-size: 11.5px; color: #fff; padding: 1px 15px; line-height: 1.8; background: #1290da; max-height: 22px; border-radius: 2px; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .ttl { color: #001f55; font-size: 15px; line-height: 1.5; margin: 3px 0 -2px; padding-right: 0; font-weight: bold; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .text { font-size: 11px; color: #000; margin: 0 0 10px; font-weight: bold; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .text .link { display: block; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .text .link a { display: inline-block; font-size: 10px; border-bottom: 1px solid #1595db; line-height: 1.4; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .thumbnail { position: relative; height: 181px; margin: 0 -15px; overflow: hidden; margin-bottom: 10px; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .thumbnail img { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info { display: flex; align-items: flex-start; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info-img { width: 68px; height: 68px; border: 1px solid #d9e1ef; border-radius: 50%; background-position: top; margin-right: 15px; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info-img img { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; object-position: center; object-position: top; border-radius: 50%; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info-img .info-name { position: absolute; bottom: -25px; width: calc(100% + 20px); margin-left: -10px; font-size: 13px; color: #001f55; font-weight: bold; text-align: center; z-index: 2; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info-text { margin-top: 4px; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info-top { font-size: 15px; font-weight: bold; line-height: 1.8; color: #001f55; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info-top span { margin-left: 0; box-shadow: inset 0px -8px #ffe61f; }
.site-enterprise .enterprise-content .slick-wrapper .slick-block .info-bottom { font-size: 11.5px; color: #001f55; font-weight: bold; line-height: 1.6; }
.site-enterprise .enterprise-btn { padding: 30px 0; }
.site-enterprise .enterprise-btn .btn { margin: auto; }

.site-flow .flow-step { display: flex; justify-content: space-between; padding-top: 50px; }
.site-flow .flow-step .step-block { max-width: 30%; transition: 0.3s; padding: 20px 40px; border-radius: 10px; overflow: hidden; }
.site-flow .flow-step .step-block > div { display: flex; flex-direction: column; justify-content: center; }
.site-flow .flow-step .step-block > div div.ttl { display: flex; flex-direction: column; justify-content: center; }
.site-flow .flow-step .step-block .img { max-width: 220px; max-height: 150px; height: 150px; margin: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
.site-flow .flow-step .step-block .img img { width: 100%; margin: auto; }
.site-flow .flow-step .step-block .step { max-width: fit-content; margin: auto; text-align: center; background: #001f55; color: #fff; padding: 3px 50px 5px; border-radius: 10px; }
.site-flow .flow-step .step-block h3 { text-align: center; font-size: 16px; margin: 15px 0 7px; }
.site-flow .flow-step .step-block .txt { font-size: 15px; color: #000; }
.site-flow .flow-step .step-block.hovercss { transform: scale(1.05); box-shadow: 3px 3px 20px #dfdfdf; position: relative; }
.site-flow .flow-step .step-block.hovercss:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #cdddeb; }
.site-flow .flow-step .step-block.hovercss:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 45%; height: 10px; background: linear-gradient(to right, #30bedc, #41d8dd); }
.site-flow .flow-need { width: 90%; margin: 60px auto; position: relative; z-index: 2; }
.site-flow .flow-need .need-inner { box-shadow: 3px 3px 20px #dfdfdf; padding: 10px 60px; background: #fff; }
.site-flow .flow-need h3.ttl { color: #1494db; font-size: 26px; text-align: center; padding: 20px 0; border-bottom: 1px solid #e0e0e0; }
.site-flow .flow-need h3.ttl em { font-style: normal; white-space: nowrap; }
.site-flow .flow-need .need-content { padding: 30px 0; display: flex; align-items: center; justify-content: center; }
.site-flow .flow-need .need-content div { padding: 0 30px; display: flex; align-items: center; line-height: 1; }
.site-flow .flow-need .need-content div img { max-width: 45px; max-height: 35px; margin-right: 8px; }
.site-flow .flow-need .need-content div span { padding: 0 0 3px; font-size: 22px; font-weight: bold; color: #001f55; }
.site-flow .flow-need:before { content: ""; display: block; position: absolute; left: -10%; bottom: -50px; width: 300px; height: 170px; background: url(./images/index/result-after.png) 0 0/28px 28px repeat; z-index: -1; }
.site-flow .flow-banner { margin: 100px 0; display: flex; }
.site-flow .flow-banner .banner-left { padding: 40px 20px 40px 40px; width: 65%; background: #3099d3; color: #fff; }
.site-flow .flow-banner .banner-left h3 { font-size: 26px; line-height: 1.3; text-align: center; padding: 5px 0; border-top: 1px solid #ffF; border-bottom: 1px solid #ffF; color: #fff; }
.site-flow .flow-banner .banner-left .flow-info { display: flex; justify-content: space-between; margin: 20px 0; }
.site-flow .flow-banner .banner-left .flow-info .info-left { font-weight: bold; font-size: 26px; line-height: 1.3; }
.site-flow .flow-banner .banner-left .flow-info .info-left span { font-size: 34px; color: #ffe61f; letter-spacing: 2px; font-family: 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.site-flow .flow-banner .banner-left .flow-info a.tel { background: #1494db; display: flex; color: #ffe61f; padding: 10px 30px; }
.site-flow .flow-banner .banner-left .flow-info a.tel svg { width: 50px; max-height: 50px; }
.site-flow .flow-banner .banner-left .flow-info a.tel span { font-size: 43px; line-height: 1; white-space: nowrap; }
.site-flow .flow-banner .banner-left .flow-info a.tel span em { display: block; font-style: inherit; font-size: 15px; color: #c1dff0; line-height: 1; font-family: 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.site-flow .flow-banner .banner-left .tip { text-align: center; font-size: 15px; }
.site-flow .flow-banner .banner-right { padding: 30px 20px; width: 35%; background: #1494db; display: flex; justify-content: center; align-items: center; }
.site-flow .flow-banner .banner-right > div { width: 100%; }
.site-flow .flow-banner .banner-right a.btn, .site-flow .flow-banner .banner-right input.btn { max-width: 100%; width: 100%; margin: 20px auto; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.site-flow .flow-banner .banner-right a.btn img, .site-flow .flow-banner .banner-right input.btn img { max-width: 30px; max-height: 30px; margin-right: 10px; }

.site-information { background: linear-gradient(to right, #fff, #eff2f8); }
.site-information .information-content { padding: 80px 0; }
.site-information .information-content > div { display: flex; flex-wrap: wrap; border-bottom: 1px solid #e0e0e0; }
.site-information .information-content .information-block { width: calc((100% - 4px) / 3); border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; position: relative; padding: 30px 20px; transition: 0.3s; }
.site-information .information-content .information-block:nth-child(3n) { border-right: 1px solid #e0e0e0; }
.site-information .information-content .information-block img { max-width: 50px; max-height: 50px; margin-bottom: 10px; }
.site-information .information-content .information-block h4 { color: #001f55; font-size: 22px; }
.site-information .information-content .information-block svg { width: 25px; height: 25px; color: #1494db; }
.site-information .information-content .information-block span { text-transform: uppercase; position: absolute; bottom: 30px; left: 15px; font-size: 56px; color: #001f55; font-weight: bold; opacity: 0.1; line-height: 1; }
.site-information .information-content .information-block.hovercss { transform: scale(1.02); box-shadow: 3px 3px 20px #dfdfdf; position: relative; z-index: 2; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; background: #f8f9fc; }
.site-information .information-content .information-block.hovercss:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #cdddeb; }
.site-information .information-content .information-block.hovercss:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 45%; height: 10px; background: linear-gradient(to right, #30bedc, #41d8dd); }

.site-service { padding: 80px 0; position: relative; z-index: 2; }
.site-service:before { content: ""; display: block; position: absolute; top: -5px; right: 0; width: 75%; height: 100%; background: url(./images/index/service-before.png) right top/contain no-repeat; z-index: -1; }
.site-service .site-ttl { text-align: center; }
.site-service .row { margin-bottom: 40px; display: flex; justify-content: space-between; }
.site-service .row > div { margin-right: 30px; padding: 40px 20px; position: relative; overflow: hidden; border-radius: 10px; transition: 0.3s; box-shadow: 3px 3px 20px #dfdfdf; }
.site-service .row > div .s-ttl { font-size: 14px; color: #1494db; line-height: 1.3; font-weight: bold; }
.site-service .row > div .ttl { color: #001f55; margin: 10px 0 20px; font-size: 30px; line-height: 1.3; font-weight: bold; }
.site-service .row > div .ttl span { font-size: 24px; }
.site-service .row > div a.btn, .site-service .row > div input.btn.no-svg { padding: 7px 25px; font-size: 20px; }
.site-service .row > div img { position: absolute; right: -5px; bottom: -5px; z-index: -1; }
.site-service .row > div:last-child { margin-right: 0; }
.site-service .row > div:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: #cdddeb; }
.site-service .row > div:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 45%; height: 10px; background: linear-gradient(to right, #30bedc, #41d8dd); }
.site-service .row > div:hover { transform: scale(1.03); }
.site-service .row.flex-2 > div { width: calc((100% - 30px) / 2); }
.site-service .row.flex-2 > div img { width: 120px; min-height: 100px; }
.site-service .row.flex-3 > div { width: calc((100% - 60px) / 3); }
.site-service .row.flex-3 > div img { width: 100px; min-height: 80px; }
.site-service .row.flex-3 > div .ttl { font-size: 28px; }
.site-service .row.flex-3 > div .ttl span { font-size: 22px; }

.site-qa { background: linear-gradient(to right, #fff, #eff2f8); }
.site-qa .inner { max-width: 980px; }
.site-qa .qa-content { padding: 80px 0 40px; }
.site-qa .qa-content dl { padding: 10px 20px; position: relative; border-top: 1px solid #e0e0e0; }
.site-qa .qa-content dl:after { border-bottom: 1px solid #e0e0e0; }
.site-qa .qa-content dt { position: relative; padding: 20px 40px; font-size: 18px; color: #333; }
.site-qa .qa-content dt:before { content: 'Q.'; display: block; white-space: nowrap; width: 30px; max-height: 50px; position: absolute; left: 0; top: 13px; font-size: 40px; line-height: 40px; font-weight: bold; font-family: "Saira Semi Condensed", 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; background: linear-gradient(to right, #138cdb, #3fd5dd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #1494db; }
.site-qa .qa-content dt:after { content: '+'; display: inline-block; position: absolute; right: 20px; top: -4px; font-size: 40px; font-weight: bold; transition: 0.3s; font-family: "Saira Semi Condensed", 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; color: #1494db; }
.site-qa .qa-content dt.rotate:after { transform: rotate(45deg); }
.site-qa .qa-content dd { display: none; position: relative; padding: 10px 0; padding-left: 60px; font-size: 16px; color: #333; border-bottom: none;}
.site-qa .qa-content dd:before { content: 'A.'; display: block; white-space: nowrap; width: 30px; max-height: 50px; position: absolute; left: 20px; top: 5px; font-size: 40px; line-height: 40px; font-weight: bold; font-family: "Saira Semi Condensed", 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; background: linear-gradient(to right, #138cdb, #3fd5dd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #1494db; }
.site-qa .qa-content.ie-dl dt:before { background: transparent; }
.site-qa .qa-content.ie-dl dd:before { background: transparent; }
.site-qa .qa-step { display: flex; }
.site-qa .qa-step > a { display: flex; align-items: center; justify-content: space-between; width: calc(100% / 4); padding: 30px 20px; border: 1px solid #e0e0e0; border-right: 0; }
.site-qa .qa-step > a:last-child { border-right: 1px solid #e0e0e0; }
.site-qa .qa-step svg { width: 25px; height: 25px; color: #1494db; margin-left: 20px; }
.site-qa .qa-step .text { font-size: 22px; font-weight: bold; color: #001f55; line-height: 1.3; }
.site-qa .qa-step .text span { font-size: 16px; }
.site-qa .qa-btn { padding: 40px 0 80px; }
.site-qa .qa-btn a.btn, .site-qa .qa-btn input.btn { margin: 0 auto; }

.site-article { padding: 80px 0; }
.site-article .site-ttl { text-align: center; }
.site-article .article-content .ttl { display: flex; justify-content: center; align-items: center; }
.site-article .article-content .ttl h3 { color: #001f55; position: relative; display: inline-block; font-size: 24px; }
.site-article .article-content .ttl h3:before { content: ""; display: block; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); width: 30px; height: 1px; background-color: #cccccc; }
.site-article .article-content .ttl h3:after { content: ""; display: block; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); width: 30px; height: 1px; background-color: #cccccc; }
.site-article .article-content .article-block { display: flex; margin: 30px 0 40px; }
.site-article .article-content .article-block .normalmove:nth-child(2) { transition-delay: 0.2s; }
.site-article .article-content .article-block .normalmove:nth-child(3) { transition-delay: 0.3s; }
.site-article .article-content .article-block .normalmove:nth-child(4) { transition-delay: 0.4s; }
.site-article .article-content .article-block article { width: calc((100% - 60px) / 4); box-shadow: 3px 3px 20px #dfdfdf; margin-right: 20px; border-radius: 10px; overflow: hidden; }
.site-article .article-content .article-block article:last-child { margin-right: 0; }
.site-article .article-content .article-block article > .hasbg { width: 100%; min-height: 200px; height: 200px; display: block; overflow: hidden; }
.site-article .article-content .article-block article > .hasbg img { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; object-position: center; transition: 0.5s; }
.site-article .article-content .article-block article > .hasbg:hover img { transform: scale(1.1); }
.site-article .article-content .article-block .text { padding: 10px 20px; }
.site-article .article-content .article-block .text p.title { font-size: 16px; color: #000000; font-weight: bold; }
.site-article .article-content .article-block .text .content { font-size: 14px; line-height: 1.5; margin: 5px 0 10px; }
.site-article .article-content .article-block .text .tags { display: flex; flex-wrap: wrap; align-items: self-start; margin-bottom: 10px; }
.site-article .article-content .article-block .text .tags a { padding: 0 5px; line-height: 1.8; font-size: 12px; color: #001f55; margin-right: 5px; margin-bottom: 5px; max-height: 22px; background: #d7d7d7; }
.site-article .article-content .article-block .text .author { display: flex; }
.site-article .article-content .article-block .text .author .hasbg { width: 50px; height: 50px; border: 3px solid #e9f0f8; border-radius: 50%; overflow: hidden; }
.site-article .article-content .article-block .text .author .hasbg img { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; object-position: center; }
.site-article .article-content .article-block .text .author .txt span { display: block; margin: 5px 10px; line-height: 1.3; font-size: 12px; }
.site-article .article-content .article-block .text .author .txt span.name { color: #000; }
.site-article .article-content .article-block .text .author .txt span.date { color: #000000; font-weight: bold; }
.site-article .button { display: flex; justify-content: flex-end; }

.site-news { padding: 80px 0; }
/*.site-news .inner { display: flex; justify-content: space-between; align-items: center; }
.site-news .news-left { width: 55%; }*/
.site-news .news-left .ttl { display: flex; justify-content: space-between; align-items: center; }
.site-news .news-left .ttl .site-ttl { padding-bottom: 0; }
.site-news .news-left .news-content { margin: 40px 0; }
.site-news .news-left .news-content > div { padding: 15px 20px; position: relative; display: flex; border-bottom: 1px solid #d7d7d7; }
.site-news .news-left .news-content > div:first-child { border-top: 1px solid #d7d7d7; }
.site-news .news-left .news-content > div:after { content: ""; display: block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 10px; background: url(images/index/arrow-right.png) 100%/contain no-repeat; }
.site-news .news-left .news-content > div:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; top: 0; width: 0; min-height: 2px; background: linear-gradient(to right, rgba(19, 140, 219, 0.1), rgba(63, 213, 221, 0.1)); transition: 0.5s; z-index: -1; }
.site-news .news-left .news-content > div:hover:before { width: 100%; }
.site-news .news-left .news-content .post-date { color: #808080; font-size: 14px; white-space: nowrap; min-width: 100px; }
.site-news .news-left .news-content .post-title { color: #333; font-size: 15px; font-weight: bold; padding: 0 15px; padding-left: 30px; width: 100%; }
.site-news .news-left .news-content .post-title a { color: #333; text-decoration: underline; }
/*.site-news .news-right { width: 45%; display: flex; justify-content: flex-end; align-items: center; }*/
.site-news .news-right .news-card { padding: 20px 40px; padding-bottom: 60px; box-shadow: 3px 3px 20px #dfdfdf; width: 460px; position: relative; border-radius: 10px; overflow: hidden; z-index: 2; display: block; }
.site-news .news-right .news-card .card1 { display: flex; align-items: center; }
.site-news .news-right .news-card .card1 img { max-width: 50px; max-height: 60px; }
.site-news .news-right .news-card .card1 div { padding-left: 10px; color: #1494db; font-size: 40px; font-weight: bold; }
.site-news .news-right .news-card .card1 div span { font-size: 28px; font-weight: 500; }
.site-news .news-right .news-card .card2 { font-size: 15px; color: #001f55; font-weight: 500; line-height: 1.5; margin: 5px 0 10px; }
.site-news .news-right .news-card .card2 span { font-weight: bold; font-size: 18px; }
.site-news .news-right .news-card .card3 { color: #001f55; font-weight: bold; font-size: 35px; line-height: 1.4; }
.site-news .news-right .news-card .card4 { position: absolute; bottom: 0; left: 0; padding: 5px 20px; background: #001f55; color: #fff; border-top-right-radius: 10px; display: flex; align-items: center; transition: 0.3s; cursor: pointer; font-weight: bold; font-size: 18px; }
.site-news .news-right .news-card .card4 svg { margin-left: 20px; width: 20px; height: 20px; }
.site-news .news-right .news-card .card4:hover { opacity: 0.9; }
.site-news .news-right .news-card:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(images/index/news-card.jpg) 100%/cover no-repeat; z-index: -1; }

/* bottomcta */
.pamphlet-card1 span { background-color: #ff9; }
.pamphlet-card1 { text-align: center; color: #42423e; font-weight: bold; flex-flow: wrap; align-items: center; }
.site-news.btm_cta .inner, a.pamphlet-card { display: flex; }
a.pamphlet-card img { align-items: center; box-shadow: 3px 3px 20px #dfdfdf; border-radius: 10px; }
.site-news.btm_cta .inner { column-gap: 1rem; justify-content: center;}
.pamphlet-card1 { padding-right: 16px; }
.pamphlet-card1 p.btn { background: linear-gradient(to right, #138cdb, #3fd5dd); margin: 1rem 1rem auto; border-radius: 999px; padding: 8px; color: #FFF; width: 80%; display: inline-block; }
.pamphlet-card1 img.p_icon { width: 16px!Important; height: 16px!Important; margin-right: 4px; }
@media only screen and (min-width: 769px) {
	a.pamphlet-card img:last-child { height: 292px; }
	a.pamphlet-card { margin-right: 1rem; height: 292px; }
	.pamphlet-card1 p.big { font-size: 47px; line-height: 1; }
	.pamphlet-card1 img { width: 80%!important; text-align: center; display: inline; }
}
@media only screen and (max-width: 768px) {
	a.pamphlet-card img:last-child { width: 40%; }
	.pamphlet-card1 p.big { font-size: 24px; }
	.pamphlet-card1 span { font-size: 12px; }
	.bcta-left.normalmove.normalanimate { margin: 1rem 0; }
	a#bottomPamphlet img { width: 100%;}
}

/* common */
.common-service { margin: 80px 0; }
.common-service .service-content { display: flex; flex-wrap: wrap; margin: 40px 0; border: 1px solid #dbdbdb; }
.common-service .service-content .content-inner { position: relative; width: calc(100% / 3); padding: 20px; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; overflow: hidden; }
.common-service .service-content .content-inner:after { content: ""; display: block; position: absolute; right: -7px; bottom: -7px; width: 15px; height: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #1494db; }
.common-service .service-content .content-inner:nth-child(3n) { border-right: 0; }
.common-service .service-content .content-inner:nth-last-child(1), .common-service .service-content .content-inner:nth-last-child(2), .common-service .service-content .content-inner:nth-last-child(3) { border-bottom: 0; }
.common-service .service-content .content-inner span { display: block; font-weight: bold; text-align: center; line-height: 1.3; }
.common-service .service-content .content-inner span.en { text-transform: uppercase; color: #1494db; font-size: 13px; }
.common-service .service-content .content-inner span.jp { color: #001f55; font-size: 18px; margin-top: 7px; }
.common-service br { display: none; }

.common-interview { margin: 80px 0; }
.common-interview .interview-banner { margin: 60px auto; width: 85%; padding: 40px 80px; position: relative; background: #91d4f5; border-radius: 15px; overflow: hidden; z-index: 2; }
.common-interview .interview-banner .text { text-transform: uppercase; font-size: 18px; color: #fff; padding: 15px 10px; }
.common-interview .interview-banner:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(./images/qa/interview-banner1.jpg) right center/cover no-repeat; z-index: -1; }

.common-table .table { border-collapse: collapse; width: 100%; max-width: 780px; margin: 40px auto 0; }
.common-table .table tr { width: 100%; }
.common-table .table tr td:first-child { white-space: nowrap; font-size: 16px; font-weight: bold; text-align: left !important; }
.common-table .table tr td:nth-child(2) { border-left: 3px solid #d0242b; border-right: 3px solid #d0242b; }
.common-table .table tr:first-child td { padding-top: 30px; }
.common-table .table tr:nth-child(2) td { padding-top: 40px; }
.common-table .table tr:last-child td:nth-child(2) { border-bottom: 3px solid #d0242b; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.common-table .table tr:nth-last-child(1) td, .common-table .table tr:nth-last-child(2) td { text-align: left !important; }
.common-table .table th { border: 1px solid #e4e4e4; font-size: 16px; background: #e4e4e4; padding: 10px 15px; text-align: center; }
.common-table .table th:nth-child(1) { background: none; border: 0; }
.common-table .table th:nth-child(2) { background: #d0242b; position: relative; border: 3px solid #d0242b; }
.common-table .table th:nth-child(2):before { content: ""; display: block; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background-color: #d0242b; border-top-left-radius: 15px; border-top-right-radius: 15px; width: calc(100% + 6px); height: 20px; border: 3px solid #d0242b; }
.common-table .table th:nth-child(2):after { content: ""; display: block; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: calc(100% + 6px); height: 30px; background: url(./images/qa/table.png) top center/contain no-repeat; }
.common-table .table th img { max-width: 140px; margin: auto; }
.common-table .table td { border: 1px solid #e4e4e4; font-size: 16px; padding: 15px 15px; max-width: 200px; text-align: center; }
.common-table .table td .red { color: #d0242b; }
.common-table .table td .bold { font-weight: bold; }
.common-table .table td .yellow { color: #001f55; position: relative; z-index: 2; box-shadow: inset 0px -8px #ffe61f; }
.common-table .table td ul { border: 0; padding-left: 0; }
.common-table .table td li { list-style: none; position: relative; line-height: 1.5; padding: 2px 0; padding-left: 10px !important; border: 0; }
.common-table .table td li:before { content: ""; display: block; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #000000; }

.common-interview1 { margin: 40px 0; }
.common-interview1 .interview-banner1 .banner1 { max-width: 85%; margin: auto; text-align: center; position: relative; padding: 15px 20px; border-radius: 15px; font-size: 30px; color: #fff; background-color: #1494db; line-height: 1.3; font-weight: bold; }
.common-interview1 .interview-banner1 .banner1 span { letter-spacing: 1px; color: #ffff3c; font-family: din-condensed, 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.common-interview1 .interview-banner1 .banner1 em { font-style: normal; font-size: 40px; line-height: 1; display: inline-block; transform: translateY(3px); }
.common-interview1 .interview-banner1 .banner1 em.num { transform: translateY(3px); }
.common-interview1 .interview-banner1 .banner1:after { content: ""; display: block; position: absolute; left: 50%; bottom: -7px; width: 15px; height: 15px; transform: translateX(-50%) rotate(45deg); background: #1494db; }
.common-interview1 .interview-banner1 img { width: 90%; max-width: 650px; margin: 20px auto; }
.common-interview1 .interview-banner2 { display: flex; width: 100%; max-width: 780px; margin: 40px auto 0; }
.common-interview1 .interview-banner2 .banner2-left { width: 50%; background: #ffff00; padding: 50px 20px; display: flex; justify-content: flex-end; }
.common-interview1 .interview-banner2 .banner2-left div.txt { font-size: 22px; color: #001f55; font-weight: bold; margin-bottom: 10px; line-height: 1.5; }
.common-interview1 .interview-banner2 .banner2-left a.tel { color: #001f55; font-weight: 600; display: flex; align-items: center; }
.common-interview1 .interview-banner2 .banner2-left a.tel .tel-left svg { width: 50px; max-height: 50px; background: #fff; padding: 0; margin-bottom: 5px; }
.common-interview1 .interview-banner2 .banner2-left a.tel .tel-left img { width: 100%; max-width: 50px; height: auto; }
.common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span { white-space: nowrap; display: block; }
.common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.num { font-size: 34px; font-weight: 600; line-height: 1; margin: 0px; padding: 0px; }
.common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.time { color: #000000; margin-left: 10px; font-weight: 500; font-size: 14px; }
.common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span em { font-style: normal; font-weight: 600; }
.common-interview1 .interview-banner2 .banner2-right { width: 50%; padding: 20px; background: #1595db; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.common-interview1 .interview-banner2 .banner2-right div { color: #fff; font-size: 24px; margin-bottom: 15px; }
.common-interview1 .interview-banner2 .banner2-right a.btn, .common-interview1 .interview-banner2 .banner2-right input.btn { width: 100%; padding: 15px 20px; line-height: 1; background: #e40000; font-size: 17px; }

.breadcrumbs { width: 100%; max-width: 1080px; margin: 0 auto 20px; font-size: 13px; padding: 10px 20px div; padding-display: flex; padding-align-items: center; }
.breadcrumbs a, .breadcrumbs span { color: #1494db; }
.breadcrumbs svg { color: #001f55; width: 12px; height: 12px; margin: 0 3px; }

/* page */
.page-wrapper .page-inner-1080 { width: 100%; max-width: 1080px; margin: auto; }
.page-wrapper .page-ttl { font-size: 26px; font-weight: 100; text-align: center; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; line-height: 1.5; padding: 10px 20px; color: #333; }

.page-qa .qa-problem { margin: 40px 0; }
.page-qa .qa-problem .qa-problem-link { display: flex; }
.page-qa .qa-problem .qa-problem-link a { width: calc(100% / 4); border: 1px solid #dbdbdb; border-right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 20px; text-align: center; color: #000000; font-weight: bold; line-height: 1.3; padding-bottom: 40px; position: relative; }
.page-qa .qa-problem .qa-problem-link a:last-child { border: 1px solid #dbdbdb; }
.page-qa .qa-problem .qa-problem-link a span { display: block; }
.page-qa .qa-problem .qa-problem-link a:after { content: ""; display: block; width: 13px; height: 13px; max-height: 40px; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); background-image: url(./images/chevron-down-solid.svg); background-size: contain; background-position: center; }
.page-qa .qa-problem .qa-problem-block { padding: 60px 0 0; }
.page-qa .qa-problem .qa-problem-block .qa-content { margin: 40px 0 0; padding: 0 10px; display: flex; justify-content: space-between; flex-wrap: wrap; border: 1px solid #e0e0e0; border-radius: 15px; }
.page-qa .qa-problem .qa-problem-block .qa-content dl { width: calc((100% - 20px)/ 2); padding: 10px 20px; position: relative; border-bottom: 1px solid #e0e0e0; }
.page-qa .qa-problem .qa-problem-block .qa-content dl:nth-last-child(2), .page-qa .qa-problem .qa-problem-block .qa-content dl:last-child { border-bottom: 0; }
.page-qa .qa-problem .qa-problem-block .qa-content dt { position: relative; padding: 20px 47px; color: #333; }
.page-qa .qa-problem .qa-problem-block .qa-content dt:before { content: 'Q.'; display: block; white-space: nowrap; width: 30px; max-height: 50px; position: absolute; left: 0; top: 13px; font-size: 40px; line-height: 40px; font-weight: bold; font-family: "Saira Semi Condensed", 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; background: linear-gradient(to right, #138cdb, #3fd5dd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #1494db; }
.page-qa .qa-problem .qa-problem-block .qa-content dt:after { content: '+'; display: inline-block; position: absolute; right: 20px; top: -4px; font-size: 40px; font-weight: bold; transition: 0.3s; font-family: "Saira Semi Condensed", 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; color: #1494db; }
.page-qa .qa-problem .qa-problem-block .qa-content dt.rotate:after { transform: rotate(45deg); }
.page-qa .qa-problem .qa-problem-block .qa-content dd { display: none; position: relative; padding: 10px 0; padding-left: 60px; color: #878685; }
.page-qa .qa-problem .qa-problem-block .qa-content dd a.btn, .page-qa .qa-problem .qa-problem-block .qa-content dd input.btn { font-size: 15px; margin-top: 10px; padding: 5px 20px; }
.page-qa .qa-problem .qa-problem-block .qa-content dd ul li { padding-left: 10px; position: relative; }
.page-qa .qa-problem .qa-problem-block .qa-content dd ul li:before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 5px; border-radius: 50%; background: #000000; }
.page-qa .qa-problem .qa-problem-block .qa-content dd:before { content: 'A.'; display: block; white-space: nowrap; width: 30px; max-height: 50px; position: absolute; left: 20px; top: 5px; font-size: 40px; line-height: 40px; font-weight: bold; font-family: "Saira Semi Condensed", 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; background: linear-gradient(to right, #138cdb, #3fd5dd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #1494db; }
.page-qa .qa-problem .qa-problem-block .qa-content.ie-dl dt:before { background: transparent; }
.page-qa .qa-problem .qa-problem-block .qa-content.ie-dl dd:before { background: transparent; }
.page-qa .common-service { margin: 80px 0; }

.page-about .staff-content { margin: 40px 0; display: flex; justify-content: space-between; align-items: center; }
.page-about .staff-content .pic { width: 50%; border-radius: 20px; overflow: hidden; }
.page-about .staff-content .pic img { max-width: 100%; width: 100%; }
.page-about .staff-content .text { width: 50%; padding: 20px 0 20px 40px; font-size: 16px; line-height: 1.7; color: #333333; }
.page-about .staff-content .text .txt span { display: block; margin: 20px 0; }
.page-about .staff-content .text .name { margin-top: 40px; text-align: right; font-size: 14px; }
.page-about .staff-content .text .name span { font-weight: bold; font-size: 20px; margin-left: 20px; }
.page-about .about-idea { margin: 80px 0; }
.page-about .about-idea .idea-content { margin: 40px 0; display: flex; justify-content: space-between; }
.page-about .about-idea .idea-content .idea-block { width: calc((100% - 40px) / 2); padding: 40px 20px; box-shadow: 3px 3px 10px #dbdbdb; border-radius: 20px; text-align: center; font-size: 15px; line-height: 1.8; font-weight: bold; display: flex; justify-content: center; align-items: center; position: relative; color: #333333; }
.page-about .about-idea .idea-content .idea-block span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 130px; font-weight: bold; opacity: 0.1; }
.page-about .about-office { margin: 80px 0; }
.page-about .about-office .office-content { margin: 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.page-about .about-office .office-content .hasbg { width: calc((100% - 40px) / 2); margin-bottom: 30px; height: 300px; min-height: 300px; max-height: 300px; border-radius: 20px; overflow: hidden; }
.page-about .about-office .office-content .hasbg img { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; object-position: center; }
.page-about .about-company { margin: 80px 0; }
.page-about .about-company .company-content { margin: 40px 0; border: 1px solid #e0e0e0; border-radius: 20px; overflow: hidden; }
.page-about .about-company .company-content dl { display: flex; border-bottom: 1px solid #e0e0e0; }
.page-about .about-company .company-content dl:last-child { border-bottom: 0; }
.page-about .about-company .company-content dt { min-width: 240px; padding: 15px 40px; background: #f5f5f5; font-size: 15px; font-weight: bold; color: #333333; }
.page-about .about-company .company-content dd { padding: 15px 40px; font-size: 14px; color: #333333; line-height: 1.8; }
.page-about .about-company .company-content dd a { color: #1494db; text-decoration: underline; }
.page-about .about-company .company-content dd span { display: block; font-weight: bold; }
.page-about .about-company .company-content dd div:nth-child(1) { margin-bottom: 10px; }
.page-about .about-company .company-content dd em { font-style: normal; padding-right: 40px; }

.wpcf7 form .wpcf7-response-output {border: none!important;}
.page-procurement .procurement-content { max-width: 85%; margin: auto; }
.page-procurement .procurement-content .banner1 { margin: 40px 0; display: none; }
.page-procurement .procurement-content .banner1 img { width: 100%; }
.page-procurement .procurement-content .banner2 { display: flex; box-shadow: 3px 3px 10px #dbdbdb; }
.page-procurement .procurement-content .banner2 .tel-txt { width: 50%; font-size: 14px; padding: 20px 15px; line-height: 1.5; background: #f2f2f2; display: flex; justify-content: center; align-items: center; line-height: 1.5; color: #666666; }
.page-procurement .procurement-content .banner2 .tel-txt span { font-weight: bold; display: block; color: #1494db; margin-bottom: 8px; font-size: 26px; }
.page-procurement .procurement-content .banner2 .tel-num { background: #fafafa; width: 50%; display: flex; justify-content: center; align-items: center; }
.page-procurement .procurement-content .banner2 .tel-num .tel .tel-top { display: flex; align-items: center; }
.page-procurement .procurement-content .banner2 .tel-num .tel .tel-top svg { width: 50px; max-height: 40px; }
.page-procurement .procurement-content .banner2 .tel-num .tel .tel-top span { font-size: 42px; line-height: 1; font-family: 'Istok Web', 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; letter-spacing: -1px; }
.page-procurement .procurement-content .banner2 .tel-num .tel .tel-bottom { display: flex; align-items: center; color: #000000; }
.page-procurement .procurement-content .banner2 .tel-num .tel .tel-bottom img { width: 100%; max-width: 50px; height: auto; }
.page-procurement .procurement-content .banner2 .tel-num .tel .tel-bottom em { color: #000000; margin-left: 10px; font-weight: 500; font-size: 13px; line-height: 1; font-family: 'Istok Web', 'Noto Sans JP', 'Saira Semi Condensed', "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.page-procurement .procurement-content .procurement-contact { margin: 40px 0; }
.page-procurement .procurement-content .procurement-contact h3.ttl { text-align: center; font-size: 24px; color: #404040; border-left: none; padding-left: 0; }
.page-procurement .procurement-content .procurement-contact .text { margin: 10px 0; color: #404040; text-align: center; font-size: 20px; }
.page-procurement .procurement-content .procurement-contact .text span { box-shadow: inset 0 -10px #ffe61f; }
.page-procurement .procurement-content .procurement-contact .contact-content { margin: 20px auto 40px; }
.page-procurement .procurement-content .procurement-contact .contact-content dl { padding: 5px 0; }
.page-procurement .procurement-content .procurement-contact .contact-content dt { font-size: 17px; color: #262626; padding-left: 15px; line-height: 1.5; position: relative; font-weight: bold; }
.page-procurement .procurement-content .procurement-contact .contact-content dt:before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 90%; background: #1494db; }
.page-procurement .procurement-content .procurement-contact .contact-content dt span { font-weight: 100; color: #666666; font-size: 12px; padding-left: 20px; }
.page-procurement .procurement-content .procurement-contact .contact-content dd { margin-top: 0; border-bottom: none !important; }
.page-procurement .procurement-content .procurement-contact .contact-content dd input, .page-procurement .procurement-content .procurement-contact .contact-content dd select, .page-procurement .procurement-content .procurement-contact .contact-content dd textarea { padding: 10px 20px; border: 1px solid #dfdfdf; background: #f7f7f7; border-radius: 10px; font-size: 14px; width: 100%; }
.page-procurement .procurement-content .procurement-contact .contact-content dd .select { color: #666666; }
.page-procurement .procurement-content .procurement-contact .contact-content dd.two-input,
.page-procurement .procurement-content .procurement-contact .contact-content dd.two-input p{display: flex;}
.page-procurement .procurement-content .procurement-contact .contact-content dd.two-input input { width: 98%; margin-right: 30px; }
.page-procurement .procurement-content .procurement-contact .contact-content .contact-btn { margin: 20px 0; }
.page-procurement .procurement-content .procurement-contact .contact-content .contact-btn input.btn { display: block; margin: auto; }
.page-procurement .procurement-content .procurement-contact .contact-content p{padding: 0!important;text-align: left;}
.page-procurement .procurement-content .procurement-contact .contact-content p.contact-policy {text-align: center;}
.formBox .contact-content {margin-top: 15px;}
.formBox .contact-content p {padding: 0!important;}
.page figure.single_thumbnail { display: none; }
main#single-main h2 { font-size: 24px !important; font-weight: 600 !important; text-align: left !important; border-top: 1px solid #1595db !important; border-bottom: 1px solid #1595db !important; line-height: 1.5 !important; padding: 10px 20px !important; margin: 20px auto !important; color: #1595db !important; background: none !important; }
main#single-main h4 { font-size: 20px !important; }
main#single-main h4 { font-size: 18px !important; padding-left: 0; color: #1595db; border-bottom: solid 1px #ccc; }
main#single-main .single-before-ttl { box-shadow: rgba(150, 150, 150, 0.2) 0px 0px 5px; margin-bottom: 30px; }
main#single-main .single-before-ttl .single-before-ttl-top { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 40px; border-bottom: 3px solid #1595db; }
main#single-main .single-before-ttl .single-before-ttl-top .cat { color: #1595db; font-size: 16px; }
main#single-main .single-before-ttl .single-before-ttl-top .ttl { font-size: 34px; color: #1595db; margin-top: 10px; font-weight: bold; line-height: 1.4; width: 100%; text-align: center; }
main#single-main .single-before-ttl .single-before-ttl-bottom { padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; }
main#single-main .single-before-ttl .single-before-ttl-bottom div { max-width: 35%; }
main#single-main .single-before-ttl .single-before-ttl-bottom div img { width: 100%; max-width: 100%; padding-right: 20px; }
main#single-main .single-before-ttl .single-before-ttl-bottom span { display: block; font-size: 14px; line-height: 1; color: white; text-align: center; white-space: nowrap; background: #1595db; padding: 7px 20px; }
main#single-main .single-before-ttl .single-before-ttl-bottom span em { font-style: normal; white-space: nowrap; }
main#single-main ul li {position: relative;}
main#single-main ul:not(.diver_rel_kiji):not(ul.newpost_list.inline-nospace) li::before {content: '';width: 13px;height: 5px;position: absolute;left: -19px;top: 11px;border-radius: 10px;background-color: #1295d9;}

@media (max-width: 750px) { main#single-main h2 { font-size: 23px !important; } }
#diver_widget_newpost-4 ul { border: 0; }
#diver_widget_newpost-4 ul li { padding: 10px 0 50px !important; box-shadow: 3px 3px 20px #dfdfdf; margin: 10px 0; border-radius: 20px; position: relative; }
#diver_widget_newpost-4 ul li a { background: #fff; border-bottom: 3px solid #1595db; }
#diver_widget_newpost-4 ul li .meta { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 100%; }
#diver_widget_newpost-4 ul li .meta .post_list_title { max-width: 100%; color: #1494db; font-size: 18px !important; line-height: 1.5; }
#diver_widget_newpost-4 ul li .meta .post_list_tag { order: -1; margin-bottom: 10px; }
#diver_widget_newpost-4 ul li:before { content: ""; display: block; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 90%; height: 50px; background: url(./images/site-bar-bottom.png) 100% 100%/contain no-repeat; }

.single.single-post .article_footer .single_title, .single.single-post #comment-area .comment_title { margin-bottom: 15px; }
.single.single-post .article_footer .tag_area .tag { margin-bottom: 5px; }
.single.single-post .common-service { margin: 0; }
.single.single-post .common-interview1 a.tel span.num { letter-spacing: 0.5px; margin-bottom: 3px; }
.single.single-post h3 { margin: 2em 0 1em; }
.single.single-post div.text { font-size: 15px !important; }
.single.single-post span.num { font-size: 25px !important; }
.single.single-post .navigation { display: flex; justify-content: space-between; box-shadow: none; margin: 20px 0; }
.single.single-post .navigation li { width: 48%; border: 1px solid #dfdfdf; border-radius: 20px; overflow: hidden; }
.single.single-post #toc_container { border: solid 2px #EAEAEA; padding: 1em; }
.single.single-post #toc_container .toc_title { background: none; color: #333; font-size: 16px; }
.single.single-post #toc_container span.toc_number { background: none; color: #333; }
.single.single-post #toc_container .toc_list > li > a { font-size: 15px; }
.single.single-post .sc_frame_text > .sc_frame_wrap > .sc_frame_title { display: none !important; }
.single.single-post .sc_frame_text > .sc_frame_wrap > .sc_frame { border: 0 !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp { width: 100% !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp:first-child { position: relative; border-width: 0px !important; border-style: initial !important; border-color: initial !important; border-image: initial !important; border-radius: 20px !important; margin: 10px 0 !important; background: #f9f9f9 !important; padding: 30px 20px !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp:last-child { border: 0 !important; padding: 30px 0px !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp:last-child .sc_frame_text:nth-child(1) { padding: 5px 10px; font-size: 18px; background: #1494db; color: #fff !important; font-weight: bold; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp:last-child .sc_frame_text:nth-child(2) { line-height: 1.8 !important; padding: 0 20px; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:first-child { display: none !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .row.sp { width: initial !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .row.sp .author_title-thum { border: 3px solid #fff !important; border-radius: 50% !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .row.sp .sc_col2.padding0:last-child { margin-top: 15px !important; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .row.sp .sc_col2.padding0:last-child strong > span { display: block; line-height: 1.3; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .row.sp .sc_col2.padding0:last-child strong > span:nth-child(2) { color: #657786; font-weight: 400; font-size: 14px; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:nth-last-child(2) { line-height: 1.7 !important; margin: 10px 0 !important; color: #333; font-style: 15px; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:nth-last-child(2) > a { color: transparent; position: absolute; top: 40px; height: 25px; max-height: 25px; z-index: 2; width: 80px; right: 20px; background: url(https://bestfactor.jp/wp-content/uploads/2020/03/twitter-btn.jpg) 100% 100%/contain no-repeat; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:nth-last-child(2) > a:last-child { width: 65px; right: 110px; background: url(https://bestfactor.jp/wp-content/uploads/2020/03/note-btn.jpg) 100% 100%/contain no-repeat; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:last-child a { color: #333 !important; font-weight: bold; padding: 10px 20px; padding-right: 40px; border: 1px solid #d0d0d0; border-radius: 10px; position: relative; margin: 10px 0; display: inline-block; }
.single.single-post .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:last-child a:after { content: ">"; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 10px; height: 8px; color: #333; font-weight: bold; font-size: 17px; }
.single.single-post .voice.right .text.sc_balloon { background: #fff !important; border-radius: 10px !important; border: 0 !important; box-shadow: 0 0 10px #dfdfdf !important; font-size: 15px !important; position: relative; }
.single.single-post .voice.right .text.sc_balloon:before, .single.single-post .voice.right .text.sc_balloon:after { display: none !important; }
.single.single-post .single-post-main { padding: 0 1em !important; }
.single.single-post span.toc_toggle { font-size: 14px !important; }
.single.single-post span.toc_toggle a { color: #1595db !important; font-size: 14px !important; }
.single.single-post .badge.btag { margin-top: 12px; margin-left: -13px; border-radius: 0; z-index: 2; padding-left: 20px; background: #1595db !important; }
.single.single-post .badge.btag .beforespan { width: 15px !important; left: 0 !important; top: 20% !important; height: 90% !important; background: #1595db !important; transform: skewY(26deg) !important; border: 0 !important; }
.single.single-post .badge.btag:before, .single.single-post .badge.btag:after { display: none !important; }
.single.single-post .sc_balloon.left { margin-left: 0 !important; border: 4px solid #f3f4f6 !important; margin-bottom: 15px; }
.single.single-post .sc_balloon.left:before, .single.single-post .sc_balloon.left:after { display: none !important; }
.single.single-post .post-description p:first-child { color: #657786 !important; margin-bottom: 10px !important; }
.single.single-post .post-description p:first-child strong { color: #657786 !important; font-weight: 400 !important; margin-right: 10px !important; }
.single.single-post .post-description p:first-child br { display: none; }
.single.single-post .breadcrumbs { padding: 10px 0; margin: 10px 0; }
.single.single-post #toc_container span.toc_number { background: none; color: #333; opacity: 1; font-size: 15px; }
.single.single-post #toc_container .toc_list > li { margin-bottom: 10px !important; }
.single.single-post #toc_container .toc_list > li a { font-size: 15px; color: #657786 !important; font-weight: 400 !important; }
.single.single-post #toc_container .toc_list > li > a { font-size: 16px; text-decoration: underline !important; }
.single.single-post #toc_container .toc_list > li.arrow { position: relative; display: table; transition: 0.3s; }
.single.single-post #toc_container .toc_list > li.arrow:after { content: "+"; display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; border-radius: 50%; position: absolute; right: -30px; background: #001f55; color: #fff; font-size: 14px; top: 7px; transition: 0.3s; z-index: 3; }
.single.single-post #toc_container .toc_list > li.arrow.plus:after { content: "-"; padding-bottom: 5px; }
.single.single-post #toc_container .toc_list > li ul { display: none; }
.single.single-post .voice.clearfix.right.n_bottom .text.sc_balloon { width: calc(100% - 90px); display: block; max-width: 84%; min-height: 70px; }
.single.single-post .voice.clearfix.right.n_bottom .text.sc_balloon::after { content: ""; display: block !important; position: absolute; right: 0 !important; top: 0 !important; width: 30px !important; height: 100% !important; background: #fff !important; z-index: 3; margin: 0; border-color: transparent; border-radius: 20px; }
.single.single-post .voice.clearfix.right.n_bottom .text.sc_balloon::before { z-index: 2; content: ""; display: block !important; position: absolute; right: -8px !important; top: 30px !important; width: 16px !important; background: #fff !important; height: 16px !important; transform: rotate(45deg) !important; box-shadow: 0 0 10px #dfdfdf !important; }
.single.single-post .newpost_list .post_list_wrap img { object-fit: contain !important; font-family: "object-fit: contain;" !important; }

.page #toc_container { border: 0; }

.page #toc_container .toc_title { background: none; color: #333; font-size: 16px; }

.page #toc_container span.toc_number { background: none; color: #333; }

.page #toc_container .toc_list > li > a { font-size: 15px; }

.post_footer_author_title { padding: 20px 20px 0; border-top-left-radius: 20px; border-top-right-radius: 20px; font-weight: bold; }

.post_footer_author { background: #eee; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-bottom: 30px; }

.post_author_user { align-items: center; justify-content: center; flex-direction: column; }
.post_author_user .post-author a { color: #333; }

.post_author_user_meta { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding-left: 0; }
.post_author_user_meta .post-description { font-weight: 400; }
.post_author_user_meta .post-description strong { margin-bottom: 10px; display: inline-block; }

#cta .cta_title { display: none !Important; }

.articles-btn12 { display: flex; justify-content: space-between; margin: 20px 0; }
.articles-btn12 a { width: 48%; }
.articles-btn12 a img { max-width: 100%; width: auto; max-height: 65px; transition: 0.3s; }
.articles-btn12 a:hover img { transform: scale(0.97); }

main#single-main h2 { padding: 10px 0 !important; }

widget.widget-h2.widget_text { padding: 0 !important; }

widget.widget-h2.widget_text .cta_content { padding: 0 2em !important; }

@media (max-width: 1400px) { body { padding-top: 100px; padding-bottom: 100px; }
  .site-header .header-logo { padding: 10px 20px; }
  .site-header .header-wrapper { align-items: inherit; padding: 0; }
  a.btn.no-svg, input.btn.no-svg { border-radius: 16px; font-size: 18px; padding: 10px 20px; }
  .site-ttl span.en { font-size: 17px; margin: 20px 0; }
  .site-ttl span.jp { font-size: 28px; }
  .site-ttl span.text { font-size: 20px; }
  .site-ttl.center { padding: 35px 0 0; }
  .site-ttl.center:before { height: 0; }
  .site-ttl.center:after { height: 80px; background: #ccc; }
  .site-ttl.center.ttlanimate:before { animation-name: ttlbefore; animation-delay: 0.4s; animation-duration: 0.8s; animation-fill-mode: forwards; }
  @keyframes ttlbefore { 0% { height: 0; background: linear-gradient(#0faeea, #df2e86); }
    100% { height: 80px; background: linear-gradient(#0faeea, #df2e86); } }
  .inner { padding: 0 15px; }
  .site-footer .footer-info { padding: 15px 20px; }
  .site-footer .footer-info .info-tel a .num,
  .site-footer .footer-info .info-tel button .num { font-size: 40px; }
  .site-footer .footer-info .info-tel a .txt { font-size: 14px; color: #001F55; /*transform: translateX(-23%);*/ }
  .site-footer .footer-info .info-tel a .time { margin-top: 5px; }
  .site-footer .footer-info .info-tel a svg,
  .site-footer .footer-info .info-tel button svg { margin-right: 10px; width: 35px; height: 35px; }
  .site-footer .footer-info .info-btn a,
  .site-footer .footer-info .info-btn button { font-size: 18px; }
  .site-footer .footer-info .info-btn a img { max-width: 25px; max-height: 25px; }
  .site-hero { padding: 120px 20px 50px; }
  .site-hero .hero-text .ttl h2:first-child { font-size: 37px; }
  .site-hero .hero-text .ttl h2:last-child { font-size: 25px; }
  .site-hero .hero-text .data h2 { font-size: 22px; }
  .site-hero .hero-text .data h2 span { font-size: 34px; }
  .site-hero .hero-text .data .circular { margin-left: 20px; }
  .site-hero .hero-text .data .circular h2 { font-size: 15px; }
  .site-hero .hero-text .data .circular h2 span { font-size: 20px; }
  .site-hero .hero-text .link .tel .tel-top svg { width: 50px; max-height: 50px; }
  .site-hero .hero-text .link .tel .tel-top span { font-size: 44px; }
  .site-hero .hero-text .link .tel .tel-bottom img { max-width: 50px; }
  .site-hero:after { width: 70%; }
  .site-result .result-content { padding: 40px 0; }
  .site-result .result-content .result-block { width: calc((100% - 40px) / 3); margin-right: 18px; margin-bottom: 20px; }
  .site-result .result-content .result-block h3.ttl { margin: 15px 0; font-size: 17px; }
  .site-result .result-content .result-block span.text { font-size: 15px; line-height: 1.5; display: block; }
  .site-use .use-left { width: 60%; }
  .site-use .use-left .use-text .use-card .card1 img { max-width: 45px; max-height: 50px; }
  .site-use .use-left .use-text .use-card .card1 div { font-size: 35px; }
  .site-use .use-left .use-text .use-card .card1 div span { font-size: 25px; }
  .site-use .use-left .use-text .use-card .card2 { font-size: 14px; }
  .site-use .use-left .use-text .use-card .card3 { font-size: 32px; }
  .site-use .use-left .use-tel .tel span { font-size: 36px; }
  .site-use .use-left .use-tel .tel svg { width: 43px; max-height: 43px; }
  .site-price .price-top .specific-price .btn { left: 20px; top: 200px; }
  .site-price .row span.num { font-size: 40px; }
  .site-price .row span.num.jp { font-size: 33px; }
  .site-reason .reason-content .reason-block { width: calc((100% - 40px) / 4); }
  .site-reason .reason-content .reason-block .hasbg { height: 180px; min-height: 180px; }
  .site-reason .reason-content .reason-block h3 { font-size: 16px; line-height: 1.4; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .ttl { font-size: 21px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .text { margin: 10px 0 15px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-img { width: 60px; height: 60px; margin-right: 15px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-img .info-name { bottom: auto; top: 42px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-top { font-size: 15px; line-height: 1.5; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-bottom { font-size: 13px; }
  .site-flow .flow-step { padding-top: 30px; }
  .site-flow .flow-step .step-block { padding: 20px 30px; }
  .site-flow .flow-step .step-block .img { max-width: 170px; max-height: 130px; height: 130px; }
  .site-flow .flow-step .step-block .step { padding: 5px 50px; line-height: 1; }
  .site-flow .flow-need { margin: 40px auto 20px; }
  .site-flow .flow-need .need-content h3.ttl { font-size: 22px; }
  .site-flow .flow-need .need-content div { padding: 0 20px; }
  .site-flow .flow-need .need-content div img { max-width: 35px; max-height: 30px; }
  .site-flow .flow-need .need-content div span { font-size: 17px; }
  .site-flow .flow-banner .banner-left .flow-info .info-left { font-size: 18px; }
  .site-flow .flow-banner .banner-left .flow-info .info-left span { font-size: 28px; }
  .site-flow .flow-banner .banner-left .flow-info .info-left h3 { font-size: 22px; padding: 8px 0; }
  .site-flow .flow-banner .banner-left .flow-info a.tel span { font-size: 36px; }
  .site-flow .flow-banner .banner-left .flow-info a.tel svg { width: 38px; max-height: 45px; }
  .site-flow .flow-banner .banner-left .tip { font-size: 14px; }
  .site-flow .flow-banner .banner-right { width: 40%; }
  .site-flow .flow-banner .banner-right a.btn, .site-flow .flow-banner .banner-right input.btn { font-size: 15px; }
  .site-flow .flow-banner .banner-right a.btn img, .site-flow .flow-banner .banner-right input.btn img { max-width: 25px; max-height: 25px; margin-right: 5px; }
  .site-information .information-content .information-block h4 { font-size: 19px; }
  .site-information .information-content .information-block img { max-width: 45px; max-height: 45px; }
  .site-information .information-content .information-block span { font-size: 45px; }
  .site-service .row > div .s-ttl { font-size: 13px; }
  .site-service .row > div .ttl { margin: 5px 0 15px; font-size: 22px; }
  .site-service .row > div .ttl span { font-size: 17px; }
  .site-service .row > div img { width: 80px; min-height: 70px; }
  .site-service .row > div a.btn, .site-service .row > div input.btn.no-svg { font-size: 18px; }
  .site-service .row a.btn, .site-service .row input.btn.no-svg { font-size: 14px; }
  .site-service .row.flex-3 > div .ttl { font-size: 20px; }
  .site-service .row.flex-3 > div .ttl span { font-size: 15px; }
  .site-service .row.flex-3 > div img { width: 70px; min-height: 60px; }
  .site-qa .qa-content { padding: 40px 0; }
  .site-qa .qa-btn { padding: 30px 0 40px; }
  .site-qa .qa-step .text { font-size: 20px; }
  .site-qa .qa-step .text span { font-size: 15px; }
  .site-qa .qa-step svg { width: 18px; height: 18px; }
  .site-article .article-content .ttl h3 { font-size: 20px; }
  .site-article .article-content .article-block .text { padding: 10px 15px; }
  .site-article .article-content .article-block .text a.title { font-size: 15px; }
  .site-news .news-right { margin-left: 20px; }
  .site-news .news-right .news-card .card1 img { max-width: 45px; max-height: 50px; }
  .site-news .news-right .news-card .card1 div { font-size: 35px; }
  .site-news .news-right .news-card .card1 div span { font-size: 25px; }
  .site-news .news-right .news-card .card2 { font-size: 14px; }
  .site-news .news-right .news-card .card3 { font-size: 32px; }
  /* common */
  .common-service .service-content .content-inner span.en { font-size: 12px; }
  .common-service .service-content .content-inner span.jp { font-size: 15px; }
  .common-interview .interview-banner { margin: 40px auto; }
  .common-interview1 .interview-banner1 { font-size: 24px; }
  .common-interview1 .interview-banner1 em { font-size: 36px; }
  /* page */
  .page-wrapper { padding: 0 20px 40px; }
  .page-wrapper .page-ttl { font-size: 22px; }
  .page-qa .qa-problem .qa-problem-link a { font-size: 13px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dl { padding: 10px 0; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt { padding: 20px 30px; font-size: 15px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt:before { font-size: 30px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt:after { right: 10px; top: 0; font-size: 34px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dd { padding-left: 40px; font-size: 14px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dd:before { left: 10px; font-size: 30px; }
  .page-about .staff-content .text { font-size: 15px; }
  .page-about .about-office .office-content .hasbg { height: 240px; min-height: 240px; max-height: 240px; }
  .page-about .about-company .company-content dt { padding: 10px 40px; }
  .page-about .about-company .company-content dd { padding: 10px 40px; } }
@media (max-width: 1000px) and (min-width: 769px) { .site-header .header-logo { padding: 10px; }
  .site-header .header-logo img { max-width: 150px; }
  .site-header .header-wrapper { align-items: inherit; padding: 0; }
  .site-header .header-right .header-nav ul.menu > li { margin: 0 5px; }
  .site-header .header-right .header-nav ul.menu > li > a { font-size: 14px; padding: 10px; }
  .site-header .header-right .header-icon { font-size: 12px; padding: 5px 10px; margin-left: 0px; } }
@media (max-height: 850px) { .site-header .header-right .header-nav ul.menu > li ul.sub-menu { max-height: calc(100vh - 100px); overflow-y: scroll; } }
@media (max-width: 980px) { body { padding-bottom: 110px; }
  .site-ttl.center { padding: 0; }
  .site-ttl.center:before, .site-ttl.center:after { display: none; }
  .site-ttl.center.ttlanimate:before, .site-ttl.center.ttlanimate:after { display: none; animation: none; }
  .site-ttl.ttlanimate:before, .site-ttl.ttlanimate:after { display: none; animation: none; }
  .site-ttl span.text { margin: 10px 0 20px; }
  .breadcrumbs div { flex-wrap: wrap; }
  main#single-main { padding: 0 20px; }
  main#single-main .single-before-ttl { margin-bottom: 30px; }
  main#single-main .single-before-ttl .single-before-ttl-top { padding: 20px 15px; }
  main#single-main .single-before-ttl .single-before-ttl-top .cat { font-size: 15px; padding: 3px 5px; }
  main#single-main .single-before-ttl .single-before-ttl-top .ttl { font-size: 24px; margin-top: 10px; margin-top: 5px; }
  main#single-main .single-before-ttl .single-before-ttl-bottom { padding: 10px 15px; }
  main#single-main .single-before-ttl .single-before-ttl-bottom div { max-width: 100%; }
  main#single-main .single-before-ttl .single-before-ttl-bottom div img { padding-right: 15px; }
  main#single-main .single-before-ttl .single-before-ttl-bottom span { font-size: 12px; padding: 5px; }
  main#single-main .single-before-ttl .single-before-ttl-bottom span em { display: block; }
  .site-footer .footer-top a.btn, .site-footer .footer-top input.btn { font-size: 13px; }
  .site-footer .footer-top .top-logo img { max-width: 220px; }
  .site-footer .footer-top .top-nav ul.menu li { min-width: 140px; }
  .site-footer .footer-top .top-nav ul.menu a { font-size: 13px; }
  .site-footer .footer-info { padding: 20px 0; }
  .site-footer .footer-info .info-tel a svg { margin-right: 7px; width: 35px; height: 35px; }
  .site-footer .footer-info .info-tel a .num { font-size: 30px; }
  .site-footer .footer-info .info-tel a .text { font-size: 14px; padding: 5px 10px; }
  .site-footer .footer-info .info-btn a img { max-width: 25px; max-height: 20px; }
  .site-footer .footer-info .info-btn a span,
  .site-footer .footer-info .info-btn button span { padding: 0 6px; }
  .site-header .header-top-inpage { padding: 10px 20px; }
  .site-hero { flex-direction: column; align-items: center; }
  .site-hero .hero-image { max-width: 60%; order: -1; margin-bottom: 30px; margin-left: 0; }
  .site-hero .hero-text .ttl { text-align: center; }
  .site-result .result-content .result-block { width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px; }
  .site-result .result-content .result-block:nth-child(3n) { margin-right: 30px; }
  .site-result .result-content .result-block:nth-child(2n) { margin-right: 0; }
  .site-use { position: relative; z-index: 2; }
  .site-use .site-ttl { text-align: center; }
  .site-use .use-left { width: 100%; padding: 20px 0 40px; }
  .site-use .use-left .use-text .use-card { max-width: 100%; margin: 0 auto 20px; }
  .site-use .use-left .btn { margin: 20px auto; }
  .site-use .use-left .use-tel { justify-content: center; }
  .site-use .use-right { display: none; }
  .site-money { padding: 0; }
  .site-money .site-ttl { text-align: center; }
  .site-money .site-ttl img { display: block; max-width: 60%; margin: 20px auto 0; }
  .site-money .money-left { display: none; }
  .site-money .money-right { padding: 40px 0; width: 100%; }
  .site-money .money-right dl { display: flex; justify-content: center; flex-direction: column; text-align: center; max-width: 60%; margin: auto; }
  .site-money .money-right .money-text { margin-top: 30px; }
  .site-money:after { display: none; }
  .site-price .row span .num { font-size: 32px; }
  .site-price .row span .num.jp { font-size: 23px; }
  .site-price .price-bottom { padding: 20px 50px 40px; }
  .site-reason { padding: 40px 0 0; }
  .site-reason .reason-content { padding: 20px 20px 40px; flex-wrap: wrap; }
  .site-reason .reason-content .reason-block { width: calc((100% - 40px) / 2); margin-bottom: 20px; }
  .site-reason .reason-content .reason-block .hasbg { height: 200px; min-height: 200px; }
  .site-reason .reason-content .reason-block h3 { font-size: 15px; }
  .site-flow { padding: 60px 0; }
  .site-flow .flow-step .step-block { padding: 30px 20px; }
  .site-flow .flow-step .step-block .text { margin: 20px 0 0; }
  .site-flow .flow-step .step-block .img { max-width: 120px; max-height: 80px; height: 80px; }
  .site-flow .flow-step .step-block .step { font-size: 14px; }
  .site-flow .flow-step .step-block h3 { text-align: center; font-size: 15px; margin: 10px 0 5px; }
  .site-flow .flow-step .step-block .txt { font-size: 14px; }
  .site-flow .flow-need h3.ttl { font-size: 17px; }
  .site-flow .flow-need .need-content { padding: 20px 0; }
  .site-flow .flow-need .need-content div { padding: 0 10px; }
  .site-flow .flow-need .need-content div img { max-width: 35px; max-height: 30px; }
  .site-flow .flow-need .need-content div span { font-size: 14px; }
  .site-flow .flow-need .need-inner { padding: 10px 30px; }
  .site-flow .flow-banner { margin: 100px 0 0; flex-direction: column; }
  .site-flow .flow-banner .banner-left { width: 100%; }
  .site-flow .flow-banner .banner-right { width: 100%; }
  .site-information { padding: 60px 0; }
  .site-information .information-content { padding: 30px 0; }
  .site-information .information-content .information-block h4 { font-size: 16px; }
  .site-information .information-content .information-block img { max-width: 36px; max-height: 36px; }
  .site-information .information-content .information-block span { font-size: 36px; }
  .site-information .information-content .information-block svg { width: 18px; height: 18px; }
  .site-service .row.flex-3 { flex-wrap: wrap; }
  .site-service .row.flex-3 > div { margin-bottom: 20px; width: 100%; margin-right: 0; }
  .site-qa { padding: 60px 0; }
  .site-qa .qa-step { flex-wrap: wrap; }
  .site-qa .qa-step > a { width: calc(100% / 2); border-bottom: 0; }
  .site-qa .qa-step > a:nth-child(2) { border-right: 1px solid #e0e0e0; }
  .site-qa .qa-step > a:nth-child(3), .site-qa .qa-step > a:nth-child(4) { border-bottom: 1px solid #e0e0e0; }
  .site-qa .qa-btn { padding: 30px 0 0; }
  .site-article .article-content .article-block { margin: 30px 0; flex-wrap: wrap; }
  .site-article .article-content .article-block article { width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 25px; }
  .site-article .article-content .article-block article:nth-child(2n) { margin-right: 0; }
  .site-article .article-content .article-block .text { padding: 10px 15px; }
  .site-article .article-content .article-block .text a.title { font-size: 15px; }
  .site-news .inner { flex-wrap: wrap; }
  .site-news .news-left { width: 100%; }
  .site-news .news-left .news-content .post-title { font-size: 14px; padding: 0 20px; }
  .site-news .news-left .news-content .post-date { font-size: 13px; }
  .site-news .news-right { width: 100%; margin-left: 0; }
  .site-news .news-right .news-card { width: 100%; }
  .site-news .news-right .news-card .card1 img { max-width: 40px; max-height: 45px; }
  .site-news .news-right .news-card .card1 div { font-size: 32px; }
  .site-news .news-right .news-card .card1 div span { font-size: 22px; }
  .site-news .news-right .news-card .card3 { font-size: 28px; }
  .site-news .news-right .news-card .card4 { font-size: 14px; }
  .common-interview1 .interview-banner2 .banner2-left { padding: 30px 20px; justify-content: center; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-left { margin: 0; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-left svg { width: 40px; max-height: 40px; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-left img { max-width: 40px; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.num { font-size: 30px; }
  .common-interview1 .interview-banner2 .banner2-left div.txt { font-size: 20px; margin-bottom: 5px; }
  .common-interview1 .interview-banner2 .banner2-right div { font-size: 19px; margin-bottom: 5px; }
  .common-interview1 .interview-banner2 .banner2-right a.btn, .common-interview1 .interview-banner2 .banner2-right input.btn { padding: 10px 20px; font-size: 16px; }
  /* page */
  .page-qa .qa-problem .qa-problem-block .qa-content { padding: 10px 20px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dl { width: 100%; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt { padding: 10px 30px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt:before { font-size: 28px; top: 1px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt:after { right: 10px; top: -4px; font-size: 28px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dd:before { font-size: 28px; }
  .page-about .staff-content .text { padding: 20px 0 20px 30px; }
  .page-about .staff-content .text .txt span { margin: 10px 0; }
  .page-about .staff-content .text .name { margin-top: 20px; }
  .page-about .about-idea .idea-content .idea-block { width: calc((100% - 20px) / 2); font-size: 14px; }
  .page-about .about-office .office-content .hasbg { height: 180px; min-height: 180px; max-height: 180px; }
  .page-about .about-company .company-content dt { padding: 10px 40px; min-width: 200px; font-size: 14px; }
  .page-about .about-company .company-content dd { font-size: 13px; }
  .page-procurement .procurement-content { max-width: 100%; }
  .page-procurement .procurement-content .banner2 .tel-txt { font-size: 13px; }
  .page-procurement .procurement-content .banner2 .tel-txt span { font-size: 22px; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-top span { font-size: 34px; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-top svg { width: 45px; max-height: 35px; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-bottom img { max-width: 45px; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-bottom em { font-size: 12px; }
  .page-procurement .procurement-content .procurement-contact .text { font-size: 15px; }
  .page-procurement .procurement-content .procurement-contact .contact-content { margin: 20px 0; }
  .page-procurement .procurement-content .procurement-contact .contact-content dt { font-size: 16px; }
  .single.single-post #toc_container .toc_list > li.arrow:after { top: 3px; } }
@media (max-width: 750px) { body { padding-bottom: 65px; padding-top: 100px; }
  body.page .content h2, body.page .page-ttl { font-size: 20px; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.num { margin-left: 10px; }
  .site-header .header-top-inpage { padding: 10px 20px; flex-direction: column; }
  .site-header .header-top-inpage ul { justify-content: flex-start; flex-wrap: wrap; margin: 3px 0; }
  .site-header .header-top-inpage ul li { margin-right: 5px; }
  .site-header .header-top-inpage ul li:last-child { margin-right: 0; }
  .site-header .header-top-inpage ul a { line-height: 1.5; padding: 0; font-size: 12px; }
  .site-header .header-top-inpage ul a svg { width: 6px; height: 10px; margin-right: 3px; }
  .site-footer .footer-top { padding: 40px 0; padding-bottom: 60px; position: relative; }
  .site-footer .footer-top .inner { flex-wrap: wrap; align-items: center; justify-content: center; }
  .site-footer .footer-top .top-btn div a { font-size: 12px; min-width: 120px; }
  .site-footer .footer-top .top-logo { width: 50%; }
  .site-footer .footer-top .top-logo img { max-width: 140px; }
  .site-footer .footer-top .top-logo .name { margin: 20px 0 0; font-size: 12px; }
  .site-footer .footer-top .top-logo .btn { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); }
  .site-footer .footer-top .top-btn { width: 43%; }
  .site-footer .footer-top .top-nav { width: 100%; max-width: 100%; min-width: 100%; order: 4; }
  .site-footer .footer-top .top-nav ul.menu { padding: 20px 0; }
  .site-footer .footer-top .top-nav ul.menu li { min-width: 140px; }
  .site-footer .footer-top .top-nav ul.menu a { font-size: 13px; }
  .site-footer .footer-copyright { font-size: 12px; }
  .site-footer .footer-info { padding: 6px 0 8px; }
  .site-footer .footer-info .info-tel a { white-space: nowrap; position: relative; padding-bottom: 10px; color:#FFF; }
  .site-footer .footer-info .info-tel a svg { margin-top: 0; }
  .site-footer .footer-info .info-tel a .txt { display: none; }
  .site-footer .footer-info .info-tel a .num { font-size: 22px; }
  .site-footer .footer-info .info-tel a .time { position: absolute; bottom: 0; left: 0; }
  .site-footer .footer-info .info-btn a,
  .site-footer .footer-info .info-btn button { padding: 7px 8px 7px 8px; margin-left: 10px; font-size: 12px!important; line-height: 1.3; position: relative; }
  .site-footer .footer-info .info-btn a span,
  .site-footer .footer-info .info-btn button span { padding: 0 3px; }
  .site-footer .footer-info .info-btn a em,
  .site-footer .footer-info .info-btn button em{ white-space: nowrap; }
  .site-footer .footer-info .info-btn a img,
  .site-footer .footer-info .info-btn button img { margin-right: 5px; max-width: 17px; max-height: 17px; }
  .site-footer .footer-info .info-btn a svg,
  .site-footer .footer-info .info-btn button svg { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; }
  .site-result:before, .site-result:after { display: none; }
  .site-result .result-content { margin: 20px 0 40px; padding: 10px 25px; background: #1494db; border-radius: 20px; }
  .site-result .result-content .result-block { width: 100%; margin-right: 0; margin-bottom: 0; background: none; padding: 20px 0; border-bottom: 1px solid #dbdbdb; border-radius: 0; }
  .site-result .result-content .result-block:last-child { border-bottom: 0; }
  .site-result .result-content .result-block:nth-child(3n) { margin-right: 0; }
  .site-result .result-content .result-block div { display: flex; align-items: center; }
  .site-result .result-content .result-block img { max-width: 35px; max-height: 35px; margin: 0; margin-right: 7px; }
  .site-result .result-content .result-block h3.ttl { margin: 0; font-size: 20px; text-align: left; }
  .site-result .result-content .result-block h3.ttl span { display: inline-block; white-space: nowrap; }
  .site-result .result-content .result-block span.text { font-size: 15px; margin-top: 10px; text-align: left; }
  .site-price { padding: 20px 0; background: #f3f4f6; }
  .site-price .site-ttl span.en { margin: 30px 0; }
  .site-price .price-top { flex-direction: column; }
  .site-price .price-top .specific-price { width: 100%; }
  .site-price .price-top .specific-price .btn { position: inherit; left: inherit; top: inherit; margin: 20px auto; }
  .site-price .price-top .specific-price .row { justify-content: center; flex-wrap: wrap; padding: 10px 0; }
  .site-price .price-top .specific-price .row > div { padding: 10px 10px; }
  .site-price .price-bottom { padding: 20px 0 40px; }
  .site-price .price-bottom .price-inner { padding: 40px 20px; }
  .site-price .price-bottom .row { justify-content: center; }
  .site-price .price-bottom .row > div { padding: 10px; }
  .site-price .site-ttl { text-align: center; }
  .site-price .row { flex-wrap: wrap; }
  .site-price .row > div:first-child { white-space: nowrap; }
  .site-price .row span em { white-space: nowrap; display: block; }
  .site-price .row span.num { font-size: 26px; }
  .site-price .row span.num.jp { font-size: 20px; }
  .site-price .row span.yuan { font-size: 12px; }
  .site-price .row span.text { font-weight: bold; font-size: 12px; }
  .site-reason .site-ttl { padding: 0 20px; }
  .site-reason .site-ttl span.text { font-size: 14px; }
  .site-reason .reason-content { padding: 0px 20px 20px; }
  .site-reason .reason-content .reason-block { width: 49%; }
  .site-reason .reason-content .reason-block .hasbg { height: 180px; min-height: 180px; }
  .site-reason .reason-content .reason-block span { display: block; line-height: 1.5; margin: 5px 0 0; color: #000; }
  .site-enterprise { padding: 40px 0; }
  .site-enterprise .site-ttl { padding: 0 20px 20px; }
  .site-enterprise .enterprise-btn { padding: 0; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-slide { margin: 10px 10px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-dots { display: none !Important; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block { padding: 10px 15px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .ttl { font-size: 14px; padding-bottom: 2px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .text { font-size: 13px; margin-top: 2px; margin-bottom: 10px; line-height: 1.5; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-img { width: 43px; height: 43px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-top { font-size: 12px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-top span { margin-left: 3px; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-bottom { margin-top: 3px; font-size: 12px; line-height: 1.4; }
  .site-enterprise .enterprise-content .slick-wrapper .slick-block .info-bottom span { white-space: nowrap; }
  .site-flow { padding: 40px 0; }
  .site-flow .flow-step { flex-wrap: wrap; padding-top: 20px; }
  .site-flow .flow-step .step-block { width: 100%; max-width: 100%; box-shadow: 3px 3px 20px #dfdfdf; margin-bottom: 20px; padding: 30px 20px; }
  .site-flow .flow-step .step-block > div { flex-direction: row; justify-content: flex-start; align-items: center; }
  .site-flow .flow-step .step-block > div div.ttl { margin-left: 20px; }
  .site-flow .flow-step .step-block .img { margin: 0; max-width: 100px; max-height: 80px; height: 80px; }
  .site-flow .flow-step .step-block .step { white-space: nowrap; padding: 5px 20px; margin: 0; }
  .site-flow .flow-step .step-block h3 { margin: 5px 0 0; text-align: left; }
  .site-flow .flow-need { width: 100%; margin: 0; }
  .site-flow .flow-need:before { display: none; }
  .site-flow .flow-need h3.ttl { font-size: 14px; }
  .site-flow .flow-need .need-inner { padding: 10px 20px; }
  .site-flow .flow-need .need-content { flex-wrap: wrap; justify-content: space-between; }
  .site-flow .flow-need .need-content div { margin-bottom: 10px; }
  .site-flow .flow-need .need-content div:nth-child(1), .site-flow .flow-need .need-content div:nth-child(3) { white-space: nowrap; }
  .site-flow .flow-need .need-content div img { max-width: 25px; max-height: 20px; }
  .site-flow .flow-need .need-content div span { font-size: 12px; }
  .site-flow .flow-banner { margin: 30px 0 0; }
  .site-flow .flow-banner .banner-left { padding: 30px 20px 0; }
  .site-flow .flow-banner .banner-left h3 { font-size: 15px; }
  .site-flow .flow-banner .banner-left .flow-info { align-items: center; margin: 20px 0 10px; }
  .site-flow .flow-banner .banner-left .flow-info .info-left { font-size: 14px; }
  .site-flow .flow-banner .banner-left .flow-info .info-left span { font-size: 18px; }
  .site-flow .flow-banner .banner-left .flow-info a.tel { padding: 5px 7px; }
  .site-flow .flow-banner .banner-left .flow-info a.tel span { font-size: 26px; margin-left: 5px; white-space: nowrap; }
  .site-flow .flow-banner .banner-left .flow-info a.tel span em { font-size: 12px; margin-left: 0; }
  .site-flow .flow-banner .banner-left .flow-info a.tel svg { width: 36px; max-height: 30px; }
  .site-flow .flow-banner .banner-left .tip { font-size: 14px; }
  .site-flow .flow-banner .banner-right { background: #1595db; padding: 0 30px 30px; }
  .site-flow .flow-banner .banner-right input.btn { font-size: 14px; margin: 15px auto; }
  .site-flow .flow-banner .banner-right input.btn img { max-width: 18px; max-height: 18px; }
  .site-information { padding: 40px 0; }
  .site-information .information-content { padding: 20px 0 0; }
  .site-information .information-content .information-block { width: calc(100% / 2); padding: 15px 10px; }
  .site-information .information-content .information-block:nth-child(3n) { border-right: 0; }
  .site-information .information-content .information-block:nth-child(2n) { border-right: 1px solid #e0e0e0; }
  .site-information .information-content .information-block div { width: 100%; }
  .site-information .information-content .information-block h4 { font-size: 12px; }
  .site-information .information-content .information-block img { max-width: 24px; max-height: 18px; margin-bottom: 0; }
  .site-information .information-content .information-block span { font-size: 24px; bottom: 15px; left: 10px; }
  .site-information .information-content .information-block svg { width: 14px; height: 14px; position: absolute; right: 10px; top: 40%; transform: translateY(-50%); }
  .site-service { padding: 40px 0; }
  .site-service:before { display: none; }
  .site-service .row { margin-bottom: 0; }
  .site-service .row.flex-2 { flex-wrap: wrap; }
  .site-service .row.flex-2 > div { margin-bottom: 20px; width: 100%; margin-right: 0; }
  .site-service .row.flex-2 .ttl { font-size: 19px; }
  .site-service .row.flex-2 .ttl span { font-size: 14px; }
  .site-service .row.flex-3 > div .ttl { font-size: 19px; }
  .site-service .row.flex-3 > div .ttl span { font-size: 14px; }
  .site-service .row > div { padding: 30px 20px; }
  .site-service .row > div a.btn, .site-service .row > div input.btn.no-svg { padding: 4px 15px; font-size: 13px; }
  .common-interview .interview-banner { width: 100%; padding: 20px 20px; }
  .common-interview .interview-banner .text { font-size: 17px; padding: 5px 10px; }
  .common-table div { overflow-x: scroll; }
  .common-table .table { width: auto; }
  .common-table .table tr td:first-child { font-size: 12px; min-width: 120px !important; }
  .common-table .table tr:nth-child(2) td { padding-top: 30px; }
  .common-table .table th { font-size: 13px; padding: 10px 10px; }
  .common-table .table th img { max-width: 120px; margin: auto; }
  .common-table .table th:nth-child(2):before { top: -10px; height: 10px; }
  .common-table .table td { min-width: 140px; font-size: 12px; padding: 10px 10px; }
  .common-interview1 .interview-banner1 .banner1 { padding: 10px 20px; font-size: 18px; max-width: 100%; }
  .common-interview1 .interview-banner1 .banner1 em { font-size: 30px; }
  .common-interview1 .interview-banner1 .banner1 img { margin: 20px auto 0; }
  .page-about .staff-content { flex-direction: column; margin: 20px 0; }
  .page-about .staff-content .pic { width: 100%; }
  .page-about .staff-content .text { width: 100%; padding: 10px 0; font-size: 13px; }
  .page-about .staff-content .text .txt span { margin: 10px 0; }
  .page-about .staff-content .text .name { margin-top: 10px; }
  .page-about .staff-content .text .name span { font-size: 18px; }
  .page-about .about-idea { margin: 40px 0; }
  .page-about .about-idea .idea-content { margin: 20px 0; flex-wrap: wrap; }
  .page-about .about-idea .idea-content .idea-block { width: 100%; font-size: 12px; margin-bottom: 15px; padding: 30px 10px; }
  .page-about .about-idea .idea-content .idea-block span { font-size: 96px; }
  .page-about .about-office { margin: 40px 0; }
  .page-about .about-office .office-content { margin: 20px 0; }
  .page-about .about-office .office-content .hasbg { width: calc((100% - 10px) / 2); margin-bottom: 10px; height: 110px; min-height: 110px; max-height: 110px; border-radius: 15px; }
  .page-about .about-company { margin: 40px 0; }
  .page-about .about-company .company-content { margin: 20px 0; }
  .page-about .about-company .company-content dt { padding: 10px 15px; min-width: 100px; font-size: 13px; }
  .page-about .about-company .company-content dd { font-size: 12px; padding: 10px 20px; }
  .single.single-post div.text { font-size: 18px; }
  .single.single-post span.num { font-size: 24px; }
  .single.single-post .breadcrumbs { padding: 0 15px 10px; margin: 0; }
  .articles-btn12 { margin: 20px 0 0; flex-direction: column; }
  .articles-btn12 a { width: 100%; }
  .articles-btn12 a img { max-height: 100%; width: 94%; }
  .articles-btn12 a:first-child { margin-bottom: 15px; } }
@media (max-width: 650px) { .site-header .header-logo { padding: 10px 20px; }
  .site-header .header-logo img { max-width: 160px; }
  .perspective { width: 50px; }
  .perspective span { width: 30px; }
  .perspective span:after, .perspective span:before { width: 30px; }
  .site-ttl { padding-bottom: 20px; }
  .site-ttl span.en { font-size: 12px; margin: 20px 0 10px; }
  .site-ttl span.jp { font-size: 24px; }
  a.btn.no-svg, input.btn.no-svg { font-size: 14px; padding: 10px 18px; font-weight: 600; }
  a.btn.no-svg span.arrow, input.btn.no-svg span.arrow { padding-left: 7px; font-size: 14px; line-height: 14px; }
  a.btn.linear-blue-bg, input.btn.linear-blue-bg { font-size: 14px; }
  a.tel svg { padding: 0 0 3px; }
  .site-hero { padding: 80px 20px 20px; border-bottom: 1px solid #dbdbdb; }
  .site-hero .hero-image { max-width: 85%; }
  .site-hero .hero-text .ttl h2:first-child { font-size: 24px; }
  .site-hero .hero-text .ttl h2:last-child { font-size: 16px; line-height: 1.3; margin: 10px 0 0; }
  .site-hero .hero-text .ttl h2:last-child span { white-space: nowrap; }
  .site-hero .hero-text ul { margin: 20px 0; }
  .site-hero .hero-text ul li { font-size: 13px; padding-left: 25px; }
  .site-hero .hero-text ul li:before { width: 18px; height: 18px; }
  .site-hero .hero-text .tips { font-size: 12px; }
  .site-hero .hero-text .tips div:before { line-height: 1.4; }
  .site-hero .hero-text .tips span { white-space: nowrap; }
  .site-hero .hero-text .data { margin: 0; }
  .site-hero .hero-text .data h2 { font-size: 15px; }
  .site-hero .hero-text .data h2 span { font-size: 23px; }
  .site-hero .hero-text .data .circular { width: 95px; height: 90px; }
  .site-hero .hero-text .data .circular h2 { font-size: 12px; }
  .site-hero .hero-text .data .circular h2 span { font-size: 13px; }
  .site-hero .hero-text .link { margin: 16px 0; }
  .site-hero .hero-text .link .tel { margin-left: 13px; }
  .site-hero .hero-text .link .tel .tel-top svg { width: 45px; max-height: 30px; }
  .site-hero .hero-text .link .tel .tel-top span { font-size: 48px; margin-left: 7px; white-space: nowrap; }
  .site-hero .hero-text .link .tel .tel-bottom img { max-width: 30px; }
  .site-hero .hero-text .link .tel .tel-bottom em { font-size: 12px; margin-left: 7px; }
  .site-hero:after { width: 68%; top: 0; height: 100%; background: url(./images/index/hero-right-after.png) top right/contain no-repeat; }
  .site-use .use-left .use-text .use-card { padding: 20px; padding-bottom: 50px; }
  .site-use .use-left .use-text .use-card .card1 img { max-width: 30px; max-height: 30px; }
  .site-use .use-left .use-text .use-card .card1 div { font-size: 28px; }
  .site-use .use-left .use-text .use-card .card1 div span { font-size: 16px; }
  .site-use .use-left .use-text .use-card .card2 { font-size: 12px; }
  .site-use .use-left .use-text .use-card .card2 span { font-size: 17px; }
  .site-use .use-left .use-text .use-card .card3 { font-size: 20px; }
  .site-use .use-left .use-text .use-card .card4 { font-size: 15px; }
  .site-use .use-left .use-tel { flex-direction: column; align-items: center; }
  .site-use .use-left .use-tel div { font-size: 15px; }
  .site-use .use-left .use-tel .tel { margin-top: 15px; }
  .site-use .use-left .use-tel .tel span { font-size: 30px; margin-left: 5px; }
  .site-use .use-left .use-tel .tel svg { width: 36px; max-height: 36px; }
  .site-money:before { display: none; }
  .site-money .money-right dl { max-width: 100%; }
  .site-qa { padding: 40px 0; }
  .site-qa .qa-content { padding: 20px 0; }
  .site-qa .qa-content dl { padding: 10px 0; }
  .site-qa .qa-content dt { font-size: 13px; padding: 15px 40px 15px 30px; }
  .site-qa .qa-content dt:before { font-size: 25px; }
  .site-qa .qa-content dt:after { font-weight: 100; font-size: 32px; }
  .site-qa .qa-content dd { font-size: 14px; }
  .site-qa .qa-content dd:before { font-size: 25px; }
  .site-qa .qa-step > a { padding: 20px 15px; }
  .site-qa .qa-step .text { font-size: 14px; }
  .site-qa .qa-step .text span { font-size: 12px; }
  .site-qa .qa-step svg { margin-left: 5px; }
  .site-article { padding: 40px 0; }
  .site-article .article-content .ttl h3 { font-size: 18px; }
  .site-article .article-content .article-block { margin: 20px 0; justify-content: space-between; }
  .site-article .article-content .article-block article { width: 49%; margin-right: 0; margin-bottom: 20px; }
  .site-article .article-content .article-block article > .hasbg { min-height: 180px; height: 180px; }
  .site-article .article-content .article-block .text { padding: 13px 16px 0; }
  .site-article .article-content .article-block .text a.title { font-size: 14px; }
  /*.site-article .article-content .article-block .text .content { display: none; }*/
  .site-article .article-content .article-block .text .tags { height:auto!important; }
  .site-article .article-content .article-block .text .tags a { padding: 0 2px; }
  .site-article .article-content .article-block .text .author .hasbg { width: 36px; height: 36px; }
  .site-article .article-content .article-block .text .author .txt span { margin: 0px 5px; font-size: 12px; }
  .site-news { padding: 40px 0; }
  .site-news .news-left { position: relative; padding-bottom: 20px; }
  .site-news .news-left .ttl { justify-content: center; }
  .site-news .news-left .news-content { margin: 20px 0; }
  .site-news .news-left .news-content > div { padding: 15px 0; }
  .site-news .news-left .news-content .post-title { font-size: 13px; padding: 0 30px 0 10px; }
  .site-news .news-left .news-content .post-date { white-space: nowrap; font-size: 12px; }
  .site-news .news-left a.btn, .site-news .news-left input.btn { position: absolute; /*bottom: 30px;*/ left: 50%; transform: translateX(-50%); }
  .site-news .news-right .news-card { padding: 20px; padding-bottom: 50px; }
  .site-news .news-right .news-card .card1 img { max-width: 30px; max-height: 30px; }
  .site-news .news-right .news-card .card1 div { font-size: 28px; }
  .site-news .news-right .news-card .card1 div span { font-size: 16px; }
  .site-news .news-right .news-card .card2 { font-size: 12px; }
  .site-news .news-right .news-card .card2 span { font-size: 17px; }
  .site-news .news-right .news-card .card3 { font-size: 20px; }
  .site-news .news-right .news-card .card4 { font-size: 14px; }
  .site-article .article-content .article-block .text p.title { font-size: 12px;line-height: 1.6;}
  /* common */
  .common-service { margin: 40px 0; }
  .common-service .service-content { border: 0; margin: 20px 0; }
  .common-service .service-content .content-inner { width: calc(100% / 2); }
  .common-service .service-content .content-inner:nth-child(3n) { border-right: 1px solid #dbdbdb; }
  .common-service .service-content .content-inner:nth-child(1), .common-service .service-content .content-inner:nth-child(2) { border-top: 1px solid #dbdbdb; }
  .common-service .service-content .content-inner:nth-child(2n-1) { border-left: 1px solid #dbdbdb; }
  .common-service .service-content .content-inner:nth-last-child(1), .common-service .service-content .content-inner:nth-last-child(2), .common-service .service-content .content-inner:nth-last-child(3) { border-bottom: 1px solid #dbdbdb; }
  .common-service .service-content .content-inner span.en { font-size: 12px; }
  .common-service .service-content .content-inner span.jp { font-size: 14px; }
  .common-interview { margin: 40px 0; }
  .common-interview .interview-banner { margin: 20px auto; }
  /* page */
  .page-wrapper { padding: 0 20px; }
  .page-wrapper .page-ttl { font-size: 18px; padding: 7px 20px; }
  .common-interview1 { margin: 20px 0 40px; }
  .common-interview1 .interview-banner2 { margin: 20px auto; flex-direction: column; }
  .common-interview1 .interview-banner2 .banner2-left { width: 100%; padding: 20px 20px; }
  .common-interview1 .interview-banner2 .banner2-left div.txt { font-size: 17px; margin-bottom: 3px; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-left svg { width: 35px; max-height: 35px; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-left img { max-width: 35px; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.num { font-size: 27px; }
  .common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.time { font-size: 13px; }
  .common-interview1 .interview-banner2 .banner2-right { width: 100%; }
  .common-interview1 .interview-banner2 .banner2-right div { font-size: 17px; }
  .common-interview1 .interview-banner2 .banner2-right a.btn, .common-interview1 .interview-banner2 .banner2-right input.btn { padding: 8px 20px; font-size: 15px; }
  .page-qa .qa-problem { margin: 20px 0 0; }
  .page-qa .qa-problem .qa-problem-link { flex-wrap: wrap; }
  .page-qa .qa-problem .qa-problem-link a { width: 100%; border-right: 1px solid #dbdbdb; border-bottom: 0; padding: 15px 20px; padding-bottom: 30px; }
  .page-qa .qa-problem .qa-problem-link a:last-child { border-bottom: 1px solid #dbdbdb; }
  .page-qa .qa-problem .qa-problem-link a:after { bottom: 10px; }
  .page-qa .qa-problem .qa-problem-block { padding: 30px 0 0; }
  .page-qa .qa-problem .qa-problem-block .qa-content { margin: 20px 0 0; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt { font-size: 13px; padding: 5px 30px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt:before { font-size: 28px; top: 1px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dt:after { right: 10px; top: -4px; font-size: 28px; }
  .page-qa .qa-problem .qa-problem-block .qa-content dd:before { font-size: 28px; }
  .page-procurement .procurement-content .banner1 { margin: 20px 0; }
  .page-procurement .procurement-content .banner2 { flex-wrap: wrap; justify-content: flex-start; }
  .page-procurement .procurement-content .banner2 .tel-txt { width: 100%; }
  .page-procurement .procurement-content .banner2 .tel-txt span { font-size: 19px; }
  .page-procurement .procurement-content .banner2 .tel-num { width: 100%; padding: 15px 20px; justify-content: flex-start; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-top span { font-size: 30px; padding-left: 10px; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-top svg { width: 40px; max-height: 30px; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-bottom img { max-width: 40px; }
  .page-procurement .procurement-content .banner2 .tel-num .tel .tel-bottom em { font-size: 12px; }
  .page-procurement .procurement-content .procurement-contact { margin: 20px 0; }
  .page-procurement .procurement-content .procurement-contact h3.ttl { font-size: 22px; }
  .page-procurement .procurement-content .procurement-contact .text { font-size: 14px; }
  .page-procurement .procurement-content .procurement-contact .contact-content { margin: 20px 0; }
  .page-procurement .procurement-content .procurement-contact .contact-content dl { padding: 20px 0 5px; }
  .page-procurement .procurement-content .procurement-contact .contact-content dt { font-size: 15px; }
  .page-procurement .procurement-content .procurement-contact .contact-content dt span { display: block; margin-left: 0; padding-left: 0; }
  .page-procurement .procurement-content .procurement-contact .contact-content dd { margin-top: 10px; }
  .page-procurement .procurement-content .procurement-contact .contact-content dd input, .page-procurement .procurement-content .procurement-contact .contact-content dd select, .page-procurement .procurement-content .procurement-contact .contact-content dd textarea { font-size: 12px; }
  .page-procurement .procurement-content .procurement-contact .contact-content dd textarea { max-height: 120px; } }
@media (max-width: 360px) { a.btn.no-svg, input.btn.no-svg { font-size: 12px; padding: 6px 10px; }
  a.btn.no-svg span.arrow, input.btn.no-svg span.arrow { font-size: 12px; padding-left: 3px; }
  .site-hero .hero-text .data h2 { font-size: 13px; }
  .site-hero .hero-text .data h2 span { font-size: 16px; }
  .site-hero .hero-text .data .circular { margin-left: 10px; }
  .site-hero .hero-text .link .tel { margin-left: 10px; }
  .site-hero .hero-text .link .tel .tel-top span { font-size: 22px; }
  .site-flow .flow-banner .banner-left .flow-info { flex-direction: column; }
  .site-flow .flow-banner .banner-left .flow-info .info-left { margin-bottom: 10px; }
  .site-flow .flow-banner .banner-right { padding: 0 20px 30px; }
  .site-qa .qa-step > a { padding: 20px 8px; }
  .site-article .article-content .article-block article { width: 100%; }
  .site-article .article-content .article-block article > .hasbg { min-height: 140px; height: 140px; }
  .site-footer .footer-top .top-nav ul.menu > li { padding: 3px 0; text-align: center; }
  .site-footer .footer-info .info-tel a .num { font-size: 17px; }
  .site-footer .footer-info .info-tel a svg { width: 30px; height: 30px; margin: 0; margin-right: 5px; }
  .site-footer .footer-info .info-btn a,
  .site-footer .footer-info .info-btn button { font-size: 12px; margin-left: 10px; padding: 7px 20px 7px 7px; } }
/* twitter */
.p-entry__pushLike { padding: 40px 0; background-image: none !important; background: #169fe7 !important; }
.p-entry__pushLike::before { display: none; }
.p-entry__pushLike .single-post-twitter { display: flex; justify-content: center; align-items: center; margin-top: 15px; }
.p-entry__pushLike .p-entry__pushButton { height: 28px; width: auto; margin-top: 0; line-height: 1; display: flex; align-items: center; }
.p-entry__pushLike .p-entry__note { display: none; }

/* twitter end */
/**input displaynone**/
input[type=checkbox], input[type=radio] { display: none; }

/**form span**/
.form_span_01 { display: inline; background: #df6f5f !important; margin-right: 5px !important; font-size: 12px !important; color: #fff !important; padding: 0 5px !important; }

.form_span_02 { display: inline; background: #f5b555 !important; margin-right: 5px !important; font-size: 12px !important; color: #fff !important; padding: 0 5px !important; }

/**top-qa-hover**/
.site-qa .qa-step > a:hover { opacity: .8; }

/**single-img-center**/
.single_thumbnail img { margin: 0 auto; }

h1.single-post-title { font-size: 1.3em; }

/**20-0302**/
/**top-post-img**/
/*.hasbg01:hover img { transform: scale(1.05); }*/

/**side-shadow**/
#diver_widget_newpost-4 ul li { box-shadow: #dfdfdf 1px 1px 5px !important; overflow: hidden; }

/**single content p**/
.single .content .banner2-right .btn { color: #fff; max-width: 100%; }

.single .content .banner2-right p { width: 100%; }

/**single content**/
.single h3, .page h3 { margin-bottom: 10px; border-left: 4px solid #1295d9; padding-left: 10px; color: #000; }
.single h3.ttl {padding-left: 0;border-left: none;}
.page h3::before, .page h3::after { display: none; }

@media (max-width: 750px) { .single h3, .page h3 { border-left: 3px solid #1295d9; padding-left: 6px; } }
/**page banner cta**/
.common-interview1 .interview-banner2 .banner2-left a.tel .tel-right { margin-top: -20px; }

.common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.num, .common-interview1 .interview-banner2 .banner2-left a.tel .tel-right span.time { font-family: "メイリオ"; }

.common-interview1 .interview-banner2 .banner2-left > div { transform: translateY(10px); }

.common-interview1 .interview-banner2 .banner2-left p { padding: 0; }

.common-interview1 .interview-banner2 .banner2-left { justify-content: center; }

@media (max-width: 750px) { a.tel span { margin-left: 0; } }
/**page cta**/
@media (max-width: 750px) { body.page-id-4252 { margin-top: 0 !important; }
  .single.single-post .sc_frame_text > .sc_frame_wrap .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:nth-last-child(2) > a { top: 45px; }
  .single.single-post .sc_frame_text > .sc_frame_wrap .sc_frame > .sc_frame_text > .row.sp > .sc_col2.sp > .sc_frame_text:nth-last-child(2) > a:last-child { top: 75px; right: 20px; }
  h1.single-post-title { font-size: 1.2em; } }
/**blog**/
body.blog { padding-top: 80px; }

.blog .wrap-post-title, .archive .wrap-post-title { margin-bottom: 0 !important; }

@media screen and (max-width: 768px) { .archive h1.catpage_title { font-size: 18px; }
  .archive .catpage_description { font-size: 15px; }
  .archive .catpage_content_wrap .innner { padding: 10px 0; }
  .archive .catpage_content_wrap .catpage_inner_content { padding: 0 10px; } }
/**sp header hide**/
@media screen and (max-width: 750px) { .site-header .header-top-inpage { display: none; }
  body, body.blog { padding-top: 40px; } }
/* lp1 */
body.page-id-8728 .pc_none { display: none; }
body.page-id-8728 .s1 .two_box h2 { margin: 0; }
body.page-id-8728 h2 img { margin: auto; }
body.page-id-8728 .s6 img { margin: auto; }
body.page-id-8728 .s1 .two_box h2 { margin: 1.5em 0 1em; }
body.page-id-8728 h3 { padding-left: 0; border: 0; }
body.page-id-8728 footer { padding-bottom: 80px !important; }
body.page-id-8728 footer img { margin: auto; }

@media screen and (max-width: 768px) { body.page-id-8728 .pc_none { display: flex; justify-content: space-between; }
  body.page-id-8728 .s1 .two_box { padding-top: 80px !important; }
  body.page-id-8728 .s1 .two_box h2 { margin: 0; }
  body.page-id-8728 .sp_none { display: none; }
  body.page-id-8728 footer { padding-bottom: 20px !important; }
  body.page-id-8728 footer .pc_none { display: flex; justify-content: space-between; }
  body.page-id-8728 footer .sp_none { display: none; } }
/* lp2 */
body.page-id-8870 .pc_none, body.page-id-8870 .pc_n { display: none; }
body.page-id-8870 img { margin: auto; }
body.page-id-8870 header img, body.page-id-8870 .slide_menu_item img { margin: 0; }
body.page-id-8870 h3 { padding-left: 0; border: 0; }
body.page-id-8870 h2 { margin: 1.5em 0 1em; }
body.page-id-8870 footer { padding-bottom: 80px !important; }

@media screen and (max-width: 768px) { body.page-id-8870 .slide_menu_item { background: #0b90c4; display: flex; justify-content: space-between; padding: 10px 20px; }
  body.page-id-8870 #mhead { display: block; width: 100%; position: fixed; top: 0; z-index: 999999999; }
  body.page-id-8870 footer nav ul li a:after { content: "\f054" !important; font-family: FontAwesome !important; }
  body.page-id-8870 #slide_button { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3) !important; border-radius: 50% !important; top: 15px !important; }
  body.page-id-8870 #slide_button span { display: block; position: absolute; width: 20px; border-bottom: solid 2px #7f7f7f; transition: .35s ease-in-out; left: 11px; }
  body.page-id-8870 #slide_button span:nth-child(1) { top: 14px; }
  body.page-id-8870 #slide_button span:nth-child(2) { top: 20px; }
  body.page-id-8870 #slide_button span:nth-child(3) { top: 26px; }
  body.page-id-8870 #slide_button.active span:nth-child(1) { top: 20px; left: 11px; transform: rotate(-45deg); }
  body.page-id-8870 #slide_button.active span:nth-child(2), body.page-id-8870 #slide_button.active span:nth-child(3) { top: 20px; transform: rotate(45deg); }
  body.page-id-8870 #slide_menu { background: #0b90c4; color: #fff; padding: 30px 20px; height: 86vh; overflow-y: scroll; }
  body.page-id-8870 #slide_menu ul li dd { border-bottom: none; padding: 0; margin-bottom: 10px; color: #878685; }
  body.page-id-8870 #slide_menu ul li:first-child { text-align: center; }
  body.page-id-8870 #slide_menu ul li:first-child > img { max-width: 70%; margin-bottom: 15px; }
  body.page-id-8870 #slide_menu ul li:first-child > a { max-width: 90%; margin: 0 auto; padding-bottom: 10px; }
  body.page-id-8870 #slide_menu ul li:first-child > p { padding-bottom: 10px; font-size: 12px; line-height: 21px; }
  body.page-id-8870 #slide_menu ul li:first-child > p small { font-size: 90%; display: block; line-height: 24px; padding-top: 5px; }
  body.page-id-8870 .sm_link { border-bottom: 1px solid #fff; }
  body.page-id-8870 .sm_link a { display: block; color: #fff; padding: 10px 0; text-align: left; }
  body.page-id-8870 .sm_link a:before { content: "▶"; padding: 0 10px 0 0; font-size: 13px; color: #fff; }
  body.page-id-8870 .sm_sns { display: flex; justify-content: center; padding: 30px 0 0; align-items: center; }
  body.page-id-8870 .sm_sns a { display: flex !important; align-items: center; height: 42px; background: #fff; border-radius: 5px; padding: 10px !important; line-height: 0; margin: 0 5px; }
  body.page-id-8870 .sm_sns a img { margin-bottom: 0; }
  body.page-id-8870 .pc_none { display: block; }
  body.page-id-8870 .pc_n { display: block; }
  body.page-id-8870 .sp_n { display: none; }
  body.page-id-8870 .sp_none { display: none; }
  body.page-id-8870 footer { padding-bottom: 50px !important; } }
/* 404 */
body.error404 #main-wrap.main_404 { width: 100%; max-width: 100%; }
body.error404 #main-wrap.main_404 .notfofund_title { max-width: 80%; max-width: 900px; margin: auto; }
body.error404 #main-wrap.main_404 .notfofund_text { max-width: 80%; max-width: 900px; margin: auto; }
body.error404 #main-wrap.main_404 form.searchform { width: 80%; max-width: 900px; margin: auto; }
body.error404 #main-wrap.main_404 .cta { width: 80%; max-width: 900px; margin: auto; }
body.error404 #main-wrap.main_404 .common-service, body.error404 #main-wrap.main_404 .common-interview, body.error404 #main-wrap.main_404 .cta_thumbnail { display: none; }
body.error404 #main-wrap.main_404 .common-interview1 { width: 100%; max-width: 1050px; margin: auto; }
body.error404 #main-wrap.main_404 .content .banner2-right p { width: 80%; }
body.error404 #main-wrap.main_404 .content .banner2-right p a.btn { max-width: 100%; color: #fff; }

@media screen and (max-width: 768px) { body.error404 #main-wrap.main_404 { width: 100%; padding: 40px 0 0; }
  body.error404 #main-wrap.main_404 .cta { width: 100%; }
  body.error404 #main-wrap.main_404 form.searchform { width: 90%; } }
/* ファクタリングとは - factoring-fax */
body.page-id-10786 { background: #fff; }

.page-wrapper .breadcrumbs { margin: 20px auto; }
.page-wrapper .page-item { margin: 40px 0; }
.page-wrapper .page-item .item-ttl { margin: 40px 0 20px; }
.page-wrapper .page-item .item-text { font-size: 16px; padding: 10px 0; line-height: 1.8; }
.page-wrapper .page-item .item-text.center { text-align: center; }
.page-wrapper .page-item .item-text.bold { font-weight: bold; }
.page-wrapper .page-item .item-text span.block { display: block; font-size: 14px; font-weight: 200; }
.page-wrapper .page-item .item-info { margin: 20px 0 10px; }
.page-wrapper .page-item .item-info .info-ttl { background: #1494db; color: #fff; text-align: center; font-size: 20px; line-height: 1.5; padding: 10px 20px; }
.page-wrapper .page-item .item-info .info-text { padding: 20px 30px; background: #f5f5f5; }
.page-wrapper .page-item .item-info .info-text div { font-size: 0.9em; }
.page-wrapper .page-item .item-info .info-text .text-block:not(:last-child) { margin-bottom: 10px; }
.page-wrapper .page-item .item-info .info-bgskew { display: inline-block; position: relative; overflow: hidden; color: #fff; font-size: 18px; line-height: 1.4; padding: 5px 20px; z-index: 2; }
.page-wrapper .page-item .item-info .info-bgskew span { display: flex; align-items: center; }
.page-wrapper .page-item .item-info .info-bgskew span img { max-width: 17px; margin-right: 10px; }
.page-wrapper .page-item .item-info .info-bgskew:before { content: ""; display: block; position: absolute; left: -7px; top: 0; width: 100%; height: 100%; transform: skew(15deg); z-index: -1; }
.page-wrapper .page-item .item-info .info-bgskew.info-good:before { background: #f6b301; }
.page-wrapper .page-item .item-info .info-bgskew.info-bad:before { background: #7f7e7a; }
.page-wrapper .page-item .item-info .info-card { padding: 20px 0; }
.page-wrapper .page-item .item-info .info-card .cols { background: #fff; display: flex; justify-content: space-between; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct { width: 45%; max-width: 400px; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct h3 { margin: 0; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel { display: flex; align-items: center; justify-content: space-between; margin: 20px 0; line-height: 1.4; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .left { font-size: 1.8em; text-align: center; font-weight: bold; margin-right: 10px; white-space: nowrap; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .left span { font-weight: normal; font-size: 12px; display: block; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right { border: 1px solid #333; font-size: 2.3em; font-weight: bold; padding: 3px 15px; display: flex; align-items: center; color: #333; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right img { max-width: 30px; margin-right: 10px; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right span { white-space: nowrap; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right:hover { color: #333; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn { display: flex; justify-content: center; align-items: center; font-size: 20px; text-align: center; font-weight: bold; border: 1px solid #f6b301; background: #f6b301; padding: 3px 20px; line-height: 1.4; color: #333; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn img { max-width: 35px; margin-right: 10px; }
.page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn:hover { color: #333; border: 1px solid #333; background: #ffffff; }
.page-wrapper .page-item .item-info .info-card .cols .card-info { width: calc(55% - 40px); max-width: 55%; padding: 20px 20px 45px; background: #f5f5f5; line-height: 1; position: relative; z-index: 2; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 { display: flex; align-items: center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 img { max-width: 37px; max-height: 37px; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div { padding-left: 10px; color: #1494db; font-size: 32px; font-weight: 900; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div span { font-size: 23px; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-2 { font-size: 14px; margin: 8px 0 12px; color: #001f55; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-3 { font-size: 28px; font-weight: 900; color: #001f55; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-4 { display: inline-block; font-size: 16px; position: absolute; left: 0; bottom: 0; padding: 7px 20px; background: #001f55; color: #fff; border-top-right-radius: 10px; display: flex; align-items: center; transition: .3s; cursor: pointer; }
.page-wrapper .page-item .item-info .info-card .cols .card-info .info-4 svg { margin-left: 10px; width: 20px; height: 20px; }
.page-wrapper .page-item .item-info .info-card .cols .card-info:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../nowdiver/images/factoring-fax/card-info-bg.jpg) 100%/cover no-repeat; background-position: 0 20%; z-index: -1; }
.page-wrapper .page-item .item-img { width: 100%; padding: 20px; }
.page-wrapper .page-item .item-wrapper { padding: 20px 40px; }
.page-wrapper .page-item .item-wrapper.no-padding { padding: 10px 0; }
.page-wrapper .page-item h3 { line-height: 1.4; font-size: 20px; }
.page-wrapper .page-item h4 { line-height: 1.4; text-align: center; font-size: 22px; color: #1494db; display: flex; justify-content: center; align-items: center; position: relative; }
.page-wrapper .page-item h4:before { content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #bbb; z-index: -1; }
.page-wrapper .page-item h4 span { display: inline-block; padding: 0 20px; background: #fff; }
.page-wrapper .page-item .cols.cols-1 { display: flex; flex-wrap: wrap; }
.page-wrapper .page-item .cols.cols-3 { display: flex; flex-wrap: wrap; }
.page-wrapper .page-item .cols.cols-3 .col { width: calc((100% - 70px) / 3); }
.page-wrapper .page-item .cols.cols-3 .col:not(:nth-child(3n)) { margin-right: 34px; }
.page-wrapper .page-item .cols.cols-2 { display: flex; justify-content: space-between; }
.page-wrapper .page-item .cols.cols-2 .col { width: calc((100% - 40px) / 2); }

.page-factoring-fax .factoring-fax-inner { width: 100%; max-width: 1080px; margin: auto; }
.page-factoring-fax .factoring-fax-item .item-wrapper { box-shadow: 0 0 10px rgba(150, 150, 150, 0.2); }
.page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-1 li { line-height: 1.4; width: 100%; margin: 8px 0; display: flex; align-items: flex-start; font-size: 16px; }
.page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-1 li span.num { font-size: 15px; margin-right: 10px; display: inline-block; padding: 3px 6px; line-height: 1.2; background: #1494db; color: #fff; }
.page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-2 { padding: 20px 30px; }
.page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step { font-size: 17px; }
.page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .col { position: relative; margin-top: 30px; margin-bottom: 10px; padding: 30px 10px; text-align: center; display: flex; justify-content: center; align-items: center; background: #f5f5f5; }
.page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .num { position: absolute; left: 50%; transform: translateX(-50%); top: -15px; padding: 0 20px; border-radius: 20px; background: #1494db; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 17px; white-space: nowrap; }
.page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .text span { display: block; white-space: nowrap; }
.page-factoring-fax .factoring-fax-item .item-inner { padding: 0 20px; }
.page-factoring-fax .factoring-fax-item .item-inner .item-img { padding: 20px 30px 0; }
.page-factoring-fax .factoring-fax-item .item-inner .item-text { padding: 20px 0 0; }

@media screen and (max-width: 1470px) { .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step { font-size: 16px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .num { font-size: 16px; }
  .page-wrapper .breadcrumbs { margin: 20px 0; padding: 10px 0 0; }
  .page-wrapper .page-item .item-text { font-size: 15px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .left { font-size: 18px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .left span { font-size: 10px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right { font-size: 24px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right img { max-width: 25px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn { font-size: 18px; padding: 6px 20px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div { font-size: 28px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div span { font-size: 20px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-3 { font-size: 26px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-4 { font-size: 15px; padding: 5px 20px; }
  .page-wrapper .page-item h3 { font-size: 18px; }
  .page-wrapper .page-item h4 { font-size: 20px; }
  .page-wrapper .page-item .cols.cols-3 .col { width: calc((100% - 60px) / 3); }
  .page-wrapper .page-item .cols.cols-3 .col:not(:nth-child(3n)) { margin-right: 29px; } }
@media screen and (max-width: 1050px) { .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step { padding: 10px 0 0; font-size: 15px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .col { margin-top: 20px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .num { font-size: 15px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .text span { display: inline; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .left { font-size: 16px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right { font-size: 20px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn { font-size: 16px; padding: 3px 20px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn img { max-width: 30px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info { padding: 20px 20px 42px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 img { max-width: 30px; max-height: 30px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div { font-size: 26px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div span { font-size: 18px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-2 { font-size: 13px; margin: 7px 0 10px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-3 { font-size: 24px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-4 { font-size: 14px; }
  .page-wrapper .page-item .cols.cols-3 .col { width: calc((100% - 50px) / 3); }
  .page-wrapper .page-item .cols.cols-3 .col:not(:nth-child(3n)) { margin-right: 24px; } }
@media screen and (max-width: 968px) { .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-1 li { font-size: 15px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-1 li span.num { font-size: 13px; padding: 2px 5px; }
  .page-factoring-fax .factoring-fax-item .item-inner { padding: 0; }
  .page-wrapper .page-item .item-info .info-card .cols { flex-wrap: wrap; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct { width: 100%; max-width: 100%; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel { justify-content: flex-start; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .left { margin-right: 20px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info { width: 100%; max-width: 100%; margin: 20px 0 0; }
  .page-wrapper .page-item .item-wrapper { padding: 20px 20px; } }
@media screen and (max-width: 750px) { .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-1 li span.num { margin-top: 0.3em; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-2 { padding: 20px 15px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step { font-size: 14px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .col { padding: 20px; min-height: 80px; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .col:last-child { margin-bottom: 0; }
  .page-factoring-fax .factoring-fax-item .item-wrapper .cols.cols-3.step .num { font-size: 14px; }
  .page-factoring-fax .factoring-fax-item .item-inner .item-img { padding: 10px 10px 0; }
  .page-wrapper .page-item { margin: 30px 0; }
  .page-wrapper .page-item .item-ttl { margin: 30px 0 20px; }
  .page-wrapper .page-item .item-text { font-size: 14px; }
  .page-wrapper .page-item .item-text span.block { font-size: 13px; margin-top: 10px; }
  .page-wrapper .page-item .item-info { margin: 20px 0 0; }
  .page-wrapper .page-item .item-info .info-ttl { font-size: 18px; }
  .page-wrapper .page-item .item-info .info-text { padding: 20px 15px; }
  .page-wrapper .page-item .item-info .info-text div { font-size: 14px; }
  .page-wrapper .page-item .item-info .info-text .item-text { padding: 5px 0; }
  .page-wrapper .page-item .item-info .info-bgskew { padding: 5px 15px; }
  .page-wrapper .page-item .item-info .info-bgskew span img { max-width: 15px; }
  .page-wrapper .page-item .item-info .info-card { padding: 15px 0 0; }
  .page-wrapper .page-item .item-info .info-card .cols { padding: 20px 17px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel { margin: 15px 0; flex-direction: column; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .left { margin-right: 0; margin-bottom: 10px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right { font-size: 18px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-tel .right img { max-width: 20px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn { font-size: 15px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn img { max-width: 25px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-conatct .contact-btn span { white-space: nowrap; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info { padding: 15px 15px 40px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 img { max-width: 25px; max-height: 25px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div { font-size: 26px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-1 div span { font-size: 17px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-2 { margin: 8px 0 13px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-3 { font-size: 18px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-3 span { white-space: nowrap; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-4 { font-size: 13px; padding: 5px 10px; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-4 svg { margin-left: 5px; width: 18px; height: 18px; }
  .page-wrapper .page-item .item-wrapper.no-padding { padding: 0; }
  .page-wrapper .page-item h3 { font-size: 16px; }
  .page-wrapper .page-item h4 { font-size: 17px; }
  .page-wrapper .page-item .cols.cols-3 .col { width: 100%; }
  .page-wrapper .page-item .cols.cols-3 .col:not(:nth-child(3n)) { margin-right: 0; } }
@media screen and (max-width: 360px) { .page-wrapper .page-item .item-info { margin: 20px -20px 0; }
  .page-wrapper .page-item .item-info .info-card .cols .card-info .info-4 svg { margin-left: 2px; width: 12px; height: 12px; } }
/* ファクタリングの利用に必要な書類  documents-necessary */
body.page-id-10788 { background: #fff; }

.page-documents-necessary .documents-necessary-inner { width: 100%; max-width: 1080px; margin: auto; }
.page-documents-necessary .documents-necessary-item .item-wrapper { padding: 10px 40px; }
.page-documents-necessary .documents-necessary-item .cols.cols-3.exam .col .exam-img img { max-width: 80px; max-height: 60px; margin: 10px auto 0; }
.page-documents-necessary .documents-necessary-item .cols.cols-3.contract .col { display: flex; justify-content: center; align-items: center; min-height: 130px; }
.page-documents-necessary .documents-necessary-item .cols.cols-3 .col { padding: 20px 10px; text-align: center; box-shadow: 0 0 10px rgba(150, 150, 150, 0.2); }
.page-documents-necessary .documents-necessary-item .cols.cols-3 .col .item-text { padding: 20px 20px; position: relative; font-size: 18px; font-weight: bold; line-height: 1.4; }
.page-documents-necessary .documents-necessary-item .cols.cols-3 .col .item-text span { font-size: 15px; display: block; }
.page-documents-necessary .documents-necessary-item .cols.cols-3 .col .item-text .num { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 100px; color: #333; opacity: 0.05; text-align: center; font-weight: bold; line-height: 1; }
.page-documents-necessary .documents-necessary-item .cols.cols-2 { padding: 20px 30px; }
.page-documents-necessary .documents-necessary-item .documents-necessary-contract { margin: 40px 0 0; padding: 20px; background: #1595db; }
.page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn { display: flex; justify-content: center; align-items: center; margin: 15px 0; }
.page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn a { padding: 10px 30px; color: #fff; border: 1px solid #f78c00; background: #f78c00; display: flex; align-items: center; }
.page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn a svg { width: 20px; height: 20px; margin-left: 10px; }
.page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn a:hover { background: none; color: #f7b000; border: 1px solid #f7b000; }
.page-documents-necessary .documents-necessary-item .documents-necessary-contract .item-text { color: #fff; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step { margin: 30px 0 10px; padding: 20px 40px; box-shadow: 0 0 10px rgba(150, 150, 150, 0.2); }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper { display: flex; padding: 20px; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper:not(:last-child) .step-left:after { content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 1px; height: 200%; background: #1595dc; z-index: -1; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper:last-child .step-left { background: #fff; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left { margin-right: 40px; position: relative; z-index: 2; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div { background: #1595dc; padding: 20px; position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div:after { content: ""; display: block; width: 100%; position: relative; padding-top: 100%; z-index: -1; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div img { max-width: 85px; min-width: 85px; width: 85px; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right { padding: 10px 0; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num { display: inline-block; color: #fff; padding: 5px 25px; border-radius: 20px; font-size: 18px; line-height: 1.2; white-space: nowrap; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num span { font-size: 22px; padding-left: 5px; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .ttl { font-size: 18px; font-weight: bold; margin: 15px 0 5px; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .text { font-size: 16px; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need { margin: 30px 0; padding: 30px 40px; box-shadow: 0 0 10px rgba(150, 150, 150, 0.2); display: flex; flex-wrap: wrap; align-items: center; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div { display: flex; align-items: center; font-size: 20px; color: #001f55; font-weight: bold; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div img { max-width: 40px; max-height: 30px; margin-right: 15px; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div span { white-space: nowrap; }
.page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div:not(:last-child) { margin-right: 80px; }

@media screen and (max-width: 1470px) { .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper { padding: 20px 10px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div img { max-width: 75px; min-width: 75px; width: 75px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div { font-size: 18px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div img { max-width: 35px; max-height: 30px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div:not(:last-child) { margin-right: 60px; } }
@media screen and (max-width: 1050px) { .page-documents-necessary .documents-necessary-item .cols.cols-3.exam .col .exam-img img { max-width: 65px; max-height: 45px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3.exam .col .item-text { font-size: 15px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3 .col .item-text { font-size: 16px; padding: 20px 0; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3 .col .item-text span { font-size: 13px; white-space: nowrap; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step { padding: 20px 30px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left { margin-right: 30px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div { padding: 15px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div img { max-width: 65px; width: 65px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num { font-size: 17px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num span { font-size: 20px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .ttl { font-size: 17px; margin: 10px 0 3px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .text { font-size: 15px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div { font-size: 16px; } }
@media screen and (max-width: 750px) { .page-wrapper .page-item.documents-necessary-text { margin: 10px 0 0; }
  .page-wrapper .page-item.documents-necessary-text .item-wrapper { padding: 0; }
  .page-wrapper .page-item.documents-necessary-text span { white-space: nowrap; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3 .col { padding: 10px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3 .col .item-text { font-size: 15px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3 .col .item-text .num { font-size: 72px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3 .col:not(:last-child) { margin-bottom: 20px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3.exam .col .exam-img img { max-width: 50px; max-height: 40px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3.exam .col .item-text { font-size: 14px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3.exam .col .item-text span { font-size: 12px; }
  .page-documents-necessary .documents-necessary-item .cols.cols-3.contract .col { min-height: 100px; }
  .page-documents-necessary .documents-necessary-item .documents-necessary-contract { margin: 20px 0 0; }
  .page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn { margin: 15px 0 10px; }
  .page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn a { padding: 10px; font-size: 15px; }
  .page-documents-necessary .documents-necessary-item .documents-necessary-contract span.nowrap { white-space: nowrap; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step { padding: 20px 0; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper { padding: 5px 20px 0; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left { margin-right: 15px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div { padding: 10px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div img { max-width: 48px; min-width: 48px; width: 48px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num { font-size: 14px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num span { font-size: 16px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .ttl { font-size: 16px; margin: 8px 0 2px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .text { font-size: 13px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need { margin: 10px 0; padding: 20px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div { font-size: 14px; margin: 5px 0; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div img { max-width: 30px; max-height: 25px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-need > div:not(:last-child) { margin-right: 40px; } }
@media screen and (max-width: 360px) { .page-wrapper .page-item { margin: 30px 0 0; }
  .page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn { margin: 10px 0; }
  .page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn a { padding: 10px 5px; font-size: 14px; white-space: nowrap; }
  .page-documents-necessary .documents-necessary-item .documents-necessary-contract .btn a svg { width: 15px; height: 15px; margin-left: 5px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-left div img { max-width: 35px; min-width: 35px; width: 35px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num { font-size: 13px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .num span { font-size: 15px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .ttl { font-size: 15px; }
  .page-documents-necessary .documents-necessary-item.documents-necessary-flow .item-step .step-wrapper .step-right .text { font-size: 12px; } }
/* site-banner */
.site-banner { margin: 20px 0 100px; }
.site-banner .site-ttl { text-align: center; }
.site-banner .site-ttl em.nowrap { white-space: nowrap; font-style: normal; }
.site-banner .banner-wrapper { display: flex; justify-content: space-between; }
.site-banner .banner-wrapper .banner-item { width: calc((100% - 30px) / 2); display: flex; background: #edf1f7; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); position: relative; }
.site-banner .banner-wrapper .banner-item .item-img { width: 65%; padding: 20px; padding-right: 50px; background: #fff; position: relative; overflow: hidden; z-index: 2; }
.site-banner .banner-wrapper .banner-item .item-img:after { content: ""; display: block; position: absolute; right: -20px; top: 0; width: 45px; height: 100%; transform: skewX(10deg); background: #edf1f7; z-index: -1; }
.site-banner .banner-wrapper .banner-item .item-img img { transition: 0.3s; }
.site-banner .banner-wrapper .banner-item .item-text { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; padding: 15px; color: #535759; font-size: 16px; }
.site-banner .banner-wrapper .banner-item .item-text .site-ttl { text-align: left; padding: 0; }
.site-banner .banner-wrapper .banner-item .item-text .site-ttl span.text { margin: 10px auto; }
.site-banner .banner-wrapper .banner-item:after { content: ""; display: block; position: absolute; right: -10px; bottom: -10px; width: 20px; height: 20px; transform: rotate(45deg); background: #001f55; z-index: 2; }
.site-banner .banner-wrapper .banner-item:hover .item-img img { transform: scale(1.02); }
.site-banner .banner-wrapper .banner-item:hover .item-text { color: #535759; }
.site-banner .banner-wrapper .banner-item:hover .item-text .site-ttl { text-decoration: underline; text-decoration-color: #001f55; }

@media screen and (max-width: 1260px) { .site-banner .banner-wrapper .banner-item .item-img { width: 60%; padding-right: 30px; }
  .site-banner .banner-wrapper .banner-item .item-img:after { right: -20px; width: 35px; transform: skewX(5deg); }
  .site-banner .banner-wrapper .banner-item .item-text { font-size: 15px; } }
@media screen and (max-width: 1050px) { .site-banner .banner-wrapper .banner-item .item-text { font-size: 14px; padding-left: 10px; } }
@media screen and (max-width: 960px) { .site-banner .banner-wrapper { flex-direction: column; }
  .site-banner .banner-wrapper .banner-item { width: 100%; }
  .site-banner .banner-wrapper .banner-item:not(:last-child) { margin-bottom: 40px; }
  .site-banner .banner-wrapper .banner-item .item-img { max-width: 450px; } }
@media screen and (max-width: 550px) { .site-banner { margin: 20px 0 40px; }
  .site-banner .banner-wrapper .banner-item { flex-direction: column; }
  .site-banner .banner-wrapper .banner-item:not(:last-child) { margin-bottom: 20px; }
  .site-banner .banner-wrapper .banner-item .item-img { width: 100%; }
  .site-banner .banner-wrapper .banner-item .item-img:after { display: none; }
  .site-banner .banner-wrapper .banner-item .item-text { padding: 20px; width: 100%; order: -1; justify-content: flex-start; } }
/* single-industry */
body.single-industry { background-color: #fff; }

#main-wrap.single-industry #single-main { letter-spacing: 1px; width: 100% !important; margin-right: 0 !important; padding-right: 0 !important; }
#main-wrap.single-industry #single-main .breadcrumbs { margin-bottom: 0; }
#main-wrap.single-industry #single-main .common-service { margin: 40px 0; }
/*#main-wrap.single-industry #single-main h2 { font-weight: 100 !important; }*/
#main-wrap.single-industry #single-main .single-post-main { padding: 10px 0 !important; }
#main-wrap.single-industry #single-main .single-post-main .single-before-ttl .tags { display: flex; justify-content: center; }
#main-wrap.single-industry #single-main .single-post-main .single-before-ttl .tags .tag { padding: 0 5px; }
#main-wrap.single-industry #single-main .single-post-main .single-before-ttl .ttl { max-width: 570px; letter-spacing: 1px; }
#main-wrap.single-industry #single-main .single-post-main .single-before-ttl .single-before-ttl-bottom div { max-width: 30%; }
#main-wrap.single-industry #single-main .single-post-main .single-before-ttl .single-before-ttl-bottom span { padding: 10px 20px; }
#main-wrap.single-industry #single-main .single-post-main .post_footer_author_title, #main-wrap.single-industry #single-main .single-post-main .post_footer_author { max-width: 750px; margin: auto; }
#main-wrap.single-industry #single-main .post-meta { padding: 1em 0; }
#main-wrap.single-industry #single-main .post-meta h1.single-post-title { font-size: 2em; margin: 0 0 15px; font-weight: bold; letter-spacing: 2px; }
#main-wrap.single-industry #single-main .post-meta .cat-tag .tag { background-color: #000; color: #fff; }
#main-wrap.single-industry #single-main .post-meta .cat-tag .tag a { color: #fff; }
#main-wrap.single-industry #single-main .post-meta .post-author { bottom: 10px; }
ul.post-author.vcard.author li.post-author-thum::before { content: none!important; }
#main-wrap.single-industry #single-main .post-meta .post-author .post-author-thum img { width: 47px; height: 47px; }
#main-wrap.single-industry #single-main .post-meta .post-author li.post-author-name { font-size: 16px; margin-left: 10px; }
#main-wrap.single-industry #single-main h2 { text-align: center !important; }
#main-wrap.single-industry #single-main #content_area article, #main-wrap.single-industry #single-main #cta { box-shadow: none; }
#main-wrap.single-industry #single-main .voice { margin-bottom: 30px; }
#main-wrap.single-industry #single-main .voice .sc_balloon { background: #fff; border-radius: 10px; border: 0 !important; box-shadow: 0 0 10px #dfdfdf; position: relative; padding: 20px 30px; margin-top: 0; font-size: 15px !important; font-weight: 500 !important; }
#main-wrap.single-industry #single-main .voice .sc_balloon.left { margin-top: 0; }
#main-wrap.single-industry #single-main .voice .sc_balloon span { box-shadow: inset 0 -10px 0px #f6ff00; }
#main-wrap.single-industry #single-main .voice .sc_balloon .icon .name { margin-top: 0; }
#main-wrap.single-industry #single-main .voice.left .sc_balloon:before { z-index: 2; content: ""; position: absolute; display: block !important; left: -8px !important; top: 30px !important; width: 16px !important; height: 16px !important; transform: rotate(45deg) !important; box-shadow: #dfdfdf 0px 0px 10px !important; background: white !important; }
#main-wrap.single-industry #single-main .voice.left .sc_balloon:after { content: ""; position: absolute; z-index: 3; display: block !important; left: 0px !important; top: 0px !important; width: 20px !important; height: 100% !important; margin: 0px; border-color: transparent; border-radius: 20px; background: white !important; }
#main-wrap.single-industry #single-main .content { font-size: 16px; }
#main-wrap.single-industry #single-main .content .bold { font-weight: bold; }
#main-wrap.single-industry #single-main .content .padding { padding: 10px 20px; }
#main-wrap.single-industry #single-main .content .cta_content { display: none; }
#main-wrap.single-industry #single-main .content hr { border-top: 2px dashed #d8d6d6; margin: 40px 0; }
/*#main-wrap.single-industry #single-main .content strong { display: block; }*/
#main-wrap.single-industry #single-main .content img.full-size { width: 100%; display: block; padding: 20px 0; }
#main-wrap.single-industry #single-main .content #toc_container.no_bullets { display: none !important; }
#main-wrap.single-industry #single-main .content #text-2.widget.widget-h2.widget_text { display: none !important; }
#main-wrap.single-industry #single-main .article_footer { padding: 40px 20px 0; }
#main-wrap.single-industry #single-main .article_footer .post_thumbnail_wrap, #main-wrap.single-industry #single-main .article_footer .post-left-top, #main-wrap.single-industry #single-main .article_footer .post-left-bottom { width: 100%; max-width: 100%; }
#main-wrap.single-industry #single-main .article_footer .post_thumbnail_wrap { border-radius: 10px; box-shadow: #dfdfdf 1px 1px 5px; }
#main-wrap.single-industry #single-main .article_footer .post-left-top { padding: 20px; border-bottom: 0; }
#main-wrap.single-industry #single-main .article_footer .post-left-top div.cat { background-color: #04c7c9; color: #fff; }
#main-wrap.single-industry #single-main .article_footer .post-left-bottom { max-height: 60px; height: 60px; background-color: #fff; }
#main-wrap.single-industry #single-main .article_footer .post_list_wrap { width: calc(33.33333% - 20px); margin-top: 30px; }
#main-wrap.single-industry #single-main .article_footer .post_list_wrap:not(:nth-child(3n)) { margin-right: 30px; }
#main-wrap.single-industry #single-main .article_footer .post_list_wrap a { padding: 0; }
#main-wrap.single-industry #single-main .article_footer .post_list_wrap .meta { margin: 10px 0 0; color: #333; }
#main-wrap.single-industry #single-main .article_footer .post_list_wrap .meta .date { padding-bottom: 5px; display: inline-block; }
#main-wrap.single-industry #single-main .article_footer .post_list_wrap .meta .title { font-weight: bold; }
#main-wrap.single-industry .cta_content .cta_thumbnail { display: none; }
#main-wrap.single-industry .cta_content .content { padding: 0; }

@media screen and (max-width: 1050px) { #main-wrap.single-industry #single-main .article_footer .post_list_wrap { width: calc(50% - 10px); }
  #main-wrap.single-industry #single-main .article_footer .post_list_wrap:not(:nth-child(3n)) { margin-right: 20px; }
  #main-wrap.single-industry #single-main .article_footer .post_list_wrap:nth-child(3n) { margin-right: 20px; }
  #main-wrap.single-industry #single-main .article_footer .post_list_wrap:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 750px) { body.single-industry { padding-top: 60px; }
  #main-wrap.single-industry #single-main #content_area { padding: 0 20px; }
  #main-wrap.single-industry #single-main .single-post-main .single-before-ttl { margin-bottom: 20px; }
  #main-wrap.single-industry #single-main .single-post-main .single-before-ttl .tags .tag { font-size: 14px; }
  #main-wrap.single-industry #single-main .voice { margin-bottom: 25px; }
  #main-wrap.single-industry #single-main .voice .sc_balloon { padding: 10px 20px; font-size: 13px !important; }
  #main-wrap.single-industry #single-main .voice.left .sc_balloon:after { width: 20px !important; }
  #main-wrap.single-industry #single-main .voice.right .sc_balloon:after { width: 20px !important; }
  #main-wrap.single-industry #single-main .content { font-size: 14px; }
  #main-wrap.single-industry #single-main .content strong { font-size: 18px; margin-bottom: 10px; }
  #main-wrap.single-industry #single-main .content strong.small { font-size: 15px; }
  #main-wrap.single-industry #single-main .content .padding { padding: 10px 0; }
  #main-wrap.single-industry #single-main .content #toc_container { margin: 0; }
  #main-wrap.single-industry #single-main .content h2 { margin: 30px auto 20px !important; font-size: 20px !important; }
  #main-wrap.single-industry #single-main .content hr { border-top: 1px dashed #d8d6d6; margin: 2em 0; }
  #main-wrap.single-industry #single-main .content p:not([class]):not([style]) { min-height: 0; padding: 0; margin: 0; }
  #main-wrap.single-industry #single-main .article_footer { padding: 20px 0; }
  #main-wrap.single-industry #single-main .article_footer .post_list_wrap { width: 100%; margin-top: 20px; }
  #main-wrap.single-industry #single-main .article_footer .post_list_wrap:not(:nth-child(2n)) { margin-right: 0; }
  #main-wrap.single-industry #single-main .breadcrumbs { padding-bottom: 5px; }
  #main-wrap.single-industry #single-main .post-meta h1.single-post-title { font-size: 1.4em; }
  #main-wrap.single-industry #single-main .post-meta .post-author .post-author-thum img { width: 35px; height: 35px; } }
/* 2020.2.29 */
.widget .widget-title, .widget .widgettitle { color: #fff; background: #1595db; padding: 10px 20px; border-left: 3px solid #1595db; border-right: 3px solid #1595db; border-top-left-radius: 20px; border-top-right-radius: 20px; font-size: 18px; margin: 0; border: 0; }

.widget .widget-title:before, .widget .widgettitle:before { display: none; }

.widget .widget-title:after, .widget .widgettitle:after { display: none; }

#sidebar .widget { padding: 10px 0 !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.widget ul { margin: 0 !important; border-left: 3px solid #1595db; border-right: 3px solid #1595db; border-bottom: 3px solid #1595db; }

.widget ul li { padding: 0 !important; border-bottom: 0; }

.widget ul li a { background: #fff; padding: 10px 20px; font-size: 14px; position: relative; color: #000; font-weight: 400; display: block; width: 100%; }

.widget ul li:nth-child(odd) a { background: #ebebeb; }

.widget ul span.toc_number { background: none !important; color: #001f55 !important; width: 1em !important; }

.widget ul ul { display: none; }

#categories-4 a:after { content: ""; display: block; position: absolute; right: 20px; top: 50%; width: 10px; height: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(images/arrow-right.png) 100% 100%/contain no-repeat; }

#custom_html-16 a { color: #001f55; }

#custom_html-16 a span { color: #657786; padding-left: 5px; }

.wrap-post-title, .widget .wrap-post-title { background: none !important; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; -webkit-box-shadow: none !important; box-shadow: none !important; margin-bottom: 20px !important; }

.catpage_content_wrap .innner { width: 100% !important; background: #1595db !important; }

.post-box .post-title { color: #1595db !important; padding: 10px 0 !important; }

.post-box .post-substr { color: #4c4c4c !important; }

.post-box .post-date { line-height: 1; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; }

.post-box .post-date img { margin-right: 5px; width: 15px; height: 15px; }

.post-box { border-radius: 20px; overflow: hidden; border: 1px solid #dedede; margin: 10px 0; }

.post-box-contents { padding-left: 280px; height: 100%; width: 100%; position: relative; }

.post-box-contents .post-meta-all { padding-bottom: 50px !important; }

.post_thumbnail { position: absolute !important; width: 280px !important; height: 100% !important; left: 0 !important; top: 0 !important; }

.post_thumbnail_wrap { width: 280px; background: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.post_thumbnail_wrap .post-left-top { padding: 10px; border-bottom: 3px solid #1595db; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 280px; width: 280px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.post_thumbnail_wrap .post-left-top div { text-align: center; line-height: 1.5; }

.post_thumbnail_wrap .post-left-top div.cat { font-size: 13px; padding: 0px 10px; border-radius: 10px; }

.post_thumbnail_wrap .post-left-top div.ttl { color: #1595db; margin-top: 5px; font-size: 16px; font-weight: bold; width: 100%; max-width: 100%; }

.post_thumbnail_wrap .post-left-bottom { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; max-width: 280px; }

.post_thumbnail_wrap .post-left-bottom span { display: block; font-size: 12px; line-height: 1; color: #fff; text-align: center; background: #1595db; white-space: nowrap; padding: 5px 0; }

.post_thumbnail_wrap .post-left-bottom img { max-width: 100px; margin-right: 20px; }

.fa-calendar:before { color: #1595db; }

.fa-refresh:before { color: #1595db; }

.searchform .s { border-radius: 20px; }

input[type=submit].searchsubmit { width: 70px; background: url(images/search_w.png) no-repeat 50% 50%; background-color: #1595db; border-radius: 0 20px 20px 0; background-size: 17px; }

.widget_categories label, .widget_categories h2, .widget_archive label, .widget_archive h2 { display: block; }

a.page-numbers, .pagination .current { color: #607d8b; padding: 5px 10px; text-decoration: none; vertical-align: middle; display: inline-block; letter-spacing: 0; margin: 0 3px; border-radius: 3px; }

@media (max-width: 750px) { .post_thumbnail { display: none; }
  .post-box-contents { padding-left: 0; }
  .post-box-contents .post-meta-all { padding-bottom: 20px !important; } }
@media screen and (max-width: 768px) { .header-logo { display: initial; }
  .site-header .header-right .header-nav, .site-header .header-right .header-icon { display: none; }
  .perspective { display: flex; } }
span.hissu { font-size: smaller; color: #fff; border: solid 2px #eb4c4c; background-color: #eb4c4c; border-radius: 4px; font-weight: 100; padding: 0 2px; margin-right: .4em; }

input[type=checkbox]:checked + .wpcf7-list-item-label, input[type=radio]:checked + .wpcf7-list-item-label { background: #18256b; color: #fff; border: solid 3px #18256b; transition: .5s; }

span.wpcf7-list-item-label { cursor: pointer; }

.wpcf7-list-item-label { padding: 8px 15px 8px 15px; border-radius: 6px; display: -webkit-inline-box; border: solid 3px #18256b; color: #18256b; transition: .5s; }

span.wpcf7-list-item { margin: 3px; cursor: pointer; display: inline-block; }

span.glossaryLink, a.glossaryLink { text-decoration: none !important; border-bottom: dotted 1px; }

/*# sourceMappingURL=style.css.map */


.meta-thumbnail img {
    width: 100%;
	margin-bottom: 20px;
}

/**/
@media (min-width: 769px) {
	span.sp_none.cta_min {
    	display: block;
    	width: 100%;
    	background: #FFF;
    	border-radius: 1rem;
    	font-size: 13px;
    	color: #1686D6;
	    text-align: center;
    	margin-bottom: 6px;
	}
	.info-btn {
    	width: 300px;
	}
	.footer-info .inner {
    	position: relative;
	}
	.info-simu_pc {
    	position: absolute;
    	width: 129px;
    	top: -150px;
    	right: 0;
	}
}
@media (max-width: 768px) {
	.info-simu_pc {
		display: none;
	}
	.site-footer .footer-info .inner {
		column-gap: 8px;
		padding: 0 8px;
	}
	.site-footer .footer-info .info-btn span.pc_none {
    	line-height: 1.3!important;
    	font-size: 10px;
	}
	.site-footer .footer-info .info-btn a {
    	height: 60px;
    	text-align: center;
		margin-left: 0!important;
	}
	.site-footer .footer-info {
		background: #EAEFF7!important;
	}
	.info-tel {
		background: linear-gradient(to right, #F28519, #FFBB22)!important;
		box-shadow: 0px 3px 0px #C17C00;
    	padding: 7px 8px;
    	border-radius: 4px;
		width: 100%;
		position: relative;
	}
	.info-tel a::after,
	.info-tel button::after {
		position: absolute;
		content: url(/wp-content/themes/diver_child/images/cta/teltap_fixed.png) !important;
    	vertical-align: middle;
        padding-right: 4px;
        transform: scale(0.7);
        display: inline-block;
        background: none !important;
        right: -36px;
        top: 14px;
	}
	.site-footer .footer-info .info-tel a .num,
	.site-footer .footer-info .info-tel button .num {
    	font-size: 25px;
    	font-family: 'DIN 2014'!important;
	}
	.slick-slide.slick-cloned {
		display: none;
	}
	.site-footer .footer-info .info-btn:last-child a img {
		margin-bottom: 4px!important;
	}
	.site-footer .footer-info .info-tel a svg, .site-footer .footer-info .info-tel button svg {
        margin-right: 7px;
        width: 27px;
        height: 35px;
    }
}


@media (min-width: 769px) {
	.qa-content.sp_block {
		display: none!important;
	}
}

@media (max-width: 768px) {
	.qa-content.pc_block {
		display: none!important;
	}
}

/*firstView Btn Style*/
.linkFvFlex {
	column-gap: 8px;
}
.linkFvFlex .firstViewBtn {
    display: grid;
	position: relative;
	border-radius: 4px!important;
}

a#firstViewSimulation {
    background: linear-gradient(to right, #091D52, #133C9B)!important;
	box-shadow: 0px 3px 0px #0B3955;
}
a#firstViewForm {
    background: linear-gradient(to right, #158CDB, #1BBAC6)!important;
	box-shadow: 0px 3px 0px #024D77;
}

.link.linkFvFlex a img {
    width: 22px;
    height: 22px;
    margin: auto 8px auto 0;
}
.link.linkFvFlex a p:first-child {
    display: flex;
    margin: 0 0 4px 0;
}
.link.linkFvFlex a p.menuMin {
    margin: 0;
}
a#firstViewSimulation img {
    width: 18px;
    height: 25px;
}
.link.linkFvFlex a {
    padding: 12px 16px;
}

@media (max-width: 768px) {
	.link.linkFvFlex a {
    	margin: auto;
	}
	/*.firstViewBtn {
    	max-width: 180px!important;
	}*/
	a#firstViewForm,
	a#firstViewSimulation {
		padding: 13px 10px 8px !important;
        width: 50%;
        justify-content: space-evenly;
		min-height: 50px;
	}
	a#firstViewForm::before,
	a#firstViewSimulation::before {
		display: none;
	}
	.site-footer .footer-info .inner .info-tel {
		width: 54%;
	}
	.site-footer .footer-info .inner .info-btn {
    	width: 23%;
	}
	.link.linkTel a {
		background: linear-gradient(to right, #F28519, #FFBB22)!important;
		box-shadow: 0px 3px 0px #C17C00;
		position: relative;
		width: 100%;
		margin: 0!important;
		border-radius: 4px;
	}
	.link.linkTel a div {
	    color: #FFF;
		margin: 16px 20px 14px 70px;
	}
	.link.linkTel a div p.mainTxt {
    	font-weight: bold;
		font-size: 21px;
        margin: 6px 0;
	}
	.link.linkTel a::before {
		position: absolute;
		content: url(/wp-content/themes/diver_child/images/cta/tel.png) !important;
    	vertical-align: middle;
	    padding-right: 4px;
    	transform: scale(0.6);
   		display: inline-block;
    	background: none !important;
		left: 0 !important;
    	top: 8px !important;
	}
	.link.linkTel a::after {
		position: absolute;
		content: url(/wp-content/themes/diver_child/images/cta/teltap.png) !important;
    	vertical-align: middle;
        padding-right: 4px;
        transform: scale(0.7);
        display: inline-block;
        background: none !important;
        right: -22px !important;
        top: -32px !important;
	}
}

/*menu*/
.menuFlex {
    display: flex;
	flex-wrap: wrap;
    column-gap: 8px;
}
.drop-down-menu {
    display: block;
    overflow-y: scroll;
    padding: 77px 16px 16px;
}
.drop-down-menu p {
    margin: 0;
}
p.menuTitle {
    font-size: 16px;
    font-weight: bold;
}
p.menuMin {
    font-size: 12px;
	text-align: left;
	font-weight: normal;
}
a#menuTel {
    color: #081F52;
    font-weight: bold;
    font-family: 'DIN 2014';
    font-size: 37px;
    margin-top: -10px;
    display: block;
}
a#menuTel svg {
    width: 38px;
    padding-right: 4px;
}
body > div.drop-down-menu > div:nth-child(4) a {
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    padding: 6px;
    border-radius: 10px;
    text-align: center;
}
body > div.drop-down-menu > div:nth-child(4) a img {
    width: 22px;
    margin: auto;
}
a#menuPamphlet img {
    margin: 4px auto;
}
a#menuSimulation {
    background: #F7B200;
    width: 20%;
}
a#menuPamphlet {
    background: #28AED7;
    width: 20%;
}
a#menuForm {
    background: #1686D6;
    width: 55%;
}
p.menuTitle.mTline {
    padding: 16px 0;
    margin: 16px 0;
    border-top: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
}
a#menuForm p:first-child {
    display: flex;
	font-size: 14px;
}
a#menuForm p img {
    width: 19px;
    height: 15px;
    margin: auto 8px auto 0;
}
body > div.drop-down-menu > div:nth-child(6) a {
	display: flex;
    width: 48%;
	color: #42423E;
	font-size: 14px;
	margin-bottom: 12px;
}
body > div.drop-down-menu > div:nth-child(8) a {
	display: flex;
    width: 100%;
	color: #42423E;
	font-size: 14px;
	margin-bottom: 12px;
}
body > div.drop-down-menu > div:nth-child(6) a img,
body > div.drop-down-menu > div:nth-child(8) a img {
    width: 20px;
    height: 20px;
    margin: auto 8px auto 0;
}
a.menuCompany {
    width: 100%;
    display: block;
    padding-bottom: 16px;
    color: #42423E;
    border-bottom: solid 1px #DDD;
    margin-bottom: 16px;
}

/*要素削除依頼24年2月*/
body > div.site-price > div > div.price-bottom > div.price-inner.priseCharted > div > div:nth-child(2) {
    display: none;
}
@media (min-width: 769px) {
	body > div.site-price > div > div.price-bottom > div.price-inner.priseCharted > div {
    	justify-content: center;
    	column-gap: 3rem;
	}
}

.ticsImg img {
    width: 88px;
    margin-top: 25px;
    border-radius: 10px;
}

@media (max-width: 768px) {
  .ticsImg {
    margin: 0;
  }
  .ticsImg img {
    width: 145px!important;
    margin-top: 20px;
    border-radius: 6px;
  }
  .table-content tr {
    white-space: nowrap;
  }
  .table-content {
    overflow-x: auto;
    display: block;
	margin-bottom: 2rem;
  }
}

/*contactLP*/
	.contactLP dt {
    	width: 30%;
    	background: #1449CD;
    	color: #FFF;
    	padding: 16px 20px;
	}
	.contactLP dl {
    	display: flex;
    	margin-bottom: 20px;
	}
	.contactLP dd.two-input {
    	display: flex;
		column-gap: 30px !important;
	}
	.contactLP dd.two-input span input {
    	width: 100%;
	}
	.contactLP dd {
		padding: 0 !important;
		border: none !important;
		width: 70%;
	}
	.contactLP dd input {
    	padding: 20px 20px !important;
    	font-size: 16px !important;
    	border: none !important;
		width: 100%;
	}
	.contactLP select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    	width: 100%;
    	background: #f7f7f7;
    	padding: 20px 20px;
	}
	.contactLP h3, .contactLP p {
		margin: auto;
	}
	.contact-content p {
    	margin: auto 0;
    	padding: 10px !important;
    	text-align: center;
	}
	.contact-btn.contact-btn--lp input {
    	background: yellow !important;
    	color: black;
    	border-radius: 999px;
    	padding: 14px 32px;
	}
	.simulationBox.formBox img {
    	margin: auto;
	}
	.simulationBox.formBox {
    	text-align: center;
	}
@media (min-width: 769px) {
	.contactLP {
    	background: #E8EFF9;
    	padding: 60px 100px !important;
	}
	.contactLP .formBox {
    	background: #FFF;
    	padding: 40px 50px !important;
		margin-bottom: 40px;
	}
	.simulationBox.formBox p {
    	padding: 8px !important;
	}
}
@media (max-width: 768px) {
	.contactLP {
    	background: #E8EFF9;
	}
	.contactLP .formBox {
    	background: #FFF;
    	padding: 20px !important;
		margin-bottom: 20px;
	}
	.contactLP dt {
		font-size:11px;
		width: 35%;
		padding: 20px 14px;;
	}
	.contactLP dd input {
    	font-size: 14px !important;
	}
	.contactLP dd.two-input {
	    column-gap: 16px !important;
	}
	.contactLP select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
		font-size: 12px;
	}
	.simulationBox.formBox p {
    	padding: 8px !important;
	}
}

#wpcf7-f12536-o1 > form > p,
#wpcf7-f12536-o1 > form > div.contact-content > dl:nth-child(7) {
    display: none;
}

.contactLP dt span {
    display: none!important;
}

p.readingTime {
    text-align: center;
	color: #657786;
	background: #ebebeb;
    padding: 4px;
	font-size: 14px;
}
p.readingTime span {
	font-weight: bold;
}

.single-post-main .content { font-size: 16px!important; color:#333!important;}


/*簡易事例追加施策*/
.case-studies {
    margin: 20px 0 100px;
}
.case-studies .site-ttl {
    text-align: center;
    padding-bottom: 20px;
}
.case-studies .case-studies__description {
    text-align: center;
    color: #001F55;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 50px;
}
.case-studies .case-card-flex,
.case-studies .case-card .case-card__content .content-list {
    display: flex;
    flex-wrap: wrap;
}
.case-studies .case-card-flex {
    gap: 20px;
}
.case-studies .case-card {
    background: #EAEFF6;
    display: flex;
    border-radius: 8px;
    padding: 20px;
}
.case-studies .case-card .case-card__image-area {
    margin-right: 20px;
}
.case-studies .case-card .case-card__image-area img {
    border-radius: 8px;
}
.case-studies .case-card .case-card__content h3 {
    color: #001F55 !important;
    font-size: 20px;
    padding: 0;
    margin: 0;
}
.case-studies .case-card .case-card__content .content-list:not(.content-list-after) {
    border-bottom: double #888;
    padding-bottom: 16px;
}
.case-studies .case-card .case-card__content dt,
.case-studies .case-card .case-card__content dd {
    width: 50%;
    font-weight: normal;
    color: #333333;
    border: none;
    font-size: 15px;
    padding: 0;
}
.case-studies .case-card .case-card__content dd {
    text-align: right;
}
.case-studies .case-card .case-card__content .content-list.content-list-after {
    padding-top: 6px;
    align-items: center;
}
.case-studies .case-card .case-card__content .content-list.content-list-after dd {
    color: #C1272D;
    font-weight: bold;
    font-size: 20px;
}
.case-studies .case-card .case-card__content .content-list.content-list-after dd min {
    font-size: 15px;
}
@media screen and (min-width:769px) {
	.case-studies .case-card {
    	width: 48%;
	}
	.case-studies .case-card .case-card__image-area {
    	max-width: 226px;
	}
}
@media screen and (max-width:768px) {
    .case-studies .case-card {
        padding: 12px;
    }
    .case-studies .case-card .case-card__content h3 {
        font-size: 17px;
    }
    .case-studies .case-card .case-card__image-area {
        margin-right: 10px;
        width: 50%;
    }
    .case-studies .case-card .case-card__content dt,
    .case-studies .case-card .case-card__content dd {
        font-size: 12px;
    }
    .case-studies .case-card .case-card__content dt {
        width:30%;
    }
    .case-studies .case-card .case-card__content dd {
        width: 70%;
    }
    .case-studies .case-card .case-card__image-area img {
        height: 100%;
        object-fit: cover;
    }
	.case-studies .case-studies__description .pc_block {
    	display: none;
	}
}


/*記事ページアンカーリンク調整*/
.single-post-main .table-content table tbody tr td a:not([href^="https://bestfactor.jp/"]) {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
  cursor: text;
}

/*table用ショートコードの発行に付随するスタイル調整*/
table.shortcode_table thead tr th {
  font-size: 11px;
  text-align: center;
  color: #FFF;
  background: #1295D9;
}
table.shortcode_table tbody {
  font-size: 12px;
}
table.shortcode_table tbody td,
table.shortcode_table tbody th {
  padding: 4px;
}
table.shortcode_table tbody p,
table.shortcode_table tbody img {
  padding: 0;
  margin: 0;
}
table.shortcode_table tbody .company_name {
    position: relative;
}
table.shortcode_table tbody .company_name p {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  background: rgba(12, 86, 110, 0.58);
  color: #FFFF;
  font-weight: bold;
  line-height: 1.3;
  padding: 3px;
  white-space: normal;
}
table.shortcode_table tbody td {
  text-align: center;
  vertical-align: middle;
}
table.shortcode_table tbody th {
	width: 120px;
}
@media (max-width: 768px) {
	table.shortcode_table tbody .company_name {
		width: 120px;
	}
}

/*「この記事でわかること」ショートコード*/
.understand-box {
    background: #FFFDEB;
    padding: 1rem 1.5rem;
    border: solid 3px #158AD6;
    position: relative;
    margin: 4rem 0 1rem;
}
p.understand-title {
    position: absolute;
    top: -40px;
    left: -3px;
    background: #158AD6;
    padding: 4px 16px;
    border-radius: 10px 10px 0 0;
    color: #FFF;
    font-weight: bold;
	display: flex;
    align-items: center;
}
.understand-box a {
    color: #158AD6;
    text-decoration: underline;
}

/*post_css*/
.post_cta a,
.post_cta button {
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    padding: 16px 16px 16px 44px;
    border-radius: 4px;
	display: flex;
    align-items: center;
	position: relative;
}
.post_cta .post_cta_flex {
	display: flex;
	flex-wrap: wrap;
	column-gap: 8px;
	margin-top: 1rem;
	justify-content: center;
}
.post_mail_cta {
    background: linear-gradient(to right, #158CDB, #1BBAC6);
	box-shadow: 0 3px #024D77;
	padding-left: 50px;
}
.post_mail_cta::before {
    content: url(/wp-content/themes/diver_child/images/cta/mail_icon.png);
	vertical-align: middle;
    padding-right: 4px;
    transform: scale(0.7);
    display: inline-block;
	position: absolute;
	top: 13px;
	left: 13px;
}
.post_mail_cta::after {
    content: url(/wp-content/themes/diver_child/images/cta/btn_tap.png);
	transform: scale(0.8);
    position: absolute;
    bottom: -34px;
    right: -28px;
}
.post_simu_cta {
    background: linear-gradient(to right, #091D52, #133C9B);
    box-shadow: 0 3px #0B3955;
}
.post_simu_cta::before {
    content: url(/wp-content/themes/diver_child/images/cta/simulation_icon.png);
	vertical-align: middle;
    padding-right: 4px;
    transform: scale(0.7);
    display: inline-block;
	position: absolute;
	top: 13px;
	left: 13px;
}

.post_cta .modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal-content p {
    font-size: 13px;
    color: gray;
}
.modal-content .title {
    background: #4084D0;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    border-radius: 4px;
}
.post_cta .modal-content {
    background-color: white;
    margin: 30vh auto;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}
.modal-content ul li {
	position: relative;
	padding-left: 2rem;
	font-size: 14px;
}
.modal-content ul li::before {
	content: url(/wp-content/themes/diver_child/images/cta/check_icon.png) !important;
    vertical-align: middle;
    padding-right: 4px;
    transform: scale(0.6);
    display: inline-block;
    background: none !important;
	left: 0 !important;
    top: 4px !important;
}
.post_cta .modal-buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    gap: 10px;
}
.modal-buttons button {
    padding: 8px;
    display: inline;
}
.post_cta .modal-buttons button.cancel {
    background-color: #C6C6C6;
}
button#confirmBtn {
	background:#1686D6;
}
@media (min-width: 769px) {
	.post_cta a,
	.post_cta button {
		max-width: 312px;
	}
	.post_cta .modal-content {
	    width: 40%;
	}
	.sp_block {
		display: none;
	}
}

@media (max-width: 768px) {
	.footer-top .post_cta button {
        width: 70%;
        font-size: 14px !important;
		padding: 8px;
    }
	.post_mail_cta::before {
		top: 18px;
		left: 10px;
	}
	.post_simu_cta {
		width: 62%;
		font-size: 15px!important;
		margin: 12px auto 24px;
	}
	.postBox .post_simu_cta,
	.postBox .post_cta button {
		width: 68%;
	}
	
	.post_simu_cta::before {
		top: 10px;
		left: 10px;
	}
	.post_cta .modal-content {
	    width: 90%;
	}
	.pc_block {
		display: none;
	}
}

/*commonCTA*/
.common_cta .cta_box {
    padding: 1rem;
    border: solid 5px #EAEFF7;
    display: flex;
    max-width: 1080px;
    margin: auto;
}
.common_cta .pc_block h3 {
    text-align: center;
}
.common_cta .pc_block .red {
    color: red;
    font-size: 32px;
    font-family: 'DIN 2014';
}
.common_cta .pc_block .red min {
    font-size: 20px;
}
.common_cta .cta_box #commonTel {
    display: flex;
    color: #f7b400;
    align-items: baseline;
    width: 40%;
}
.common_cta .cta_box #commonTel div {
    margin-left: 5px;
}
.common_cta .cta_box #commonTel svg {
    width: 64px;
}
.common_cta .cta_box #commonTel .num {
    font-size: 48px;
    font-family: 'DIN 2014';
}
.common_cta .cta_box #commonTel .time {
    display: ruby-text;
    color: #000;
}
.common_cta .cta_box .info-btn {
    display: flex;
    column-gap: 1rem;
    align-items: anchor-center;
    width: 58%;
    justify-content: end;
}
.common_cta .cta_box #commonSimu {
    background: linear-gradient(to right, #091D52, #133C9B);
    box-shadow: 0 3px #0B3955;
    border-radius: 4px;
}
.common_cta .cta_box #commonForm {
    background: linear-gradient(to right, #158CDB, #1BBAC6);
	box-shadow: 0 3px #024D77;
    border-radius: 4px;
}
.common_cta .cta_box #commonSimu,
.common_cta .cta_box #commonForm  {
    position: relative;
    padding-left: 48px;
}
.common_cta .cta_box #commonSimu p,
.common_cta .cta_box #commonForm p {
    display: flex;
    margin: 0 0 0 26px!important;
}
.common_cta .cta_box #commonSimu img,
.common_cta .cta_box #commonForm img {
    position: absolute;
    top: 30%;
    left: 16px;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

@media(max-width: 768px) {
    .common_cta .cta_box {
        display: block;
    }
    .common_cta .cta_box #commonTel,
    .common_cta .cta_box .info-btn {
        width: 100%;
        justify-content: space-around;
    }
    .common_cta .cta_box .info-btn {
        margin-top: 1rem;
    }
    .common_cta .cta_box #commonTel {
        position: relative;
        max-height: 78px;
    }
    #commonTel {
		background: linear-gradient(to right, #F28519, #FFBB22)!important;
		box-shadow: 0px 3px 0px #C17C00;
		position: relative;
		width: 100%;
		margin: 0!important;
		border-radius: 4px;
	}
	#commonTel div {
	    color: #FFF;
		margin: 16px 20px 14px 70px;
	}
	#commonTel div p.mainTxt {
    	font-weight: bold;
		font-size: 21px;
        margin: 6px 0;
	}
	#commonTel::before {
		position: absolute;
		content: url(/wp-content/themes/diver_child/images/cta/tel.png) !important;
    	vertical-align: middle;
	    padding-right: 4px;
    	transform: scale(0.6);
   		display: inline-block;
    	background: none !important;
		left: 0 !important;
    	top: 8px !important;
	}
	#commonTel::after {
		position: absolute;
		content: url(/wp-content/themes/diver_child/images/cta/teltap.png) !important;
    	vertical-align: middle;
        padding-right: 4px;
        transform: scale(0.7);
        display: inline-block;
        background: none !important;
        right: -19px !important;
        top: -29px !important;
	}
    .common_cta .cta_box #commonTel svg {
        display: none;
    }
    .common_cta .cta_box #commonTel .num {
        font-size: 35px;
    }
    .common_cta .cta_box #commonTel div {
        margin-left: 65px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .common_cta .cta_box #commonTel .time {
        color: #FFF;
    }
    .common_cta .cta_box #commonSimu,
    .common_cta .cta_box #commonForm {
        width: 50%;
        padding: 16px 18px;
    }
    .common_cta .cta_box #commonSimu img,
    .common_cta .cta_box #commonForm img {
        top: 29%;
        width: 24px;
        height: 24px;
    }
    .common_cta .cta_box #commonSimu p,
    .common_cta .cta_box #commonForm p {
        font-size: 16px;
    }
}

/*footerCTA*/
#footerFixedSimu, #footerFixedForm,
.footerFixedSimu, .footerFixedForm {
    position: relative;
    padding-left: 48px;
}
#footerFixedSimu,
.footerFixedSimu {
    background: linear-gradient(to right, #091D52, #133C9B);
    box-shadow: 0 3px #0B3955;
}
#footerFixedForm,
.footerFixedForm {
    background: linear-gradient(to right, #158CDB, #1BBAC6);
	box-shadow: 0 3px #024D77;
}
#footerFixedSimu img, #footerFixedForm img,
.footerFixedSimu img, .footerFixedForm img {
    position: absolute;
    top: 30%;
    left: 16px;
    width: 30px;
    height: 30px;
    object-fit: contain;
}
#footerFixedSimu p, #footerFixedForm p,
.footerFixedSimu p, .footerFixedForm p {
    margin-bottom: 0;
}
.site-footer .footer-info .info-btn {
    display: flex;
    column-gap: 1rem;
}
.footerFixedForm p,
.footerFixedSimu p {
	color: #FFF;
}
@media (min-width: 769px) {
	.info-btn button {
		min-width: 180px;
		text-align: left;
	}
}

@media (max-width:768px) {
    .site-footer .footer-info .info-tel a .time,
	.site-footer .footer-info .info-tel button .time {
        color: #FFF;
    }
    .site-footer .inner {
        justify-content: unset;
    }
    #footerFixedSimu, #footerFixedForm,
	.footerFixedSimu, .footerFixedForm {
        padding: 10px;
    }
    #footerFixedSimu img, #footerFixedForm img,
	.footerFixedSimu img, .footerFixedForm img {
        position: absolute;
        top: 18%;
        left: 0;
        right: 0;
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    #footerFixedSimu p, #footerFixedForm p,
	.footerFixedSimu p, .footerFixedForm p {
        margin-top: 42%;
    }
    .site-footer .footer-info .info-btn {
        column-gap: 8px;
    }
    .site-footer .footer-info .info-btn a {
        justify-content: center;
        min-width: 75px;
    }
	.site-footer .footer-info .info-btn button img {
        text-align: center;
        margin: auto;
    }
	#buttonTel .num,
	.site-footer .footer-info .info-tel button svg {
    	color: #FFF;
	}
	.site-footer .footer-info .info-btn button {
        justify-content: center;
        min-width: 60px;
		margin: 0;
    }
}

.postBox p.txtCenter {
    text-align: center;
}
.postBox {
    background: #FFF4B5;
    padding: 1rem;
    border-radius: 1rem;
}
#buttonTel {
    background: none;
	padding: 0;
}

@media (max-width:768px) {
	.postBox p.txtCenter {
    	font-size: 13px;
	}
	.postBox .post_cta button {
        font-size: 15px !important;
    }
	.postBox .post_mail_cta::before {
        top: 11px;
    }
	.modal-content ul li {
		padding-left: 1.5rem;
	}
	.modal-content ul li::before {
	    transform: scale(0.5);
	}
	.modal-content p {
    	font-size: 12px;
	}
	.modal-content ul li {
	    font-size: 13px;
	}
	.modal-content .title {
	    font-size: 17px;
	}
	
}