@charset "UTF-8";
/*
=====================
	[1]Common
		1)Reset
		2)Clearfix
		3)Text
		4)Title
		5)Flexbox
		6)Position
	[2]CommonStyle
		 )btn
		 )Spase
		 )Color
		 )BackgroundColor
		 )Line
		 )BorderRadius
		 )Icon
		 )Arrow
		 )Headar
	[/]PC
		 )Headar
		 )SideNavi
		 )MainArea
	[/]タブレット
=======================
*/
/*
---------------------------------------------------------------------------
	[1]Common
---------------------------------------------------------------------------
*/
/*== 1)Reset ==*/
*{ border:0;margin:0;outline:0;padding:0;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;font:inherit;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;text-decoration:none;vertical-align:baseline; }html{ width:100%; height:100%; }body{ width:100%;height:100%;font-size:10px;font-size:1.0rem;font-size:inherit;line-height:1;text-align: justify;text-justify: inter-ideograph;position:relative;-webkit-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;font-family:sans-serif;word-wrap:break-word; }article,aside,dialog,figure,footer,header,main,menu,nav,section{ display:block; }img{ width:100%; height:auto; max-width:100%; vertical-align:bottom; }audio,canvas,video{ display:inline-block; }br,hr{ display:block; }ol,ul{ list-style:none; }blockquote, q{ quotes:none; }blockquote:before,blockquote:after,q:before,q:after{ content:'';content:none; }input,select{ vertical-align:middle; }table{ border-collapse:collapse; border-spacing:0; empty-cells:show; }
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
html {
	font-size: 62.5%;
	font-family: /*YuGothic,  For Mac */
	"Yu Gothic M", "Yu Gothic Medium",  /* For Windows Firefox, Edge, IE */
	"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",  /* For Mac Fallback */
	Meiryo,  /* For Windows Fallback (Chrome) */
	sans-serif;
}

body {
/*	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;*/
	font-family: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.6;
	color: #333;
	-webkit-font-feature-settings : "palt" 1;
	   -moz-font-feature-settings : "palt" 1;
	        font-feature-settings : "palt" 1;
	/*letter-spacing: .02rem;*/
}
.wrapper {
	overflow: hidden;
  position: relative;
  width: auto;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
}
a {
	color: #333;
}
a:visited, a:focus, a:hover, a:active {
	color: #333;
}
a:not(.imgbtn):hover {
	text-decoration: none;
	opacity: 0.8;
}
a > img:hover {
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	transition: opacity 0.3s;
}
.imgbtn img{
	width:auto;
}
img.border {
	border: 1px solid;
}
ul,li {
	margin:0;
	padding:0;
	list-style: none;
}
.disc > li{ text-indent:-.6em;padding-left:.6em }
.decimal > li, .decimal > dd, .circle  >li, dl.circle > dd{ text-indent:-1.2em;padding-left:1.2em }
ul.disc > *:before, dl.disc > dd:before{ content:"・";width:1em;height:1em;padding-right:.2em;-webkit-transform:scale(.9,.9);-moz-transform:scale(.9,.9);transform:scale(.9,.9) }
ol.decimal{ margin-left:1em;counter-reset: count1; }
.decimal > li, .decimal > dd{ counter-increment: count1; }
.decimal > li:before, .decimal > dd:before{ content: counter(count1)". "; }
ul.circle > li:before,ol.circle > li:before, dl.circle dd:before{ content:"●";width:1em;height:1em;padding-right:.2em;-webkit-transform:scale(.9,.9);-moz-transform:scale(.9,.9);transform:scale(.9,.9) }

ul.textLeft > li, ol.textLeft > li{
	display: inline-block;
	padding-right: 1.5rem;
}
ul.oneHalf > li, ol.oneHalf > li{
	min-width:100%;
}
ul.oneThird > li, ol.oneThird > li{
	min-width:49%;
}
ul.oneFourth > li, ol.oneFourth > li{
	min-width:49%;
}
b,strong {
	font-weight: bold;
}

/* safari対策用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		-webkit-font-feature-settings : "pkna" 1;
		   -moz-font-feature-settings : "pkna" 1;
		        font-feature-settings : "pkna" 1;
	}
}
_::-webkit-full-page-media, _:future, :root body {
	-webkit-font-feature-settings : "pkna" 1;
	        font-feature-settings : "pkna" 1;
}
.opacity1 a:hover {
	opacity: 1;
}
/* == 2)Clearfix ==================================================== */
/* For modern browsers */
.cf::before,
.cf::after {
	content: "";
	display: table;
}
.cf::after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	*zoom: 1;
}

