@charset "UTF-8";

/* layout.cssから移行 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  */

/*--------------------------------------------------------------------------------
wrapMaxCol
--------------------------------------------------------------------------------*/
.wrapMaxCol{ width:100%; margin:0 auto; min-width:960px;}

/*--------------------------------------------------------------------------------
mainSection
--------------------------------------------------------------------------------*/
#contents .mainSection {
	width:960px;
	margin:0 auto 39px;
}
#contents .mainvisual_guide {
	width:1200px;
	height:257px;
	margin:0 -120px;
	overflow:hidden;
	position:relative;
	z-index:500;
}

/* style.cssから移行 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  */

div.mainSection #listAnchers {
	margin-top:24px;
	margin-bottom:48px;
}
div.mainSection #listAnchers ul {
	width:960px;
}
div.mainSection #listAnchers ul li{
float:left;
	margin-right:20px;
	margin-bottom:0;
	white-space:nowrap;
	font-size: 80%;
	background: url("/common/images/ico_down_01.gif") no-repeat scroll left 3px transparent;
	font-weight: bold;
	padding: 4px 0 4px 21px;
}

/* ------ リンク画像 ------ */
div.linkimg {
	position: relative;
	margin-bottom:5px;
}
div.linkimg .linkIco01 {
	display: block;
	left: 8px;
	position: absolute;
	top: 8px;
}

/* リンク画像上の矢印アイコン（内部） */
.imglinkIcon:after {
	position:absolute;
	content: url(/ec/common/images/ico_link_01p.png);
	z-index: 1;
	left: 8px;
	top: 8px;
}
/* リンク画像上の矢印アイコン（外部） */
.imglinkIconW:after {
	position:absolute;
	content: url(/common/images/ico_pop_02.gif);
	z-index: 1;
	left: 8px;
	top: 8px;
}


/* ------ 外部リンクアイコン ------ */
.iLinkW {
	background: url("/common/images/ico_pop_02.gif") no-repeat scroll left 3px transparent;
	display: block;
	padding: 1px 0 0 21px;
}
/* インラインの外部リンク */
.iLinkWLine {
	padding-left: 21px;
	background: url(/common/images/ico_pop_01.gif) no-repeat 3px 0.2em;
}
.fsM .iLinkWLine,
.fsS .iLinkWLine{background-position: 3px 0em;}

/* ------ リスト ------ */
.lsDt li {list-style: disc outside none; margin-left: 20px;}
html > body .lsDt li {margin-left: 18px;}
.lsCc li {list-style: circle outside none; margin-left: 20px;}
html > body .lsCc li {margin-left: 18px;}
.lsSq li {list-style: square outside none; margin-left: 20px;}
html > body .lsSq li {margin-left: 18px;}
.lsNm li {list-style: decimal outside none;	margin-left: 26px;}
html > body .lsNm li {margin-left: 20px;}
.lsN li {list-style: none outside none; margin-left: 0;}
/*入れ子解除*/
.lsCc .lsDt li {list-style: disc outside none;}
.lsSq .lsDt li {list-style: disc outside none;}
.lsSq .lsCc li {list-style: circle outside none;}
.lsSq .lsNm li {list-style: decimal outside none;}
.lsNm .lsDt li {list-style: disc outside none;}
.lsNm .lsCc li {list-style: circle outside none;}
.lsNm .lsSq li {list-style: square outside none;}

/* ------ 余白 ------ */
html body div#contents div.wrapMaxCol div#mainSection .m0 {
	margin: 0px;
}
html body div#contents div.wrapMaxCol div#mainSection .mt0 {
	margin-top: 0px;
}
html body div#contents div.wrapMaxCol div#mainSection .mb0 {
	margin-bottom: 0px;
}
html body div#contents div.wrapMaxCol div#mainSection .mr0 {
	margin-right: 0px;
}
html body div#contents div.wrapMaxCol div#mainSection .ml0 {
	margin-left: 0px;
}
/* ------ ボーダー ------ */
.bdR {border: solid 1px #ff0000;}
.bdG {border: solid 1px #ccc;}


/* clearfix */
#listAnchers:before, #listAnchers:after,
h3:before, h3:after {
	content: " ";
	display: table;
}
#listAnchers:after,
h3:after{
	clear: both;
}
#listAnchers,
h3{
	*zoom: 1;
}

html body#ec div#contents div.wrapMaxCol div.mainSection h2:before,
html body#ec div#contents div.wrapMaxCol div.mainSection h2:after {
	content: " ";
	display: table;
}
html body#ec div#contents div.wrapMaxCol div.mainSection h2:after {
	clear: both;
}
html body#ec div#contents div.wrapMaxCol div.mainSection h2 {
	*zoom: 1;
}

/* ------ indent ------ */
.indent1 { padding-left:1em; text-indent:-1em; }

