@charset "utf-8";

/*
Version: 14.11.20
Author: co-dai
Author URI: http://co-dai.com
*/

/*=========================================
     General Setting 
=========================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
 	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
input, textarea, select {
	margin: 0;
	padding: 0;
	font-size:100%;/*to enable resizing for IE*/
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	vertical-align:top;
}
img {
	vertical-align:top;
	border:0;
}
ol,ul,li {
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
option {
	padding-right:1em;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/*=========================================
     Font
=========================================*/
body {
	line-height:1;
	font-family: 'Montserrat', sans-serif,'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif;
	-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd,a {
	color:#333;
	font-size:14px;
	line-height:20px;
}

a {
	outline:none;
	text-decoration:underline;
}
span {
	font-size:14px;
	line-height:20px;
}


/*=========================================
     float
=========================================*/
.clear {
	width:100%;
	overflow:hidden;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/*=========================================
     Main Layout
=========================================*/
html {
}
h1 {
	font-weight:bold;
	border-bottom:#dbdbdb solid 1px;
}
img {
	display:block;
	margin:0 auto;
}


/*=========================================
     benesse共通
=========================================*/
.mt20 { margin-top: 20px !important; }
.mb90 { margin-bottom: 50px !important; }
.footer {
	font-size: 10px;
	text-align: center;
}
.footer a ,
.footer p {
	font-size: 10px;
}
.footer a {
	margin-right: 10px;
	color:#0066ff;
}
.foot_link {
	text-align:center;
}
.foot_link a {
	color:#0066ff;
}
/*=========================================
     header
=========================================*/
.header {
	text-align:center;
	border-top:#dbdbdb solid 1px;
}

/*=========================================
     body
=========================================*/
.body {
	text-align:center;
	padding:0 0 20px 0;
	background:url(../images/body_bg.png) repeat 0px 0px ;
	background-size:200px 200px;
}
.body p {
	color:#336633;
}
.body a {
	color:#0070cb;
}

.body a.btn {
	display:block;
	width:300px;
	height:35px;
	line-height:35px;
	background:#56b53f;
	margin:0 auto;
	border-radius:10px;
	color:#fff;
	text-decoration:none;
	box-shadow:2px 2px rgba(0,0,0,0.6);
}
.question_btn {
	padding-bottom:10px;
}
.contact_btn {
	margin-top:20px;
	padding-bottom:10px;
}

#question ,
#contact ,
#personal {
	display:none;
}
#ac1 ,
#ac2 ,
#ac3 {
	cursor:pointer;
}
#question ,
#contact {
	background:#fff;
}
#contact {
	padding-bottom:20px;
}
#question {
	padding-bottom:20px;
}
#question h4 {
	padding-top:30px;
	font-weight:bold;
}
#question p.question_txt {
	margin-top:20px;
	font-weight:bold;
}
#question p.answer_txt {
	margin-top:10px;
	color:#999;
}
#contact p {
	text-align:left;
	color:#333;
	font-weight:normal;
	font-size:10px;
	line-height:15px;
	padding-bottom:10px;
}
#contact p.contact_cap {
	font-size:11px;
	line-height:15px;
}
#contact p.contact_title {
	text-align:center;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#55b749;
	padding-top:30px;
	margin-bottom:0px;
}
#contact p.tglbtn {
	width:180px;
	text-align:center;
	margin:0 auto;
	font-size:11px;
	line-height:11px;
	/*padding-left:15px;
	background:url(../images/activebtn_off.png) no-repeat left center;
	background-size:7px 7px;*/
	padding-bottom:0px;
}
#contact p.active {
	/*background:url(../images/activebtn_on.png) no-repeat left center;
	background-size:7px 7px;*/
}
#personal p {
	margin-top:15px;
}
.block {
	width:280px;
	margin:0 auto;
}

.box p {
	text-align:left;
	width:280px;
	margin:0 auto;
}

.boxheadline {
	color:#fff;
	font-size:15px;
	line-height:18px;
	padding:10px 15px 10px 55px;
	text-align:left;
	font-weight:bold;
}
.no1 {
	background:url(../images/howto_page_headline_number_01.png) #55b749 no-repeat 0 0;
	background-size:55px 55px;
}
.no2 {
	background:url(../images/howto_page_headline_number_02.png) #55b749 no-repeat 0 0;
	background-size:55px 55px;
	margin-top:20px;
}
.no3 {
	background:url(../images/howto_page_headline_number_03.png) #55b749 no-repeat 0 0;
	background-size:55px 55px;
}

.column {
	background:#e0fc87;
	width:310px;
	margin:20px auto 0 auto;
}
.column p {
	margin:0 20px;
	padding-bottom:20px
}
.orange {
	color:#ff6600;
}
p.cap1 {
	font-size:11px;
	line-height:12px;
	color:#333;
	margin:20px auto 15px auto;
}
p.cap2 {
	font-size:10px;
	line-height:12px;
	color:#333;
	margin:0 auto 25px auto;
}

p.attention {
	text-align:center;
	font-size:11px;
	line-height:22px;
	background:url(../images/howto_page_infoicon.png) no-repeat 20px 0;
	background-size:22px 22px;
	padding-left:25px;
	margin-top:15px;
}
.attention a {
	font-size:11px;
	line-height:22px;
}

.linebtn {
	padding-top:30px;
}