@charset "utf-8";

/* DEFAULT */

*{
	margin:0; padding:0; zoom:1;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

html{ 
	width:100vw; height:100%;
	overflow-x:hidden; overflow-y:scroll;}

body{
	margin:0; padding:0;
	width:auto; height:100%;
	font:normal 12.6px/1.2 "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic"; color:#3b4754;
	background:#fff;}

h1, h2, h3, h4, h5, h6, p{ 
	margin:0; padding:0;
	font-weight:normal; font-size:12.6px;}
	
ul, ol, li, dl, dd, dt{margin:0; padding:0;} 

li{list-style:none; display:list-item; zoom:1;} 

object, embed{vertical-align:baseline;} 

label{cursor:pointer;}

img{margin:0; padding:0; border:none;}

br{letter-spacing:0;}

i{font-style:normal;}

a:link,
a:visited,
a:hover,
a:active{color:#3b4754; text-decoration:none; outline:none;}

.en{font-family:'Arial';}

.textL{font-size:18.3px !important;}
.textLM{font-size:15.6px !important;}
.textM{font-size:14.4px !important;}
.textMS{font-size:11.2px !important;}
.textS{font-size:10.8px !important;}
.textSS{font-size:9px !important;}

.textN{font-weight:normal !important;}
.textB{font-weight:bold   !important;}
.textI{font-style: italic !important;}
.textU{border-bottom:1px dotted #3b4754 !important;}

.white{	color:#ffffff !important;}
.black{	color:#3b4754 !important;}
.grey{	color:#9c9d9d !important;}
.red{	color:#e3558b !important;}
.blue{	color:#328ac9 !important;}
.green{	color:#00AFC1 !important;}
.orange{color:#ff993c !important;}

.bgWhite{	background:#ffffff !important;}
.bgBlack{	background:#3b4754 !important;}
.bgGrey{	background:#9c9d9d !important;}
.bgRed{		background:#e3558b !important;}
.bgBlue{	background:#328ac9 !important;}
.bgGreen{	background:#00AFC1 !important;}
.bgOrange{	background:#ff993c !important;}

.bgGreyO{	background:#f0f3f2 !important;}
.bgRedO{	background:#fceef3 !important;}
.bgBlueO{	background:#eef6fc !important;}
.bgGreenO{	background:#e1f6f4 !important;}

.redSet{background:#e3558b !important; color:#fff !important;}

.C{display:block; text-align:center	 !important;}
.R{display:block; text-align:right	 !important;}
.L{display:block; text-align:left	 !important;}
.J{display:block; text-align:justify !important;}

.round2{border-radius:2px;}

@font-face {
	font-family:'icon';
	src:url('/_assets/fonts/new/fonts/icon.ttf?8s351e') format('truetype'), url('/_assets/fonts/new/fonts/icon.woff?8s351e') format('woff'), url('/_assets/fonts/new/fonts/icon.svg?8s351e#icon') format('svg');
	font-weight:normal; font-style:normal; font-display:block;}

.icon{
	font-family:'icon' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; letter-spacing:0; -webkit-font-feature-settings:"liga"; -moz-font-feature-settings:"liga=1"; -moz-font-feature-settings:"liga"; -ms-font-feature-settings:"liga" 1; font-feature-settings:"liga"; -webkit-font-variant-ligatures:discretionary-ligatures; font-variant-ligatures:discretionary-ligatures; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/* SETLIST */

#base{
	position:relative;
	margin:0 auto; padding:0;
	width:100vw; min-width:1130px; min-height:100%; height:auto;
	background:#f0f3f2;}

header{
	position:relative;
	margin:0; padding:0;
	width:100vw; min-width:1130px; height:114px;
	background:#fff;}

nav{
	position:relative;
	margin:0; padding:0;
	width:100vw; min-width:1130px; height:48px;
	background:#3b4754;}

#main{
	position:relative;
	margin:0; padding:18px 0 18px 0;
	width:100%; height:auto;}

#side{
	position:relative;
	float:left;
	padding:0;
	width:336px; height:100%;}

#extra{
	position:relative;
	margin:0; padding:18px 0 0;
	width:100vw; height:auto;
	background:#fff; border-top:1px solid #3b4754;}

footer{
	position:relative;
	margin:0; padding:0;
	width:100vw; min-width:1130px; height:auto;
	background:#fff;}

.wrap{
	position:relative;
	margin:0 auto; padding:0;
	width:auto; max-width:1130px; height:auto;}


/* HEAD */

header .wrap a{
	position:absolute; top:0; left:0;
	width:380px; height:102px;}

	header .wrap a:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

	header .wrap p{
		position:absolute; top:71px; left:125px;
		font-size:11px;}

	header .adAreaHead{
		position:absolute; top:7px; right:0;
		width:728px !important; height:90px !important; overflow:hidden !important; background:#F0F3F2;}


/* GLOBAL MENU */

nav .wrap ul{height:48px;}
nav .wrap ul:after{content:url('/_assets/img/space.gif'); display:block; clear:both; height:0;}

nav .wrap ul#gMenu li{
	float:left;
	display:inline-block;
	width:auto; height:100%;
	border-right:1px solid #656d75;}

	nav .wrap ul#gMenu li:last-child{border-right:none;}

	nav .wrap ul#gMenu li a{
		display:block;
		padding:0 22.8px;
		min-width:9em; height:100%;
		color:#fff; font-size:12px; line-height:48px; text-align:center;}

	nav .wrap ul#gMenu li a.active,
	nav .wrap ul#gMenu li a:hover{background:rgba(255,255,255,.15); border-bottom:3px solid #e3558b;}

nav .wrap ul#contact{position:absolute; top:0; right:0;}

	nav .wrap ul#contact li{
		float:left;
		margin-left:28px;
		width:28px; height:100%;
		background:#fff;}

	nav .wrap ul#contact li:nth-of-type(1) a{background:#00aced;}
	nav .wrap ul#contact li:nth-of-type(2) a{background:#3c5b99;}
	nav .wrap ul#contact li:nth-of-type(3) a{background:#a6a9ac;}

	nav .wrap ul#contact li a{
		display:inline-block;
		width:100%; height:100%;
		text-align:center; font-size:20px; color:#fff; line-height:52px;}

	nav .wrap ul#contact li a:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

/* MAIN */

#main .wrap{display:flex;}
#main .wrap:after{content:url('/_assets/img/space.gif'); display:block; clear:both; height:0;}

.contents{
	float:left;
	margin:0 12px 0 0;
	width:782px; height:auto;}

.titleArea{
	position:relative;
	margin-bottom:12px; padding:13px 0 0 74px;
	width:100%; height:60px;
	background:#fff;}

	.titleArea .contentsTitle{
		display:block;
		margin-bottom:2px;}

	.titleArea span:after{
		content:url('/_assets/img/logo_headline.svg');
		position:absolute; top:0; left:0;
		width:60px; height:60px;}

	.titleArea p{
		position:absolute; top:19px; right:0;
		padding:0 8px;
		width:auto; height:20px;
		color:#fff; line-height:21.5px;
		background:#ff993c; border-top-left-radius:2px; border-bottom-left-radius:2px;}

.contents .article{
		position:relative;
		margin:0 0 12px; padding:18px;
		width:100%; height:auto;
		background:#fff;}

	.contents .article:last-child{margin-bottom:0;}

.headLine{
	position:relative;
	margin:0 0 18px; padding:7px 12px 5px;
	width:100%; height:auto;
	font-weight:bold;
	background:linear-gradient(90deg, #eef1f1, #fff); border-radius:2px;}

	.headLine .sLink{position:absolute; bottom:3px; right:12px;}
	.headLine .balloon{position:absolute; top:-30px; left:-42px; width:47px; height:43px;}

	.headLine .link{
		width:auto; height:auto;
		position:absolute; top:0; right:0; z-index:10;
		margin:0 !important; padding:0 !important;}

	.headLine .link li{margin:0; border-bottom:1px solid #fff; background:#328AC9;}
	.headLine .link li:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
	.headLine .link li:last-child{border-bottom:none; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}
	.headLine .link li a{display:block; color:#fff; padding:5px 8px 4px; line-height:1.5; font-weight:normal;}

	.text{
		position:relative;
		padding:0 12px 18px;}

	.text:nth-last-of-type(1){padding-bottom:0;}

	.text .headLineS{
		margin:0 0 15px; padding:2px 9px;
		font-weight:bold;
		border-bottom:1px solid #3B4754;}

	.text > div{
		padding-bottom:6px;
		line-height:1.8;}

	.text > div strong{display:block; margin-bottom:8px;}

	.text > ol,
	.text > ul{padding:0 0 6px 12px;}

	.text > ol li,
	.text > ul li{margin:0 0 6px 6px; padding-left:6px; line-height:1.8;}

	.text > ol li:nth-last-of-type(1),
	.text > ul li:nth-last-of-type(1){margin-bottom:6px;}

	.text div:nth-last-of-type(1),
	.text ol:nth-last-of-type(1),
	.text ul:nth-last-of-type(1){margin-bottom:0; padding-bottom:0;}

	.text ul li a,
	.text ul li span,
	.text ol li a,
	.text ol li span{
		display:inline-block;
		padding:0 3px; margin:0 3px; width:auto;
		width:auto; height:auto;
		border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

	.text ul li a:hover,
	.text ol li a:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}


	.text .number li{list-style-type:decimal;}
	.text .dot li{list-style-type:disc;}
	.text .mark li{list-style-image:url('/_assets/img/mark/checkList.png');}

	.text .sup{
		display:block !important; 
		padding:5px 10px 6px; margin:3px 0 8px;
		width:100% !important; height:auto;
		background:#f2f2f2;}

.sup{border-top-left-radius:2px; border-bottom-left-radius:2px;}

	.article .insert{
		position:relative;
		margin:0 0 18px;}

	.article .insert img{width:100%;}

	.article .insert p{
		position:absolute; top:50%; left:0;
		margin-top:-12px;
		width:100%; height:auto;
		color:#e3558b; font-size:18px; text-align:center;}

	.article .submitBox{padding:6px 0 !important;}

		.article .submitL,
		.article .submitM,
		.article .submitS{
			position:relative;
			display:inline-block;
			height:96px;
			text-align:center; line-height:74px;
			margin:0 auto; padding:0 !important;
			border:10px solid #F0F3F2 !important; border-radius:2px;
			cursor:pointer;}

		.article .submitL{width:100%;}
		.article .submitM{width: 50%;}
		.article .submitS{width: 25%;}

		.article .submit:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
		.article .submitS:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

.adAreaContentsBottom{
		margin:0; padding:18px 0 0;
		width:100%; height:auto;
		text-align:center;
		border-top:1px solid #3b4754;}

.adAreaContentsBottomDouble{
		margin:0; padding:18px 0 0;
		width:100%; height:auto;
		text-align:center;
		border-top:1px solid #3b4754;}

	.adAreaContentsBottomDouble > div{
		display:inline-block;
		margin:0 12px;
		width:49.5%; max-width:336px; height:auto; max-height:280px; overflow:hidden;}

#relatedContents{
	padding-bottom:6px;
	font-weight:bold !important;}

	#relatedContents div{padding:0 12px 2px;}

	#relatedContents ul li{
		float:left;
		margin:0 2% 0.8em 0; padding-right:0.5em;
		width:49%; height:auto;
		font-size:14px; border-radius:2px;}

	#relatedContents ul li:nth-of-type(2n){margin-right:0;}

	#relatedContents ul li a{display:inline-block; padding:0.25em 0.5em;}
	#relatedContents ul li a:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

	#relatedContents ul:after{content:url('/_assets/img/space.gif'); display:block; clear:both; height:0;}

	.googleContents{
		position:relative;
		padding:12px 12px 18px;}

/* SIDE */

	#side #serchType{width:100%; height:20px;}
	#side #serchType .serchSound,
	#side #serchType .serchSE,
	#side #serchType .serchComposer{
		float:left;
		margin:0 3px 0 0;
		width:110px; height:100%;
		color:#fff; font-size:10px; text-align:center; line-height:20px;
		background:#707070;
		cursor:pointer;}

	#side #serchType li:nth-of-type(3){margin-right:0 !important;}

	#side #serchType li.active{
		font-size:12.6px; line-height:24px;
		background:#00b0c1;}

	#side #serchType:after{content:url('/_assets/img/space.gif'); display:block; clear:both; height:0;}

	#side form.serchForm{
		position:relative;
		display:none;
		padding-top:7px; margin:0 0 12px;
		width:100%; height:40px;
		background:#00b0c1;}

	#side form.serchForm:nth-of-type(1){display:block;}

	#side form.serchForm input{
		position:relative; z-index:100;
		width:215px; height:26px;
		padding-left:29px; margin:0 0 0 12px;
		background:#fff url('/_assets/img/mark/searchBox/glass.png') -1px 3px no-repeat;
		letter-spacing:-0.2px;
		border:none; border-radius:2px;}

	#side form.serchForm input:focus{width:312px;}

	#side form.serchForm a{
		position:absolute; top:9px; z-index:10;
		display:block;
		width:23px; height:23px;
		text-align:center; line-height:29px;
		border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; background:#fff;}

	#side form.serchForm a span{color:#999; font-size:16px;}
	#side form.serchForm a:hover span{color:#c0c0c0;}
	#side form.serchForm a:nth-of-type(1){right:74px;}
	#side form.serchForm a:nth-of-type(2){right:42px;}
	#side form.serchForm a:nth-last-of-type(1){right:10px;}

#side .adAreaSideTop{width:336px; height:auto; max-height:280px; overflow:hidden; margin-bottom:12px; background:#fff;}

#side .contents{position:relative; width:100%; height:100%; margin-bottom:12px; background:none;}

#side .titleAreaSide{
		position:relative;
		margin:0; padding:8px 0 0 50px;
		width:100%; height:40px;
		background:#fff;}

	#side .titleAreaSide span:after{
		content:url('/_assets/img/logo_headline.svg');
		position:absolute; top:0; left:0;
		width:40px; height:40px;}

	#side .titleAreaSide .sideHeadLine{
		display:block; margin:0 0 1px;
		line-height:1;}

	#side .titleAreaSide span{letter-spacing:0.2px;}
	#side .titleAreaSide a{
		position:absolute; top:38%; right:0; display:inline-block; padding:1.5px 4px 0.5px;
		font-size:10px;
		border-top-left-radius:2px; border-bottom-left-radius:2px;}

	#sideMenu{padding:12px 0 6px; margin-bottom:12px; background:#fff;}

	#sideMenu dl{
		width:auto; height:auto;
		padding:0 0 3px; margin-bottom:6px;
		line-height:1.3;}

	#sideMenu dl dt{
		padding:6px 0 0 12.5px;
		font-size:12.3px; 
		cursor:pointer;}

	#sideMenu dl dd{
		margin:3px 0 0 26px; padding:6px 0 0 20px;
		font-size:11.5px; 
		display:none;}

	#sideMenu dl dt:hover{color:#9c9d9d;}
	#sideMenu dl dd:hover{background:#e1f6f4;}

	#sideMenu dl dt span,
	#sideMenu dl dd span{
		display:inline-block;
		margin-right:17px; padding:2px 0 1px;
		width:20px; height:20px;
		text-align:center; line-height:1;}

	#sideMenu dl dd span{margin-right:15px;}
	#sideMenu dl dd:nth-last-of-type(1){margin-bottom:0;}

#div-gpt-ad-1680857471997-0{position:sticky; top:0; width:336px; height:auto; text-align:center; overflow:hidden; background:#fff;}

/* EXTRA */

#extra .content{
		width:1130px; height:auto;
		margin:0 auto;
		padding:0;
		position:relative;}

	#extra .content:after{content:url('/_assets/img/space.gif'); display:block; clear:both; height:0;}

.extraBlock{ 
		float:left;
		position:relative;
		margin:0 23px 24px 12px;
		width:250px; height:200px; overflow:hidden; border-radius:2px;}

	.extraBlock:nth-last-of-type(1){margin-right:0;} 

	.extraBlock a:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

	.extraBlock dl{
		position:absolute; top:0; left:0;
		width:250px; height:200px; overflow:hidden;
		font-size:10px;}

	.extraBlock dt{
		position:absolute; top:0; left:0; z-index:2;
		padding:6px 0 0 9px;
		width:250px; height:28px;
		color:#e2e1e9;
		background:#3b4754;}

	.extraBlock dt p{
		font-size:16px;
		margin:0 0 9px;
		font-family:Helvetica;
		color:#e3558b;}

	.extraBlock dt p span{color:#fff; font-size:10px; margin-right:.6em;}

	.extraBlock dt i{position:absolute; right:9px; bottom:6px;}

	.extraBlock dd:nth-of-type(1){
		position:absolute; bottom:0; left:0; z-index:2;
		padding:0 9px 0 0;
		width:250px; height:26px;
		color:#e2e1e9; line-height:26px; text-align:right;
		background:#3b4754;}

	.extraBlock dd:nth-of-type(2){
		position:absolute; top:0; left:0; z-index:1;
		margin:0; padding:0;
		width:auto; height:auto;}

/* FOOT */

footer .wrap{
	width:1130px; height:auto;
	padding:36px 0 42px;
	border-top:1px solid #3b4754;}


	footer .logo{
		float:left;
		margin:0 60px 0 8px;
		width:200px; height:42px;}

	footer .logo:hover{filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}

	footer ul{width:auto; height:40px;}

	footer ul li{
		display:inline-block;
		margin-left:30px; padding-top:18px;}

	footer ul li a:hover{color:#9c9d9d;}

	#pageTop{
		position:fixed; bottom:136px; right:0; z-index:150;
		padding:4px;
		background:#3b4754; border-top-left-radius:2px; border-bottom-left-radius:2px;
		cursor:pointer;}

	#pageTop img{width:26px; height:26px;}

	footer #copyRight{
		width:100%; height:60px;
		padding-bottom:184px;
		text-align:center; line-height:60px; letter-spacing:2px;}

#im_panel_pc{
	position:fixed; bottom:0; left:0; right:0;
	width:100%; background:rgba(255,255,255,1.00); z-index:99998; text-align:center; transform:translate3d(0,0,0);
	padding:18px;
	width:100%; height:auto; text-align:center;
	background:rgba(255,255,255,1.00); border-top:1px solid #e8e8e8;}

#im_panel_pc_close{
	position:absolute; top:-40px; left:0; z-index:100000;
	display:inline-block; width:40px; height:40px;
	text-align:center; color:#3B4754;
	background:rgba(255,255,255,1.00); border:1px solid #e8e8e8; border-bottom:none; border-radius:2px 2px 0 0; cursor:pointer;}

#div-gpt-ad-1680857412192-0{margin:auto; text-align:center; z-index:99999;}