/* ------ 上付き文字 ------ */
sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
}


/* グレーのボックス（パディングは別途指定する） */
div.graybox {
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}


/* --------------------
CMSテンプレ用 2019年
-------------------- */

/* テキスト版メイン作成 */
div.mainvisual_guide2 div.mainimg_flR{float:right;}
div.mainvisual_guide2 div.maintext_flL{float:left;}
div.mainvisual_guide2 div.maintext_flL p.fs200 {font-size:200%;font-weight:bold;}
div.mainvisual_guide2 div.maintext_flL p.fs300 {font-size:300%;font-weight:bold;}
div.mainvisual_guide2 div.maintext_flL p.fs400 {font-size:400%;font-weight:bold;}

/* メインの外枠 */
#contents .mainvisual_guide2{
	border: 1px #e9e9e9 solid;
	/*padding: 20px 20px 0px 20px;*/
	padding: 20px;
	overflow: hidden;
	margin: 0;
	width: auto;
	height: auto;
}



/*内部リンクボタン*/
.btn_internal{
	box-sizing: border-box;
	display: inline-block;
	padding: 1.25em 4em;
	background: #005AB4;
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1.35;
	width:90%;
	max-width:400px;

	background-image: url("/common/images/ico_link_02.png");
	background-repeat: no-repeat;
	background-position: 7% 50%;
}

/*外部リンクボタン*/
.btn_external{
	box-sizing: border-box;
	display: inline-block;
	padding: 1.25em 4em;
	background: #005AB4;
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1.35;
	width:90%;
	max-width:400px;

	background-image: url("/common/images/ico_pop_03.gif");
	background-repeat: no-repeat;
	background-position: 7% 50%;
}




/* オンマウス時に画像が半透明 */
.alpha a:hover img,
.alpha a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* 共通 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  */

/* ------ 段組み用 ------ */
.dispFlex{
	display:flex;
	flex-wrap: wrap;
}

/* ------ 見出し ------ */

.head02{
	border: solid 1px #e5e5e5;
	border-top: solid 4px #4094e9;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	padding: 12px 0 10px 14px;
}
.head03{
	background-color: #e0effd;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 5px 14px;
}
.head04{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 10px;
	border-left:solid 6px #044ca3;
}

/* ------ BoxArea ------ */
.BoxArea {
    border: solid 1px #e5e5e5;
	margin: 30px 0;
    padding: 14px;
}

/*div.imgblock img.imgwideではなく imgへの指定に変更*/
.dispFlex img {
	width: auto;
	height: auto;
	max-width: 100%;
	padding:0px auto;
}

#contents .ttl h1{
    font-size: 150%;
    line-height: 1.1em;
    letter-spacing: 0.025em;
    padding-bottom:10px;
}


/* ダウンロードボタン */
.dl_btn,
.dl_btn_tm {
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;

	border-bottom-left-radius:4px;
	text-indent:0;
	display:inline-block;
	color:#fff !important;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	width:400px;
	padding: 10px;
	text-decoration:none;
	text-align:center;
	background-color: #005AB4;
}


/* share */
#ec .share_title {
	font-size: 30px;
	text-align: center;
}
#ec .share_list {
	margin: 25px auto 0;
}
#ec .share_list ul {
	text-align: center;
}
#ec .share_list ul li {
	vertical-align: top;
	display: inline-block;
	position: relative;
	margin: 0 15px;
}


/* FAQレイアウト */
.faq_q:before {
    content: 'Q';
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 50%;
    background-color: #8bc7fe;
    display: inline-block;
    right: -2.5em;
    margin: 0 0.5em 0 -2.3em;
    padding: 0.2em 0.55em;
}

.faq_q {
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 2.5em;
}

.faq_a:before {
	content: 'A';
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 50%;
	background-color: #fcb671;
	display: inline-block;
	right: -2.5em;
	margin: 0em 0.5em 0 -2.3em;
	padding: 0.2em 0.55em;
}

.faq_a{
	margin-bottom: 30px;
	margin-left: 2.5em;

	border-bottom: dotted 0.5px #ccc;
	padding-bottom: 1em;
	/*font-size: 90%;*/
}

.tel a{
    font-size: 25px;
    line-height: 1em;
    letter-spacing: 0em;
    margin: 15px 0;
    font-weight: bold;
}

img.mainPC_inlineB {display:inline-block;}
img.mainSP_inlineB {display: none;}


