@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
/*
Theme Name: TDSC-202402
Description: TDSC2024のテーマ
Author: TOYO DENSO Co., Ltd.
Author URI: https://t-denso.com
Version: 2.0.2
*/

/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* COMMON */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* FONT FAMILY */
/* FONT */
/* - HEADER */
/* - FOOTER */
/* - SCROLL TOP */
/* - CTA */
/* - BANNER */
/* - OTHER SETTING */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* TOP PAGE */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* - HERO */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* CHILD PAGE */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* - CHILD HERO */
/* - BREAD CRUMB*/
/* SERVICE */
/* - SERVICE PLANET-BB */
/* OPTION */
/* OPTION - CHILD */
/* OPTION - CHILD - Spectee Pro for TDSC */
/* OPTION - CHILD - VPN */
/* OPTION - CHILD - MAINTENANCE */
/* OPTION - CHILD - Warranty Extension */
/* SCENE */
/* COMPANY */
/* FAQS */
/* TDSC Lab */
/* DOWNLOAD */
/* PARTNER */
/* CONTACT */
/* SEARCH */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* CONTENT- CASE */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* CASE */
/* CONTENT- TWO COLUMN */
/* - - - - - - - - - - - - - - - - - - - - - - -*/

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

/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* COMMON */
/* - - - - - - - - - - - - - - - - - - - - - - -*/

