@charset "UTF-8";
html,body {height: 100%;}
body {font:13px/1.6 "Arial","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;}
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
a,a img{color:#000;text-decoration: none;outline:none;transition: 0.5s ease;}
a:hover {color:#ccc;}
a:focus{outline: none;}
a:hover img {opacity:0.8; filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }
a.line {text-decoration: underline;}
a.current {color:#ff5e1e;}
::-moz-selection {background: #036eb7;color: #fff;}
::selection {background: #036eb7;color: #fff;}

.fl { float: left !important; }
.fr { float: right !important; }

.tl { text-align: left !important; }
.tr { text-align: right !important; }
.tc { text-align: center !important; }

.clear { clear: both; }
.outlinefix { overflow: hidden; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


#wrapper {width:100%;padding-top: 60px;}
.container {width: 970px;margin: 0 auto;padding-top: 80px;overflow: hidden;position: relative;}
.gray_bg {background: #f2f2f2;}
section {text-align:center;}
#s2,#s3 {margin-top: 50px;}
#s4,#s6 {margin-top: 80px;}
/* -----------------------------------------------------
	Header
----------------------------------------------------- */
header{position: fixed;top: 0px;left: 0px;width: 100%;background: rgba(255,255,255,0.85);z-index:999;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88ffffff,EndColorStr=#88ffffff);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
header #head_block {width: 970px;margin: 10px auto;position: relative;}
	#head_block #g_nav {position: absolute;top:10px;right:-15px;}
	#head_block #g_nav li {margin-right:15px;padding-left: 15px;border-left: 1px dotted #ccc; display: inline-block;list-style:none;}
	#head_block #g_nav li:first-child {border-left: none;}

/* -----------------------------------------------------
	Top
----------------------------------------------------- */
#topPh{background: url(../images/main_bg.jpg) no-repeat;background-size:cover;padding: 50px 0 30px;}
	#main_block{width: 970px;margin: 0 auto;overflow: hidden;}
	.main_text{width: 535px;float:left;text-align:center;}
	.main_text p{margin: 30px 0;}
	.top_sns_block{width:300px; margin: 30px auto 0;}
	.device{width: 416px;float:right;}

main h2{font-size: 34px;color:#ff5e1e;}
main h2 i{font-style: normal;background: url(../images/underline.gif) no-repeat center bottom;padding-bottom: 10px;}
main .text{font-size: 18px;margin-top: 25px;}
main .point{margin: 80px 0 0 -35px; overflow: hidden;}
	.point .p_block{width: 278px;text-align:center;margin-left: 35px;padding: 20px 10px;border: 1px solid #ccc;border-radius: 4px; float:left;}
	.point h3{font-size: 17px;color:#ff5e1e;margin: 15px 0 5px;}
	.point p{font-size: 14px;}
	.point p em{font-size: 18px;font-weight: bold;font-style: normal;}
main .best{margin-top: 80px;}

main .btn{margin-top: 60px;}
	.btn li{margin: 0 15px;display: inline-block;}
main .ev_btn{margin-top: 80px;}

main .merit{margin-top: 60px;}
main .mm{margin-top: 20px;}
main .merit_list{margin-top: 30px;overflow:hidden;border-top: 1px #ccc solid;}
main .merit_list li{font-size: 14px;width: 50%;font-weight: bold;padding:20px 0;float:left;list-style:none;border-right: 1px #ccc solid;border-bottom: 1px #ccc solid;box-sizing:border-box;}
main .merit_list li:nth-child(odd){border-left:1px #ccc solid;}
main .merit_text{font-size: 14px; width: 50%;font-weight: bold;margin: 30px auto 0; padding:15px 0;border: 1px #ccc solid;}

main .sns_block{max-width:650px; margin: 80px auto 0;padding: 30px;border: 3px #ff9e78 solid;border-radius: 4px;}
	.sns_block h4{font-size: 20px;color:#ff5e1e;padding-bottom: 10px;}
	.sns_block .ninja_onebutton{max-width:300px; margin: 30px auto 0;}

main .company_block{width: 750px;margin:0 0 40px -20px;text-align:left; display: table;}
main .company_block .cbtc{display: table-cell;border-right: 1px #ccc solid;padding: 10px 20px;}
main .company_block h5{font-size: 24px;color:#ff5e1e;}
main .company_block p{font-size: 12px;line-height:2; margin-top: 15px;}
main .company_block a{text-decoration:underline;}
#s6 nav{position: absolute;top:80px;right:0;}
#s6 nav ul{width: 215px; border: 1px solid #ccc;background:#fff; border-radius: 4px;}
#s6 nav li{text-align: left;list-style:none;border-top: 1px solid #ccc;}
#s6 nav li:first-child{border-top: none;}
#s6 nav a{font-weight: bold; color:#ff5e1e;padding: 15px;display: block;position: relative;}
#s6 nav a::after{position: absolute;top: 50%;right: 15px;display: block;content: '';width: 6px;height: 6px;margin-top: -3px;border-top: 1px solid #ff5e1e;border-right: 1px solid #ff5e1e;-webkit-transform: rotate(45deg);transform: rotate(45deg);
}
#s6 nav a:hover{background:#f2f2f2;}
/* -----------------------------------------------------
	footer
----------------------------------------------------- */
footer{background: #ff5e1e;padding: 15px 0;}
footer .copy{font-size: 12px;text-align: center;color:#fff;}


* html .layer_board_bg,* html .layer_board {position: absolute;}
.layer_board_bg {position: fixed;width: 100%;height: 100%;z-index: 1999;top: 0;left: 0;display: none;cursor: pointer;background: #fff;}
.layer_board {width: 450px;height: 300px;display: none;position: fixed;top: 50%;left: 50%;margin: -150px 0px 0px -250px;padding: 25px;z-index: 2000;background: #fff;border-radius: 4px;box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;
}
.modal_text {width: 100%; display: table;}
.modal_text .modal_table {display: table-cell;vertical-align: middle;}
.modal_text #monitor_title {font-size: 18px;color:#fff;background:#f4650e; text-align: center;padding: 10px;border-radius: 4px;}
.modal_text .apply_list {margin:0 0 25px 30px;}
.modal_text .apply_list li {font-size: 18px;font-weight: bold; margin-top: 15px;}
.modal_text p {font-size: 14px;font-weight: bold;color:#f4650e;text-align: center;}
.modal_text p i{font-style: normal;font-size: 18px;}
.btn_close {position:fixed;top: 30px;right: 30px;}
.btn_close:hover {cursor: pointer;}