/* 中間幅PC ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width:970px) and (min-width: 768px) {

	#contents .mainSection{
		padding:10px;

	}
}

/* モバイル・sp ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width:767px) {

	body {
		-webkit-text-size-adjust: 100%;
		box-sizing: border-box;
		width: 100% !important;
		min-width: 100%;
		font-family: sans-serif;
	}

	div.linkimg img {width:auto; height:auto; max-width:100%;}
	div.linkimg img.linkIco01 {width:15px;}
	.dl_btn_tm {width:90% !important;}
	img.mainPC {display: none;}
	
	img.mainPC_inlineB {display: none;}
	img.mainSP_inlineB {display: inline-block; max-width:100%;}
	div.mainSection h3.bgb {
		background-color: #e0effd;
		display: block;
		width:100%;
		width:auto;
		height:auto;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 14px;
		padding: 3px 14px;
	}
	a:hover {
		opacity: 1;
	}
	#global_container {
		min-width: 100%;
	}
	#main,
	#ec {
		width: 100% !important;
	}
	#topicPath {
		box-sizing: border-box;
		width: 100%;
		padding: 5px 2% 20px 2%;
	}
	#contents {
		box-sizing: border-box;
		min-width: 100%;
		padding: 0 2%;
	}
	.mainSection,
	.mainvisual_guide,
	.wrapMaxCol {
		width: 100% !important;
		height:auto;
		margin: 0;
	}
	.wrapMaxCol,
	div.mainSection #listAnchers ul
	{
		width: 100% !important;
		margin: 0 auto;
		min-width: 100% !important;
	}
	div.mainSection #listAnchers {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#contents .mainvisual_guide {
		width: 100% !important;
		min-width: 100% !important;
		margin: 0 auto;
		margin: 0;
		overflow: hidden;
		position: relative;
		z-index: 500;
		height: auto;
	}
	#contents .mainvisual_guide img {
		width: 100% !important;
		min-width: 100% !important;
		height:auto;
	}
	#contents .ttl h1{
		font-size: 110%;
		line-height: 1.1em;
		letter-spacing: 0.025em;
		padding-bottom:10px;
	}

	.flL { float:none; }
	.flR { float:none; }

	div.flL.w20,
	div.flL.w25,
	div.flL.w30,
	div.flL.w35,
	div.flL.w40,
	div.flL.w45,
	div.flL.w48,
	div.flL.w49,
	div.flL.w50,
	div.flL.w55,
	div.flL.w60,
	div.flL.w65,
	div.flL.w70,
	div.flL.w75,
	div.flL.w80,
	div.flL.w85,
	div.flL.w90,
	div.flL.w95,
	div.flR.w45	{width:100%;}

	/* テキスト版メイン作成 */
	div.mainvisual_guide2 div.maintext_flL p.fs200 {font-size:120%;font-weight:bold;}
	div.mainvisual_guide2 div.maintext_flL p.fs300 {font-size:180%;font-weight:bold;}
	div.mainvisual_guide2 div.maintext_flL p.fs400 {font-size:220%;font-weight:bold;}
	.mainimg_flR {width: 100%; text-align: center;}
	.mainimg_flR img{width:auto; height:auto; max-width:90%; margin-top:10px;}


	/* share */
	#ec .share_title {font-size: 3.5vw;}

	/*小さい文字内の外部リンクアイコン*/
	.fsM .iLinkWLine,
	.fsS .iLinkWLine{
		background-position: 3px 0em;
		background-size: 13px 13px;
	}
	.fsM .iLink02,
	.fsS .iLink02{
		background-position: 3px 0.2em;
		background-size: 13px 13px;
	}

	/* スライド */
	.smp_slide{
		overflow:auto !important;
		-webkit-overflow-scrolling: touch;
		border:2px solid #eaeaea;
		margin-top:3px;
		border-radius:4px;
		padding: 0 0px 7px;
	}
	.smp_slide > table{
		width:940px !important;
		max-width:initial !important;
	}



}

/* パソコン・PC ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-width: 768px) {

	.mobile,
	#footNav,
	.headLogo,
	.mainsp {display: none;}

	#topicPath li {
		display: inline-block;
		padding-right: 13px;
		margin-right: 7px;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}

	.dl_btn_tm {width:400px !important;}
	.flR {float:right;}

}

/* print ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media print {
	.mobile,
	#footNav,
	.pagetopBlockSP {
		display: none;
	}
}



/* orderBtn ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.order{
    text-align: center;
}

.orderBtn{
    display:inline-block;
    width:350px;
    margin-right:20px;
}

.orderBtn:last-child{
    margin-right:0;
}


.orderLink{
    box-sizing: border-box;
    display: block;
    padding: 15px 10px;
    background: #005AB4;
    font-size: 1.125rem;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    line-height: 1.35;
    background-image: url(/common/images/ico_pop_03.gif);
    background-repeat: no-repeat;
    background-position: 7% 50%;
}


@media screen and (max-width: 767px) {

.orderBtn{
    display: block;
    width:90%;
    max-width:350px;
    margin:0 auto 10px;
}

.orderBtn:last-child{
    margin:0 auto;
}


.orderLink{
    background-position: 4% 50%;
}


}