a{color: #2448be;}
a:hover{color: #657ed1;}
a.pointer-none{pointer-events: none;}

.frame-white{ border: 0.0625em solid #ffffff;}
.frame-lgray{ border: 0.0625em solid #f2f2f2;}
.frame-gray{ border: 0.0625em solid #b3b3b3;}
.frame-dgray{ border: 0.0625em solid #3b3c3c;}
.frame-black{ border: 0.0625em solid #333333;}
.frame-lblue{ border: 0.0625em solid #edf6fb;}
.frame-blue{ border: 0.0625em solid #0080cb;}
.frame-bblue{ border: 0.0625em solid #1bb8ce;}
.frame-anchor{ border: 0.0625em solid #2448be;}
.frame-red{ border: 0.0625em solid #e8374a;}

.bg-white{ background-color: #FFFFFF;}
.bg-lgray{ background-color: #f2f2f2;}
.bg-gray{ background-color: #b3b3b3;}
.bg-dgray{ background-color: #3b3c3c;}
.bg-black{ background-color: #333333;}
.bg-lblue{ background-color: #edf6fb;}
.bg-blue{ background-color: #0080cb;}
.bg-bblue{ background-color: #1bb8ce;}
.bg-anchor{ background-color: #2448be;}
.bg-red{ background-color: #e8374a;}
.bg-half-w_lg{background: linear-gradient(180deg, transparent 0%, transparent 50%, #f2f2f2 50%, #f2f2f2 100%);}

.c-white{ color: #FFFFFF;}
.c-lgray{ color: #f2f2f2;}
.c-gray{ color: #b3b3b3;}
.c-dgray{ color: #3b3c3c;}
.c-black{ color: #333333;}
.c-lblue{ color: #edf6fb;}
.c-blue{ color: #0080cb;}
.c-bblue{ color: #1bb8ce;}
.c-anchor{ color: #2448be;}
.c-red{ color: #e8374a;}

.hover-op07:hover,
.hover-op07:hover img{opacity: .7;}

.bb-black{border-bottom: .12em solid #333;}
.marker_yellow {background: linear-gradient(transparent 60%, #ffff66 60%);}
.marker_lime {background: linear-gradient(transparent 60%, #c4ffeb 60%);}
.marker_blue {background: linear-gradient(transparent 60%, #c2d4ff 60%);}
.marker_pink {background: linear-gradient(transparent 60%, #ffbfff 60%);}
.nutshell{
	border: .5em solid #a96116;
	padding: 0 1.2em;
	background-color: #f5f5f5;
	margin-bottom: 2em;
	color: #333;
}
.nutshell h4 span{
	color: #fff;
	background-color: #013a23;
	padding: .3em .6em;
	border-radius: 0.125em;
}

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

/* FONT FAMILY */
body {
	font-family: 'Roboto', 'Noto Sans JP', sans-serif, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
}
.ff-serif{font-family: 'Noto Serif JP', serif, "MS Serif", "New York", "serif";}
.ff-roboto{font-family: 'Roboto', sans-serif;}
/* FONT */
h1{font-size: 2.625em; line-height: 1.1em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h2{font-size: 1.75em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h3{font-size: 1.5em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h4{font-size: 1em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h5{font-size: .825em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h6{font-size: .75em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
p{line-height: 2;}
h1,h2,h3,h4,h5,h6{ clear: both;}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
	width: 100%;
	height: 100%;
	opacity: 1;
}
body{	height: auto;}
@media (min-width: 960px){
	a.tel{pointer-events: none;text-decoration: none;}
}

.main {
	background-color: #fff;
	padding: 0;
	margin: 0;
	padding-top: 4.5em;
	position: relative;
}
@media (min-width: 960px){
	.main {padding-top: 4.9em;}
}
.container{
	padding-top: 3em;
	padding-bottom: 3em;
}
@media (min-width: 960px){
	.container{padding-top: 5em;	padding-bottom: 5em;}
}

/* - HEADER */
header{
	margin: 0;
	padding: 0;
	height: 4.5em;
	background-color: #fff;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	position: fixed;
	z-index: 998;
	top: 0;
}
header a{text-decoration: none;	color: #333333;}
header a:hover{color: #636363;}
header .current a{color: #0080CB;}
header .wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
@media (min-width: 960px){
	header{height: 5.6em;}
	header .wrap{
		align-items: flex-end;
		padding-bottom: .4em;
	}
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 5em;
}
@media (min-width: 960px){html {scroll-padding-top: 6.5em}}

.header-logo{
	width: 5.5em;
	height: 100%;
	margin: 0 0;
}
.header-logo a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-logo a img{
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.header-logo a:hover img{
	opacity: .7;
}
@media (min-width: 960px){
	.header-logo{width: 10em;}
}
/* メニューボタン */
.menu-trigger{
	display: block;
	background: none;
	border: none;
	padding: 0;
	width: 4.5em;
	height: 4.5em;
	color: #162144;
	letter-spacing: 0.1em;
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3000;
	text-align: center;
	outline: none;
	transform: translateX(0);
  transition: all .5s;
}
.menu-trigger::after{ /* ハンバーガーボタン */
	font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
	content:'\f0c9';
	transition:  all 2s ease-out;
	font-size: 2em;
	font-weight:900;
	top: 50%;left: 50%;
	position: fixed;
	transform: translate(-50% , -50%);
}
.menu-trigger.active::after { /* メニューアクティブ時 */
	content:'\f00d';
	transition: all .5s;
}
@media (min-width:768px) {
	.menu-trigger{right: 4.5%;}
}
@media (min-width:960px) {
	.menu-trigger{display: none;}
}

nav.drawer-innner{
  width: 76.7vw;
  height: 100%;
	box-sizing: border-box;
	padding: 4.5em 0 2.5em;
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  transform: translate(100%);
  transition: all .5s;
}
nav.drawer-innner.open {
	transform: translateZ(0);
	z-index: 1000;
}
nav.drawer-innner ul.page-menu{
	list-style-type: none;
	font-size: 1.5em;
	line-height: 1;
	padding: 0;
	margin: 0;
}
nav.drawer-innner ul.page-menu a{
	box-sizing: border-box;
	display: block;
	color: #333;
	padding: 0.7em 1.5em;
	text-decoration: none;
	border-bottom: .012em solid #333;
}
nav.drawer-innner ul.page-menu a:hover,
nav.drawer-innner ul.page-menu a:active{
	background-color: #666;
	color: #fff;
}
nav.drawer-innner ul.page-menu .tel a,
nav.drawer-innner ul.page-menu .form a{
	display: block;
	width: calc(100% - 1.5em);
	box-sizing: border-box;
	color: #fff;
	border: none;
	padding: 0.7em 1.5em;
	margin: .5em;
	border-radius: .2em;
	text-align: center;
}
nav.drawer-innner ul.page-menu .tel a{background-color: #1bb8ce;}
nav.drawer-innner ul.page-menu .form a{background-color: #E8374A;}
@media (min-width:768px) {
	nav.drawer-innner{width: 44.49vw;}
}

.search form{
	width: calc(100% - 1.5em);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	background-color: #fff;
	border: 0.08em solid #0080CB;
	padding: .1em .3em;
	margin: 1em .5em 0;
	border-radius: .2em;
}
.search form input[type="text"]{
	padding: .5em .1em;
	height: 2em;
	width: 70%;
	border-style: none;
	font-size: 0.8em;
	background-color: #fff;
}
.search form input[type="text"]:-internal-autofill-selected{background-color: #fff;}
.search form input[type="text"]::placeholder{	color: #0080cb;	font-size: .9em;}
.search form input[type="submit"]{
	font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
	content:'\f002';
	border-style: none;
	padding: .5em;
	height: 2em;
	width: 3em;
	font-size: 1em;
	color: #0080CB;
	font-weight: bold;
	background-color: #fff;
	cursor: pointer;
	z-index: 0;
}
@media (min-width: 960px){
	.search form{
		width: 100%;
		border-radius: 2em;
		margin: .5em 0;
		justify-content: space-evenly;
	}
}

ul.bogo-language-switcher{
	list-style-type: none;
	line-height: 1;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 1em;
	padding-right: 1em;
}
ul.bogo-language-switcher .bogo-language-name{position: relative;}
ul.bogo-language-switcher .bogo-language-name::after{
	position: absolute;
	content: "/";
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
ul.bogo-language-switcher li:last-child .bogo-language-name::after{	content:none;}
ul.bogo-language-switcher a{
	box-sizing: border-box;
	display: block;
	padding: 0.7em;
	text-decoration: none;
	color: #333333;
}
ul.bogo-language-switcher .current a{color: #0080CB;}
@media (min-width: 960px){
	ul.bogo-language-switcher{
		padding-top: 0;
		padding-right: 0;
	}
}

.header-menu{display: none;}
@media (min-width: 960px){
	.header-menu{
		width: calc(100% - 10em - 25%);
		height:  3em;
		display: block;
		line-height: 1;
		padding: 0 1em;
	}
	.header-menu ul.global-nav{
		width: 100%;
		height: 100%;
		padding: 0;
		list-style-type: none;
		box-sizing: border-box;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin-top: 0;
		margin-bottom: 0;
	}
	.header-menu ul.global-nav > li{
		height: 100%;
		padding: 0;
		font-weight: bold;
		position: relative;
	}
	.header-menu ul.global-nav > li > a{
		box-sizing: border-box;
		border-bottom: .24em solid transparent;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1em .5em 1em;
	}
	.header-menu ul.global-nav > li > a:hover,
	.header-menu ul.global-nav > li.current > a{border-bottom: .24em solid #0080CB;}
	.header-menu ul.global-nav > li > ul{
		position: absolute;
		width: 15em;
		height: 0;
		left: 0;
		top: 3em;
		overflow: hidden;
		transition: .5s;
		padding: 0;
		margin:0;
	}
	.header-menu ul.global-nav > li > ul > li {
		margin: 0;
		background-color: #fff;
		border-top: .06em solid #999;
		font-size: 1em;
		height: 3em;
		list-style-type: none;
	}
	.header-menu ul.global-nav > li > ul > li:last-child{border-bottom: .06em solid #999;}
	.header-menu ul.global-nav > li:hover > ul{overflow: visible;}
	.header-menu ul.global-nav > li > ul > li a{
		width: 100%;
		height: 100%;
		padding: .5em 1em;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
	}
	.header-menu ul.global-nav > li > ul > li a:hover{color: #999999;}
}

.secondary-nav{
	display: none;
	width: 25%;
}
@media (min-width: 960px){
	.secondary-nav{display: block;}
	.secondary-nav .contact{
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
		width: 100%;
	}
	.secondary-nav .form, .secondary-nav .tel{width: 49.5%;}
	.secondary-nav .form a,.secondary-nav .tel a{
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		box-sizing: border-box;
		font-size: 0.9em;
		padding: .5em 1em;
		color: #FFFFFF;
	}
	.secondary-nav .form a i,.secondary-nav .tel a i{padding: .2em;}
	.secondary-nav .form a span,.secondary-nav .form tel a span{text-align: center;}
	.secondary-nav .tel a{
		border-top-left-radius: 2em;
		border-bottom-left-radius: 2em;
		background-color: #1bb8ce;
		pointer-events: none;
	}
	.secondary-nav .form a{
		border-top-right-radius: 2em;
		border-bottom-right-radius: 2em;
		background-color: #e8374a;
	}
}

/* - FOOTER */
footer {
	position: relative;
	border-top: .4em solid #1bb8ce;
	width: 100%;
	line-height: 1.3;
}
footer .info{
	padding-top: 3em;
	padding-bottom: 3em;
}
footer .info .access .to-top {
	width: 13em;
	margin-bottom: 1em;
}
footer .info .access .to-top a{
	display: block;
	width: 100%;
}
footer .info .access .to-top a img{width: 100%;}
footer .info .access .to-top a:hover img{filter:grayscale(50%)}
footer .info .access dl.add {
	margin-bottom: 1em;
}
footer .info .access dl.add dt{
	font-weight: bold;
	font-size: 1.3em;
}
footer .info .access dl.add dd{
	margin-left: 0;
	font-size: .88em;
	line-height: 2;
}
footer .info ul.sitemap {
	padding-inline-start: 0;
	list-style-type: none;
	font-size: .88em;
}
footer .info ul.sitemap li a{
	display: inline-block;
	padding: .5em .2em;
	color: #333;
}
footer .info ul.sitemap li a:hover{color: #656565;}
footer .info ul.sitemap li ul{
	padding-inline-start: 1.5em;
}
footer .info ul.sitemap li ul li::marker{	content:"└ ";}

footer .external-links{
	background-color: #1bb8ce;
}
footer .external-links .wrap{
	padding: 4em 0;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
}
footer .external-links .wrap a{
	margin-left: 2.5em;
	transform: translateY(0);
	transition: all .5s;
}
footer .external-links .wrap a.banner{width: 17.8em;}
footer .external-links .wrap a.circle{width: 3.7em;}
footer .external-links .wrap a img{width: 100%;}
footer .external-links .wrap a:hover img{filter: grayscale(50%) brightness(150%); }
footer .external-links .wrap a:active{transform: translateY(.3em);}

footer .copy .wrap{
	padding: 1.5em 0;
	font-size: .8em;
}
footer .copy .wrap p{margin: 0;padding-right: .5em;}
footer .copy .wrap ul{
	list-style-type: none;
	padding-left: 0;
	display: flex;
}
footer .copy .wrap ul li{
	position: relative;
	padding: 0 .5em;
}
footer .copy .wrap ul li::after{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content:"|";
}
footer .copy .wrap ul li:last-child::after{content: none;}
footer .copy .wrap ul li a{color: #333;}
footer .copy .wrap ul li a:hover{font-weight: bold;}

@media (min-width: 768px){
	footer .info{
		display: flex;
		flex-wrap: wrap;
	}
	footer .info .access{width: 100%;}
	footer .info ul.sitemap{width: 50%;}
	footer .copy .wrap{
		display: flex;
		justify-content: center;
		align-items: center;
	}

}
@media (min-width: 960px){
	footer .info{justify-content: space-between;}
	footer .info .access, footer .info ul.sitemap{width: 30%;}
}

/* - SCROLL TOP */
.scrollTop {
	position: fixed;
	right: 1em;
	bottom:  1em;
	opacity: 0;
	z-index: 10000;
	transition: all 0.4s ease-in-out 0s;
	transform: translateY(0);
}
.scrollTop a{
	box-sizing: border-box;
	border: .24em solid #edf6fb;
	background-color: #0080CB;
	color: #edf6fb;
	width: 3.7em;
	height: 3.7em;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	border-radius: 2em;
	text-decoration: none;
}
.scrollTop a i{font-size: 2.5em;}
.scrollTop a:hover{
	border: .24em solid #0080CB;
	color: #0080CB;
	background-color: #edf6fb;
}
.scrollTop a:active{transform: translateY(.3em);}

/* - CTA */
.cta-contact{
	width: 100%;
	padding: 1em;
	border: 0.125em solid #0080cb;
	border-radius: 1em;
	background-color: #fff;
}
.cta-contact h4{
	font-size: 1.5em;
	letter-spacing: .06em;
	color: #0080cb;
	text-align: center;
	margin-top: 0;
}
.cta-contact > p{
	letter-spacing: .2em;
	text-align: center;
	font-weight: bold;
}
.cta-contact .howto {	margin-bottom: 1em;}
.cta-contact .howto h4{
	font-size: 1em;
	color: #333;
}
.cta-contact .howto p{font-size: .9em;}
.cta-contact .howto a{text-decoration: none;}
.cta-contact .howto .tel-contact a{
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: #0080cb;
	font-size: 2.25em;
}
.cta-contact .howto .tel-contact a span{
	font-size: .25em;
	margin-right: 1em;
	background-color: #0080cb;
	padding: .5em .7em;
	color: #fff;
}
.cta-contact .howto .tel-contact a:hover{color: #7dc5f0;}
.cta-contact .howto .tel-contact a:hover span{background-color: #7dc5f0;}

.cta-contact .howto .hr{
	width: 100%;
	height: .12em;
	background-color: #b3b3b3;
	margin: .5em 0;
}

.cta-contact .howto .form-contact a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 90%;
	margin: .5em auto;
	background-color: #0080cb;
	color: #fff;
	padding: 1em;
}
.cta-contact .howto .form-contact a i{
	font-size: 1.8em;
	margin-right: .5em;
}
.cta-contact .howto .form-contact a:hover{background-color: #7dc5f0;}
.cta-contact .howto .form-contact a:active{transform: translateY(.3em);}
@media (min-width: 768px){
	.cta-contact .howto {
		display: flex;
		justify-content: space-evenly;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.cta-contact .howto .hr{
		width: .12em;
		height: auto;
		margin: 0 .5em;
	}
	.cta-contact .howto .tel-contact,
	.cta-contact .howto .form-contact{width: calc(50% - .12em);}
}
@media (min-width: 960px){
	.cta-contact > p{font-size: 1.2em;}
	.cta-contact .howto .tel-contact a{pointer-events: none;}
	.cta-contact .howto .form-contact a{width: 23em;}
}

/* - BANNER */
.follow-banner{
	position: fixed;
	display: block;
	right: 50%;
	z-index: 1000;
	bottom: 1em;
	width: 92vw;
	transform: translateX(50%);
}
.follow-banner a{
	display: block;
	width: 100%;
}
.follow-banner a img{
	display: block;
	width: 100%;
}
.follow-banner a:hover img{filter: brightness(110%);}
@media(min-width: 768px){
	.follow-banner{
		width: 17.5em;
		right: 1em;
		bottom: 5em;
		transform: translateX(0%);
	}
}
@media(min-width: 1980px){
	.follow-banner{width: 20.5em;}
}

/* - OTHER SETTING */
.more-link{
	padding-top: 2em;
	padding-bottom: 2em;
}
.more-link a{
	letter-spacing: .07em;
	display: inline-block;
	text-decoration: none;
	background-color: #0080cb;
	color: #FFFFFF;
	padding: .8em 2.5em;
	border-radius: 1.5em;
	border: .12em solid #0080cb;
	transform: translateY(0);
	transition: all .5s;
	box-shadow: 0 0 .46em rgba(0,0,0,0.28);
}
.more-link a:hover{box-shadow: 0 .24em .46em rgba(0,0,0,0.28);}
.more-link a:active{box-shadow: 0 -.24em .46em rgba(0,0,0,0.28);transform: translateY(.3em);}
@media (min-width: 960px){
	.more-link a{box-shadow: none;}
}
.scroll-box {
	width:100%;
	overflow-x: auto;
	padding-bottom: 1em;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}
.scroll-box::-webkit-scrollbar {height: .2em;}/* スクロールバー全体の高さ */
.scroll-box::-webkit-scrollbar-track {background: #eee;}/* スクロールバー全体の背景 */
.scroll-box::-webkit-scrollbar-thumb {background: #aaa; border: none;}/* スクロールバーの動く部分 */
.scroll-box::-webkit-scrollbar-thumb:hover {background: #999;}/* スクロールバーの動く部分のホバー（マウスオーバー） */

/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* TOP PAGE */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* - HERO */
#top-hero{position: relative;}
#top-hero h1{
	padding: 0;
	margin-top: 1em;
	font-size: 2em;
	letter-spacing: .1em;
}
#top-hero p{
	font-size: 1em;
	letter-spacing: .2em;
	padding: 0;
	margin-bottom: 2em;
}
#top-hero .hero-image{
	position: relative;
	width: 100%;
	height: 12em;
	overflow: hidden;
}
#top-hero .hero-image img{
	position: absolute;
	height: 100%;
	width: auto;
	top: 50%;left: 50%;
	transform: translate(-50% ,-50%)
}
@media (min-width:768px){
	#top-hero h1{font-size: 3.5em;}
	#top-hero p{font-size: 1.5em;}
	#top-hero .hero-image{height: 23em;}
}
@media (min-width:960px){
	#top-hero h1{font-size: 4.5em;}
	#top-hero p{font-size: 1.76em;}
	#top-hero .hero-image{height: 46.7em;}
}

.top-twocol{
	padding-top: 2em;
	padding-bottom: 2em;
}
.top-twocol h1.title{
	font-size: 2em;
	letter-spacing: .24em;
	margin-top: 0;
	padding-top: 0;
}
.top-twocol h1.title span{
	font-size: .43em;
	letter-spacing: .24em;
}
.top-content section{	margin-bottom: 2em;	}
.top-content section h3{
	padding: 0;
	margin-top: 0;
	font-size: 1.3em;
	letter-spacing: .06em;
}
.top-content section p{line-height: 2.2;}
@media(min-width:768px){
	.top-twocol h1.title{font-size: 2.7em;}
}
@media(min-width:960px){
	.top-twocol{
		display: flex;
		justify-content: space-between;
	}
	.top-twocol h1.title{width: 32%;}
	.top-content{width: 66.9%;}
}

.top-hr{
	position: relative;
	width: 100%;
	height: 10em;
	overflow: hidden;
}
.top-hr .inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: inset(0);
	z-index: 0;
}
.top-hr .inner::before {
	content:"";
	position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
	background-image: url("img/top-hr-bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: rgba(0,0,0,0.28);
	background-blend-mode: darken;
}
@media(min-width:768px){
	.top-hr{height: 13em;}
}
@media(min-width:960px){
	.top-hr{height: 27em;}
}

.top-scene-base{
	padding-bottom: 2em;
}
.top-scene-base .scene-card{
	background-color: #f2f2f2;
	margin: 1em 0;
}
.top-scene-base .scene-card a{
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	text-decoration: none;
	color: #333;
}
.top-scene-base .scene-card a .image{
	position: relative;
	width: 100%;
	padding-bottom: 85.9%;
	overflow: hidden;
	transition:0.3s;
}
.top-scene-base .scene-card a .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50% , -50%);
	transition:0.3s;
}
.top-scene-base .scene-card a .text{padding: 1em 1.5em;}
.top-scene-base .scene-card a .text dl{
	line-height: 2;
	padding-left: 1em;
}
.top-scene-base .scene-card a .text dl dt{
	position: relative;
	font-weight: bold;
	font-size: 1.3em;
}
.top-scene-base .scene-card a .text dl dt::before{
	position: absolute;
	font-weight: normal;
	font-size: .7em;
	width: 1em;
	height: 1em;
	background-color: #333;
	border-radius: .5em;
	color: #fff;
	content: ">";
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	left: -1.5em;
	top: 50%;
	transform: translateY(-50%);
}
.top-scene-base .scene-card a .text dl dd{margin-left: 0;}
.top-scene-base .scene-card a:hover{color: #b3b3b3;}
.top-scene-base .scene-card a:hover .image img{width: 110%;}
.top-scene-base .scene-card a:hover .text dl dt::before{background-color: #B3B3B3;}
@media(min-width:768px){
	.top-scene-base .scene-card{
		border-bottom: .06em solid #b3b3b3;
		margin: 0;
	}
	.top-scene-base .scene-card:last-child{border-bottom: none;}
	.top-scene-base .scene-card a{
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.top-scene-base .scene-card a .image{
		width: 40%;
		padding-bottom: 26%;
	}
	.top-scene-base .scene-card .text{width: 58%;}
}
@media(min-width:960px){
	.top-scene-base{
		padding-bottom: 4em;
		display: flex;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.top-scene-base .scene-card{
		border-bottom: none;
		border-right: .06em solid #b3b3b3;
		width: calc( 100% / 3);
	}
	.top-scene-base .scene-card:last-child{border-right: none;}
	.top-scene-base .scene-card a{display: block;}
	.top-scene-base .scene-card a .image{
		width: 100%;
		padding-bottom: 85.9%;
	}
	.top-scene-base .scene-card a .text{width: 100%;}
}

dl.news-list{
	border-bottom: .06em solid #333;
	padding: 1em 0;
}
dl.news-list dt{
	font-size: .88em;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
dl.news-list dt time{margin-right: 1.5em;}
dl.news-list dt .cat{
	font-size: .86em;
	background-color: #fff;
	border: .03em solid #0080CB;
	border-radius: .06em;
	width: 7em;
	padding: .3em;
	line-height: 1;
	color: #0080CB;
	text-align: center;
}
dl.news-list dd{margin-left: 0;}
dl.news-list dd a{
	display: block;
	line-height: 1.5;
	border-radius: .2em;
	padding: .5em .1em;
	color: #333333;
}
dl.news-list dd a:hover{background-color: rgba(0,0,0,0.16);}
@media(min-width:768px){
	dl.news-list{
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	dl.news-list dt{width: 29%;}
	dl.news-list dd{width: 70%;}
}
@media(min-width:960px){
	dl.news-list dt{width: 25%;}
	dl.news-list dd{width: 75%;}
}

/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* CHILD PAGE */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* - CHILD HERO */
.child-hero{position: relative;}
.child-hero h1{
	padding: 0;
	margin-top: 1em;
	font-size: 2em;
	letter-spacing: .1em;
}
.child-hero p{
	font-size: 1em;
	letter-spacing: .2em;
	padding: 0;
	margin-bottom: 2em;
}
.child-hero .hero-image{
	position: relative;
	width: 100%;
	height: 12em;
	overflow: hidden;
}
.child-hero .hero-image img.bg{
	position: absolute;
	height: 100%;
	width: auto;
	top: 50%;left: 50%;
	transform: translate(-50% ,-50%)
}
.child-hero .hero-image h2{
	position: absolute;
	padding: 0;
	margin: 0;
	font-size: 1.75em;
	text-align: center;
	top: 50%;left: 50%;
	transform: translate(-50% ,-50%);
	font-weight: normal;
	letter-spacing: .46em;
	text-shadow: -.06em -.06em .24em white, .06em -.06em .24em white, .06em -.06em .24em white, .06em .06em .24em white, 0 0 .24em white;
}
@media (min-width:768px){
	.child-hero h1{font-size: 3.5em;}
	.child-hero p{font-size: 1.5em;}
	.child-hero .hero-image{height: 23em;}
	.child-hero .hero-image h2{font-size: 2em;}
}
@media (min-width:960px){
	.child-hero h1{font-size: 4.5em;}
	.child-hero p{font-size: 1.76em;}
	.child-hero .hero-image{height: 20.5em;}
	.child-hero .hero-image h2{font-size: 2.5em;}
}

/* - BREAD CRUMB*/
ul.breadcrumb{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: 0;
	margin: 1em 0 3em;
	color: #B3B3B3;
	font-size: .88em;
	list-style-type: none;
}
ul.breadcrumb li{
	padding: 0.2em;
	padding-right: 0.6em;
}
ul.breadcrumb li a{
	color: #B3B3B3;
	text-decoration: underline;
}
ul.breadcrumb li a:hover{color: #8E8E8E;}
ul.breadcrumb li::after{
	content: ">";
	padding-left: 0.6em;
}
ul.breadcrumb li:last-child::after{	content: "";}
@media (min-width:960px){
	ul.breadcrumb{margin: 2em 0 5em;}
}

table{border-collapse: collapse;}
table.type01 th,table.type01 td{
	border: .06em solid #0080cb;
}
table.type01 th{
	font-weight: normal;
	text-align: center;
	background-color: #d2ecfa;
}

table.type02 tr th,table.type02 tr td{
	text-align: center;
	padding: 1em;
	font-weight: normal;
}
table.type02 tr:first-child th{
	background-color: #d2ecfa;
	border-right: .06em solid #0080cb;
}
table.type02 tr:not(:first-child) th,
table.type02 tr:not(:first-child) td{
	background-color: #fff;
	border-right: .06em solid #0080cb;
	border-bottom: .06em solid #0080cb;
}

table.type03 tr th,table.type03 tr td{
	text-align: center;
	padding: 1em;
	font-weight: normal;
	border-right: .06em solid #0080cb;
	border-bottom: .06em solid #0080cb;
}
table.type03 tr th{	background-color: #f2f2f2;}
table.type03 tr td{	background-color: #fff;}
table.type03 tr:first-child th{
	font-weight: bold;
	background-color: #0080cb;
	color: #fff;
	border-bottom: none;
}

/* SERVICE */
.service-list .list-item {
	background:linear-gradient(#fff, #ddd);
	padding: 1em 1.5em;
	margin-bottom: 1em;
}
.service-list .list-item .image{width: 100%;}
.service-list .list-item .image a{
	width: 100%;
	display: block;
	box-shadow: 0 0 0.24em rgba(0,0,0,0.16);
	transition: .3s;
}
.service-list .list-item .image a:hover{filter: grayscale(50%)}
.service-list .list-item .image a:active{transform: translateY(.3em);}
.service-list .list-item .image img{
	display: block;
	margin: 0 auto;
	width: 50%;
}
.service-list .list-item dl{
	padding: 1em;
	background-color: #fff;
}
.service-list .list-item dl dt{
	font-weight: bold;
	padding-bottom: .6em;
}
.service-list .list-item dl dd{
	margin: 0;
	line-height: 1.47;
}

.antenna-type-base{
	padding: 1.5em;
	margin-bottom: 2em;
}
.antenna-type-base h3{padding: 0;margin-top: 0;}
.antenna-type-base .tb-twocol{margin-bottom: 2em;}
.antenna-type-base .tb-twocol .image{width: 100%;}
.antenna-type-base .tb-twocol .image img{width: 100%; display: block;}
.antenna-type-base .tb-twocol table{width: 100%;margin-top: 1.5em;}
.antenna-type-base .tb-twocol table th{min-width: 6em;}
.antenna-type-base .tb-twocol table td ul li{padding: .2em 0;}
.antenna-type-base .available{
	padding: 1.5em;
}
.antenna-type-base .available a{
	position: relative;
	display: block;
	width: 100%;
	height: 4em;
	transition: .3s;
	box-shadow: 0 0 0.24em rgba(0,0,0,0.16);
}
.antenna-type-base .available a::before{
	content:"";
	position: absolute;
	background-color: #0080CB;
	top:0;
	left: 0;
	width: 0;
	height: .12em;
	transition: all .5s ease-out;
}
.antenna-type-base .available a::after{
	content:"";
	position: absolute;
	background-color: #0080CB;
	bottom: 0;
	right: 0;
	width: 0;
	height: .12em;
	transition: all .5s ease-out;
}
.antenna-type-base .available a span{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding: .2em;
}
.antenna-type-base .available a span::before{
	content:"";
	position: absolute;
	background-color: #0080CB;
	top:0;
	left: 0;
	width: .12em;
	height: 0;
	transition: all .5s ease-out;
}
.antenna-type-base .available a span::after{
	content:"";
	position: absolute;
	background-color: #0080CB;
	bottom: 0;
	right: 0;
	width: .12em;
	height: 0;
	transition: all .4s ease-out;
}
.antenna-type-base .available a img{
	display: inline-block;
	position: absolute;
	width: 98%;
	text-align: center;
	top:50%;
	transform: translateY(-50%);
}
.antenna-type-base .available a:hover{background-color: #fff;}
.antenna-type-base .available a:hover::before,
.antenna-type-base .available a:hover::after{ width: 100%;}
.antenna-type-base .available a:hover span::before,
.antenna-type-base .available a:hover span::after{ height: 100%;}
.antenna-type-base .available a:active{transform: translateY(.3em);}
.antenna-type-base a.toform{
	display: block;
	width: 100%;
	text-align: center;
	padding: 1em;
	color: #fff;
	background-color: #0080cb;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	box-shadow: 0 0 0.24em rgba(0,0,0,0.16);
	transition: .3s;
	letter-spacing: .12em;
}
.antenna-type-base a.toform:hover{box-shadow: 0 0 0.48em rgba(0,0,0,0.26);}
.antenna-type-base a.toform:active{background-color: #7dc5f0;transform: translateY(.3em);}
@media (min-width: 768px){
	.service-list{
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.service-list .list-item{width: 45.9%;}
	.service-list .list-item .image a{width: 60%;margin: 0 auto;}
	.service-list .list-item p{min-height: 12em;}
	.service-list .list-item dl{min-height: 10em;}
	.antenna-type-base .tb-twocol{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		-ms-align-items: flex-end;
		align-items: flex-end;
		margin-top: -7em;
	}
	.antenna-type-base .tb-twocol .image{width: 45%;}
	.antenna-type-base .tb-twocol table{width: 50%;}
}
@media (min-width: 960px){
	.service-list .list-item {padding: 1em 1.5em 2.5em;}
	.service-list .list-item .image a{box-shadow: none;}
	.service-list .list-item p{min-height: 8em;}
	.service-list .list-item dl{min-height: 6.5em;}
	.antenna-type-base,.antenna-type-base .available{padding: 2.5em;}
	.antenna-type-base .available a{height: 6em;box-shadow:none;}
	.antenna-type-base .tb-twocol{margin-bottom: 3em;}
	.antenna-type-base .tb-twocol .image{width: 28%;}
	.antenna-type-base .tb-twocol table{width: 66%;}
	.antenna-type-base .tb-twocol table th,
	.antenna-type-base .tb-twocol table td{padding: 1em;}
	.antenna-type-base .tb-twocol table td ul li{padding: .3em 0;line-height: 1.5;}
	.antenna-type-base a.toform{padding: 1.5em;}
}

/* - SERVICE PLANET-BB */
.plbb-point{
	background-color: #d2ecfa;
	padding: 1.5em;
}
.plbb-point .item dt img{width: 4.88em;}
.plbb-point .item dd{margin-left: 0;}
.plbb-point .item dd h3{padding: 0;line-height: 1.5;letter-spacing: .06em;}
.plbb-point + ul{padding: .2em 0 .2em 1em;}
.plbb-point + ul li{padding: .2em 0;line-height: 1.5;}
@media (min-width: 768px){
	.plbb-point .item dl{display: flex;}
	.plbb-point .item dt{width: 6em;}
	.plbb-point .item dd{width: calc(100% - 6em);}
}
@media (min-width: 960px){
	.plbb-point{
		display: flex;
		justify-content: space-between;
		padding: 3em 3em 1.5em;
	}
	.plbb-point .item{width: 28%;}
	.plbb-point .item dl{display: block;}
	.plbb-point .item dt,
	.plbb-point .item dd{width: 100%;}

}
.plan-type-base{margin-bottom: 1.5em;}
.plan-type-base .plan-title{
	padding: 1em;
	background-color: #999;
}
.plan-type-base .plan-title h3{
	padding: 0;margin: 0;
	color: #fff;
	letter-spacing: .06em;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	flex-wrap: wrap;
}
.plan-type-base .plan-title h3 img{
	width: 2em;
	margin-right: .7em;
}
.plan-type-base .plan-title ul.plan-status{
	padding: 0;
	list-style-type: none;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	flex-wrap: wrap;
}
.plan-type-base .plan-title ul.plan-status li{
	padding: .3em .7em;
	border-radius: 1.2em;
	background-color: #fff;
	color: #0080CB;
	font-weight: bold;
	letter-spacing: .03em;
	margin: .5em .7em 0 0;
}
.plan-type-base .plan-title ul.plan-status li:last-child{margin: .5em 0 0 0;}
.plan-type-base .plan-content{
	background-color: #fff;
	padding: 1.5em;
}
.plan-type-base .plan-content .lg-twocol .image{width: 100%;}
.plan-type-base .plan-content .lg-twocol .text{margin-bottom: 1.5em;}
.plan-type-base .plan-content .lg-twocol .text h1{padding: 0;}
.plan-type-base .plan-content .lg-twocol .text ul{padding: .2em 0 .2em 1em;}
.plan-type-base .plan-content .lg-twocol .text ul li{padding: .2em 0;line-height: 1.5;}

details.line-speed{margin-top: 2em;margin-bottom: 1em;}
details.line-speed summary{
	list-style-type: none;
	position: relative;
	display: block;
	cursor:pointer;
	width: 100%;
	padding: 1em 0 3em;
	background-color: #0080CB;
	color: #fff;
}
details.line-speed summary::-webkit-details-marker {display: none;}
details.line-speed summary p{
	padding: 0;margin: 0;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.5;
}
details.line-speed summary::after{
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: 1em;
	left: 50%;
	border-right: .2em solid #ffffff;
	border-bottom: .2em solid #ffffff;
	box-sizing: border-box;
	content: "";
	transform: rotate(45deg) translateX(-.5em) translateY(.5em);
	transition: top 0.4s ease-out, transform 0.4s ease-out;
}
details.line-speed summary:hover{
	background-color: #7dc5f0;
	box-shadow: 0 0 0.48em rgba(0,0,0,0.26);
}

details.line-speed[open] summary::after{
	bottom: 0;
	transform: rotate(-135deg) translateX(0.5em) translateY(-1em);
}
details.line-speed .content-inner{
	padding: 1.5em;
	background-color: #fff;
}
details.line-speed .content{animation: fadeIn 0.5s ease;}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
details.line-speed .content-inner dl{
	width: 100%;
	text-align: center;
	margin-bottom: 1.5em;
	letter-spacing: .06em;
}
details.line-speed .content-inner dl dt{
	background-color: #0080CB;
	color: #fff;
	padding: .4em;
}
details.line-speed .content-inner dl dt p{line-height: 1.3;}
details.line-speed .content-inner dl dt p:first-child{margin-top: 0;}
details.line-speed .content-inner dl dt p:last-child{margin-bottom: 0;}
details.line-speed .content-inner dl dd{
	margin:0;
	background-color: #EEEEEF;
	padding: 1.5em 1em;
}
details.line-speed .content-inner dl dd img{
	display: block;
	width: 100%;
}

@media (min-width: 768px){
	.plan-type-base{margin-bottom: 2.5em;}
	.plan-type-base .plan-title{
		display: flex;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.plan-type-base .plan-title h3{margin-right: 1em;}
	details.line-speed .content-inner{
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	details.line-speed .content-inner dl{	width: 47%;margin-bottom: 2.5em;}
	details.line-speed .content-inner dl:last-child{
		width: 100%;
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
		margin-bottom: 0;
	}
	details.line-speed .content-inner dl:last-child dt{
		width: 53%;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}
	details.line-speed .content-inner dl:last-child dd{
		width: 47%;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		padding: 1.5em 2em;
	}
}
@media (min-width: 960px){
	.plan-type-base .plan-title h3{font-size: 1.7em;}
	.plan-type-base .plan-title ul.plan-status li,
	.plan-type-base .plan-title ul.plan-status li:last-child{
		font-size: 1.5em;
		margin: .5em .35em;
	}
	.plan-type-base .plan-content{padding: 2.5em;}
	.plan-type-base .plan-content .lg-twocol{
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.plan-type-base .plan-content .lg-twocol .image{width: 36%;}
	.plan-type-base .plan-content .lg-twocol .text{width: 62%;}
	.plan-type-base .plan-content .lg-twocol .text h1{margin-top: 0;}
	details.line-speed .content-inner{
		padding: 2.5em;
	}
}

/* OPTION */
.option-list .item{
	margin-bottom: 1.5em;
}
.option-list .item a{
	display: block;
	width: 100%;
	text-decoration: none;
	border-radius: .24em;
	color: #333333;
	line-height: 1.5;
	transition:0.5s all;
	background-color: #fff;
	box-shadow: 0 .18em .46em rgba(0,0,0,0.16);
}
.option-list .item .image{
	position: relative;
	width: 100%;
	padding-bottom: 67.85%;
	margin-bottom: 1em;
	overflow: hidden;
	transition:0.3s;
	border-radius: .2em;
}
.option-list .item .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50% , -50%);
	transition:0.5s all;
}
.option-list .item .text{
	padding: 1.5em;
}
.option-list .item .text h3{margin-top: 0;padding: 0;}
.option-list .item .text p{margin: 0; padding: 0;}
.option-list .item a:hover{
	color: #5a5a5a; box-shadow: 0 .18em .92em rgba(0,0,0,0.28);}
.option-list .item a:hover .image img{	width: 110%;}
@media (min-width: 768px){
	.option-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.option-list .item{width: 47%;margin-bottom: 2.5em;}
	.option-list .item a{height: 100%; padding: 1.5em;}
	.option-list .item .text{padding: 1.5em 0 0;}
}
@media (min-width: 960px){
	.option-list{
		display: block;
		margin-left: calc(-.5em + -1.78%);
		margin-right: calc(-.5em + -1.78%);
	}
	.option-list:after{content: ".";display: block;visibility: hidden;height: 0;font-size: 0;clear: both;}
	.option-list .item{width: 29.77%;margin: 2% 1.78% 2em;float: left;}
	.option-list .item a{box-shadow: none;}
	.option-list .item .text{height: 15em;}
}

/* OPTION - CHILD */
.option-hero .op-box{
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1;
	padding: .3em 1em;
	color: #0080cb;
	background-color: #fff;
	border: .08em solid #0080cb;
	border-radius: 1.5em;
	margin-bottom: 1em;
}
.option-hero h1{
	padding: 0;
	margin-top: 0;
	line-height: 1.3;
	font-size: 2em;
	letter-spacing: .1em;
}
.option-hero p{
	font-size: 1em;
	letter-spacing: .1em;
	padding: 0;
	font-weight: bold;
	color: #0080cb;
	margin-bottom: 2em;
}

.option-image-base,
.option-cost{
	margin: 1.5em 0 3em;
	padding: 1.5em;
}
.option-image-base{background-color: #f2f2f2;}
.option-cost{background-color: #edf6fb;}
.option-image-base h3,
.option-cost h3{
	font-size: 1.47em;
	padding: 0;
	margin-top: 0;
}
.option-image-base .inner{background-color: #fff;}
.option-image-base .inner .inner-in{padding: 0 1.5em 1em;}
@media (min-width:768px){
	.option-image-base,
	.option-cost{padding: 2.5em;}
	.option-image-base .inner .inner-in{padding: 0 2.5em 1em;}
}
@media (min-width:960px){
	.option-hero h1{font-size: 2.9em;}
	.option-image-base,
	.option-cost{margin: 3em 0 5em; padding: 3.5em;}
	.option-image-base .inner .inner-in{padding: 0 3.5em 1em;}
}
.option-merit{padding-top: 1.5em; padding-bottom: 1.5em;}
.option-merit h3{
	color: #0080cb;
	font-size: 1.29em;
	padding: 0;
}
.option-merit dl,.option-merit ul,.option-merit ol{line-height: 2;}

ul.note,ul.disc{
	line-height: 2;
}
/* OPTION - CHILD - Spectee Pro for TDSC */
.SPfT-point dl{
	border: .06em solid #333;
	border-radius: 1em;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding: 1em .5em;
	margin-bottom: 1em;
}
.SPfT-point dl dt{
	width: 20%;
}
.SPfT-point dl dt img{
	display: block;
	width: 100%;
}
.SPfT-point dl dd{
	width: 77%;
	font-weight: bold;
	line-height: 2;
	margin-left: 0;
}
.SPfT-merit{padding-top: 1.5em; padding-bottom: 1.5em;}
.SPfT-merit h3{
	color: #0080cb;
	font-size: 1.29em;
	padding: 0;
}
.SPfT-merit .merit-list{margin-bottom: 1.5em;}
.SPfT-merit .merit-list .item{
	padding: 1.5em;
	border-bottom: .06em solid #333;
}
.SPfT-merit .merit-list .item:last-child{border: none;}
.SPfT-merit .merit-list .item .image img{width: 100%;}
.SPfT-merit .merit-list .item .text h4{
	padding: 0;
	margin: 0;
	height: 4.5em;
	font-size: 1.1em;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	line-height: 1.7;
}
.SPfT-merit .merit-list .item .text p{
	margin: 0;
	padding: 0;
}

@media (min-width:768px){
	.SPfT-point{
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.SPfT-point dl{
		width: 30%;
		display: block;
	}
	.SPfT-point dl dt{
		width: 50%;
		margin: 0 auto .5em;
	}
	.SPfT-point dl dd{
		width: 100%;
		font-size: .94em;
	}
	.SPfT-merit .merit-list .item{
		display: flex;
		justify-content: space-between;
	}
	.SPfT-merit .merit-list .item .image{width: 40%;}
	.SPfT-merit .merit-list .item .text{width: 55%;}
	.SPfT-merit .merit-list .item .text h4{
		justify-content: flex-start;
		text-align: left;
	}
}
@media (min-width:960px){
	.SPfT-point dl{display: flex; width: calc(100% / 3 - 1em);}
	.SPfT-point dl dt{width: 25%; margin: 0;}
	.SPfT-point dl dd{width: 73%;}
	.SPfT-merit .merit-list{
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
		margin-left: -1.5em;
		margin-right: -1.5em;
	}
	.SPfT-merit .merit-list .item{
		width: calc(100% / 3);
		display: block;
		border-bottom: none;
		border-right: .06em solid #333;
	}
	.SPfT-merit .merit-list .item .image,
	.SPfT-merit .merit-list .item .text{width: 100%;}
	.SPfT-merit .merit-list .item .text h4{
		justify-content: center;
		text-align: center;
	}
}

/* OPTION - CHILD - VPN */
.vpn-ex-list .item{
	padding: 1em;
	text-align: center;
	margin: .5em 0;
	background-color: #0080cb;
	border-radius: 1.6em;
	color: #fff;
	font-size: 1.27em;
	font-weight: bold;
	letter-spacing: .06em;
}
@media (min-width:768px){
	.vpn-ex-list{
		margin-left: -1em;
		margin-right: -1em;
	}
	.vpn-ex-list .item{
		float: left;
		width: calc(100% / 2 - 2em);
		margin: .5em 1em;
	}
}
@media (min-width:960px){
	.vpn-ex-list .item{
		width: calc(100% / 3 - 2em);
		margin: .7em 1em;
	}
}

/* OPTION - CHILD - MAINTENANCE */
.maintenance-flow .item{
	position: relative;
	margin-bottom: 3em;
	text-align: center;
	line-height: 2;
}
.maintenance-flow .item::after{
	position: absolute;
	display: block;
	content: "";
	width: 6em;
	height: 2em;
	box-sizing: border-box;
	background-color: #333333;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	bottom: -2.5em;
	left: 50%;
	transform: translateX(-50%);
}
.maintenance-flow .item:last-child{	margin-bottom: 0;}
.maintenance-flow .item:last-child::after{display: none;}
.maintenance-flow .item .title{
	font-size: 1.27em;
	font-weight: bold;
	padding: 1em;
	letter-spacing: .06em;
	background-color: #0080cb;
	color: #fff;
}
.maintenance-flow .item .content{
	padding: 1.5em;
	padding-right: 7em;
	background-color: #fff;
	position: relative;
}
.maintenance-flow .item .content img{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 7em;
}
@media (min-width:768px) {
	.maintenance-flow .item{margin-bottom: 4em;}
	.maintenance-flow .item::after{bottom: -3em;}
	.maintenance-flow .item .content{padding-right: 1.5em;}
}
@media (min-width:960px){
	.maintenance-flow{width: 60%;margin: auto;}
}

/* OPTION - CHILD - Warranty Extension */
.equipment-list .item{
	padding: 1em;
	text-align: center;
	margin: .5em 0;
	border-radius: .6em;
	border: .06em solid #333;
	font-size: 1.27em;
	font-weight: bold;
	letter-spacing: .06em;
}
@media (min-width:768px){
	.equipment-list{
		margin-left: -1em;
		margin-right: -1em;
	}
	.equipment-list .item{
		float: left;
		width: calc(100% / 2 - 2em);
		margin: .5em 1em;
	}
}
@media (min-width:960px){
	.equipment-list{
		width: 80%;
		margin: auto;
	}
	.equipment-list .item{
		width: calc(100% / 3 - 2em);
		margin: .7em 1em;
	}
}

/* SCENE */
.scene-list .item{
	margin-bottom: 1.5em;
	width: 100%;
	padding: 1.5em 0;
}
.scene-list .item .image{width: 100%;}
.scene-list .item .image img{width: 100%;}
.scene-list .item .text{padding: 1.5em 0;}
.scene-list .item .text h2{margin-top: 0;padding: 0;letter-spacing: .12em; line-height: 1.1;}
.scene-list .item .text p{margin: 0; padding: 0;}
@media (min-width: 768px){
	.scene-list .item{
		display: flex;
		justify-content: space-between;
		margin-bottom: 2.5em;
	}
	.scene-list .item .image{width: 35%;}
	.scene-list .item .text{
		padding: 0;
		width: 60%;
	}
	.scene-list .item .text .more-link{
		padding-bottom: 0;
	}
}
@media (min-width: 960px){
	.scene-list .item{
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.scene-list .item .text{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.scene-list .item .text .more-link a{font-size: 1.3em;}
}


/* COMPANY */
.corporate-slogan{text-align: center;}
.corporate-slogan h1{
	padding: 0;
	margin-top: 1em;
	font-size: 2em;
	letter-spacing: .1em;
}
.corporate-slogan p{
	font-size: 1em;
	letter-spacing: .2em;
	padding: 0;
	margin-bottom: 2em;
}

.company-table dl,
.company-table dl dd .base{border-bottom: .06em solid #CCCCCC;}
.company-table dl:last-child,
.company-table dl dd .base:last-child{border-bottom: none;}
.company-table dl dt,
.company-table dl dd{
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5;
}
.company-table dl dt{font-weight: bold;}
.company-table dl dd .base{
	padding-top: 1em;
	padding-bottom: 1em;
}
.company-table dl dd .base:first-child{padding-top: 0;}
.company-table dl dd .base:last-child{padding-bottom: 0;}
.company-map{
	position: relative;
	padding-bottom: 40%;
	height: 0;
	width: 100%;
	margin: 1em 0;
	overflow: hidden;
	z-index:0;
}
.company-map iframe{
	border:none;
	position: absolute;
	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	z-index:0;
}

.certification-base{
	margin-top: 1.5em;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.certification-base figure{
	width: 45%;
	margin-bottom: 1.5em;
}
.certification-base figure a{
	display: inline-block;
	width: 100%;
}
.certification-base figure a:hover img{
	filter: grayscale(40%);
}
.certification-base figure figcaption{
	font-size: .9em;
}
@media (min-width:768px){
	.corporate-slogan h1{font-size: 3.5em;}
	.corporate-slogan p{font-size: 1.5em;}
	.certification-base{margin-top: 2.5em;}
	.certification-base figure{width: 35%;}
}
@media (min-width:960px){
	.corporate-slogan h1{font-size: 4.5em;}
	.corporate-slogan p{font-size: 1.76em;}
	.company-table dl{
		display: flex;
		justify-content: space-between;
	}
	.company-table dl dt{width: 28%;}
	.company-table dl dd{width: 70%;}
	.certification-base{margin-top: 3.5em;margin-bottom: 2em;}
}

/* FAQS */
.faqs-tabs{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faqs-tabs .tab_item {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	width: 48%;
	height: 3em;
	font-size: 1.27em;
	letter-spacing: .2em;
	border-bottom: 0.15em solid #B3B3B3;
	color: #B3B3B3;
	transition: all 0.2s ease;
}
.faqs-tabs .tab_item:hover {
  opacity: 0.75;
}
.faqs-tabs input:checked + .tab_item {
	border-bottom: 0.15em solid #333;
	color: #333;
}
input[name="tab_item"] { display: none;}

.faqs-tabs .tab_content {
	display: none;
	padding: 1.5em 0;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#introduce:checked ~ #introduce_content,
#customers:checked ~ #customers_content {
	display: block;
}

.faqs-tabs .tab_content h2{
	font-size: 1.5em;
	letter-spacing: .3em;
	padding: 0;
}
.faqs-tabs .tab_content h3{
	font-size: 1.3em;
	letter-spacing: .16em;
	padding: 0;
	padding-left: 1em;
}
.faqs-tabs .tab_content ul.in-page-links{
	padding: 1.5em 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: stretch;
	align-items: stretch;
}
.faqs-tabs .tab_content ul.in-page-links li{
	width: calc(100% / 2 - 1em);
	margin-bottom: 1em;
}
.faqs-tabs .tab_content ul.in-page-links li a{
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-color: #808080;
	color: #fff;
	box-sizing: border-box;
	padding: 1em;
}
.faqs-tabs .tab_content ul.in-page-links li a:hover{
	background-color: #b3b3b3;
}
details.faqs{
	background-color: #F2F2F2;
	border: .06em solid #B3B3B3;
	border-radius: 1.3em;
	margin-bottom: 1em;
	line-height: 2;
}
details.faqs summary{
	list-style-type: none;
	position: relative;
	display: block;
	cursor:pointer;
	width: 100%;
	padding: 1em 4.5em;
	border-radius: 1.3em;
	color: #0080cb;
	background-color: #fff;
}
details.faqs summary::-webkit-details-marker {display: none;}
details.faqs summary::before{
	position: absolute;
  display: block;
	left: 0;
  top: 0.2em;
  box-sizing: border-box;
  font-weight: bold;
	line-height: 1;
	font-size: 1.7em;
	padding-top: .5em;
	width: 2em;
  height: calc(100% - .4em);
  text-align: center;
  content: 'Q';
  border-right: .03em solid #b3b3b3;
}
details.faqs summary::after{
	font-family: "Font Awesome 6 Free";
	position: absolute;
  display: block;
	right: 0;
  top: 0.2em;
  box-sizing: border-box;
  font-weight: bold;
	line-height: 1;
	font-size: 1.7em;
	padding-top: .5em;
	width: 2em;
	color: #B3B3B3;
	content: "\2b";
	transition: all 0.2s ease;
}
details.faqs[open] summary{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
details.faqs[open] summary::after{content:"\f068";}
details.faqs .content .inner{
	position: relative;
	padding: 1em;
	padding-left: 4.5em;
	background-color: #F2F2F2;
	border-bottom-left-radius: 1.3em;
	border-bottom-right-radius: 1.3em;
}
details.faqs .content .inner::before{
	position: absolute;
  display: block;
	left: 0;
  top: 0.2em;
  box-sizing: border-box;
  font-weight: bold;
	line-height: 1;
	font-size: 1.7em;
	padding-top: .5em;
	width: 2em;
  height: calc(100% - .4em);
  text-align: center;
  content: 'A';
  border-right: .03em solid #b3b3b3;
}
@media (min-width: 768px){
	.faqs-tabs .tab_item{font-size: 1.75em;}
	.faqs-tabs .tab_content ul.in-page-links{
		justify-content: space-evenly;
	}
	.faqs-tabs .tab_content ul.in-page-links li{
		width: calc(100% / 3 - 1em);
		margin-bottom: 1em;
	}
}
@media (min-width: 960px){
	.faqs-tabs .tab_content ul.in-page-links{
		justify-content: space-between;
	}
	.faqs-tabs .tab_content ul.in-page-links li{
		width: calc(100% / 5 - 1em);
	}
}

/* TDSC Lab */
img.lab-logo{width: 10em; height: auto;}
.worry-list .item{
	background-color: #fff;
	border-radius: 1em;
	font-size: 1.5em;
	line-height: 1.3;
	padding: 1em 2em;
	margin: 2em 0;
	position: relative;
}
.worry-list .item .image{
	position: absolute;
	width: 3em;
	right: -1em;
	bottom: 0;
}
.worry-list .item:nth-child(even) .image{
	right: auto;
	left: -1em;
}
.lab-vioce-list .item{
	line-height: 2;
	padding: 1.5em 4.5em 1.5em 1.5em;
	background-color: #fff;
	position: relative;
	margin: 2em 0;
}
.lab-vioce-list .item .image{
	width: 4em;
	position: absolute;
	bottom: 0;
	right: 0;
}
.lab-vioce-list .item .image img{display: block;}
.lab-access table{line-height: 2;}
.lab-access table th{
	font-weight: bold;
	text-align: left;
	width: 5em;
}
.lab-access .lab-map{
	position: relative;
	padding-bottom: 40%;
	height: 0;
	width: 100%;
	margin: 1em 0;
	overflow: hidden;
	z-index:0;
}
.lab-access .lab-map iframe{
	border:none;
	position: absolute;
	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	z-index:0;
}

@media (min-width: 768px){
	img.lab-logo{width: 14em;}
	.worry-list .item{
		line-height: 2;
		padding: 1.5em 2em;
		margin: 2.5em 0;
		position: relative;
	}
	.lab-vioce-list{
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.lab-vioce-list .item{
		width: 48%;
	}
}
@media (min-width: 960px){
	img.lab-logo{width: 18em;}
	.worry-list .item{
		line-height: 2;
		padding: 1.5em 2em;
		margin: 2.5em 0;
		position: relative;
	}
	.worry-list .item .image{
		width: 4em;
    right: 2em;
    bottom: -2.5em;
	}
	.worry-list .item:nth-child(even) .image{
		right: auto;
		left: 2sem;
	}
	.lab-vioce-list .item .image{
		width: 8em;
		right: 1em;
	}
	.lab-access{
		display: flex;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.lab-access .access{width: 46%;}
	.lab-access .lab-map{width:52%;padding-bottom: 30%;}
}

/* DOWNLOAD */
.catalog-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: stretch;
	align-items: stretch;
	margin-right: -2%;
	margin-bottom: 2em;
}
.catalog-container figure{
	margin: 0 2% 1em 0;
	padding: 0.125em;
	box-sizing: border-box;
	border-radius: 0.125em;
	width: 48%;
}
.catalog-container figure a{
	color: #0080CB;
}
.catalog-container figure a img{
	width: 100%;
	display: block;
	border: .06em solid #333;
}
.catalog-container figure a:hover{color: #4ca6da;}
.catalog-container figure a:hover img{
	opacity: .7;
}
.catalog-container figure a figcaption{
	line-height: 1.5;
	text-align: center;
	height: 3em;
	margin: .5em 0;
}
.download-list{
	margin-bottom: 2em;
}
.download-list dl{
	margin: .2em 0;
	padding: .5em;
	background-color: #f2f2f2;
}
.download-list dl dt{
	padding: .5em 0;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.download-list dl dd{
	text-align: right;
}
@media (min-width: 768px){
	.catalog-container{margin-right: -10%;}
	.catalog-container figure{
		width: 40%;
		margin-right: 10%;
	}
	.download-list dl{
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	.download-list dl dt{
		padding: .5em 1em;
		width: 68%;
	}
	.download-list .more-link a {padding: .6em 2em;}
}
@media (min-width: 960px){
	.catalog-container{margin-right: -5%;}
	.catalog-container figure{
		width: 20%;
		margin-right: 5%;
	}
	.download-list dl{
		margin: .5em 0;
    padding: .7em 2em;
	}
	.download-list dl dt{
		width: 80%;
	}
}


/* PARTNER */
/* - login */
.loginForm{
	font-size: 13px;
	width: 320px;
	padding: 5% 0 0;
	margin: auto;
}
.loginForm h1{
	text-align: center;
	margin: 0;
	padding: 0;
}
.loginForm h1 a{
	display: block;
	width: 100px;
	margin: 0 auto 25px;
	padding: 0;
}
.loginForm h1 a img{
	display: block;
	width: 100%;
}
.loginForm form {
	margin-top: 20px;
	margin-left: 0;
	padding: 26px 24px 34px;
	font-weight: 400;
	overflow: hidden;
	background: #fff;
	border: 1px solid #c3c4c7;
	box-shadow: 0 1px 3px rgba(0,0,0,.04)
}
.formUsername{}
.formPassword{}
.loginForm form label {
	font-size: 14px;
	line-height: 1.5;
	display: inline-block;
	margin-bottom: 3px;
}
.loginForm form .input,.loginForm input[type=password],.loginForm input[type=text] {
	font-size: 24px;
	line-height: 1.33333333;
	width: 100%;
	border-width: .0625rem;
	padding: .1875rem .3125rem;
	margin: 0 6px 16px 0;
	min-height: 40px;
	max-height: none;
	background-color: #fff;
}
.loginForm input[type=submit]{
	min-height: 32px;
	line-height: 2.3;
	padding: 0 12px;
	background-color: #0080CB;
	color: #fff;
	border-radius: 3px;
	border: 1px solid #0080CB;
	cursor: pointer;
}
.loginForm input[type=submit]:focus,.loginForm input[type=submit]:hover{
	background-color: #FFFFFF;
	color: #0080CB;
}

.to-partner{
	background-color: #F2F2F2;
/*	height: 10em;
	overflow-y: scroll;
*/	padding: 1em;
	margin: 1em 0;
}
.to-partner dl.news-list{
	border-bottom: none;
	padding: .2em 0;
}
.to-partner dl.news-list dt{
	font-size: .88em;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.to-partner dl.news-list dt time{margin-right: 1.5em;}
.to-partner dl.news-list dd{margin-left: 0;}
.to-partner dl.news-list dd a{
	display: inline-block;
	line-height: 1.5;
	border-radius: .2em;
	padding: .1em .1em;
	color: #333333;
}
.to-partner dl.news-list dd a.pointer-none{
	pointer-events: none;
	text-decoration: none;
}
.to-partner dl.news-list dd a:hover{background-color: transparent; font-weight: bold;}
@media(min-width:768px){
	.to-partner dl.news-list{
		display: flex;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.to-partner dl.news-list dt{width: 16%; padding-top: .3em;}
	.to-partner dl.news-list dd{width: 80%;}
}
@media(min-width:960px){
	.to-partner dl.news-list dt{width: 10%;}
	.to-partner dl.news-list dd{width: 90%;}
}




/* CONTACT */
p.tel-content{
	display: flex;
	align-items: center;
}
p.tel-content a{
	display: flex;
	align-items: center;
	line-height: 1.5;
	color: #0080cb;
	font-size: 2.25em;
}
p.tel-content a span{
	font-size: .25em;
	margin-right: 1em;
	background-color: #0080cb;
	padding: .5em .7em;
	color: #fff;
}
p.tel-content a:hover{color: #7dc5f0;}
p.tel-content a:hover span{background-color: #7dc5f0;}

/* SEARCH */
dl.search-list{
	padding: 1em 0;
	border-bottom: .12em solid #b3b3b3;
}
dl.search-list dt{
	font-size: 1.3em;
	margin-bottom: .5em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
dl.search-list dd{
	color: #606060;
	margin-left: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* CONTENT- CASE */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* CASE */
.case-list .item{
	margin-bottom: 1.5em;
}
.case-list .item a{
	display: block;
	width: 100%;
	text-decoration: none;
	background-color: #fff;
	color: #333333;
	line-height: 1.5;
	padding: 1em;
	transition:0.5s all;
	box-shadow: 0 .18em .46em rgba(0,0,0,0.16);
}
.case-list .item .image{
	position: relative;
	width: 100%;
	padding-bottom: 52.3%;
	margin-bottom: 1em;
	overflow: hidden;
	transition:0.3s;
}
.case-list .item .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50% , -50%);
	transition:0.5s all;
}
.case-list .item .text ul.tag{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-top: .5em;
	margin-bottom: .5em;
	list-style-type: none;
}
.case-list .item .text ul.tag li{
	padding: .2em .5em;
	margin-right: .5em;
	border: .06em solid #0080cb;
	color: #0080cb;
	font-size: .7em;
}
.case-list .item .text h3{
	line-height: 2;
	font-size: 1em;
	padding: 0;
	margin: .625em 0 0;
}
.case-list .item a:hover{
	color: #707070;
	box-shadow: 0 .18em .92em rgba(0,0,0,0.28);
 }
.case-list .item a:hover .text ul.tag li{
	border: .06em solid #4ca6da;
	color: #4ca6da;
}
.case-list .item a:hover .image img{width: 110%;}
@media (min-width: 768px){
	.case-list .item a{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.case-list .item .image{
		width: 45%;
		padding-bottom: 23.53%;
		margin-bottom: 0;
	}
	.case-list .item .text{width: 50%;}
	.case-list .item .text ul.tag{margin-top: 0;}
}
@media (min-width: 960px){
	.case-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.case-list .item{width: 47%;margin-bottom: 2.5em;}

	.option-list{
		display: block;
		margin-left: calc(-.5em + -1.78%);
		margin-right: calc(-.5em + -1.78%);
	}
	.case-list .item a{
		box-shadow: none;
		height: 100%;
	}
}

ul.case-tag-list{
	padding-left: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3em;
}
ul.case-tag-list li{
	padding: .5em .2em;
}
ul.case-tag-list li a{
	display: inline-block;
	padding: .5em .7em;
	border: .06em solid #0080cb;
	color: #0080cb;
	text-decoration: none;
	background-color: #fff;
	box-shadow: 0 0 .24em rgba(0,0,0,0.16);
	transition: .3s;
}
ul.case-tag-list li a:hover{
	box-shadow: 0 0 .48em rgba(0,0,0,0.16);
	transform: translateY(-.3em);
}
ul.case-tag-list li a:active{
	transform: translateY(.3em);
}

.bx-wrapper {
	width: 100%!important;
  margin: 0 auto;
  padding-top: 0;
	position: relative;
}
.bx-wrapper .bx-viewport {
	transform: translatez(0);
	height: auto!important;
}
.bx-wrapper .bx-pager{display: none;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	outline: 0;
	width: 2em;
	height: 100%;
	text-indent: -9999px;
	z-index: 9999;
	background-color: #0080cb;
}
.bx-wrapper .bx-controls-direction a:hover{
	background-color: #4ca6da;
}
.bx-wrapper .bx-controls-direction a:before{
	position: absolute;
	width: 1em;
	height: 2em;
	background-color: #fff;
	box-sizing: border-box;
	content: "";
	transition: top 0.4s ease-out, transform 0.4s ease-out;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.bx-wrapper .bx-controls-direction a.bx-prev{left: 0;}
.bx-wrapper .bx-controls-direction a.bx-next{right: 0;}
.bx-wrapper .bx-controls-direction a.bx-prev:before{
	clip-path: polygon(100% 0, 0 50%, 100% 100%, 100% calc(100% - .2em),.2em 50%,100% .2em);
}
.bx-wrapper .bx-controls-direction a.bx-next:before{
	clip-path: polygon(0 0, 100% 50%, 0 100%,0 calc(100% - .2em),calc(100% - .2em) 50%,0 .2em);
}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}

.bxslider.scroll-nav{
	height: 12em;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
	width: max-content;
	user-select: none;
	background-color: #f2f2f2;
}
.bxslider.scroll-nav .item {
	width: 70vw!important;
	margin: 1em .7em!important;
}
.bxslider.scroll-nav .item a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-color: #fff;
	color: #333333;
	line-height: 1.5;
	padding: 1em;
	transition:0.5s all;
	box-shadow: 0 .18em .46em rgba(0,0,0,0.16);
}
.bxslider.scroll-nav .item .image{
	position: relative;
	width: 45%;
	padding-bottom: 45%;
	overflow: hidden;
	transition:0.3s;
}
.bxslider.scroll-nav .item .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit:cover;
	transform: translate(-50% , -50%);
	transition:0.5s all;
}
.bxslider.scroll-nav .item .text{width: 50%;}
.bxslider.scroll-nav .item .text ul.tag{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-top: .5em;
	margin-bottom: .5em;
	list-style-type: none;
}
.bxslider.scroll-nav .item .text ul.tag li{
	padding: .2em .5em;
	margin-right: .5em;
	margin-bottom: .5em;
	border: .06em solid #0080cb;
	color: #0080cb;
	font-size: .5em;
}
.bxslider.scroll-nav .item .text h3{
	line-height: 1.5;
	font-size: 1em;
	padding: 0;
	margin: .625em 0 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.bxslider.scroll-nav .item a:hover{
	color: #707070;
	box-shadow: 0 .18em .92em rgba(0,0,0,0.28);
 }
.bxslider.scroll-nav .item a:hover .text ul.tag li{
	border: .06em solid #4ca6da;
	color: #4ca6da;
}
.bxslider.scroll-nav .item a:hover .image img{width: 110%;}
@media (min-width: 768px){
	.bxslider.scroll-nav{height: 23em;}
	.bxslider.scroll-nav .item {width: 20em!important;}
	.bxslider.scroll-nav .item a{
		display: block;
	}
	.bxslider.scroll-nav .item .image{
		width: 100%;
		padding-bottom: 52.3%;
		margin-bottom: 1em;
	}
	.bxslider.scroll-nav .item .text{width: 100%;}
	.case-list .item .text ul.tag li{font-size: .7em;	}
	.case-list .item .text h3{
		line-height: 2;
		font-size: 1em;
	}

}
@media (min-width: 960px){
	.bxslider.scroll-nav{height: 20.5em;}
	.bxslider.scroll-nav .item {
		width: 32em!important;
		margin: 1.16em 1.16em!important;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.bxslider.scroll-nav .item a{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
		height: auto;
	}
	.bxslider.scroll-nav .item .image{
		width: 50%;
		padding-bottom: 30.53%;
		margin-bottom: 0;
	}
	.bxslider.scroll-nav .item .text{width: 45%;}
	.bxslider.scroll-nav .item .text ul.tag{margin-top: 0;}
}

article.case{font-size: .9em;}
article.case ul.case-tag-list {margin-bottom: 0;}
article.case ul.case-tag-list li a {line-height: 1;}
article.case h1.title{
	font-size: 2.625em;
	letter-spacing: .05em;
	margin-top: 0;
	margin-bottom: 1em;
}
@media (min-width: 960px){
	article.case{font-size: 1em;}
}
article .comments{
	border: .12em solid #f2f2f2;
	padding: 1em;
	margin: 1em 0;
}
article .comments h4{margin-top: 0; font-size: 1.2em;}
@media (min-width:768px) {
	article .comments{padding: 2em;margin: 2em 0;}
}
article dl.dialog{margin-bottom: 1em;}
article dl.dialog dt{
	font-size: 1.17em;
	font-weight: bold;
	letter-spacing: .06em;
	color: #0080cb;
}
article dl.dialog dd{margin-left: 0;}
.company-info dl dt{
	margin: 1em 0;
	font-size: 1.17em;
	font-weight: bold;
	letter-spacing: .06em;
}
.company-info dl dd{margin-left: 0;}
.company-info dl dd a{color: #333;}
.company-info dl dd a:hover{color: #b3b3b3;}
@media (min-width:768px){
	.company-info{
		display: flex;
		flex-wrap: wrap;
		line-height: 2;
	}
	.company-info dl{
		width: 50%;
		box-sizing: border-box;
		border-right: .12em solid #b3b3b3;
		padding: 1em 2em;
	}
	.company-info dl:last-child{border-right: none;}
}
/* - - - - - - - - - - - - - - - - - - - - - - -*/
/* CONTENT- TWO COLUMN */
/* - - - - - - - - - - - - - - - - - - - - - - -*/
.navigation.pagination .screen-reader-text{display: none;}
.navigation.pagination ul.page-numbers {
  margin-top: 1.25em;
	text-align: center;
	padding-left: 0;
}
.navigation.pagination ul.page-numbers li {
	display: inline;
	list-style: none outside none;
}
.navigation.pagination ul.page-numbers li a.page-numbers,
.navigation.pagination ul.page-numbers li span.page-numbers {
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}
.navigation.pagination ul.page-numbers li a.page-numbers {
	border: .0625em solid rgb(230,230,230);
	color: rgb(102,102,102);
	text-decoration: none;
	border-radius: .18em;
}
.navigation.pagination ul.page-numbers li a:hover {
	border: .0625em solid rgb(230,230,230);
}
.navigation.pagination ul.page-numbers li a:active {
	box-shadow: 0 0 .18em rgba(0,0,0,0.2) inset;
	top: .0625em;
}
.navigation.pagination ul.page-numbers li span.page-numbers {
	background: rgb(248,248,248);
	border: .0625em solid rgb(230,230,230);
	color: rgb(180,180,180);
	text-decoration: none;
	border-radius: .18em;
}
.navigation.pagination ul.page-numbers li span.current {
	border: .0625em solid #0080cb;
	color: #0080cb;
	font-weight: bold;
	border-radius: .18em;
}
.navigation.pagination ul.page-numbers li span.dots{
	background: transparent;
	border:none;
	padding: 0.25em;
}

.sidebar h2{font-size: 1.25em;}
.sidebar h2 span{
	font-size: .8em;
	margin-left: 1em;
	color: #969696;
}

.sidebar ul.tag-list{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sidebar ul.tag-list:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	clear: both;
}
.sidebar ul.tag-list li{
	float: left;
	margin: .24em;
	font-size: 1em;
}
.sidebar ul.tag-list li a{
	display: inline-block;
	padding: 0.18em .625em;
	border: 0.06em solid #0080cb;
	background-color: #0080cb;
	border-radius: .24em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.sidebar ul.tag-list li a:hover{
	background-color: #4ca6da;
}

.sidebar ul.category-list{
	margin: 0;padding: 0;
}
.sidebar ul.category-list li{
	list-style-type: none;
  padding: 0.125em 1em;
  border-bottom: 0.0625em solid #dcdddd;
  font-size: 0.8em;
	position: relative;
}
.sidebar ul.category-list li:before{
	position: absolute;
	content:"";
	background-color: #0080cb;
	width: .5em;
	height: 1em;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.sidebar ul.category-list li a{
	height: 3em;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	margin-left: 1em;
	padding-left: 0.5em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #333;
}
.sidebar ul.category-list li a:hover{
	background-color: #EFEFEF;
}
.sidebar ul.category-list li a:active{
	background-color: #EFEFEF;
	font-weight: bold;
}

.sidebar .media-list{
	padding: 0.125em;
  border-bottom: 0.0625em solid #dcdddd;
}
.sidebar .media-list a{
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding: .5em 0;
	color: #333;
}
.sidebar .media-list a .image{
	width: 6.25em;
	height: 5.6em;
	position: relative;
	overflow: hidden;
}
.sidebar .media-list a .image img{
	height: 100%;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
}
.sidebar .media-list a p{
	margin: 0;
	width: calc(100% - 7em);
	line-height: 1.5;
	font-size: 1.2em;
	font-weight: bold;
	text-align: justify;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.sidebar .media-list a:hover{
	color: #707070;
}
@media (min-width:960px) {
	.sidebar h2 span{margin-left: 0;}
	.sidebar .media-list a .image.image{	width: 4.4em;height: 3.8em;}
	.sidebar .media-list a p{width: calc(100% - 5em);font-size: 1em;}
	.wrap.two-col{
		display: flex;
		justify-content: space-between;
	}
	.wrap.two-col .main-col{width: 75%;}
	.wrap.two-col .sub-col{width: 22%;}
}

.blog-list{
	margin: 1em 0;
}
.blog-list a{
	text-decoration: none;
	box-shadow: 0 .18em .46em rgba(0,0,0,0.16);
	display: block;
	box-sizing: border-box;
	padding: 1em 1.5em;
}
.blog-list a time{
	display: block;
	color: #b3b3b3;
	font-size: .8em;
	margin-bottom: .5em;
}
.blog-list a h2{
	margin-top: 0;
	padding: 0;
	color: #0080cb;
}
.blog-list a p{
	line-height: 1.5;
	text-align: justify;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #333;
}
.blog-list a .image{
	position: relative;
	width: 100%;
	padding-bottom: 52.3%;
	overflow: hidden;
	transition:0.3s;
}
.blog-list a .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50% , -50%);
	transition:0.5s all;
}
.blog-list a:hover{	box-shadow: 0 .18em .92em rgba(0,0,0,0.28);}
.blog-list a:hover time{color: #c9c9c9;}
.blog-list a:hover h2{color: #4ca6da;}
.blog-list a:hover p{	color: #707070;}
.blog-list a:hover .image img{width: 110%;}

@media (min-width:768px){
	.blog-list a{
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	.blog-list a .text{width: 75%;}
	.blog-list a .image{
		width: 20%;
		padding-bottom: 20%;
		overflow: hidden;
		transition:0.3s;
	}
	.blog-list a .image img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: 100%;
		transform: translate(-50% , -50%);
		transition:0.5s all;
	}
	.blog-list a:hover .image img{width: auto; height: 110%;}

}
@media (min-width:960px){
	.blog-list{margin: 0;border-bottom: .06em solid #b3b3b3;}
	.blog-list a,.blog-list a:hover{box-shadow: none;}
}

article{line-height: 2;}
article h1{font-size: 2em; line-height: 1.3em; padding:0; margin: 0.625em 0;}
article h2{font-size: 1.7em; line-height: 1.3em; padding:0; margin: 0.625em 0;}
article h3{font-size: 1.5em; line-height: 1.3em; padding:0; margin: 0.625em 0;}
article h4{font-size: 1em; line-height: 1.3em; padding:0; margin: 0.625em 0;}
article h5{font-size: .825em; line-height: 1.3em; padding:0; margin: 0.625em 0;}
article h6{font-size: .75em; line-height: 1.3em; padding:0; margin: 0.625em 0;}

article .menu{
	background-color: #f2f2f2;
	padding: 1.5em 3.5em 1.5em 1.5em;
	margin: 2.5em 0;
	font-size: .8em;
	line-height: 1.3;
}
article .menu ul li{
	list-style-type: none;
  padding: 0.125em;
  border-bottom: 0.0625em dotted #b3b3b3;
}
article .menu ul li:last-child{
	border-bottom: none;
}
article .menu ul li li:first-child{border-top: 0.0625em dotted #b3b3b3;}
article .menu ul li a{
	display: block;
	box-sizing: border-box;
	margin: 0;
	margin-left: 1em;
	padding: 1em 0.5em;
	color: #b3b3b3;
	position: relative;
}
article .menu ul li a:before{
	position: absolute;
	content:"";
	background-color: #b3b3b3;
	width: .5em;
	height: 1em;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	left: -.5em;
	top: 1em;
}
article .menu ul li a:hover{
	background-color: #dcdddd;
}
article .menu ul li a:active{
	background-color: #dcdddd;
	font-weight: bold;
}

article.blog-article h2{
	font-size: 1.7em;
	line-height: 1.3em;
	padding: .2em 0;
	margin: 0.625em 0;
	position: relative;
  border-bottom: 0.125em solid #dcdddd;
}
article.blog-article h2:after{
  content: '';
  position: absolute;
  width: 3em;
  height: 0.125em;
  left: 0;
  bottom: -0.125em;
  background-color: #0080cb;
}
article.blog-article h3{
	padding: .2em 0 .2em 1em;
  font-size: 1.3em;
  position: relative;
  border-left: 0.3em solid #0080cb;
}

table.default{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.default th,table.default td{
	padding: .5em;
	border: .0625em solid #333;
}
table.style01 th,table.style01 td{
	padding: 1em 1.5em;
	border: 1px solid #0080cb;
	min-width: 8em;
}
table.style01 th{background-color: #d4f0f9;}
table.style01 td{background-color: #FFFFFF;}
table.style01 th.title{
	background-color: #0080cb;
	color: #fff;
	font-weight: bold;
}

.link-btn{
	display: flex;
	justify-content: space-around;
}
.link-btn a{
	padding: 1em;
	border-radius: 0.3em;
	background-color: #0080cb;
	color: #fff;
	font-weight: bold;
	letter-spacing: .0625em;
}
.link-btn a:hover{
	background-color: #3A7E8E;
}


.cta{
	padding-top: 1.56em;
	padding-bottom: 1.56em;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.cta a{
	box-sizing: border-box;
	margin-top: 0.3em;
	padding: 1.25em 2.5em;
	min-width: 18em;
	text-align: center;
	color: #1a1a1a;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none !important;
	border-radius: .18em;
	border-bottom: .3em solid #898989;
	background-color: #ACACAC;
}
.cta a:hover{
	margin-top: 0;
	margin-bottom: .3em;
}
.cta a:active{
	margin-top: .3em;
	margin-bottom: 0;
	border-bottom: none;
	border-top: .3em solid #898989;
}
.cta.blue a{background-color: #0080CB;border-bottom-color: #00598E; color: #fff;}
.cta.blue a:active{border-top-color: #00598e;}
.cta.green a{background-color: #23BD7C; border-bottom-color: #146F49; color: #FFFFFF;}
.cta.green a:active{border-top-color: #146F49;}
.cta.pink a{background-color: #ffbaeb; border-bottom-color: #AB5993; color: #002A02;}
.cta.pink a:active{border-top-color: #AB5993;}
.cta.red a{background-color: #e8374a; border-bottom-color: #a22633; color: #FFF;}
.cta.red a:active{border-top-color: #a22633;}

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