@charset "utf-8";
/* ------------ FONT ------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

/* ------------ RESET ------------- */
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td	{ margin: 0; padding: 0; border: 0; }

/* ------------ TYPOGRAPHY ------------- */
html	{ font-size: 62.5%; }
body	{ font-size: 1.6rem; line-height: 1.4; font-family: 'Roboto Condensed', 'Noto Sans JP', 'メイリオ', 'meiryo', ヒラギノ角ゴ Pro W3, 'Hiragino Kaku Gothic Pro', 'ＭＳＰゴシック', MS PGothic, Arial, sans-serif; }
body	{ background-color: #f0f4f5; }
.topnews	{ background-color: #f0f4f5; }
*	{ font-family: inherit; font-size: inherit; line-height: inherit; }
a, a:visited	{ color: inherit; }

/* ------------ LAYOUT ------------- */
article, aside, footer, header, nav, section, main { display: block; }
section	{  }
.wrapper	{ max-width: 1020px; margin: 0 auto; }
.parallax-window	{ background: transparent; position: relative; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; background-position: 50% 50%; }

*,
*::before,
*::after	{ box-sizing: border-box; }
*:before, *:after	{ box-sizing: inherit; }
*:hover	{ transition-property: all; transition: 0.2s linear; }

section.pagehd, 
section.pagehd .parallax-window	{ height:400px; max-height: 400px !important; min-height: 400px !important; }
@media (max-width: 498px)	{ 
	section.pagehd, 
	section.pagehd .parallax-window	{ height:280px; max-height: 280px !important; min-height: 280px !important; }
	.parallax-window	{ background-size:cover; }
}

.about .parallax-window	{ background-image: url("../images/hdimg10m.jpg"); background-size: cover; background-repeat: no-repeat; background-position: left bottom; }
@media only screen and (max-width: 767px)	{
	.about .parallax-window	{ background-attachment: local; background-position: -50px bottom; }
}
.topadresbg	{ background-color:rgba(255,255,255,.9); padding: 20px; margin: 30px auto 40px; max-width: 620px; }
@media only screen and (max-width: 767px)	{
	.topadresbg	{ background-color:rgba(255,255,255,.9); padding: 15px; margin: 60px 15px 15px; }
}
.parallax-window iframe	{ margin: 0 0 -10px; }


/* ------------ ELEMENTS ------------- */
table { border-collapse: collapse; border-spacing: 0; }
ol, ul	{ list-style: none; }
img	{ max-width: 100%; }
img	{ border-style: none; }
blockquote, q	{ quotes: none; }
blockquote:after,
blockquote:before,
q:after,
q:before	{ content: ""; content: none; }


/* ------------ MAIN VIDEO ------------- */
video	{ display: inline-block; display: inline; zoom: 1; vertical-align: baseline; }
/* .mainvideo:before	{ content: ''; background:url(../images/cover1.png) 0 0 repeat rgba(0,32,38,.35); background-attachment: fixed; width: 100%; min-height:100vh; position: absolute; top: 0; left: 0; z-index:1; } */
.main_visual	{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; pointer-events: none; }
.main_visual_inner	{ width: 100%; height: 100%; position: relative; }
.main_visual_inner:after, 
.main_visual_inner:before	{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; pointer-events: none; opacity: 0; filter: alpha(opacity=0); }
.main_visual_inner:before	{ background-color: rgba(0, 0, 0, 0.25); z-index: 1; }
.main_visual_shadow	{ width: 100%; height: 100%; position: absolute; z-index: 1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.125) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.125) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.125)), color-stop(75%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.125) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.125) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 );
}
.main_visual_shadow	{ opacity: 1; filter: alpha(opacity=100); }
.main_visual_video	{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-position: 50% 100%; object-position: 50% 100%; pointer-events: none; }
.js-objectfit	{ -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }



/* ------------ ATTRIBUTES & STATES ------------- */
[hidden]	{ display: none !important; }
[disabled]	{ cursor: not-allowed; }
:focus:not(:focus-visible)	{ outline: none; }

/* ------------ NAVIGATION ------------- */
#navigation	{ width: 100%; z-index:3; }
#navigation .wrapper	{ max-width: 100%!important; width: 100%!important; padding: 15px 20px; }
#navigation .wrapper .logo	{ max-width: 350px; margin: 0 50px; display: inline-block; }
#navigation .wrapper .logo a	{ display: inline-block; padding: 5px 0 0; }
#navigation .wrapper .logo img	{ width: 200px; }
#navigation .wrapper .navilist	{ display: -webkit-flex; display: flex; position: absolute; top:20px; right:130px; }
#navigation .wrapper .navilist li a	{ font-size: 1.5rem; color:#fff; font-weight:400; text-decoration: none; display: inline-block; padding: 10px 15px; position: relative; z-index:3!important; }
#navigation .wrapper .navilist li a:hover	{ color:#18bbff; transition: .5s; }
#navigation .wrapper .navilist li a:after	{ content: ''; position: absolute; bottom: 5px; left: 15px; width: 15%; height: 2px; background: #fff; transition: .35s; }
#navigation .wrapper .navilist li a.active:hover	{ color:#fff; cursor: auto; }

@media only screen and (max-width: 1220px) {
	#navigation .wrapper .logo	{ margin: 0; }
	#navigation .wrapper .navilist li a	{ font-size: 1.3rem; color:#fff; padding: 10px; }
	#navigation .wrapper .navilist li a:after	{ left: 10px; width: 10%; }
}
@media only screen and (max-width: 1000px) {
	#navigation .wrapper .navilist	{ display: none; }
}
@media only screen and (max-width: 767px) {
	#navigation .wrapper .logo	{ max-width: 180px!important; }
}
#logo #navigation	{ position: fixed; top:0; z-index:3; width:100%; }
#logo.mini #navigation	{ background-color: rgba(255,255,255,0.9); box-shadow: 0 0 20px rgba(0,0,0,.3); }
#logo.mini #navigation {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

#navigation .wrapper .logo img.logowhite	{ display: inline-block; }
#navigation .wrapper .logo img.logocolor	{ display: none; }
#logo.mini #navigation .wrapper .logo	{ max-width: 240px; }
#logo.mini #navigation .wrapper .logo img.logowhite	{ display: none; }
#logo.mini #navigation .wrapper .logo img.logocolor	{ display: inline-block; }


#logo.mini #navigation .wrapper .navilist li a	{ color:#000; }
#logo.mini #navigation .wrapper .navilist li a:after	{ background: #000; }
#logo.mini #navigation .wrapper .navilist li a:hover	{ color:#18bbff; transition: .5s; }
#logo.mini #navigation .wrapper .navilist li a.active:hover	{ color:#000; }
#navigation .wrapper .navilist li a:hover:after, 
#navigation .wrapper .navilist li a:focus:after, 
#navigation .wrapper .navilist li a:active:after	{ width: 70%; background: #18bbff!important; }
#navigation .wrapper .navilist li a.active:after	{ width: 70%; background: #18bbff!important; }
.wsfbiglink a	{ font-weight:700; text-decoration: none; }

#wstoggle:before { color: #fff; font-family: 'Roboto Condensed', Arial, sans-serif; }
#wstoggle span { background-color: #fff; transition: all 0s ease-in-out; }
#wstoggle span:after, #wstoggle span:before { background-color: #fff; }
#logo.mini #wstoggle:before { color: #000; }
#logo.mini #wstoggle span { background-color: #000; }
#logo.mini #wstoggle span:after, #logo.mini #wstoggle span:before { background-color: #000; }

.wsfopen #logo.mini #wstoggle span { background-color: transparent; }