/* == 3)Text ==================================================== */
h1 {
	font-size: 22px;
	font-size: 2.2rem;
}
h2,h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
/* h3 {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
} */
h4, h5 {
	/* font-size: 15px;
	font-size: 1.5rem; */
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.bold {
	font-weight: bold;
}
.boldSM {
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.normal {
	font-weight: normal;
}
.textJustify {
	text-align: justify;
	text-justify: inter-ideograph;
}
.textCenter {
	text-align: center;
}
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
/*文字間隔調整*/
.textFSet {
	-webkit-font-feature-settings : "palt" 1;
	   -moz-font-feature-settings : "palt" 1;
	        font-feature-settings : "palt" 1;
}
/* safari対策用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .textFSet {
		-webkit-font-feature-settings : "pkna" 1;
		   -moz-font-feature-settings : "pkna" 1;
		        font-feature-settings : "pkna" 1;
	}
}
_::-webkit-full-page-media, _:future, :root .textFSet {
	-webkit-font-feature-settings : "pkna" 1;
	        font-feature-settings : "pkna" 1;
}
.textJpnGo{
	font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
.textJpnMin {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}
.textEngGo{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.textEngMin {
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.letterspacing1 {
	letter-spacing: .1rem;
}
/* ＊2行目以降、
	記号の下にテキスト回り込み対応 */
.textIndent {
	padding-left: 1em;
	text-indent: -1em;
}
/*文字テキスト非表示（隠す）新*/
.textClear {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* 文字テキスト非表示（隠す）旧：上記使えない場合 */
.textIndent9999 {
	text-indent: 9999px;
	overflow: hidden;
}
/* 文字数オーバーの際に「…」表示 */
.textWrap{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	max-height: 3.5em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.IB{
	display: inline-block;
}

/* 緊急news ==================================================== */
.emergInfo {
  border: 3px solid;
  padding: 1em;
  margin-bottom: 1em;
}
.emergInfo .emergInfo-ttl, .emergInfo .emergInfo-txt:not(:last-of-type) {
  margin-bottom: .5em;
}
.inner-emergInfo {
	display: table;
	margin: 0 auto;
}

/* Title ==================================================== */
/* 22/12/05　見出し変更 */
.primaryTWrapper {
	color: #1e50a2;
	display: block;
	text-align: center;
	position: relative;
	padding-bottom: 1.5rem;
	margin-bottom: 3rem;
}
.primaryTWrapper::before,
.primaryTWrapper::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.primaryTWrapper::before {
	background: #173c77;
	width: 100%;
	height: 1px;
	bottom: 0;
}
.primaryTWrapper::after {
	background: #1e50a2;
	width: 93%;
	height: 3px;
	bottom: -1px;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}
.primaryTWrapper .primaryTitle {
	display: inline-block;
	font-weight: bold;
	padding: 0 1em;
	text-align: left;
}
.secondaryTWrapper {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-weight: bold;
	background-color: #1e50a2;
	border-radius: 3em;
	width: 96%;
	margin: 3rem auto;
	min-height: 5rem;
}
.secondaryTWrapper .secondaryTitle {
	/* display: inline-block;
	text-align: left; */
	padding: .75em 1.25em;
}
.thirdaryTitle {
	font-size: 16px;
	font-size: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #1e50a2;
	font-weight: bold;
	padding-bottom: .75em;
	margin-bottom: 1em;
	border-bottom: 1px solid #173c77;
}
.borderTitle {
	font-size: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 1px solid;
	min-height: 4rem;
	padding: .75em;
	margin-bottom: 1.5em;
	text-align: left;
}
.borderTitle-rotate {
	text-align: center;
}
.borderTitle-rotate .rotate {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	margin: .25em auto;
}
.lineDotTitle {
	font-size: 16px;
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	color: #1e50a2;
	font-weight: bold;
	margin-bottom: 1.5em;
	position: relative;
	z-index: 1;
	text-align: left;
}
.lineDotTitle::before {
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1e50a2;
	border-radius: 50%;
	color: #fff;
	width: 1rem;
	min-width: 1rem;
	height: 1rem;
	margin: 0 1rem 0 5rem;
}
.lineDotTitle::after {
	content: "";
	display: inline-block;
	background-color: #1e50a2;
	width: 5rem;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
}
.lgDotTitle {
	font-size: 16px;
	font-size: 1.6rem;
	display: flex;
	color: #1e50a2;
	font-weight: bold;
	margin-bottom: 1em;
	z-index: 1;
	text-align: left;
}
.lgDotTitle::before {
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1e50a2;
	border-radius: 50%;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	margin-top: .16em;
	margin-right: 1rem;
	line-height: 1;
}
.sectionText p {
	font-size: 18px;
	font-size: 1.8rem;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーー */

/* .primaryTWrapper {
	background-color: #545d82;
	margin-bottom: 15px;
	padding: 1px 0;
	position: relative;
	margin-left: -moz-calc( ( 100% - 100vw ) / 2 );
	margin-left: calc( ( 100% - 100vw ) / 2 );
	margin-right: -moz-calc( ( 100% - 100vw ) / 2 );
	margin-right: calc( ( 100% - 100vw ) / 2 );
}
.primaryTWrapper::after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	   -moz-transform: translate(-50%,0);
	        transform: translate(-50%,0);
	width: 100%;
}
.primaryTWrapper::after {
	background: -moz-linear-gradient(bottom, #fff, #b8b8b8);
	background: -webkit-linear-gradient(bottom, #fff, #b8b8b8);
	background: linear-gradient(to top, #fff, #b8b8b8);
	filter:progid:DXImageTransform.Microsoft.Gradient(#fff, #b8b8b8);
	bottom: -4px;
	height: 3px;
}
.primaryTitle{
	background: -moz-linear-gradient(bottom, #d3d3d3, #fff,#e2e2e2);
	background: -webkit-linear-gradient(bottom, #d3d3d3, #fff,#e2e2e2);
	background: linear-gradient(to top, #d3d3d3, #fff,#e2e2e2);
	filter:progid:DXImageTransform.Microsoft.Gradient(#d3d3d3, #fff);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #394680;
	font-weight: bold;
	padding: .5em .5em .5em 1.5em;
	text-shadow: #fff 1px 1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff -1px -1px 0;
	position: relative;
}
.primaryTitle::before,
.primaryTitle::after {
	content: "";
	border: .5px solid #394680;
	width: 100%;
	position: absolute;
	opacity: .5;
}
.primaryTitle::before {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	   -moz-transform: translate(-50%,0);
	        transform: translate(-50%,0);
}
.primaryTitle::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
} */
/* .secondaryTWrapper {
	background: -moz-linear-gradient(bottom, #d5dcff, #243168);
	background: -webkit-linear-gradient(bottom, #d5dcff, #243168);
	background: linear-gradient(to top, #d5dcff, #243168);
	filter:progid:DXImageTransform.Microsoft.Gradient(#d5dcff, #243168);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 1px 0 .5px .8em;
	position: relative;
	margin-bottom: 16px;
}
.secondaryTWrapper::before,
.secondaryTWrapper::after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	   -moz-transform: translate(-50%,0);
	        transform: translate(-50%,0);
	width: 100%;
}
.secondaryTWrapper::before {
	bottom: -2px;
	border-bottom: 1px solid #8b93b6;
}
.secondaryTWrapper::after {
	background: -moz-linear-gradient(bottom, #fff, #b8b8b8);
	background: -webkit-linear-gradient(bottom, #fff, #b8b8b8);
	background: linear-gradient(to top, #fff, #b8b8b8);
	filter:progid:DXImageTransform.Microsoft.Gradient(#fff, #b8b8b8);
	bottom: -6px;
	height: 3px;
}
.secondaryTitle {
	background-color: #4b5582;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	padding: .3em .5em .3em .5em;
} */
/* .thirdaryTitle {
	background-color: #999;
	color: #fff;
	margin-bottom: 15px;
	padding: .3em .5em .4em;
	position: relative;
}
.thirdaryTitle::after {
	content: "";
	border: .5px solid #fff;
	width: 100%;
	position: absolute;
	bottom: 1px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
} */
.fourthTitle,.Btext_blue {
	color: #568fd3;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 5px;
	-webkit-font-smoothing:inherit;
	-moz-osx-font-smoothing:inherit;
}
.fourthTitle i {
	color: #52b1d5;
	margin-right: .3em;
}
.squareTitle {
	color: #000;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 5px;
  padding-left: 1.1em;
  text-indent: -1.1em;
}
.squareTitle i {
	color: #647096;
	margin-right: .3em;
	text-indent: 0;
}
.br-overlapTitle {
	color: #2f58b0;
	text-align: center;
	padding-bottom: 1rem;
	position: relative;
}
.br-overlapTitle::before,
.br-overlapTitle::after {
	content: "";
	display: block;
	background: #2f58b0;
	position: absolute;
}
.br-overlapTitle::before {
	width: 100%;
	height: 1px;
	bottom: 0;
}
.br-overlapTitle::after {
	width: 93%;
	height: 3px;
	bottom: -1px;
	left:50%;
	transform:translate(-50%,0);
	z-index: 1;
}
.br-radiusTitle {
	background-color: #2f58b0;
  border-radius: 10vw;
  color: #fff;
	text-align: center;
  margin: 0 auto;
  padding: .75rem;
}

/* Textsize ==================================================== */
.text8 {
	font-size: 8px;
	font-size: .8rem;
}
.text9 {
	font-size: 8px;
	font-size: .8rem;
}
.tex10 {
	font-size: 8px;
	font-size: .8rem;
}
.text11 {
	font-size: 9px;
	font-size: .9rem;
}
.text12 {
	font-size: 10px;
	font-size: 1rem;
}
.text13 {
	font-size: 11px;
	font-size: 1.1rem;
}
.text14 {
	font-size: 12px;
	font-size: 1.2rem;
}
.text15 {
	font-size: 13px;
	font-size: 1.3rem;
}
.text16 {
	font-size: 14px;
	font-size: 1.4rem;
}
.text17 {
	font-size: 15px;
	font-size: 1.5rem;
}
.text18 {
	font-size: 16px;
	font-size: 1.6rem;
}
.text19 {
	font-size: 17px;
	font-size: 1.7rem;
}
.text20 {
	font-size: 18px;
	font-size: 1.8rem;
}

/* == 5)Flexbox ==================================================== */
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c_around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.c_between {
  -webkit-box-pack:justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.c_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.i_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.i_start{
	-webkit-box-align: start;
	-ms-flex-align: start;
	        align-items: start;
}
.i_end {
	-webkit-box-align: end;
	-ms-flex-align: end;
			align-items: flex-end;
}
.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.full-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0%;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

/* == 6)Position ==================================================== */
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.center-x {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.center-y {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.center-xy {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.PrPL {
	position: relative;
	padding-left: .8em;
}
.PaLC {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	padding-left: .3em;
}

/*
---------------------------------------------------------------------------
	[2]CommonStyle
---------------------------------------------------------------------------
*/
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.br_spMax {
	display: none;
}
/*=========================
						共通
===========================*/
/* btn ==================================================== */
[class*="btnTxtwrap"] {
	font-size: 16px;
	font-size: 1.6rem;
	box-shadow: 0 0 8px #919191;
	border-radius: 3em;
	display: flex;
	align-items: center;
	width: 90%;
	max-width: 500px;
	padding: 1em;
	margin: 1.75em auto;
	line-height: 1.4;
}
[class*="btnTxtwrap"]::before {
	content: "";
	background: url('/images/common/icon-circle_triangle__w.png') no-repeat;
	background-size: contain;
	display: inline-block;
	padding-top: 2rem;
	width: 2rem;
	height: auto;
}
[class*="btnTxtwrap"].btnTxt_size__full {
	width: 100%;
	max-width: 100%;
	padding: .75em 1em;
}
[class*="btnTxtwrap"].btnTxt_size__l {
	max-width: 660px;
	padding: .75em 1em;
}
[class*="btnTxtwrap"].btnTxt_size__s {
	width: 80%;
	max-width: 360px;
	padding: .75em 1em;
}
.btnTxtwrap_a {
	background-color: #fa6600;
}
.btnTxtwrap_a:hover {
	background-color: #f44b02;
}
.btnTxtwrap_b {
	background: linear-gradient(to top, #ea1c1d, #ff8b4d);
}
.btnTxtwrap_b:hover {
	background: linear-gradient(to bottom, #ea1c1d, #ff8b4d);
}
.btnTxtwrap_c {
	background: linear-gradient(to top, #173c77, #1e50a1);
}
.btnTxtwrap_c:hover {
	background: linear-gradient(to bottom, #173c77, #1e50a1);
}
.btnTxtwrap_d {
	background-color: #000;
}
.btnTxtwrap_d:hover {
	background: linear-gradient(to top, #ad1316, #ff5348);
}
[class*="btnTxtwrap"] [class*="btnTxtLink"] {
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	flex: 1 0 0%;
}
[class*="btnTxtwrap"] [class*="btnTxtLink"]:hover {
	opacity: 1;
}
[class*="btnTxtwrap"] .btnTxtin {
	display: inline-block;
	text-align: left;
	padding-left: .5em;
}
[class*="btnTxtwrap"] .btnTxtin.textCenter {
	text-align: center;
}

/* Space ==================================================== */
.dTMLRauto {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.Mauto {
	margin: 0 auto;
}
.MLRauto {
	margin-left: auto;
	margin-right: auto;
}
.MB0 {
	margin-bottom: 0 !important;
}
.MT5{margin-top:5px}.MT10{margin-top:10px}.MT15{margin-top:15px}.MT20{margin-top:20px}.MT25{margin-top:25px}.MT30{margin-top:30px}.MT35{margin-top:35px}.MT40{margin-top:40px}.MT45{margin-top:45px}.MT50{margin-top:50px}
.MB5,.sectionPrimary .MB5{margin-bottom:5px}.MB10,.sectionPrimary .MB10{margin-bottom:10px}.MB15,.sectionPrimary .MB15{margin-bottom:15px}.MB20,.sectionPrimary .MB20{margin-bottom:20px}.MB25,.sectionPrimary .MB25{margin-bottom:25px}.MB30,.sectionPrimary .MB30{margin-bottom:30px}.MB35,.sectionPrimary .MB35{margin-bottom:35px}.MB40,.sectionPrimary .MB40{margin-bottom:40px}.MB45,.sectionPrimary .MB45{margin-bottom:45px}.MB50,.sectionPrimary .MB50{margin-bottom:50px}
.ML5{margin-left:5px}.ML10{margin-left:10px}.ML15{margin-left:15px}.ML20{margin-left:20px}.ML25{margin-left:25px}.ML30{margin-left:30px}.ML35{margin-left:35px}.ML40{margin-left:40px}.ML45{margin-left:45px}.ML50{margin-left:50px}
.PL0 {
	padding-left: 0 !important;
}
.Pall5{padding:5px}.Pall10{padding:10px}.Pall15{padding:15px}.Pall20{padding:20px}.Pall25{padding:25px}
.PT5{padding-top:5px}.PT10{padding-top:10px}.PT15{padding-top:15px}.PT20{padding-top:20px}.PT25{padding-top:25px}.PT30{padding-top:30px}.PT35{padding-top:35px}.PT40{padding-top:40px}.PT45{padding-top:45px}.PT50{padding-top:50px}
.PTB5{padding-top:5px;padding-bottom:5px}.PTB10{padding-top:10px;padding-bottom:10px}.PTB15{padding-top:15px;padding-bottom:15px}.PTB20{padding-top:20px;padding-bottom:20px}.PTB25{padding-top:25px;padding-bottom:25px}.PTB30{padding-top:30px;padding-bottom:30px}.PTB35{padding-top:35px;padding-bottom:35px}.PTB40{padding-top:40px;padding-bottom:40px}
.PLR5{padding-left:5px;padding-right:5px}.PLR10{padding-left:10px;padding-right:10px}.PLR15{padding-left:15px;padding-right:15px}.PLR20{padding-left:20px;padding-right:20px}.PLR25{padding-left:25px;padding-right:25px}

/* Color ==================================================== */
.Color01 {
	color: #4a7ccf !important;
}
.Color02 {
	color: #657195 !important;
}
.Color03 {
	color: #79a4fd !important;
}
.Color04 {
	color: #37447f !important;
}
.Color05 {
	color: #dc91d8 !important;
}
.Color06 {
	color: #e82828 !important;
}
.Color07 {
	color: #1e50a2 !important;
}
.Color08 {
	color: #fff600 !important;
}
.Color09 {
	color: #ff5800 !important;
}

/* BgColor ==================================================== */
.bgColor01 {
	background-color: #bfd8ff;
}
.bgColor02 {
	background-color: #c5f6ff;
}
.bgColor03 {
	background-color: #cef6ec;
}
.bgColor04 {
	background-color: #eeeff4;
}
.bgColor05 {
	background-color: #e4edff;
}
.bgColor06 {
	background-color: #b3c5f3;
}
.bgColor07 {
	background-color: #37447f;
}
.bgColor08 {
	background-color: #ececec;
}
.bgColor09 {
	background-color: #254485;
}
.bgColor10 {
	background-color: #2f59af;
}
.bgColor11 {
	background-color: #99a7c4;
}
.bgColor12 {
	background-color: #d9e9f4;
}
.bgColor13 {
	background-color: #e9f3ff;
}
.bgColor14 {
	background-color: #feebdd;
}
.bgColor15 {
	background-color: #fa6700;
}

/* Line ==================================================== */
div.lineCircle {
	position: relative;
}
div.lineCircle::before,
div.lineCircle::after {
	content: " ";
	position: absolute;
	top: 50%;
	-moz-border-radius: 50%;
	     border-radius: 50%;
}
div.lineCircle.LStyle01 {
	margin: 10px auto 0;
}
div.lineCircle.LStyle01:last-of-type {
	margin: 15px auto 0;
}
div.lineCircle.LStyle01::before,
div.lineCircle.LStyle01::after {
	width: 10px;
	height: 10px;
	background: #f24663;
}
div.lineCircle.LStyle01::before {
	left: 5%;
	-webkit-transform:translate(0, -50%);
	   -moz-transform:translate(0, -50%);
	        transform:translate(0, -50%);
}
div.lineCircle.LStyle01::after {
	right: 5%;
	-webkit-transform:translate(0, -50%);
	   -moz-transform:translate(0, -50%);
	        transform:translate(0, -50%);
}
hr.LStyle01 {
	border-top: 1px solid #f24663;
	margin: 0 auto;
	width: 90%;
}
div.lineCircle.LStyle02 {
	margin: 15px auto;
}
div.lineCircle.LStyle02::before,
div.lineCircle.LStyle02::after {
	width: 6px;
	height: 6px;
	background: #7b7caa;
}
div.lineCircle.LStyle02::before {
	left: 0;
	-webkit-transform:translate(0, -50%);
	   -moz-transform:translate(0, -50%);
	        transform:translate(0, -50%);
}
div.lineCircle.LStyle02::after {
	right: 0;
	-webkit-transform:translate(0, -50%);
	   -moz-transform:translate(0, -50%);
	        transform:translate(0, -50%);
}
hr.LStyle02 {
	border-top: 1px solid #7b7caa;
	margin: 0 auto;
	width: 95%;
}

/* BorderRadius ==================================================== */
.bRadius5 {
	-moz-border-radius: 5px;
	     border-radius: 5px;
}
.bRadius10 {
	-moz-border-radius: 10px;
	     border-radius: 10px;
}
.bRadius15 {
	-moz-border-radius: 15px;
	     border-radius: 15px;
}
.bRadius20 {
	-moz-border-radius: 20px;
	     border-radius: 20px;
}
.bRadiusTLR5 {
	-moz-border-radius: 5px 5px 0 0;
	     border-radius: 5px 5px 0 0;
}
.bRadiusTLR10 {
	-moz-border-radius: 10px 10px 0 0;
	     border-radius: 10px 10px 0 0;
}
.bRadiusTLR15 {
	-moz-border-radius: 15px 15px 0 0;
	     border-radius: 15px 15px 0 0;
}
.bRadiusTLR20 {
	-moz-border-radius: 20px 20px 0 0;
	     border-radius: 20px 20px 0 0;
}

/* Icon ==================================================== */
.newIcon {
	display: inline-block;
	margin-top: -.3em;
	padding-left: .3em;
	vertical-align: middle;
	min-width: 3em;
}
.newIcon::before {
	background-color: #1e50a2;
	content: "NEW";
	color: #fff;
	font-size: 8px;
	font-size: .8rem;
	padding: .1em .3em;
}
.QIcon, .AIcon {
	display: inline-block;
  background-color: #6a9cff;
  -moz-border-radius: 3px;
       border-radius: 3px;
  position: relative;
  margin-right: .3em;
  margin-bottom: .2em;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  text-indent: 0;
}
.QIcon::before, .AIcon::before  {
	content: "Q";
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.AIcon {
	background-color: #fb8ca8;
}
.AIcon::before {
	content: "A";
}
.circleIcon {
	-moz-border-radius: 50%;
	     border-radius: 50%;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin: .5em;
	text-align: center;
	line-height: 3em;
	width: 3em;
	height: 3em;
}
.circleIcon.CIconBr {
	background: #000;
}
.circleIcon.CIconW {
	background: #fff;
	border: 1px solid #000;
	color: #000;
}
.circleIcon.CIconR {
	background: red;
}
.circleIcon.CIconY {
	background: yellow;
	color: #000;
}
.circleIcon.CIconBu {
	background: blue;
}
.circleIcon.CIconG {
	background: green;
}

/* Arrow ==================================================== */
/* .arrowTitle {
	display: inline-block;
	padding-right: 1.5em;
	vertical-align: middle;
	text-decoration: none;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0,-50%);
	   -moz-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
.arrowTitle::before,
.arrowTitle::after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrowTitle::before{
	left: 15px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	height: 6px;
	border: 10px solid transparent;
	border-left: 10px solid #fe849d;
}
.arrowTitle::after{
	left: 0;
	height: 6px;
	border-left: 15px solid #fe849d;
} */

/* Font Awesome利用 */
i.fa-arrow-right {
	-moz-border-radius: 50%;
	     border-radius: 50%;
	color: #fff;
	margin-top: -.2em;
	margin-right: .5em;
	vertical-align: middle;
	font-size: 8px;
	font-size: .8rem;
	width: 12px;
	height: 12px;
	position: relative;
}
i.fa-arrow-right.ArStyle01 {
	background-color: #6a9cff;
}
i.fa-arrow-right.ArStyle02 {
	background-color: #ff657b;
}
i.fa-arrow-right.ArStyle03 {
	background-color: #fff;
	color: #6a9cff;
}
i.fa-arrow-right.ArStyle04 {
	background-color: #fff;
	color: #e2680d;
}
i.fa-arrow-right.ArStyle05 {
	background-color: #fff;
	color: #da4d5b;
}
i.fa-arrow-right:before {
	position: absolute;
	top: 50%;
	left: 40%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	margin-top: -.1em;
}
i.dotarrowIcon svg{
	width:1.2rem;
	height:1.2rem;
}

header, main, footer {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

/* symbol,symbollist ==================================================== */
[class^=symbol-sign] {
  display: inline-block;
  position: relative;
}
[class^=symbol-sign]::before {
  content: "\03e";
  position: absolute;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.6, 1);
          transform: translateY(-50%) scale(0.6, 1);
  line-height: 1;
  padding-bottom: 0.2em;
}

.symbol-sign-l {
  padding-left: 1em;
}
.symbol-sign-l::before {
  left: 0;
}
.symbol-sign-r {
  padding-right: 1em;
}
.symbol-sign-r::before {
  right: 0;
}

[class^=symbol-list] li, [class^=symbol-list] dd {
  text-indent: -1.1em;
  padding-left: 1.1em;
}
[class^=symbol-list] > li::before, [class^=symbol-list] > dd:before {
  font-size: 0.8em;
  padding-right: 0.3em;
}

.symbol-list-cc > li:before, .symbol-list-cc > dd::before {
  content: "\025cf";
}
.symbol-list-sq > li:before, .symbol-list-sq > dd::before {
  content: "\025a0";
}
.symbol-list-dt li, .symbol-list-dt dd {
  text-indent: -1em;
  padding-left: 1em;
}
.symbol-list-dt > li:before, .symbol-list-dt > dd::before {
  content: "・";
  font-size: inherit;
  padding-right: inherit;
}

/* Headar ==================================================== */

.headerLogo{
  width: 60%;
  max-width: 397px;
}
.headerLogo .pclogo{
	display: none;
}
.headerLogo a {
	display: block;
}
.header-contents {
	width: 96%;
	margin: 0 auto;
	height: 13vw;
}
#utilityNavi{
	top:13vw;
}
header .pagettl {
	background-color: #545d82;
	color: #fff;
	font-size: 8px;
	font-size: .8rem;
	padding: .5em;
	padding-left: 1em;
	position: relative;
	text-align: center;
}
header .pagettl:after {
	-moz-box-shadow: 0 16px 15px -3px rgba(139, 139, 139, 0.31);
	box-shadow: 0 16px 15px -3px rgba(139, 139, 139, 0.31);
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	bottom: 0;
	left:50%;
	-webkit-transform:translate(-50%,0);
	   -moz-transform:translate(-50%,0);
	        transform:translate(-50%,0);
}
.navicon-button {
	display: none;
}
#utility-list03 .copper-info {
	display: none;
}
#utilityNavi > * {
	font-weight: bold;
}
.utility-list {
  margin: 2rem 0;
}
.utility-item a {
	border-bottom: 1px solid;
	box-sizing: border-box;
	display: block;
	padding: 1rem;
	position: relative;
}
.utility-list .utility-item:first-of-type a {
	border-top: 1px solid;
}
.cableMart {
	margin: 3rem 0;
}
#gNavigation {
	display: none;
}
.gNavi-item-catch .gNavi-btn:hover::before {
	width: 100%;
  left: 0;
}
.gNavi-btn {
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow:hidden;
  transition: .3s;
}
.gNavi-btn::before {
	position: absolute;
  transition: .3s;
  content: '';
  width: 0;
  bottom: 0;
  height: 3px;
  background-color: #fff;
  right: 0;
  left: auto;
}
.gNavi-btn:hover {
	cursor: pointer;
}
.gNavi-btn:hover::before {
	width: 90%;
  left: 5%;
}
.gNaviBtn-style01 {
  border: 2px solid #fff;
  display: block;
  z-index: 1;
}
.gNaviBtn-style01::before {
  height: 120%;
  right: auto;
  left: -10%;
  transform: skewX(15deg);
  z-index: -1;
}
.gNaviBtn-style01:hover {
  color: #254485;
  background-color: #fff;
}
.gNaviBtn-style01:hover::before {
	width: 100%;
  left: -10%;
}


main > .layout_left {
	margin:0 auto;
	width:100%;
}
main > .layout_right {
	display: none;
}
.page {
	position: relative;
}
.topicpath {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-end;
	font-size: 1.3rem;
	/* margin: 10px 3%; */
	padding: 1rem;
	position: relative;
	color: #666;
}
.topicpath::before {
	content: "";
	display: inline-block;
	background-color: #e8f2f8;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
/* .topicpath li:not(:last-of-type) {
	margin-right: 1.5em;
	position: relative;
}
.topicpath li:not(:last-of-type):after{
	content:"";
	width:0.3em;
	height:0.3em;
	border-top:1px solid #666;
	border-right:1px solid #666;
	position: absolute;
	top:50%;
	right:-1em;
	-webkit-transform:translateY(-50%) rotate(45deg);
	   -moz-transform:translateY(-50%) rotate(45deg);
	        transform:translateY(-50%) rotate(45deg);
} */
.topicpath li:not(:first-of-type) {
	margin-left: 1em;
	position: relative;
}
.topicpath li:not(:first-of-type)::before {
	content:"";
	width:1px;
	height:65%;
	background-color: #666;
	position: absolute;
	top:50%;
	left:-.5em;
	transform:translateY(-50%) rotate(25deg);
}
.topicpath a {
	/* text-decoration: underline;
	color: #37447f; */
}
.topicpath i {
	margin: 0 .5em;
}

/*
---------------------------------------------------------------------------
	[/]タブレット
---------------------------------------------------------------------------
*/
@media (min-width: 768px) {
	.sp {
		display: none !important;
	}
	.pc {
		display: block !important;
	}
	ul.oneHalf > li, ol.oneHalf > li{
		min-width:49%;
	}
	ul.oneThird > li, ol.oneThird > li{
		min-width:32%;
	}
	ul.oneFourth > li, ol.oneFourth > li{
		min-width:24%;
	}
	.header-contents {
		height: 11vw;
	}
	#utilityNavi{
		top:11vw;
	}

	/* 緊急news ==================================================== */
	.emergInfo .emergInfo-ttl {
		text-align: center;
		margin-bottom: 1em;
	}

	/* Textsize ==================================================== */
	.text8 {
		font-size: 8px;
		font-size: .8rem;
	}
	.text9 {
		font-size: 9px;
		font-size: .9rem;
	}
	.text10 {
		font-size:10px;
		font-size: 1rem;
	}
	.text11 {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.text12 {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.text13 {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.text14 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.text15 {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.text16 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.text17 {
		font-size: 17px;
		font-size: 1.7rem;
	}
	.text18 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.text19 {
		font-size: 19px;
		font-size: 1.9rem;
	}
	.text20 {
		font-size: 20px;
		font-size: 2rem;
	}
	.flexbox_pc {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
	}

	.primaryTitle {
		font-size: 24px;
		font-size: 2.4rem;
		text-align: center;
	}
	.secondaryTWrapper {
		width: 86%;
		min-height: 60px;
		text-align: center;
	}
	.secondaryTitle,.thirdaryTitle {
		font-size: 18px;
		font-size: 1.8rem;
	}
	/* .thirdaryTitle::before {
		content: "";
		border: 2px solid #fff;
		margin-right: .5em;
	} */
	.fourthTitle,.Btext_blue {
		color: #568fd3;
		font-size: 20px;
		font-size: 2rem;
	}

}

@media (min-width: 960px) {
	.headerLogo .splogo{
		display: none;
	}
	.headerLogo .pclogo{
		display: block;
	}
	.header-contents {
		height: auto;
		margin: 15px auto 0;
	}
	.headerLogo{
	  width: 35%;
	}
	.mainNav {
    width: 62%;
    margin-left: 3%;
	}
	#utility-list01, #utility-list02, .cableMart, #utilityNavi .contact-btnBox {
		display: none;
	}
	#utility-list03 .copper-info {
		display: block;
	}
	#utilityNavi {
		font-size: 14px;
		font-size: 1.4rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.utility-list {
		margin: 0;
	}
	#utility-list03 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
				order: 2;
		margin-top: 1rem;
	}
	#utility-list03 .utility-item a {
		border: 1px solid;
		padding: .75rem 1.8rem;
	}
	#utility-list03 .utility-item a:hover {
		background-color: #000;
		color: #fff;
	}
	#utility-list04 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
				order: 1;
		font-weight: normal;
		width: 100%;
	}
	#utility-list04 .utility-item a {
		border: inherit;
		border-right: 1px solid;
		padding: 0 .75rem;
	}
	#utility-list04 .utility-item:first-of-type a {
		padding-left: 0;
	}
	#utility-list04 .utility-item:nth-last-of-type(2) a {
		border-right: 0;
	}
	#utility-list04 .utility-item:last-of-type a {
		border-right: 0;
		border-radius: 10vw;
    background-color: #ff5800;
    color: #fff;
    padding: .5rem 1.5rem;
    padding-left: 2.5rem;
    position: relative;
	}
	#utility-list04 .utility-item:last-of-type a::before {
		content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5rem 0 .5rem .5rem;
    border-color: transparent transparent transparent #fff;
    position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		        transform: translate(0,-50%);
    margin-left: 1rem;
	}
	#utility-list04 .utility-item.btn-recruit {
		flex: 1 0 0%;
		text-align: center;
	}
	#gNavigation {
		display: block;
		width: 100vw;
		margin-left: calc( ( 100% - 100vw ) / 2 );
		margin-right: calc( ( 100% - 100vw ) / 2 );
		background-color: #2f59af;
		position: relative;
	}
	.gNaviInner {
		width: 96%;
		max-width: 980px;
		margin: 2rem auto 0;
		position: relative;
		padding: .75rem 0;
	}
	.gNavi-item-catch {
	  position: absolute;
	  top: 50%;
	  left: 0;
	  transform: translate(0,-50%);
	  color: #fff;
	  z-index: 1;
	  padding: 0 2rem;
	}
	.gNavi-item-catch::before {
		content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  transform: translate(0,-50%);
	  z-index: -1;
	  background-color: #173c77;
	  width: 100vw;
	  min-height: 6rem;
	  margin-left: calc(100% - 100vw);
	}
	.gNavi-item-catch a {
		color: #fff;
		padding: 1rem 0;
	}
	.gNaviInner-list {
		padding: 0;
		float: right;
	}
	.gNavi-item a {
		color: #fff;
		padding: 1rem 1.25rem;
	}
	.gNavi-item a:hover {
		opacity: 1;
	}
	.gNavi-item:not(.gNavInquiry):not(.ctFaq)::after {
		content: "";
		color: #fff;
		border-right: 1px solid;
	}
	.gNavi-item.gNavInquiry {
		margin-left: 2rem;
	}
	.gNavi-item.gNavInquiry a {
		border: 2px solid;
		padding: .5rem 1.5rem;
	}

	.thirdaryTitle.mwCenter {
		text-align: center;
	}
	.borderTitle {
		min-height: 50px;
	}
	.lineDotTitle::before {
		margin: 0 10px 0 50px;
	}
	.lineDotTitle::after {
		width: 50px;
	}
	.lgDotTitle {
		font-size: 20px;
		font-size: 2rem;
	}
	[class*="btnTxtwrap"]::before {
		padding-top: 3rem;
		width: 3rem;
	}
}

/*
---------------------------------------------------------------------------
	[/]PC
---------------------------------------------------------------------------
*/
@media (min-width: 1024px) {
	img {
		width: auto;
		max-width: 100%;
	}
	/* .primaryTWrapper {
		margin-left: auto;
		margin-right: auto;
	} */
/* btn ==================================================== */
[class*="btnTxtwrap"] {
	font-size: 18px;
	font-size: 1.8rem;
}
/* == )Headar PC == */
	.header-contents {
		width: 100%;
	}
	.headerLogo{
		width: 100%;
		max-width: 406px;
	}
	.mainNav {
    width: calc(100% - 436px);
    margin-left: 30px;
	}
	header .pagettl {
		text-align: left;
	}
	#utility-list03 .utility-item a {
		padding: .75rem 1.61rem;
	}
	#utility-list04 .utility-item:last-of-type a {
    padding: .5rem 1rem;
    padding-left: 2rem;
	}
	#utility-list04 .utility-item:last-of-type a::before {
    margin-left: .75rem;
	}
	#utility-list04 .utility-item:last-of-type a:hover {
    background-color: #ffff33;
    color: #000;
	}
	#utility-list04 .utility-item:last-of-type a:hover::before {
    border-color: transparent transparent transparent #000;
	}
	.gNavi-item a {
		padding: 1rem 1.5rem;
	}

