@charset "UTF-8";

/*base setting*/

#contents img { border: none;}
#contents sup { font-size: 70%; vertical-align: baseline; position: relative; top: -1ex;}

#contents h1, #contents h2, #contents h3 { margin: 0; padding: 0 0 10px 0; background: none !important; border: none !important;}

#contents p { font-size: 14px; line-height: 2.0em; letter-spacing: 0.05em; margin: 0; padding: 0 0 20px 0; color: #333;}
#contents p.lead { font-size: 16px; text-align: center;}
#contents p.caution { font-size: 10px !important; line-height: 1.4em !important; font-weight: normal !important; padding: 0 !important; margin-top: 5px !important; text-align: left !important;  letter-spacing: 0em !important;}

#contents .clear { clear:both;}
#contents *:first-child+html .clear { clear: both !important; visibility: hidden; height: 0px; overflow : hidden !important;}

#contents .center { text-align: center;}
#contents .left { text-align: left;}
#contents .right { text-align: right;}

#contents .flotLeft { float: left;}
#contents .flotRight { float: right;}

/*link*/

.closelink { width: 4em; margin-left: auto; font-size: 12px; color: blue; text-decoration: underline; cursor:pointer; }

/*clearance*/
#contents .mb0 { margin-bottom: 0px;}
#contents .mb05 { margin-bottom: 5px;}
#contents .mb10 { margin-bottom: 10px;}
#contents .mb15 { margin-bottom: 15px;}
#contents .mb20 { margin-bottom: 20px;}
#contents .mb30 { margin-bottom: 30px;}
#contents .mb40 { margin-bottom: 40px;}
#contents .mb50 { margin-bottom: 50px;}
#contents .mb60 { margin-bottom: 60px;}
#contents .mb90 { margin-bottom: 90px;}

/*clearance*/
#contents .mt0 { margin-top: 0px;}
#contents .mt05 { margin-top: 5px;}
#contents .mt10 { margin-top: 10px;}
#contents .mt15 { margin-top: 15px;}
#contents .mt20 { margin-top: 20px;}
#contents .mt25 { margin-top: 25px;}
#contents .mt30 { margin-top: 30px;}
#contents .mt50 { margin-top: 50px;}
#contents .mt60 { margin-top: 60px;}

/*clearance*/
#contents .mr0 { margin-right: 0px;}
#contents .mr03 { margin-right: 3px;}
#contents .mr05 { margin-right: 5px;}
#contents .mr10 { margin-right: 10px;}
#contents .mr15 { margin-right: 15px;}
#contents .mr20 { margin-right: 20px;}
#contents .mr25 { margin-right: 25px;}
#contents .mr30 { margin-right: 30px;}
#contents .mr40 { margin-right: 40px;}
#contents .mr50 { margin-right: 50px;}
#contents .mr60 { margin-right: 60px;}
#contents .mr75 { margin-right: 75px;}
#contents .mr100 { margin-right: 100px;}

/*clearance*/
#contents .ml05 { margin-left: 5px;}
#contents .ml10 { margin-left: 10px;}
#contents .ml15 { margin-left: 15px;}
#contents .ml20 { margin-left: 20px;}
#contents .ml25 { margin-left: 25px;}
#contents .ml30 { margin-left: 30px;}
#contents .ml60 { margin-left: 60px;}

/*contena*/
#contents { margin: 0 auto !important; padding-bottom: 20px;}
#contents .visual { width: 920px;  margin: 0 auto;}
#contents .hidebox { width: 909px; padding: 0 0 30px 11px; margin: 20px auto;}
#contents .hidebox .chapt { width: 898px; padding-bottom: 20px;}


#contents .intrbox { width: 909px; padding: 0 0 30px 11px; margin: 20px auto;}
#contents .intrbox .chapt { width: 898px; padding-bottom: 20px;}
#contents .intrbox .div1_1 { width: 888px; margin: 0 0 0 10px !important; padding-top: 20px !important;}


/* 1 glid parts */
.hidebox .div1_1 { width: 888px; margin: 0 0 0 10px !important; padding-top: 20px !important;}

/* 2 glid parts */
.hidebox .div2_1 { width: 434px; margin: 20px 0 0 10px !important; float: left;}
.hidebox .div2_1 p { width: 420px;}
.hidebox .div2_2 { width: 212px; margin: 0 0 0 10px !important; float: left;}
.hidebox .div2_2.left { margin-left : 0 !important;}
.hidebox .div2_2 p { width: 212px; font-size: 12px !important; line-height: 1.4em !important;}

/* 3 glid parts */
.hidebox .div3_1 { width: 286px; margin: 20px 0 0 10px !important; float: left;}
.hidebox .div3_2 { width: 582px; margin: 20px 0 0 10px !important; float: left;}

/* 4 glid parts */
.hidebox .div4_1 { width: 212px; margin: 20px 0 0 10px !important; float: left;}
.hidebox .div4_1.pho p { font-size: 12px !important; line-height: 1.4em !important; letter-spacing: 0em !important; margin: 5px 0 5px 0 !important; padding: 0;}

/* contents */
#contents .visual h2 { margin: 30px 0 !important; text-align: center; word-wrap: break-word;}
#contents .visual p { font-size: 17px; line-height: 1.6em; letter-spacing: 0.3em; font-weight: bold; padding: 30px 0 10px 20px; text-align: center; word-wrap: break-word;}
#contents .visual .next { width: 900px; margin: 20px auto !important;}
#contents .visual .next a { display: block;}

#contents .next { width: 900px; margin: 20px auto !important;}

.pho p { font-size: 12px !important; line-height: 1.4em !important; letter-spacing: 0em !important; margin: 5px 0 5px 0 !important; padding: 0; word-wrap: break-word;}

/* ui */
#contents .btnbox { width: 909px; padding: 0 0 30px 11px; margin: 20px auto;}
.btnbox ul.twobtns { width: 843px; height: 102px; margin: 0 auto; padding: 28px 0 0 0; list-style-type: none; background: #FFF; border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: flex;
	justify-content: center;
	column-gap: 40px;
}
.btnbox ul.twobtns li { width: 344px; height: 74px; }
.btnbox ul.onebtn { width: 878px; height: 102px; margin: 0 0 0 10px; padding: 10px 0 0 0; list-style-type: none; background: #FFF; border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;}
.btnbox ul.onebtn li { display: block; width: 564px; height: 94px; margin: 0 auto;}

.mov { width: 878px; margin: 40px auto !important;}

.closebox ul.closebtn{ width: 878px; height: 80px; margin: 0 0 0 0; padding: 10px 0 0 0; list-style-type: none; border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;}

.closebox ul.closebtn li { display: block; width: 250px; height: 70px; margin: 0 auto;}

.leadtext {font-size: 20px !important; line-height: 1.4em !important; font-weight: bold; padding-bottom: 5px; }
.mainleadtext {font-size: 20px !important; line-height: 1.4em !important; font-weight: bold; padding-bottom: 5px; text-align: center;}

/* Movie */
#TB_overlay{
	position : fixed;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.5);
	display : none;
}
#TB_windowWrap{
	position : fixed;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	display : none;
	z-index: 101;
}
#TB_closeAjaxWindow{
	float : right;
}
#TB_window{
	width: 850px;
	display : none;
	box-sizing: border-box;
	height : 574px;
	position: absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
	background-color: #fff;
	padding : 0 10px 10px;
}
#TB_window #iframe{
	margin : 0 auto;
	width: 100%;
}
#TB_window #iframe video{
	width: 100%;
}
#TB_window #iframe iframe{
	width: 100%;
}

#contents .visual .js_message{
	height : 30px;
}