@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/*===========================
  reset Css
===========================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
ul ,li{ list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*===========================
  base.css
===========================*/
body{font: 16px "Montserrat", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka;
	background:#caeaff;line-height:2;color:#333333;}
p{ margin-bottom:8px; }
footer{ clear:both; padding:20px 0 30px; text-align:center; font-size:12px; color:#999999;  }
footer a{ color:#999999; }
q a{ font-size:10px; text-decoration:none; color:#999999;}
strong{color:#ff6600;}
aside{ text-align:right; font-size:10px;}

/*===========================
  container
===========================*/
#container{ width:980px; margin:0 auto; }
#contents{ width:590px; float:left; margin-top:10px; padding:30px 40px 40px; border-radius:10px; background:#ffffff; overflow:auto; }
/*#kv{width:980px;margin:0 auto; text-align:center;}*/
#kv{ height:120px; }
#kv .tit{ padding:0 0 10px; font-size:30px; color:#4c3a1e; margin:0 auto; text-align:center;font-weight:bold;}
h1{ padding:10px;font-size:12px; color:#999999;font-weight:normal;}
h2{ margin:40px 0 10px; padding:10px 10px 10px 20px;  font-size:20px;
/*background:url(../img/img_girlhatena.png) no-repeat 10px center;*/ background-size:40px auto;
background-color: #e5f5ff;border-radius: 4px; line-height: 1.6; border-left: 6px solid #0098ff;}
h3 { margin:40px 0 20px; font-size:16px; padding:10px 10px 10px 50px; border-bottom:dashed 2px #960;}
h3.no1{ background:url(../img/no_1.png) no-repeat 0 center; background-size:40px auto; }
h3.no2{ background:url(../img/no_2.png) no-repeat 0 center; background-size:40px auto; }
h3.no3{ background:url(../img/no_3.png) no-repeat 0 center; background-size:40px auto; }
h3.no4{ background:url(../img/no_4.png) no-repeat 0 center; background-size:40px auto; }
h3.no5{ background:url(../img/no_5.png) no-repeat 0 center; background-size:40px auto; }
h3.no6{ background:url(../img/no_6.png) no-repeat 0 center; background-size:40px auto; }
h3.no7{ background:url(../img/no_7.png) no-repeat 0 center; background-size:40px auto; }
h3.no8{ background:url(../img/no_8.png) no-repeat 0 center; background-size:40px auto; }
h3.no9{ background:url(../img/no_9.png) no-repeat 0 center; background-size:40px auto; }
h4 { margin:10px 0 2px; font-size:18px; padding:10px 10px 10px 50px;line-height:1.2;
	 background:url(../img/ico_man.png) no-repeat 0 center; background-size:40px auto; color:#0098ff; }
.box{ }
.box img{ margin:30px auto; text-align:center; width:550px; height:auto; display:block;}
.box a{ color:#00c;}
.box ul{ background:#fff7e0; padding:20px 15px; margin-bottom:10px;}
.box ul li{ display:block; padding:3px 0 5px 30px; background:url(../img/ico_check.png) no-repeat 10px 5px; background-size:15px auto; line-height:1.4;}
.box ol{ background:#fff7e0; padding:20px 15px; margin-bottom:10px;}
.box ol li{ display:block; padding:3px 0 5px 30px; background:url(../img/ico_dot.png) no-repeat 10px 5px; background-size:15px auto; line-height:1.4;}

.box p{white-space: pre-wrap;}
.box .big{font-size: 20px;}

.boxVoice{ margin:20px 0 20px; padding:10px 20px;  font-size:14px;background-color: #fff;border-radius: 4px;border:1px solid #0098ff;}
.boxVoice ul li{ font-size:16px; line-height: 1.6; margin-bottom: 4px;}


/*  cvBox
===========================*/
.cvBox{ margin:0 0 20px; padding:0 0 4px; background:#990018; }
.cvBox .tit{ color:#ffffff; margin:0; padding:15px 10px 15px 15px; font-size:20px; font-weight:bold; }
.cvBox .cvBoxCon{ margin:0 1px; background:#ffffff; }
.cvBox .cvBoxCon .bannerArea{ padding:15px 0 0; text-align:center; }
.cvBox .cvBoxCon .bannerArea img{ width:200px; height:auto; }
.cvBox .cvBoxCon ul.check{ margin:0; padding:0 0; font-weight:bold; }
.cvBox .cvBoxCon ul.check li{padding-top: 5px; }
.cvBox .cvBoxCon div.comment{ margin:20px 15px; overflow:hidden; line-height:1.4em; font-size: 14px;}
.cvBox .cvBoxCon div.comment figure{ width:90px; float:right; margin:5px 0 5px 10px; background:#f5f5f5; border:#cccccc 1px solid; }
.cvBox .cvBoxCon div.comment figure img{ width:80px; padding:5px; background:#ffffff; }
.cvBox .cvBoxCon div.comment figure figcaption{ text-align:center; font-size:12px; line-height:1.4em; }
.cvBox .cvBoxCon div.comment p{ min-height:40px; line-height:1.2em; margin-bottom:10px; }
.cvBox .cvBoxCon .btn{ margin:0; padding:15px 5% 20px; background:#fff7e0; text-align:center; }
.cvBox .cvBoxCon .btn a{display:inline-block; font-size:20px; line-height:1.4; color:#ffffff !important; text-decoration:none !important; cursor:pointer; position:relative; }
.cvBox .cvBoxCon .btn img{ width:auto; height:auto; }

/*.cvBox .cvBoxCon .bannerArea{ width:300px; height:150px; display:table-cell; vertical-align:middle; }*/
	.cvBox{ margin-bottom:40px; padding-left:5px; padding-right:5px; }
	.cvBox .cvBoxCon{ margin:0; overflow:hidden; }
	.cvBox .cvBoxCon .bannerArea{ width:30%; float:left; margin:0; padding:20px 2% 15px; text-align:center; }
	.cvBox .cvBoxCon .comment p{ margin-bottom: 0px; }
	.cvBox .btn{ clear:both; }
	.cvBox .cvBoxTxt{margin: 20px 20px 0 0;}
	

.table{ margin:0 0 20px; }
.table table{ width:100%; border-bottom:#cccccc 1px solid; }
.table table p{ margin:0 0 10px; }
.table table th{ padding:5px 1%; background:#f5f5f5;  vertical-align:middle; border-top:#cccccc 1px solid; border-right:#cccccc 1px solid; font-weight:normal; }
.table table td{ padding:10px 2%; text-align:left;  vertical-align:middle; border-top:#cccccc 1px solid; border-right:#cccccc 1px solid; word-break:break-all; word-wrap:break-word; line-height: 1.6; }
.table table th:first-child,
.table table td:first-child{ border-left:#cccccc 1px solid; } 
.table table .komoku1{ width:10%; }
.table table .komoku2{ width:20%; }
.table table .komoku3{ width:30%; }
.table table .komoku4{ width:40%; }
.table table .komoku5{ width:50%; }
.table table .komoku6{ text-align:left; background-color: #eaf7ff; }
.table table .komoku7{ text-align:center; }
.table table .komoku8{ width:33%; }
.table table .komoku6 p{ margin:10px 10px 0; }
.table table .komoku6 ul{ margin-bottom:0; }
.table table .recoPoint{ background:#faf1b8; }

.table table td.komoku1{ padding-bottom:3px; }
.table table td.komoku1 img{ max-width:100%; }
.table table td.komoku3 img{width: 200px;}
.table table th .sTit{ margin:0 10px 0 0; font-weight:bold; }

/*
.box .kuchikomi dl{ width:100%; display:table; margin:0 0 20px; overflow:hidden; }
.box .kuchikomi dl dt{ width:15%; display:table-cell; padding:90px 0 0; text-align:center; vertical-align:middle; }
.box .kuchikomi dl dt.woman{ background:url(../img/ico_woman.png) no-repeat center center; background-size:60px auto; }
.box .kuchikomi dl dt.man{ background:url(../img/ico_man.png) no-repeat center center; background-size:50px auto; }
.box .kuchikomi dl dd{ width:80%; display:table-cell; padding:0 0 0 20px; background:url(../img/bg_fukidashi.png) no-repeat 0 50%; }
.box .kuchikomi dl dd div.comment{ padding:15px 25px; background:#f2f2f2;border-radius:10px; }
.box .kuchikomi dl dd div.comment p{ margin:0; }
.box .kuchikomi dl dd div.comment p.tit{ font-size:16px; font-weight:bold; }
*/

.btn{ margin:20px 15% 0; text-align:center; }
.btn a{display:block; font-size:20px; line-height:1.4; text-decoration:none !important; cursor:pointer; position:relative; }
.btn a:before{ content:""; }
.btn p{ margin:0 0 3px; text-align:center; font-size:16px; font-weight:bold; }


/*  btn
===========================*/
.btn1 a{
	padding:20px 30px;
	background: #53a800; /* Old browsers */
	background: -moz-linear-gradient(top,  #70bb00 0%, #53a800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70bb00), color-stop(100%,#53a800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70bb00 0%,#53a800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70bb00 0%,#53a800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70bb00 0%,#53a800 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #70bb00 0%,#53a800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70bb00', endColorstr='#53a800',GradientType=0 ); /* IE6-9 */
	border-radius:10px;
	border:none;
	color:#ffffff !important;
	text-decoration:none !important;
	cursor:pointer;
	font-size:22px;
	font-weight:bold;
}
.btn1 a:hover{
	background: #53a800; /* Old browsers */
	background: -moz-linear-gradient(top,  #70bb00 0%, #53a800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70bb00), color-stop(100%,#53a800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70bb00 0%,#53a800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70bb00 0%,#53a800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70bb00 0%,#53a800 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #70bb00 0%,#53a800 100%); /* W3C */
	filter: progid:DXI
}



#sideNav{ width:300px; float:right; margin-top:10px;}
#sideNav .menu{ background:#ffffff; border-radius:10px; }
#sideNav .menu dl dt{ padding:15px; background:#0098ff;margin-bottom:15px; border-radius:10px 10px 0 0; color: #ffffff; font-weight: bold;}
#sideNav .menu dl dt a{ display:block; padding:0 0 0 10px; text-decoration:none;color:#5276c8; }
#sideNav .menu dl dd.category { display:block; font-size:12px; font-weight:bold; padding:20px 0 0 20px; text-decoration:none; color:#999999; border-top:1px dashed #ddd; }
#sideNav .menu dl dd a{ display:block; padding:3px 10px 10px 35px; background:url(../img/ico_arrow_white.png) no-repeat 25px 14px; background-size:5px auto; color:#5276c8; text-decoration:none; line-height:1.4;}
#sideNav .menu dl dd a:hover,
#sideNav .menu dl dd a.present{background:url(../img/ico_arrow_white.png) no-repeat 25px 14px; background-size:5px auto; text-decoration:underline;}
/*--#sideNav .menu dl dt:first-child + dd a{ padding-top:20px; }--*/
#sideNav .menu dl dd:last-child a{ padding-bottom:20px; }
#sideNav .ad{ margin-top:20px; }


/*-- SP ONLY --*/
@media screen and (max-width: 768px){
	#container{ width:auto; margin:0; padding-left:0; padding-right:0; }
	#kv{ height: 80px; margin:10px; }
	#kv h1{ line-height:1;}
	#kv .tit{ line-height:1.2;font-size:20px; padding-bottom:0px;}
	#contents{ width:90%; float:none; padding:20px 5% 20px; }
	#contents .pageTitle{ height:30px; padding:20px; font-size:20px; line-height:1.4; margin-bottom:10px;}
	#contents h2{ line-height:1.2;}
	#contents h3{ line-height:1.2;}
	#contents .box img{width:100%; height:auto;}
	#contents .cv img:first-child{ width:300px; height:auto;}
	#contents .cv{ margin:0 0; }
	#contents .cv .btn a{ padding:20px 0; font-size:20px; width:100%; display:block;}
	#sideNav{ width:98%; float:none; padding:0 1%; }
	.ad{text-align:center; margin:20px auto;}
	.btn img:first-child{ width:100%; height:auto; }
	.btn{ margin:20px 0 0; }
	.btn p{ font-size:12px; }
	.btn a{ font-size:16px; }
	.btn1 a{ padding:15px; }
	.btn a:before{ top:35%; left:7%; }