/* == )SideNavi PC == */
	.sideNavi {
		background-color: #e3e7f0;
		width: 200px;
		height:100%;
	}
	.sideNavi .inner{
		padding: 1em .5em;
	}
	.srchNotisu {
		border-bottom: 1.5px solid #7b7caa;
		color: #7b7caa;
		font-size: 14px;
		font-size: 1.4rem;
		padding-bottom: .1em;
	}
	#srchBox {
		margin: 10px auto;
		text-align:center;
		padding: .5em;
		width: 100%;
	}
	#srchBox #srchInput {
		width:-moz-calc(100% - 3em);
		width:calc(100% - 3em);
		padding:0.2em 0.5em;
	}
	#srchBox #srchBtn {
		width: 3em;
		padding:0.2em 0;
		background:#7b7caa;
		color:#fff;
		cursor: pointer;
	}
	#srchBox p#srchLogo {
		width:100%;
		font-size: 10px;
		font-size: 1rem;
		padding-top: 0.5em;
	}
	.sidenav{
		display: none;
	}
	.naviCatTitle.current + .sidenav{
		display: block;
	}
	nav + .naviCatTitle{
		margin-top:15px;
	}
	.naviCatTitle{
		width:100%;
		padding:1em 0.5em;
		line-height: 1.3;
		color: #5d6ba2;
		font-weight: bold;
		cursor: pointer;
	}
	.naviCatTitle p:first-of-type{
		width:-moz-calc(100% - 2.5rem);
		width:calc(100% - 2.5rem);
		padding-right:0.5em;
	}
	.naviCatTitle .naviCatBtn{
		width:2.5rem;
		padding:0.15em 0;
		font-size:1.6rem;
		text-align: center;
		background:#efefef;
		border:1px solid #fff;
		-moz-border-radius: 5px;
		     border-radius: 5px;
		-moz-box-shadow: 0 0 8px #c8c8c8;
		     box-shadow: 0 0 8px #c8c8c8;
		-webkit-align-self: auto;
		        align-self: auto;
	}
	#ct-menuBtn{ border-left:7px solid #f19297; }
	#cable-menuBtn{ border-left:7px solid #ffc400; }
	#hashimoto-menuBtn{ border-left:7px solid #7190bb; }

	.SideBtn {
		background-color: #fff;
		-moz-box-shadow: 0 0 8px #c8c8c8;
		     box-shadow: 0 0 8px #c8c8c8;
		-moz-border-radius: 8px;
		     border-radius: 8px;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		padding: .1em .2em;
		margin-top: 10px;
	}
	.SideBtn.open {
		padding-bottom: 1em;
	}
	.SideBtn a,
	.aboutBox a {
		color: #5d6ba2;
		display: block;
	}
	.SbtnStyle01 i.dotarrowIcon svg{
		fill:#b9c1dd;
	}
	.SbtnStyle02 i.dotarrowIcon svg{
		fill:#ff7a90;
	}
	.SbtnStyle03 i.dotarrowIcon svg{
		fill:#8cc5cd;
	}
	.Sbtn {
		-moz-border-radius: 7px;
		     border-radius: 7px;
		padding: .6em;
		position: relative;
	}
	.Sbtn.PT1EM {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.Sbtn i {
		position: absolute;
		top: 50%;
		right: 3%;
		-webkit-transform:translate( 0, -50%);
		   -moz-transform:translate( 0, -50%);
		        transform:translate( 0, -50%);
	}
	.Sbtn.open {
		-moz-border-radius: 7px 7px 0 0;
		     border-radius: 7px 7px 0 0;
	}
	.Sbtn.SbtnStyle01 {
		background: -moz-linear-gradient(bottom, #e9e9e9, #fff);
		background: -webkit-linear-gradient(bottom, #e9e9e9, #fff);
		background: linear-gradient(to top, #e9e9e9, #fff);
		filter:progid:DXImageTransform.Microsoft.Gradient(#e9e9e9, #fff);
	}
	.Sbtn.SbtnStyle01 i {
		color: #b9c1dd;
	}
	.Sbtn.SbtnStyle02 {
		background: -moz-linear-gradient(bottom, #ffdadf, #fff);
		background: -webkit-linear-gradient(bottom, #ffdadf, #fff);
		background: linear-gradient(to top, #ffdadf, #fff);
		filter:progid:DXImageTransform.Microsoft.Gradient(#ffdadf, #fff);
	}
	.Sbtn.SbtnStyle02 i {
		color: #ff657b;
	}
	.Sbtn.SbtnStyle03 {
		background: -moz-linear-gradient(bottom, #deedef, #fff);
		background: -webkit-linear-gradient(bottom, #deedef, #fff);
		background: linear-gradient(to top, #deedef, #fff);
		filter:progid:DXImageTransform.Microsoft.Gradient(#deedef, #fff);
	}
	.Sbtn.SbtnStyle03 i {
		color: #8cc5cd;
	}
	.SideBtn .accordion {
		padding: 0 .5em;
	}
	.SideBtn .accordion a {
		color: #333;
		text-decoration: underline;
		line-height: 1.6;
	}
	.SideBtn li.textIndent {
		padding-left: 1.2em;
		text-indent: -1.2em;
	}
	.SideBtn li.textIndent i {
		text-indent: 0;
	}
	.SideBtn i.textIndent:before {
		right: 15%;
		left: unset;
	}
	.aboutBox li {
		background-color: #fff;
		-moz-border-radius: 5px;
		     border-radius: 5px;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
		padding: .7em .5em;
		margin-top: 10px;
	}
	.aboutBox li i {
		color: #89afff;
		padding-right: .5em;
	}
	.aboutBox li:hover {
		background-color: #c3d6ff;
	}

/* == )MainArea PC == */
	main {
		margin-top: 15px;
	}
	main > .layout_left {
		width:740px;
/*		-webkit-box-flex:1;
		-webkit-flex:1 0 0%;
		-moz-box-flex:1;
		-ms-flex:1 0 0%;
		flex:1 0 0%;*/
	}
	#system main > .layout_left {
		width:100%;
	}
	main > .layout_right {
		display: block;
		margin-top:26px;
		margin-left:20px;
		width:200px;
	}
	.page {
		padding-top: 80px;
		margin-top: 0;
	}
	.topicpath {
		/* margin: 6px 0; */
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		min-height: 50px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.topicpath::before {
		width: 100vw;
	}
}

@media (max-width: 480px) {
	.br_spMax {
		display: block;
	}
	.primaryTitle {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.secondaryTitle {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.topicpath {
		-webkit-flex-flow: column;
		flex-flow: column;
		/* -webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		        -ms-grid-row-align: flex-start;
		        align-items: flex-start;
		font-size: 1rem; */
	}
}

@media (max-width: 959px) {
	header {
		/*position: fixed;
    z-index: 999;
    background-color: #fff;*/
    box-shadow: 0px 3px 3px 0px rgba(181, 181, 181, 0.6);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(181, 181, 181, 0.6);
    -moz-box-shadow: 0px 3px 3px 0px rgba(181, 181, 181, 0.6);
	}
	/*.header-contents {
		height: 12vw;
		margin: 0 auto;
	}*/
	.navicon-button {
		display: block;
		position: relative;
		-webkit-transition:0.25s;
		-moz-transition:0.25s;
		transition: 0.25s;
		cursor: pointer;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
		opacity: .8;
		z-index: 2;
	}
	.navicon-button .navicon:before, .navicon-button .navicon:after {
		-webkit-transition:0.25s;
		-moz-transition:0.25s;
		transition: 0.25s;
	}
	.navicon-button:hover {
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		transition: 0.5s;
		opacity: 1;
	}
	.navicon-button:hover .navicon:before, .navicon-button:hover .navicon:after {
		-webkit-transition:0.25s;
		-moz-transition:0.25s;
		transition: 0.25s;
	}
	.navicon-button:hover .navicon:before {
		top: .825rem;
	}
	.navicon-button:hover .navicon:after {
		top: -.825rem;
	}
	.navicon {
		display: block;
		position: relative;
		width: 3.5rem;
		height: .4125rem;
		background: #000;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		transition: 0.5s;
		-moz-border-radius: 2.5rem;
		     border-radius: 2.5rem;
	}
	.navicon:before, .navicon:after {
		display: block;
		content: "";
		height: .4125rem;
		width: 3.5rem;
		background: #000;
		position: absolute;
		z-index: -1;
		-webkit-transition:0.5s 0.25s;
		-moz-transition:0.5s 0.25s;
		transition: 0.5s 0.25s;
		-moz-border-radius: 1rem;
		     border-radius: 1rem;
	}
	.navicon:before {
		top: .825rem;
	}
	.navicon:after {
		top: -.825rem;
	}
	.open:not(.steps) .navicon:before,
	.open:not(.steps) .navicon:after {
		top: 0 !important;
	}
	.open .navicon:before,
	.open .navicon:after {
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		transition: 0.5s;
	}
	.open.x .navicon {
		background: transparent;
	}
	.open.x .navicon:before {
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
	.open.x .navicon:after {
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	#utilityNavi{
		display: none;
		width:100vw;
		height:100vh;
		background: rgba(24, 24, 24, 0.97);
		margin: 0;
		padding: 8vw 5vw 24vw;
		right:0;
		/*top:12vw;*/
		position: absolute;
		z-index: 1;
		-webkit-transform: translateX(50px);
		   -moz-transform: translateX(50px);
		        transform: translateX(50px);
		-webkit-transition:.5s;
		-moz-transition:.5s;
		transition: .5s;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
	}
	.open + #utilityNavi{
		display: block;
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		        transform: translateX(0);
		z-index: 2;
	}
	#utilityNavi li {
		width:100%;
	}
	.utility-list, .utility-list a {
		color: #fff;
	}
	.utility-item a {
    border: 1px solid;
    padding: 1rem;
    padding-left: 1.5rem;
	}
	.utility-list .utility-item:not(:first-of-type) a {
		border-top: inherit;
	}
	.utility-item a::before {
	  content: ">";
	  position: absolute;
	  top: 50%;
	  right: 1rem;
	  transform: translate(0,-50%) scale(0.6,1);
	  color: #fff;
	}
	#utility-list04 .utility-item:nth-of-type(4) {
		display: none;
	}
	.sp-pd-1 {
		padding: 0 1em;
	}
	.sp-pd-15 {
		padding: 0 1.5em;
	}
	.sp-pd-2 {
		padding: 0 2em;
	}

	/*main {
		margin-top: 13vw;
	}*/
}