/* ------------ FOOTER ------------- */
footer	{ color:#ffffff!important; background-color: #475f84; background: linear-gradient(160deg, #4d91b3, #475f84); text-shadow: 1px 1px 1px #2e70a4;}
footer.index	{ padding: 80px 0 0; }
footer a	{ color:#ffffff!important; font-weight:300; text-decoration: none; }
footer a:hover	{ color:#36d7ff!important; }
footer .wrapper	{ padding: 20px; max-width: 880px;  }
footer .wrapper .bar	{ width: 100%; height: 1px; opacity: 0.5; background: white; }
.footer-stmap	{ width: 100%; margin: 60px 0 80px 0; display: flex; justify-content: space-between; }
.footer-stmap .footer-address	{ letter-spacing:.2rem; }
.footer-stmap .footer-address > strong	{ font-size: 2rem; padding: 0 0 10px; font-weight:100; display: inline-block; }
.footer-stmap .footer-address > p	{ font-size: 1.45rem; font-weight:100; padding: 0 0 5px; }
.footer-stmap .footer-address > p.sml	{ font-size: 1.2rem; color:#c9d8e2; padding: 0 0 5px; }
.footer-stmap .footer-address > p .cp_tel	{ font-size: 2.4rem; font-weight:400; }
.footer-stmap .footer-navilist	{ display: flex; justify-content: flex-end; }
.footer-stmap .footer-navilist .navilist > li	{ font-size: 1.6rem; padding: 0 0 11px; }
.footer-stmap .footer-navilist .navilist > li > ul	{ padding: 5px 0 0;  }
.footer-stmap .footer-navilist .navilist > li > ul > li	{ font-size: 1.35rem; padding: 0 0 .4rem 1.5rem; text-indent: -1.2em; }
.footer-stmap .footer-navilist .pdr50	{ padding: 0 50px 0 0; }
.footer-sub	{ margin: 0 auto 20px; }
.footer-sub > ul	{ display: flex; justify-content: left; align-items: center; margin: 0 auto; }
.footer-sub > ul > li	{ font-size: 1.5rem; margin-right: 30px; line-height: 1; flex-shrink: 0; }
.footer-sub > ul > li:last-child	{ margin-right: 0; }
.footer-bottom	{ width: 100%; margin: 20px 0 60px 0; display: flex; justify-content: space-between; align-items: center; }
.footer-bottom .footer-company	{ display: flex; align-items: center; margin: 0 auto; }
.footer-bottom .footer-company > .logo	{ max-width: 200px; }
.footer-bottom .footer-company > .logo img	{ width: 100%; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.4)); }
.footer-bottom .footer-company > .copyright	{ padding: 0 20px; color:#ffffff; font-size: 1.2rem; letter-spacing:.1rem; }
.footer-bottom .footer-sns	{ display: flex; margin-right: 10px; }
.footer-bottom .footer-sns li	{ padding-left: 18px; font-size: 2rem; }
@media only screen and (max-width: 767px) {
	footer.index	{ padding: 100px 0 0; }
	footer .wrapper .bar	{ display: none; }
	.footer-stmap	{ display:block; margin: 30px 0 30px 0; }
	.footer-stmap .footer-address	{ text-align: center; }
	.footer-stmap .footer-address > p	{ font-size: 1.3rem; }
	.footer-stmap .footer-address > p.sml	{ font-size: 1.1rem; }
	.footer-stmap .footer-address > p .cp_tel	{ font-size: 2.4rem; }
	.footer-stmap .footer-navilist	{ padding: 30px 0 0; justify-content: center; }
	.footer-stmap .footer-navilist .navilist > li	{ font-size: 1.45rem; padding: 5px 10px; }
	.footer-stmap .footer-navilist .navilist > li > ul > li	{ font-size: 1.2rem; }
	.footer-stmap .footer-navilist .pdr50	{ padding: 0; }
	.footer-sub	{ padding: 20px 0; display: flex; justify-content: center; border-top: solid 1px rgba(255, 255, 255, 0.2); word-break: keep-all; }
	.footer-sub > ul > li	{ font-size: 1.2rem; margin-right: 20px; }
	.footer-bottom	{ flex-direction: column-reverse; margin: 10px 0 30px 0; }
	.footer-bottom .footer-company	{ display:block; margin: 30px 0 20px; text-align: center; }
	.footer-bottom .footer-company > .logo	{ max-width: 160px; margin: 0 auto; }
	.footer-bottom .footer-company > .copyright	{ padding: 15px 0; font-size: 1rem; }
	.footer-bottom .footer-sns	{ display: flex; width: 110px; margin: 10px auto; justify-content: space-between; }
}

.wsfleftpart-inner .logowsf	{ padding: 0 0 20px; max-width:200px; margin: 0 auto; }
.wsfleftpart-inner .footer-address	{ letter-spacing:.2rem; }
.wsfleftpart-inner .footer-address > strong	{ font-size: 1.8rem; padding: 0 0 10px; font-weight:400; display: inline-block; }
.wsfleftpart-inner .footer-address > p	{ font-size: 1.35rem; font-weight:400; padding: 0 0 10px; }
.wsfleftpart-inner .footer-address > p.sml	{ font-size: 1.2rem; color:#999999; padding: 0; }
.wsfleftpart-inner .footer-address > p a	{ text-decoration: none; }
.wsfleftpart-inner .footer-address > p .cp_tel	{ font-size: 2.3rem; font-weight:500; }
.wsfleftpart-inner	{ padding: 0px 463px 0px 145px; padding-top: 15%; }
@media only screen and (max-width: 1179px) and (min-width: 781px)	{
	.wsfleftpart-inner { padding-left: 20px; padding-right: 50px; }
}

/* ------------ MAIN ------------- */
.fitImg	{ position: absolute; }
.fitMovie	{ position: absolute; }
.mainvideo	{ overflow: hidden; position: relative; text-align: center; }
.maintitle	{ display: inline-block; padding: 2rem; margin: 0 auto; width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:1; }
.maintitle h1	{ color:#ffffff; font-size: 7rem; }
.maintitle h2	{ color:#ffffff; font-size: 2.8rem; }
@media only screen and (max-width: 767px)	{
	.mainvideo h1	{ font-size: 3.5rem; }
	.mainvideo h2	{ font-size: 2rem; }
}
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 2s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadeintp { animation-name: fadein; animation-duration: 2s; animation-iteration-count: 1; }
@keyframes fadein	{ 
	from	{ opacity: 0; transform: translateY(20px); }
	to	{ opacity: 1; transform: translateY(0); }
}
.menuleed	{ z-index:1; }
.menuleed.topmain	{ position: absolute; bottom: 20%; left: 50%; display: inline-block; transform: translate(-50%,-50%); }
.menuleed.topmain p	{ display:block; text-align: center; color:#ffffff; font-size: 3rem; }
.menuleed	{ position: absolute; bottom: 35px; left: 50%; display: inline-block; transform: translate(-50%,-50%); }
.menuleed a	{ font-size: 1.2rem; color:#ffffff; font-weight: 500; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; display: inline-block; padding: 5px 20px; border: 1px solid #fff; background-color: rgba(0,0,0,0.3); }
.menuleed.topmain a	{ font-size: 1.4rem; padding: 5px 35px; }
.menuleed a:hover	{ color:#000; background-color: rgba(255,255,255,0.8); }

@media only screen and (max-width: 767px)	{
	.menuleed	{ bottom: 55px; }
	.menuleed a	{ min-width: 180px; text-align: center; }
}

.support .parallax-window	{ background: rgba(0,32,38,0.45); }
@media only screen and (max-width: 767px)	{
	.support .parallax-window	{ background: rgba(0,32,38,0.8); background-image:none!important; }
}

.background	{ position: fixed; left: 0; top: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -999; margin: 0; overflow: hidden; }
.background-wrap	{ position: relative; top: 0; left: 0; z-index: -1; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; }
.background-movie	{   position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); }
#background-movie-player	{ min-width: calc(100vh * 1.78); min-height: 100vh; width: auto; height: auto;}


/* ------------ PAGINATION ------------- */
.pagination	{ text-align: center; padding: 20px 15px 30px; }
.pagination > ul	{ list-style: none; display: inline-block; padding: 0; margin: 0 auto; }
.pagination > ul li	{ display: inline; text-align: center; }
.pagination > ul li a	{ float: left; display: block; font-size: 1.6rem; text-decoration: none; padding: 8px 20px; color: #fff; margin-left: -1px; border: 1px solid transparent; line-height: 1.5; border-color: #f0f4f5; color: #4285F4; background: #fff; }
.pagination > ul li a.active	{ cursor: default; outline: none; }
.pagination > ul li a:hover	{ background: #eee; }
.pagination > ul li:first-child a	{ -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px; border-radius: 6px 0 0 6px; }
.pagination > ul li:last-child a	{ -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0 6px 6px 0; }
.pagination > ul li a.active, 
.pagination > ul li a:active	{ border-color: #4285F4; background: #4285F4; color: #fff; }
@media only screen and (max-width: 767px)	{
	.pagination > ul li a	{ font-size: 1.5rem; padding: 4px 13px; }
}

/* ------------ CONTENT ------------- */
.contentArea	{ padding: 40px 0; }
.contentArea.idea	{ padding: 0 0 160px; }
@media only screen and (max-width: 767px)	{
	.contentArea	{ padding: 15px 0; }
	.contentArea.idea	{ padding: 0 0 50px; }
}

/* ------------ PRIVACY ------------- */
section.pagehd.privacy	{ background-color: #475f84; background: linear-gradient(160deg, #4d91b3, #475f84); text-shadow: 1px 1px 1px #2e70a4;}
.privacy .wrapper	{ padding: 20px; max-width: 880px;  }
.privacy .wrapper h2	{ color:#000000; display: block; text-align: center; font-size: 3rem; font-weight:100; padding: 0 0 30px; }
.privacy .wrapper h3	{ color:#000000; display: block; text-align: left; font-size: 2rem; font-weight:400; padding: 15px 0; }
.privacy .wrapper p	{ font-size: 1.5rem; font-weight:300; color:#666666; padding: 0 0 10px; letter-spacing:.1rem; }
.privacy .wrapper p.int	{ font-size: 1.3rem; }
@media only screen and (max-width: 767px)	{
	.privacy .wrapper h2	{ font-size: 2.3rem; padding: 0 0 20px; }
	.privacy .wrapper h3	{ font-size: 1.6rem; padding: 10px 0; }
	.privacy .wrapper p	{ font-size: 1.3rem; padding: 0 0 5px; }
	.privacy .wrapper p.int	{ font-size: 1.1rem; }
}

/* ------------ IDEA ------------- */
.ideawrapper section.pagehd	{ height:340px; max-height: 340px !important; min-height: 340px !important; }
@media (max-width: 498px)	{ 
	.ideawrapper section.pagehd	{ height:280px; max-height: 280px !important; min-height: 280px !important; }
}
.ideawrapper	{ background: url(../images/IMG_0047.JPG) no-repeat; background-size:cover; background-attachment: fixed; background-position: center bottom; position: relative; z-index:-1; }
.ideawrapper:after	{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,32,38,0.3); z-index:-1; }
.ideawrapper .contentArea .wrapper	{ color: #ffffff; text-align: center; }
.ideawrapper .contentArea h2	{ font-size: 3rem; line-height: 1.8; font-weight:300; }
.ideawrapper .contentArea h3	{ font-size: 7rem; padding: 50px 0; }
@media only screen and (max-width: 767px) {
	.ideawrapper	{ background-attachment: scroll; }
	.ideawrapper .contentArea h2	{ font-size: 1.5rem; }
	.ideawrapper .contentArea h3	{ font-size: 3.8rem; }
	.idea .wrapper	{ padding: 0 15px; }
}

.idacon	{ margin: 60px auto 0; max-width: 640px; position: relative; padding: 0 3rem 2rem; }
.idacon h4	{ font-size: 1.6rem; padding: 2rem 0; display:block; }
.idacon strong	{ font-size: 2.4rem; padding: 2rem 0; display:block; }
.idacon p	{ font-size: 1.5rem; line-height: 1.8; font-weight:300; padding: 0; display:block; }
.idacon ul	{ display: inline-block; margin: 0 auto; list-style: disc; }
.idacon ul li	{ font-size: 1.5rem; line-height: 1.6; font-weight:300; text-align: left; padding: 0 0 10px; }
.idacon:before, 
.idacon:after	{ position: absolute; top: 0; content:''; width: 15px; height: 100%; display: inline-block; }
.idacon:before	{ border-left: dotted 1px #15adc1; border-top: dotted 1px #15adc1; border-bottom: dotted 1px #15adc1; left: 0; }
.idacon:after	{ border-top: dotted 1px #15adc1; border-right: dotted 1px #15adc1; border-bottom: dotted 1px #15adc1; right: 0; }
@media only screen and (max-width: 767px) {
	.idacon	{ margin: 30px auto 0; max-width: 480px; }
	.idacon h4	{ font-size: 1.3rem; padding: 2rem 0; }
	.idacon strong	{ font-size: 1.4rem; padding: 2rem 0; }
	.idacon p	{ font-size: 1.2rem; line-height: 1.6; }
	.idacon ul li	{ font-size: 1.2rem; line-height: 1.4; padding: 0 0 10px; }
}

/* ------------ SPHERE ------------- */
.main_area	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; padding: 160px 40px 180px; font-family: 'Noto Serif JP', serif; font-weight: 400; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; letter-spacing:.1rem; height:100%; position: relative; }
.main_area > h2	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; }
.main_area > h2 span	{ color:#fff; font-size: clamp(22px, 56px, 4vw); font-weight: 400; line-height: 1.3; }
.main_area > strong	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center;  }
.main_area > strong span	{ color:#fff; font-size: clamp(11px, 16px, 1.2vw); font-weight: 400; line-height: 1.6; padding: 0; }
.sphere_series_wrapper	{ display: -webkit-flex; display: flex; flex-wrap: wrap; list-style-type: none; justify-content: center; width: 100%; max-width: 1200px; padding: 80px 0 0; }
.sphere_series_wrapper > li	{ width: calc(100% / 3 - 40px); margin: 0 20px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.sphere_series_wrapper > li > button, 
.sphere_series_wrapper > li > p	{ outline: none; border: none; border: 0; border-radius: 50%; width: 100%; height: 0; padding: 0 0 100%; margin: 0 0 80px; position: relative; background-color: #fff; transition: all .5s; z-index: 1; border: 1px solid #fff; }
.sphere_series_wrapper > li > button, 
.sphere_series_wrapper > li > p	{ 
	-webkit-filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
	-moz-filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
	-ms-filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
	filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
}
.sphere_series_wrapper > li > p::before	{ content:""; border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 2;  }
.sphere_series_wrapper > li > button span, 
.sphere_series_wrapper > li > p span	{ color:#fff; font-size: clamp(14px, 22px, 1.5vw); font-weight: 400; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -40px; white-space: nowrap; }
.sphere_series_wrapper > li > p i	{ color:#fff; font-size: clamp(11px, 16px, 1.1vw); font-weight: 400; font-style: normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); white-space: nowrap; z-index: 3; }
.series01	{ background: url(../sphere/images/main01.jpg) center center / cover no-repeat; }
.series02	{ background: url(../sphere/images/sphere04.jpg) center center / cover no-repeat; }
.series03	{ background: url(../images/sphere.svg) center center / cover no-repeat; }
.series04	{ background: url(../sphere/images/sphere01.jpg) center center / cover no-repeat; }
.series05	{ background: url(../sphere/images/sphere02.jpg) center center / cover no-repeat; }
.series06	{ background: url(../sphere/images/sphere06.jpg) center center / cover no-repeat; }

@media (min-width: 300px) { 
	.sphere_series_wrapper > li > button:hover	{ cursor: pointer; transform: translateY(-15px); border: 1px solid #fffc0c; box-shadow:0px 0px 20px 10px #fff inset;
	-webkit-filter:drop-shadow(0 0 20px rgba(255, 255, 255, 1));
	-moz-filter:drop-shadow(0 0 20px rgba(255, 255, 255, 1));
	-ms-filter:drop-shadow(0 0 20px rgba(255, 255, 255, 1));
	filter:drop-shadow(0 0 20px rgba(255, 255, 255, 1));
	}
}

@media (max-width: 767.9px) { 
	.main_area	{ padding: 100px 30px 100px; }
	.sphere_series_wrapper	{ padding: 80px 0 0; }
	.sphere_series_wrapper > li	{ width: 70%; margin: 0; }
	.sphere_series_wrapper > li > button, 
	.sphere_series_wrapper > li > p	{ margin: 0 0 60px; }
	.sphere_series_wrapper > li > button span, 
	.sphere_series_wrapper > li > p span	{ bottom: -30px; }
}

/* ------------ MODAL CUSTOM ------------- */

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
  padding:0;
}

/*以下はコンテンツ内のレイアウト*/
.info-list dl,
.gallery-list{
  display: flex;
}

.info-list dt{
  margin:0 10px 0 0;
}

.gallery-list li{
  margin:0 10px 0 0;
}

/* ------------ RESULTS ------------- */
.results	{ padding: 0 15px; }
.results h2.conTitle	{ font-size: 2.6rem; font-weight: 400; line-height: 1.5; color: rgba(0, 0, 0, 0.6); padding: 20px 0; }
.results h2.conTitle span	{ font-size: 1.6rem; font-weight: 300; line-height: 1.5; color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 0 0 0 10px; }
@media only screen and (max-width: 767px)	{
	.results h2.conTitle	{ font-size: 2.6rem; text-align: center; padding: 10px 0 0; }
	.results h2.conTitle span	{ display: block; padding: 0 0 20px; text-align: center; }
}
.results_list	{ margin: 0 0 30px;  }
.results_list ul	{ border-bottom: 1px solid #ccc; }
.results_list ul li	{ display:flex; align-items: center; width: 100%; border-top: 1px solid #ccc; font-size: 1.5rem; font-weight:400; }
.results_list ul li a	{ display:flex; align-items: center; width: 100%; text-decoration: none; background-color: #f0f4f5; position: relative; }
.results_list ul li a:hover	{ background-color: #fff; color: #25aaff; }
.results_list ul li a:before	{ display: inline-block; content: ''; background: url(../images/icon_file.png) no-repeat; background-size:cover; width: 23px; height: 30px; position: absolute; top: 50%; right: 10px; transform: translate(-50%,-50%); }
.results_list ul li div.cate	{ display: table-cell; width: 120px; text-align: center; padding: 15px 10px; }
.results_list ul li div.cate span	{ display:block; padding: 5px;  text-align: center; color:#ffffff; font-size: 1.4rem; font-weight:400; }
.results_list ul li div.cate span.cat_agency	{ background-color: #3d9238; }
.results_list ul li div.cate span.cat_buy	{ background-color: #bb4747; }
.results_list ul li div.cate span.cat_trust	{ background-color: #8d60c5; }
.results_list ul li div.cate span.cat_design	{ background-color: #41b2d3; }
.results_list ul li div.cate span.cat_company	{ background-color: #1e7ac0; }
.results_list ul li div.build	{ display: table-cell; padding: 15px 10px; }
.results_list ul li div.address	{ width: auto; padding: 15px 50px 15px 10px; }
.results_list ul li .resset	{ display:table; width: 50%; }
@media only screen and (max-width: 767px)	{
	.results_list ul li	{ flex-wrap: wrap; }
	.results_list ul li a	{ flex-wrap: wrap; }
	.results_list ul li a:before	{ width: 23px; height: 30px; position: absolute; top: 50%; right: 3px; transform: translate(-50%,-50%); }
	.results_list ul li div.cate	{ width: 90px; padding: 15px 5px 3px; }
	.results_list ul li div.cate span	{ display:block; padding: 3px; font-size: 1.2rem; font-weight:400; }
	.results_list ul li div.build	{ width:auto; padding: 15px 50px 5px 3px; }
	.results_list ul li div.address	{ color:#696969; display:block; width: 100%; padding: 3px 5px 15px; }
	.results_list ul li .resset	{ width: 100%; }
}
.results_detail	{ display: -webkit-flex; display: flex; }
.results_detail > *	{ width: 50%; }
.results_detail > .results_img	{ padding: 0 0 0 25px; }
.results_detail .results_info	{ }
.results_detail .results_info h2	{ font-size: 2.6rem; font-weight:300; padding: 0 0 15px; }
.results_detail .results_info h3	{ font-size: 1.8rem; font-weight:300; padding: 0 0 15px; }
.results_detail .results_info p	{ color: #666666; font-size: 1.5rem; font-weight:400; padding: 0 0 15px; }
.results_detail .results_info p.date	{ color:#ffffff; font-size: 1.3rem; display: inline-block; margin: 0 0 15px; padding: 3px 25px; background-color: #000; }
.results_detail .detsell	{ padding: 10px 0;  }
.results_detail .detsell > table	{ width: 100%; border-collapse: collapse; }
.results_detail .detsell > table tr	{ border-bottom: solid 2px #f0f4f5; }
.results_detail .detsell > table tr:last-child	{ border-bottom: none; }
.results_detail .detsell > table th	{ color: #ffffff; font-weight:400; position: relative; text-align: center; width: 100px; background-color: #aaaaaa; padding: 5px; }
.results_detail .detsell > table th:after	{ display: block; content: ""; width: 0px; height: 0px; position: absolute; top:calc(50% - 6px); right:-6px; border-left: 6px solid #aaaaaa; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.results_detail .detsell > table td	{ color: #333333; font-weight:400; text-align: left; width: calc(100% - 100px); background-color: #ffffff; padding: 5px 5px 5px 25px; }
.results_detail .detsell > table th,
.results_detail .detsell > table td	{ font-weight:400; font-size: 1.35rem; }
@media only screen and (max-width: 767px)	{
	.results_detail	{ display: block;  }
	.results_detail > *	{ width: 100%; }
	.results_detail > .results_img	{ padding: 0; }
	.results_detail .results_info h2	{ font-size: 2rem; padding: 0 0 10px; }
	.results_detail .results_info h3	{ font-size: 1.5rem; padding: 0 0 10px; }
	.results_detail .results_info p	{ font-size: 1.3rem; padding: 0 0 10px; }
	.results_detail .detsell > table th	{ width: 80px; }
	.results_detail .detsell > table td	{ width: calc(100% - 80px); padding: 5px 5px 5px 18px; }
	.results_detail .detsell > table th,
	.results_detail .detsell > table td	{ font-weight:400; font-size: 1.2rem; }
}
.underbutton	{ display: block; padding: 20px 0 0; height:100px; }
.underbutton a	{ display: inline-block; padding: 10px 30px; color:#000; font-size: 1.8rem; background-color: #fff; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; }
.underbutton a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }


.ggmap	{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.ggmap iframe,
.ggmap object,
.ggmap embed	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.resmap	{ width: 100%; margin: 30px 0; }
.resmap img	{ width: 100%; }


/* ------------ COMPANY PROFILE ------------- */
.profile_wrapper	{ max-width: 1300px; margin: 0 auto; }
.company_table	{ width: 80%; margin: 0 auto; max-width: 800px; margin-top: 30px; margin-bottom: 50px; }
.company_table th	{ color: #000000; font-weight:400; width: 160px; }
.company_table td	{ color: #666666; font-weight:300; }
.company_table th, 
.company_table td	{ font-size: 1.6rem; letter-spacing: .1rem; line-height: 1.6; text-align: left; border-bottom: solid 1px #cccccc; padding: 15px 0; vertical-align: top; text-align: left; }
@media only screen and (max-width: 500px)	{
	.company_table	{ width: 90%; margin-top: 20px; margin-bottom: 30px; }
	.company_table th	{ padding-bottom: 0; border: none; }
	.company_table th, 
	.company_table td	{ font-size: 1.4rem; display: block; width: 100%; line-height: 1.4; }
	.company_table th	{ padding: 12px 0 3px; }
	.company_table td	{ padding: 3px 0 12px; }
}
@media only screen and (min-width: 768px)	{
	.company_table td a	{ text-decoration: none; }
}

.growth	{ display: -webkit-flex; display: flex; margin: 0 auto 60px; }
.growth	 li.txt	{ width: 45%; padding: 50px 10px 10px; }
.growth	 li.grf	{ width: 55%; padding: 10px; }
.growth	 li p	{ font-size: 1.55rem; color: #666666; font-weight:300; letter-spacing: .1rem; line-height: 1.8; text-align: left; padding: 0 0 10px; }
.growth	 li img	{ width: 100%; }
@media only screen and (max-width: 1000px)	{
	.growth	{ display: block; margin: 0 auto 30px; }
	.growth	 li.txt, 
	.growth	 li.grf	{ width: 100%; padding: 10px 15px; }
}
@media only screen and (max-width: 500px)	{
	.growth	 li p	{ font-size: 1.4rem; line-height: 1.4; padding: 5px 0; }
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

/* ------------ GREETING ------------- */
.greeting_block	{ display: flex; background: #ffffff; margin: 0 20px; min-height: 700px; }
.greeting_img	{ width: 50%; background-image: url(../images/ph2.jpg); background-position: center center; background-repeat:no-repeat; background-size:cover; }
.greeting_message	{ width: 50%; padding: 50px 4% 50px 5%; }
.greeting_message .profile	{ font-size: 1.8rem; color: #666666; letter-spacing: .2rem; font-weight: 400; }
.greeting_message .profile span	{ font-size: 1.4rem; }
.greeting_message h3	{ font-size: 2rem; line-height: 1.8; letter-spacing: 1px; margin: 25px 0 40px; }
.greeting_message p	{ font-size: 1.3rem; color: #666666; letter-spacing: 1px; line-height: 1.8; margin-bottom: 20px; }
@media only screen and (max-width: 767px)	{
	.greeting_block	{ display: block; background: transparent; margin: 0 20px; min-height: auto; }
	.greeting_img	{ width: 100%; height:800px; }
	.greeting_message	{ width: 100%; padding: 15px; }
}
@media only screen and (max-width: 500px)	{
	.greeting_img	{ width: 100%; height:500px; }
}

/* ------------ STAFF ------------- */
.staff_list	{ display: flex; justify-content: space-between; margin: 0 20px; flex-wrap: wrap; }
.staff_box	{ width: calc(50% - 10px); padding: 0; margin: 0 0 20px; background-color: #fff; }
.staff_list2col .staff_box	{ width: calc(33.3% - 10px); padding: 0; margin: 0 0 20px; background-color: #fff; }
.staff_box .img_area	{ max-height:350px; overflow: hidden; }
.staff_box .img_area img	{ width: 100%; }
.staff_box .txt_area	{ padding: 20px; height:100%; }
.staff_box .txt_area span	{ font-size: 1.4rem; color: #666666; letter-spacing: .2rem; font-weight: 400; }
.staff_box .txt_area p	{ font-size: 1.3rem; color: #666666; letter-spacing: .1rem; font-weight: 300; padding: 5px 0; }
.staff_box .txt_area p.name	{ font-size: 1.8rem; color: #000000; font-weight: 400; padding: 10px 0; }
.staff_box .txt_area p.txt	{ }
.staff_box .txt_area p.plof	{ font-size: 1.2rem; line-height: 1.5; color: #000000; letter-spacing: .1rem; }
.staff_box .txt_area ul	{ list-style: none; display: block; width: 100%; padding: 5px 0; }
.staff_box .txt_area ul li	{ color: #000000; list-style: none; display: block; width: 100%; font-size: 1.2rem; padding: 3px 0; }
@media only screen and (max-width: 767px)	{
	.staff_list	{ flex; flex-wrap: wrap; }
	.staff_box	{ display: inline-block; width: auto; margin: 0 auto 20px; }
	.staff_box .img_area	{ max-height:auto; max-height: initial; }
	.staff_box .txt_area p.txt	{ min-height:initial; min-height:auto; }
}

/* ------------ NEWS ------------- */
.entries .entryArea	{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding: 0 15px; }
.entries .entryArea::after	{ content:""; display: block; width:32%; }
.entries .entryArea .entry-set	{ width: 32%; height: 250px; margin-bottom: 24px; padding: 20px; box-sizing: border-box; display: block; background: white; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; text-decoration: none; }
.entries .entryArea .entry-set:hover	{ -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; }
@media only screen and (max-width: 980px)	{
	.entries .entryArea::after	{ display: none; }
	.entries .entryArea .entry-set	{ width: 49%; }
}
.entry-header .category	{ color: #25aaff; font-size: 1.4rem; font-weight: 700; letter-spacing: .1rem; }
.entry-header .date	{ font-size: 1.2rem; font-weight: 400; color: rgba(0, 0, 0, 0.4); }
.entry-title	{ font-size: 1.8rem; font-weight: 400; line-height: 1.6; letter-spacing: 0.1rem; color: #45494b; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; height: 5.6rem; margin-top: 30px; }
.entry-content	{ font-size: 1.4rem; font-weight: 300; line-height: 1.5; color: rgba(0, 0, 0, 0.6); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; margin-top: 15px; height: 6.5rem; }
@media only screen and (max-width: 767px)	{
	.entries .entryArea .entry-set	{ width: 100%; height: 210px; }
	.entry-header .category	{ font-size: 1.2rem; }
	.entry-title	{ font-size: 1.5rem; color: #45494b; height: 4.6rem; margin-top: 15px; }
	.entry-content	{ font-size: 1.3rem; margin-top: 10px; height: 5.6rem; }
}
.entries .entryArea .entry-set:hover .entry-title	{ color: #25aaff; }
.topnews .entries	{ margin: 60px 0 0; padding: 0 0 60px; }
.topnews .button-block	{ width: 100%; display: flex; justify-content: center; padding: 30px 0; }
.topnews .button-block > a	{ color: #ffffff; text-decoration: none; padding: 15px 40px; display: inline-block; line-height: 1; border-radius: 100px; background: rgba(0, 0, 0, 0.7); box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1); font-size: 1.6rem; font-weight: 400; text-align: center; color: #ffffff; cursor: pointer; transition: all 300ms; }
.topnews .button-block > a:hover	{  text-decoration: none; background-image: linear-gradient(110deg, #0b6ed3, #00c2d9); box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-3px); transform: translateY(-3px); }
@media only screen and (max-width: 767px)	{
	.topnews .button-block	{ padding: 20px 0 40px; }
}

.news_wrapper	{ margin: 0 auto; max-width: 880px; padding: 0 15px; }
.news_wrapper .news_inner	{ background-color: #ffffff; padding: 40px; display:block; }
.news_wrapper .news_inner .entry-header .category	{ color: #25aaff; font-size: 1.4rem; font-weight: 700; letter-spacing: .1rem; }
.news_wrapper .news_inner .entry-header .date	{ font-size: 1.6rem; font-weight: 400; color: rgba(0, 0, 0, 1); }
.news_wrapper .news_inner .entry-title	{ font-size: 1.8rem; font-weight: 400; line-height: 1.6; letter-spacing: 0.1rem; color: #000000; overflow: visible; display:block; margin-top: 15px; height:auto; margin-top: 30px; }
.news_wrapper .news_inner .entry-content	{ font-size: 1.4rem; font-weight: 400; line-height: 1.6; color: rgba(0, 0, 0, 0.7);  overflow: visible; display:block; margin-top: 15px; height:auto; }
.news_wrapper .news_inner .entry-content p	{ padding: 0 0 10px; }
@media only screen and (max-width: 767px)	{
	.news_wrapper .news_inner	{ padding: 20px; }
}



/* ------------ ABOUT ------------- */
.itemSetC	{ padding-top: 160px; position: relative; text-align: center; }
.itemSetC .inscrll	{ text-align: center; display: inline-block; margin: 0 auto; min-width: 500px; }
.itemSetC .inscrll > p	{ color: #fff; font-size: 2.6rem; font-family: 'Noto Sans JP', serif; font-weight: 100; letter-spacing:.1rem; margin: 0; padding: 60px 0 0; display: inline-block; }
.inscrll h2 { color: #fff; font-size: 3.8rem; font-weight: 400; line-height: 4rem; letter-spacing:.3rem; position: relative; display: inline-block; width: 100%; }
.inscrll h2:before	{ width: 80px; height: 1px; border-top: 1px solid #fff; display: inline-block; content: ''; display: block; position: absolute; top: 60px; left: 50%; transform: translate(-50%,-50%); }
.inscrll h3 { color: #fff; font-size: 1.2rem; font-weight: 400; line-height: 4rem; letter-spacing:.1rem; display: inline-block; width: 100%; padding: 40px 0 0; }
.inscrll p	{ font-size: 2.6rem; }
.inscrll p.subtltle	{ font-size: 2.8rem; display:block; }
.inscrll .midtxt	{ max-width: 600px; padding: 60px 0 0; display: inline-block; }
.inscrll .midtxt p	{ text-align: left; color: #fff; font-size: 2.2rem; font-weight: 100; letter-spacing:.1rem; padding: 8px 0; display: inline-block; }
.secondtitile .inscrll h2 { color: #000; }
.secondtitile .inscrll h2:before	{ border-top: 1px solid #000; }
.secondtitile .inscrll h3 { color: #000; }

@media only screen and (max-width: 767px)	{
	.itemSetC .inscrll	{ text-align: center; display: width:100%; min-width: 100%; }
	.itemSetC .inscrll > p	{ font-size: 1.6rem; margin: 0; padding: 60px 20px 0; }
	.inscrll h2 { font-size: 2.3rem; font-weight: 400; line-height: 1.5; letter-spacing:0; position: relative; display: inline-block; width: 100%; }
	.inscrll .midtxt	{ width: 100%; padding: 30px 40px 0; }
	.inscrll .midtxt p	{ font-size: 1.4rem; padding: 3px 0; }
}
@media only screen and (max-width: 321px)	{
	.itemSetC .inscrll > p	{ font-size: 1.4rem; }
	.inscrll h2 { font-size: 2.3rem; }
}

/* ------------ ITEM SET ------------- */
.itemSet	{ padding-top: 160px; position: relative; }
.itemSet .inscrll	{ width: 100%; text-align: center; height: 80px; }
.itemSet .inscrll > p	{ font-size: 1.3rem; font-family: 'Noto Sans SC', serif; font-weight: 400; margin: 0; padding: 30px 0 0; position: relative; display: inline-block; }
.itemSet .inscrll > p > a	{ font-size: 1rem; padding: 0 20px 0; position: relative; }
.itemSet .inscrll > p > a:before	{ width: 13px; height: 12px; content: ''; display: block; position: absolute; bottom: 0; left: 3px; transform: translate(0,-50%); background-image: url(../images/arrow2.png); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.itemSet .inimg	{ display:block; width: 100%; }
.itemSet .inimg img	{ width: 100%; }


@media (max-width: 498px)	{ 
	.itemSetC	{ padding-top: 100px; }
	.itemSet	{ padding-top: 100px; }
	.itemSet .inscrll	{ height: 30px; }
	.itemSet .inscrll > strong { font-size: 1.6rem; }
	.itemSet .inscrll > strong:before	{ width: 40px; height: 3px; top: 40px; }
	.itemSet .inscrll > p { font-size: .9rem; padding: 15px 0 0; }
	.itemSet .inscrll > p > a	{ font-size: .7rem; padding: 0 15px 0; }
	.itemSet .inscrll > p > a:before	{ width: 9px; height: 8px; left: 2px; }
}
.secondtitile .itemSet	{ padding: 0 0 80px; position: relative; }


/* ------------ ITEM SET TITLE ------------- */
.inscrll > h2 { color: #fff; }
.inscrll > h2:before	{ border-top: 1px solid #fff; }
.topsphere .inscrll > h2 { color: #fff; }
.topsphere .inscrll > h2:before	{ border-top: 1px solid #fff; }
.main_area .inscrll > h2 { color: #fff; }
.main_area .inscrll > h2:before	{ border-top: 1px solid #fff; }
.topresults .inscrll > h2 { color: #000; }
.topresults .inscrll > h2:before	{ border-top: 1px solid #000; }
.topnews .inscrll > h2 { color: #000; }
.topnews .inscrll > h2:before	{ border-top: 1px solid #000; }
.sharing .inscrll > h2 { color: #000; }
.sharing .inscrll > h2:before	{ border-top: 1px solid #000; }
.locationZ .inscrll > h2 { color: #000; }
.locationZ .inscrll > h2:before	{ border-top: 1px solid #000; }


/* ------------ BREADCRUMB ------------- */
.bread	{ background-color:rgba(255,255,255,1); }
.bread .wrapper	{ max-width: 880px;  }
ul.breadcrumb	{ margin: 0; padding:5px 20px; border-bottom: none; width: 100%; text-align: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
ul.breadcrumb > li { color: #007edb; font-size: 1.6rem; position: relative; display: inline-block; }
ul.breadcrumb > li.validated { color: #007edb; }
ul.breadcrumb > li.current { color: #000; font-weight: 300; pointer-events: none; cursor: default; }
ul.breadcrumb > li:last-child { padding-right: 0px;  }
ul.breadcrumb > li:first-child div:after,
ul.breadcrumb > li:first-child div:before { display: none;  }
ul.breadcrumb > li > div { display: inline-block; padding: 8px 15px 8px 30px; text-decoration: none; position: relative; }
ul.breadcrumb > li:first-child > div { padding-left: 0px;  }
ul.breadcrumb > li > div > a	{ color: #557e9c; display: inline-block; max-width: 100%; max-height: 100%; text-decoration:none; }
ul.breadcrumb > li > div:before,
ul.breadcrumb > li > div:after	{ content: ""; display: block; width: 0; height: 0; position: absolute; border-style: solid; top: 50%;  }
ul.breadcrumb > li > div:before { border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #b4b4b4; left: 0; margin-top: -10px; }
ul.breadcrumb > li > div:after { border-color: #fff transparent transparent transparent; left: -2px; margin-top: -10px; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #fff; }
ul.breadcrumb > li.current > div:before { border-color: transparent transparent transparent #007edb; }
@media (max-width: 980px)	{
	ul.breadcrumb	{ padding:10px; overflow: hidden; }
	ul.breadcrumb > li { font-size: 1.3rem; }
	ul.breadcrumb > li > div { padding: 5px 5px 5px 14px; }
	ul.breadcrumb > li > div:before { border-width: 8px 0 8px 8px; margin-top: -8px; }
	ul.breadcrumb > li > div:after { margin-top: -8px; border-width: 8px 0 8px 8px; }
}

/* ------------  ------------- */
.sup5col	{ margin: 0 auto; padding: 50px 50px 100px; }
.sup5col ul	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20px; }
.sup5col ul li	{ min-width: 120px; width: 19%; background-color: #fff; padding: 20px; }
.sup5col ul li > h3	{  }
.sup5col ul li > h3 > b	{ display: inline-block; font-weight: 700; font-size: 2.3rem; color: #ffffff; background-color: #213133; padding: 3px 16px; }
.sup5col ul li > h3 > p	{ color: #213133; display: block; font-weight: 400; font-size: 2rem; padding: 10px 0; }
.sup5col ul li > p	{ display: inline-block; font-size: 1.4rem; font-weight:300; line-height: 1.7; }
@media only screen and (max-width: 1300px) {
	.sup5col	{ margin: 0 auto; padding: 50px 0 100px; }
	.sup5col ul li	{ width: 48.5%; padding: 20px; margin: 0 0 15px; }
	.sup5col ul li > h3	{ display: -webkit-flex; display: flex; align-items: center; padding: 0 0 10px; }
	.sup5col ul li > h3 > b	{ }
	.sup5col ul li > h3 > p	{ padding: 0 0 0 10px; }
}
@media only screen and (max-width: 767px) {
	.sup5col	{ margin: 0 auto; padding: 50px 0 50px; }
	.sup5col ul li	{ width: 100%; padding: 20px; margin: 0 0 15px; }
}
@media only screen and (max-width: 580px) {
	.sup5col ul li > h3 > b	{ font-size: 1.6rem; padding: 3px 14px; }
	.sup5col ul li > h3 > p	{ font-size: 1.8rem; }
	.sup5col ul li > p	{ font-size: 1.3rem; line-height: 1.5; }
}

.sup52col	{ margin: 0 auto; padding: 50px 50px 100px; }
.sup52col ul	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20px; }
.sup52col ul li	{ min-width: 120px; width: 24%; background-color: #fff; padding: 20px; }
.sup52col ul li > h3	{  }
.sup52col ul li > h3 > b	{ display: inline-block; font-weight: 700; font-size: 2.3rem; color: #ffffff; background-color: #000; padding: 3px 16px; }
.sup52col ul li > h3 > p	{ display: block; font-weight: 700; font-size: 2rem; padding: 10px 0; }
.sup52col ul li > p	{ display: inline-block; font-size: 1.6rem; line-height: 1.7; }
@media only screen and (max-width: 1300px) {
	.sup52col	{ margin: 0 auto; padding: 50px 0 100px; }
	.sup52col ul li	{ width: 48.5%; padding: 20px; margin: 0 0 15px; }
}
@media only screen and (max-width: 767px) {
	.sup52col	{ margin: 0 auto; padding: 50px 0 100px; }
	.sup52col ul li	{ width: 100%; padding: 20px; margin: 0 0 15px; }
}
@media only screen and (max-width: 580px) {
	.sup52col ul li > h3 > b	{ font-size: 1.6rem; padding: 3px 14px; }
	.sup52col ul li > h3 > p	{ font-size: 1.8rem; padding: 10px 0; }
	.sup52col ul li > p	{ font-size: 1.3rem; line-height: 1.5; }
}

.sup3col	{ margin: 0 auto; padding: 0 0 50px; }
.sup3col ul	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; }
.sup3col ul li	{ min-width: 120px; width: 32%; background-color: #fff; padding: 20px; }
.sup3col ul li > h3	{  }
.sup3col ul li > h3 > b	{ display: inline-block; font-weight: 700; font-size: 2.3rem; color: #ffffff; background-color: #000; padding: 3px 16px; }
.sup3col ul li > h3 > p	{ display: block; font-weight: 700; font-size: 2rem; padding: 10px 0; }
.sup3col ul li > p	{ display: inline-block; font-size: 1.6rem; line-height: 1.7; }
@media only screen and (max-width: 1300px) {
	.sup3col	{ margin: 0 auto; padding: 50px 0 100px; }
	.sup3col ul li	{ width: 48.5%; padding: 20px; margin: 0 0 15px; }
}
@media only screen and (max-width: 767px) {
	.sup3col	{ margin: 0 auto; padding: 50px 0 100px; }
	.sup3col ul li	{ width: 100%; padding: 20px; margin: 0 0 15px; }
}
@media only screen and (max-width: 580px) {
	.sup3col ul li > h3 > b	{ font-size: 1.6rem; padding: 3px 14px; }
	.sup3col ul li > h3 > p	{ font-size: 1.8rem; padding: 10px 0; }
	.sup3col ul li > p	{ font-size: 1.3rem; line-height: 1.5; }
}

/*
.xcimg	{ padding: 0; margin: 0 0 10px; height:260px; overflow: hidden; }
.xcimg img	{ width: 100%; transition-duration: 0.3s; }
a:hover .xcimg img { transform: scale(1.1); transition-duration: 0.3s; }
*/
.xcdays	{ display:block; font-size: 1.3rem; padding: 0 0 15px; }
.sup2col	{ margin: 0 auto; padding: 50px 20px 0; max-width: 1280px; }
.sup2col ul	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20px; }
.sup2col ul li	{ min-width: 120px; width: 48%; }
.sup2col ul li > a	{ display: block; width: 100%; height:100%; background-color: #fff; padding: 20px; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); border-bottom: 3px solid #ffffff; transition: all 300ms; }
.sup2col ul li > a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }
.sup2col ul li > a:hover img	{ opacity: .5; }
.sup2col ul li > a .xcimg	{ padding: 0; margin: 0 0 10px; overflow: hidden; position: relative; }
.sup2col ul li > a .build	{ color:#000000; font-size: 1.6rem; padding: 0 0 5px; }
.sup2col ul li > a .address	{ color:#666666; font-size: 1.4rem; }
.sup2col ul li > a div.cate	{ display: table-cell; width: 120px; text-align: center; padding: 15px 10px; position: absolute; top:0; left:0; }
.sup2col ul li > a div.cate span	{ display:block; padding: 5px;  text-align: center; color:#ffffff; font-size: 1.4rem; font-weight:400; }
.sup2col ul li > a div.cate span.cat_agency	{ background-color: #10a308; }
.sup2col ul li > a div.cate span.cat_buy	{ background-color: #df0000; }
.sup2col ul li > a div.cate span.cat_trust	{ background-color: #6922d4; }
.sup2col ul li > a div.cate span.cat_design	{ background-color: #09cadb; }
.sup2col ul li > a div.cate span.cat_company	{ background-color: #0977dd; }
.sup2col ul li > h3	{  }
.sup2col ul li > h3 > b	{ display: inline-block; font-weight: 700; font-size: 2.3rem; color: #ffffff; background-color: #000; padding: 3px 16px; }
.sup2col ul li > h3 > p	{ display: block; font-weight: 700; font-size: 2rem; padding: 10px 0; }
.sup2col ul li > p	{ display: block; font-size: 1.6rem; line-height: 1.7; }
@media only screen and (max-width: 767px) {
	.sup2col	{ margin: 0 auto; padding: 50px 0 20px; }
	.sup2col ul li	{ width: 100%; margin: 0 0 15px; }
}
.sup4col	{ margin: 0 auto; padding: 20px 20px 100px; max-width: 1280px; }
.sup4col ul	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20px; }
.sup4col ul li	{ min-width: 120px; width: 24%; background-color: #fff; padding: 0; }
.sup4col ul li a	{ font-size: 1.8rem; background-color: #fff; padding: 20px; display:block; text-decoration: none; }
.sup4col ul li a:hover	{ background-color: #8bd1ff; }
@media only screen and (max-width: 767px) {
	.sup4col	{ margin: 0 auto; padding: 0 0 100px; }
	.sup4col ul li	{ width: 48%; margin: 0 0 15px; }
	.sup4col ul li a	{ font-size: 1.5rem; }
}

.share2col	{ margin: 0 auto; padding: 30px 20px 100px; max-width: 1280px; }
.share2col ul	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20px; }
.share2col ul li	{ min-width: 120px; width: 48%; }
.share2col ul li > a	{ display: block; width: 100%; height:100%; background-color: #fff; padding: 20px; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); border-bottom: 3px solid #ffffff; transition: all 300ms; }
.share2col ul li > a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }
.share2col ul li > a:hover img	{ opacity: .5; }
.share2col ul li > a .xcimg	{ padding: 0; margin: 0 0 10px; overflow: hidden; position: relative; }
.share2col ul li > a .build	{ color:#000000; font-size: 1.6rem; padding: 0 0 5px; }
.share2col ul li > a .caption	{ color:#666666; font-size: 1.4rem; }
.share2col ul li > a div.cate	{ display: table-cell; width: 120px; text-align: center; padding: 15px 10px; position: absolute; top:0; left:0; }
.share2col ul li > a div.cate span	{ display:block; padding: 5px;  text-align: center; color:#333; font-size: 1.4rem; font-weight:400; }
.share2col ul li > a div.cate span.cat_sharemaru	{ background-color: #ffc03f; }
.share2col ul li > a div.cate span.cat_stepgolf	{  color:#fff; background-color: #10a308; }
.share2col ul li > h3	{  }
.share2col ul li > h3 > b	{ display: inline-block; font-weight: 700; font-size: 2.3rem; color: #ffffff; background-color: #000; padding: 3px 16px; }
.share2col ul li > h3 > p	{ display: block; font-weight: 700; font-size: 2rem; padding: 10px 0; }
.share2col ul li > p	{ display: block; font-size: 1.6rem; line-height: 1.7; }
@media only screen and (max-width: 767px) {
	.share2col	{ margin: 0 auto; padding: 50px 0 20px; }
	.share2col ul li	{ width: 100%; margin: 0 0 15px; }
}

.resu3col	{ margin: 0 auto; padding: 20px 20px 100px; max-width: 1280px; }
.resu3col ul	{ list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 20px; }
.resu3col ul li	{ width: 19%; padding: 0; }
.resu3col ul li a	{ color:#000; font-size: 1.8rem; background-color: #fff; padding: 20px; display:block; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; }
.resu3col ul li a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }
.resu3col ul li.active a	{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-bottom: 3px solid #18bbff; position: relative; }
.resu3col ul li.active a:hover	{ color:#000;  -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); cursor: auto;}
.resu3col ul li.active a:before	{ content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid rgba(24,187,255,1); }

.resu3col ul li a .fa-angle-down	{ display: none; }
.resu3col ul li.active a .fa-angle-down	{ display: inline-block; }
.resu3col ul li.active a .fa-angle-right	{ display: none; }
@media only screen and (max-width: 767px) {
	.resu3col	{ margin: 0 auto; padding: 0 0 40px; }
	.resu3col ul li	{ width: 19%; margin: 0 0 15px; }
	.resu3col ul li a	{ font-size: 1.2rem; padding: 10px; }
}
.contentArea .results .resu3col	{ padding: 0 0 15px; }
.contentArea .results .resu3col ul	{ padding: 0; }

.resu4col	{ margin: 0 auto; padding: 20px 20px 100px; max-width: 1280px; }
.resu4col ul	{ list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 20px; }
.resu4col ul li	{ width: 23.5%; padding: 0; }
.resu4col ul li a	{ color:#000; font-size: 1.8rem; background-color: #fff; padding: 20px; display:block; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; }
.resu4col ul li a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }
.resu4col ul li.active a	{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-bottom: 3px solid #18bbff; position: relative; }
.resu4col ul li.active a:hover	{ color:#000;  -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); cursor: auto;}
.resu4col ul li.active a:before	{ content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid rgba(24,187,255,1); }

.resu4col ul li a .fa-angle-down	{ display: none; }
.resu4col ul li.active a .fa-angle-down	{ display: inline-block; }
.resu4col ul li.active a .fa-angle-right	{ display: none; }
@media only screen and (max-width: 767px) {
	.resu4col	{ margin: 0 auto; padding: 0 0 40px; }
	.resu4col ul li	{ width: 24%; margin: 0 0 15px; }
	.resu4col ul li a	{ font-size: 1.5rem; padding: 10px; }
}
.contentArea .results .resu4col	{ padding: 0 0 15px; }
.contentArea .results .resu4col ul	{ padding: 0; }

.resu5col	{ margin: 0 auto; padding: 20px 20px 100px; max-width: 1280px; }
.resu5col ul	{ list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 20px; }
.resu5col ul li	{ width: calc(100%/5 - 3px); padding: 0; }
.resu5col ul li a	{ color:#000; font-size: 1.8rem; background-color: #fff; padding: 20px; display:block; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; }
.resu5col ul li a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }
.resu5col ul li.active a	{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-bottom: 3px solid #18bbff; position: relative; }
.resu5col ul li.active a:hover	{ color:#000;  -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); cursor: auto;}
.resu5col ul li.active a:before	{ content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid rgba(24,187,255,1); }

.resu5col ul li a .fa-angle-down	{ display: none; }
.resu5col ul li.active a .fa-angle-down	{ display: inline-block; }
.resu5col ul li.active a .fa-angle-right	{ display: none; }
@media only screen and (max-width: 767px) {
	.resu5col	{ margin: 0 auto; padding: 0 0 40px; }
	.resu5col ul	{ flex-wrap: wrap; }
	.resu5col ul li	{ width: calc(50% - 10px); margin: 0 0 15px; }
	.resu5col ul li a	{ font-size: 1.5rem; padding: 10px; }
}

.resu7col	{ margin: 0 auto; padding: 20px 20px 100px; max-width: 1280px; }
.resu7col ul	{ list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 20px; }
.resu7col ul li	{ width: calc(100%/7 - 3px); padding: 0; }
.resu7col ul li a	{ color:#000; font-size: 1.8rem; background-color: #fff; padding: 20px; display:block; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; }
.resu7col ul li a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }
.resu7col ul li.active a	{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-bottom: 3px solid #18bbff; position: relative; }
.resu7col ul li.active a:hover	{ color:#000;  -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); cursor: auto;}
.resu7col ul li.active a:before	{ content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid rgba(24,187,255,1); }

.resu7col ul li a .fa-angle-down	{ display: none; }
.resu7col ul li.active a .fa-angle-down	{ display: inline-block; }
.resu7col ul li.active a .fa-angle-right	{ display: none; }
@media only screen and (max-width: 767px) {
	.resu7col	{ margin: 0 auto; padding: 0 0 40px; }
	.resu7col ul	{ flex-wrap: wrap; }
	.resu7col ul li	{ width: calc(50% - 10px); margin: 0 0 15px; }
	.resu7col ul li a	{ font-size: 1.5rem; padding: 10px; }
}

.resu9col	{ margin: 0 auto; padding: 20px 20px 100px; max-width: 1280px; }
.resu9col ul	{ list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 20px; }
.resu9col ul li	{ width: calc(100%/9 - 3px); padding: 0; }
.resu9col ul li a	{ color:#000; font-size: 1.8rem; background-color: #fff; padding: 20px; display:block; text-decoration: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; }
.resu9col ul li a:hover	{ color:#18bbff; -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; border-bottom: 3px solid #18bbff; }
.resu9col ul li.active a	{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-bottom: 3px solid #18bbff; position: relative; }
.resu9col ul li.active a:hover	{ color:#000;  -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); cursor: auto;}
.resu9col ul li.active a:before	{ content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid rgba(24,187,255,1); }

.resu9col ul li a .fa-angle-down	{ display: none; }
.resu9col ul li.active a .fa-angle-down	{ display: inline-block; }
.resu9col ul li.active a .fa-angle-right	{ display: none; }
@media only screen and (max-width: 767px) {
	.resu9col	{ margin: 0 auto; padding: 0 0 40px; }
	.resu9col ul	{ flex-wrap: wrap; }
	.resu9col ul li	{ width: calc(50% - 10px); margin: 0 0 15px; }
	.resu9col ul li a	{ font-size: 1.5rem; padding: 10px; }
}

.slick-slide	{ background-color: rgba(0,0,0,.2);}
.slick-slide img { max-height:345px; margin: 0 auto; }
.slick-prev { left: 10px; z-index:10; }
.slick-next { right: 10px; z-index:10; }


/* ------------ BUSINESS ------------- */
.bis2col	{ margin: 0 auto; padding: 0; }
.bis2col ul	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; }
.bis2col ul li	{ min-width: 120px; width: 48%; margin: 0 0 50px; }
.bis2col ul li > div	{ display: inline-block; background-color: #fff; padding: 10px 0 20px; position: relative; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all 300ms; text-decoration: none; height:100%; }
.bis2col ul li a:hover	{ -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); text-decoration: none; }
.bis2col ul li h3	{ z-index: 2; }
.bis2col ul li h3 b	{ position: absolute; top:-15px; left:-15px; display: inline-block; font-weight: 700; font-size: 3.2rem; color: #ffffff; background: linear-gradient(-100deg, #05FBFF, #1D62F0 ); padding: 13px 28px; z-index:2; }
.bis2col ul li h3 p	{ display: block; font-weight: 400; font-size: 1.8rem; padding: 10px 0 10px 20px; text-align: center; }
.bis2col ul li h3 p br	{ display: none; }
.bis2col ul li p	{ display: block; font-size: 1.5rem; font-weight: 300; padding: 30px 20px 0; line-height: 1.7; }
@media only screen and (max-width: 767px) {
	.bis2col	{ margin: 0 auto; padding: 0; }
	.bis2col ul li	{ width: 100%; padding: 10px 0 20px; margin: 0 0 15px; }
	.bis2col ul li h3 b	{ top:-5px; left:-5px; font-size: 2rem; padding: 10px 20px; }
	.bis2col ul li h3 p	{ font-size: 1.5rem;  }
	.bis2col ul li h3 p br	{ display: inline-block; }
	.bis2col ul li p	{ padding: 10px 20px 0; }
}

.more	{ display: block; text-align: center; position: absolute; bottom: 30px; left:0; width: 100%; }
.more b	{ display: inline-block; margin: 0 auto; padding: 15px 40px; font-size: 1.8rem; line-height: 1rem; border-radius: 24px; font-weight: 600; cursor: pointer; text-align: center; color: #fff; background-color: #2063f9; background-image: linear-gradient(110deg, #0b6ed3, #00c2d9); box-shadow: 0 4px 8px 0 rgba(0,0,0,.12); }
.bis2col ul li a:hover .more b	{ background-image:none; }

.bis2col ul li .xcimg	{ padding: 0 0 10px; overflow: hidden; }
.bis2col ul li .xcimg img	{ width: 100%; transition-duration: 0.3s; z-index: 1; }
.bis2col ul li a:hover .xcimg img { transform: scale(1.1); transition-duration: 0.3s; opacity: .6; transition: .25s; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; }


/* ------------ DELIGHTER ------------- */
.foo.delighter	{ transition: all 1s ease-out; transform: translateX(-100%); opacity: 0; }
.foo.delighter.started	{ transform: none; opacity: 1; }
.foo.delighter.started.ended	{ }
.delighter.splash	{ transition: all 2s ease-out; }
.delighter.splash.ended	{ background: #fff; }
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }
.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }
.delighter.bottom { transform:translatey(300%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }
.delighter li { opacity: 0; transform: translatey(110%); transition: all .7s ease-out; }
.delighter.started li { opacity: 1; transform: none; }
.delighter.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.delighter.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.delighter.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.delighter.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.delighter.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.delighter.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.delighter.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }
.delighter.started li:nth-child(8) { transition: all .7s ease-out 1.5s; }
.delighter.started li:nth-child(9) { transition: all .7s ease-out 1.7s; }
.delighter.started li:nth-child(10) { transition: all .7s ease-out 1.9s; }
.delighter.started li:nth-child(11) { transition: all .7s ease-out 2.1s; }
.delighter.started li:nth-child(12) { transition: all .7s ease-out 2.3s; }
.delighter.started li:nth-child(13) { transition: all .7s ease-out 2.5s; }
.delighter.started li:nth-child(14) { transition: all .7s ease-out 2.7s; }
.delighter.started li:nth-child(15) { transition: all .7s ease-out 2.9s; }
.delighter.started li:nth-child(16) { transition: all .7s ease-out 3.1s; }
.delighter.started li:nth-child(17) { transition: all .7s ease-out 3.3s; }
.delighter.started li:nth-child(18) { transition: all .7s ease-out 3.5s; }
.delighter.started li:nth-child(19) { transition: all .7s ease-out 3.7s; }
.delighter.started li:nth-child(20) { transition: all .7s ease-out 3.9s; }
.delighter.started li:nth-child(21) { transition: all .7s ease-out 4.1s; }
.delighter.started li:nth-child(22) { transition: all .7s ease-out 4.3s; }
.delighter.started li:nth-child(23) { transition: all .7s ease-out 4.5s; }
.delighter.started li:nth-child(24) { transition: all .7s ease-out 4.7s; }
.delighter.started li:nth-child(25) { transition: all .7s ease-out 4.9s; }
.delighter.started li:nth-child(26) { transition: all .7s ease-out 5.1s; }
.delighter.started li:nth-child(27) { transition: all .7s ease-out 5.3s; }
.delighter.started li:nth-child(28) { transition: all .7s ease-out 5.5s; }
.delighter.started li:nth-child(29) { transition: all .7s ease-out 5.7s; }
.delighter.started li:nth-child(30) { transition: all .7s ease-out 5.9s; }
.delighter .pregure	{ display: block; transition: all 2s ease-out; opacity: 0; padding: 20px 0; width: 1px; overflow: hidden; }
.delighter.started .pregure	{ max-width: 99999px; width: 100%; opacity: 1; }
.delighter .box { transition: all 1s ease-out; }
.delighter .box:nth-child(1) { transform: translate(-100%, 0); }
.delighter .box:nth-child(2) { transform: translate(170%, -70%); }
.delighter .box:nth-child(3) { transform: translate(20%, 0%); }
.delighter.started .box:nth-child(1) { transform: translate(0, 0); }
.delighter.started .box:nth-child(2) { transform: translate(70%, -70%); }
.delighter.started .box:nth-child(3) { transform: translate(20%, -120%); }


/* ------------ CONTENT ------------- */
.content	{ width: 100%; margin: 0; padding: 0; overflow: hidden; }
.content .wrapper	{ padding: 70px 20px; }
.content.work,
.content.data	{ background-color: #f6f6f6; }
.content.work .wrapper, 
.content.data .wrapper	{ background:yellow; }
.content.future	{ background-color: #888888; }
.content.contentmenu	{ background-color: #004d8b; margin-bottom: 70px; }
.content.world	{ background-color: #def2f3; }
@media (max-width: 767px)	{
	.content .wrapper	{ padding: 30px 20px; }
}


/* CONTENT TITLE */
.content .wrapper.cttitle	{ background:none; text-align: center; }
.content .wrapper.cttitle h2	{ font-size: 9rem; font-weight: 800; line-height: 1; font-style: italic; transform: rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); }
.content .wrapper.cttitle h3	{ font-size: 3rem; font-weight: 800; line-height: 1; padding: 15px 0 30px; }
.content.data .wrapper.cttitle h2, 
.content.data .wrapper.cttitle h3	{ color: #000; }
.content.contentmenu .wrapper.cttitle h2	{ font-size: 6rem; }
.content.contentmenu .wrapper.cttitle h2, 
.content.contentmenu .wrapper.cttitle h3	{ color: #fff; }
.content.future .wrapper.cttitle h2, 
.content.future .wrapper.cttitle h3	{ color: #fff; }


/* HALF */
.halfbg-right	{ padding-left:50%; background:#f6f6f6; }
.halfbg-right > div	{ background:yellow; }
.halfbg-right > div > div	{ margin-left:-100%; background:none; }
.halfbg-left	{ padding-right:50%; background:#f6f6f6; }
.halfbg-left > div	{ background:yellow; }
.halfbg-left > div > div	{ margin-right:-100%; background:none; }





/* LAYOUT */
#content	{ margin: 0; }
#content .wrapper	{ max-width: 1100px; margin: 0 auto; padding: 30px 20px 20px; }
@media (max-width: 767px)	{
	#content	{ margin: 0; }
	#content .wrapper	{ padding: 60px 15px 15px; }
	.drawer-hamburger	{ background-color: #006dd9!important; }
}




/* ------------ GO TOP ------------- */
#scrollUp { bottom: 20px; right: 20px; padding: 10px 20px; background: #000000; color: #fff; }
@media (max-width: 767px) { 
	#scrollUp { bottom: 10px; right: 10px; }
}
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background: #333333; }

/* ------------ FIXEDSTICKY ------------- */
.fixedsticky	{ position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; }
.fixedsticky-withoutfixedfixed .fixedsticky-off, 
.fixed-supported .fixedsticky-off	{ position: static; }
.fixedsticky-withoutfixedfixed .fixedsticky-on, 
.fixed-supported .fixedsticky-on	{ position: fixed; }
.fixedsticky-dummy	{ display: none; }
.fixedsticky-on + .fixedsticky-dummy	{ display: block; }

/* ------------ BLOCK ------------- */
@media (max-width: 670px)	{ .pconly { display: none; } }
@media (min-width: 671px)	{ .pconly { display: inline-block; } }
@media (max-width: 670px)	{ .sponly { display: inline-block; } }
@media (min-width: 671px)	{ .sponly { display: none; } }
@media (max-width: 370px)	{ .sspp { display: inline-block; } }
@media (min-width: 371px)	{ .sspp { display: none; } }


/* ------------ GO TOP ------------- */
#scrollUp { bottom: 20px; right: 20px; padding: 10px 20px; background: #18bbff; color: #fff; }
@media (max-width: 767px) { 
	#scrollUp { bottom: 10px; right: 10px; }
}
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background: #05FBFF; }