@charset "utf-8";

/*------------------------------------------------
	共通
------------------------------------------------*/

::-webkit-input-placeholder {
    color:    #CCC;
}
:-moz-placeholder {
    color:    #CCC;
}

.pageTop
{
	position		: fixed;
	right			: 0px;
	bottom			: 10px;
}
@media screen and (max-width: 1250px)
{
.pageTop
{
	display:none;
}
}



/*form:inputとtextareaは#contact_form経由で使う*/

#contact_form input.input_area,
#contact_form textarea.input_area,
#contact_form select{
    font-size:14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:3px;
    padding: 7px 0.8em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.form_name
{
	width			: 10em;
}
.form_tel
{
	width			: 15em;
}

.form_mail
{
	width			: 25em;
}
.form_add
{
	width			: 30em;
}
.form_team
{
	width			: 20em;
}
.form_other
{
	width			: 30em;
	height			: 10em;
}


.form_name_s
{
	width			: 10em;
}
.form_tel_s
{
	width			: 15em;
}

.form_mail_s
{
	width			: 16em;
}
.form_add_s
{
	width			: 16em;
}


.form_zip
{
	width			: 4em;
}



.topicPath
{
	width			: 95%;
	text-align		: left;
	margin			: 0px auto 15px;
}
.layout_table
{
	width			: 100%;
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
	
}
.layout_table td,
.layout_table th
{
		padding:0;
}


.layout_table_wnone
{
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
	
}
.layout_table_wnone td,
.layout_table_wnone th,
{
		padding:0;
}





.data_box table
{

	text-align      : left;
	width           : 95%;
	margin-left     : auto;
	margin-right    : auto;
	margin-bottom   : 15px;
}

.data_box th
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 10px 14px;
	background		: #f0f0f0;
	font-weight     : normal;
}

.data_box td
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 10px 14px;
	background		: #fff;
}

.shadow
{
	background		: #f7f7f7;
	margin-left     : auto;
	margin-right    : auto;
	margin-bottom   : 15px;
	padding			: 3px;
	width           : 95%;
}

.shadow_inner
{
	background		: #fff;
	border			: solid 1px #ccc;
	padding			: 10px;
	text-align      : left;
}

/*------------------------------------------------
	main:トップページ
------------------------------------------------*/

/*-------------------------------------------------------.main_01*/

.main_01
{
	background		: url(../images/common/base/blue-stripe_bg_l.gif);
	padding-bottom	: 40px;
	margin-bottom	: 40px;
}
/*-------------------------------------------------------.main_02*/

.main_02 .inner img
{
	vertical-align	: bottom;
}
/*-------------------------------------------------------.check-title*/

.check-title
{
	padding-bottom	: 21px;
	background		: url(../images/top/main_03_triangle.png) no-repeat bottom center;
	margin-bottom	: 30px;
}
.check-title_bg
{
	background		: #74c100 url(../images/top/main_03_bg.png) repeat-x;
}

/*-------------------------------------------------------step*/

.step_01,.step_02
{
	width			: 850px;
	margin			: 0 auto;
	text-align		: left;
	position		: relative;
	background		: url(../images/common/base/gray-stripe_bg.gif);
	border			: 1px solid #ccc;
	box-shadow				: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow			: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
}
.step_box
{
	min-height		: 100px;
	border-bottom	: 1px solid #ccc;
	margin-bottom	: 15px;
	padding			: 15px 15px 15px 130px;
	box-sizing		: border-box;
}

/*-------------------------------------------------------step_01*/

.step_01
{
	margin-bottom		: 30px;
}
.step_01 .step_box
{
	background		: #fff url(../images/top/step_01.png) no-repeat left center;
}
.audio_box audio
{
	text-align			: center;
	padding				: 42px 118px;
	display				: block;
	margin				: 0 auto;
	background			: url(../images/top/play.png) no-repeat center left;
}
.step_01 p
{
	padding			: 0 190px 0 20px;
}
.step_01 .img_01
{
	position		: absolute;
	bottom			: 15px;
	right			: 35px;
}
/*-------------------------------------------------------step_02*/
.step_02
{
	margin-bottom		: 70px;
}
.step_02 .step_box
{
	background		: #fff url(../images/top/step_02.png) no-repeat left center;
}
.step_02 .img_02
{
	position		: absolute;
	bottom			: 25px;
	right			: 10px;
}

/*------------------------------------------------
	results
------------------------------------------------*/
.result_title
{
	font-size		: 32px;
	color			: #fff;
	background		: #00285c url(../images/common/base/blue_stripe_m.gif);
	padding			: 5px 0 3px;
}
.result
{
	background		: #fff;
	width			: 1000px;
	margin			: 0 auto 40px;
	border			: 1px solid #00285c;
	box-sizing		: border-box;
}
.level_box
{
	font-size		: 36px;
	margin-bottom	: 30px;
}
.level_box span,.level_box img
{
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align		: middle;
}
.level_box img
{
	margin-bottom	: 8px;
}
.level
{
	margin			: 0 20px;
}
.center_star
{
	margin			: 0 3px;
}
.graph
{
	margin-bottom	: 15px;
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align 		: top;
}

/*-------------------------------------------------------.box_01,.box_02,.box_04*/
.box_01,.box_02,.box_04
{
	width				: 95%;
	margin				: 0 auto 40px;
	box-sizing		: border-box;
}
/*-------------------------------------------------------.box_01*/
.box_01
{
	background			: #eee;
	padding				: 15px 20px;
	border-radius			: 3px;     /* CSS3草案 */  
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 3px;   /* Firefox用 */
}
.box_01 .left
{
	padding-right		: 20px;
	color				: #c1090b;
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align 		: middle;
	box-sizing		: border-box;
}
.box_01 .right
{
	padding-left		: 20px;
	border-left			: 1px solid #a3a3a3;
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align 		: middle;
	box-sizing		: border-box;
}
.box_01 ul
{
	padding				: 0;
	margin				: 0;
	font-weight			: bold;
}
.box_01 .red li
{
	padding-left		: 15px;
	list-style-type		: none;
	background			: url(../images/common/icon/circle_red.png) no-repeat left 4px;
}
.box_01 .black li
{
	padding-left		: 15px;
	list-style-type		: none;
	background			: url(../images/common/icon/circle_gray.png) no-repeat left 4px;
}
/*-------------------------------------------------------.box_02*/
.box_02
{
	font-size			: 14px;
}
.box_02 span
{
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align 		: top;
}
.box_02 th
{
	text-align: center;
	color				: #fff;
	background			: #ccc;
	padding				: 10px;
	width				: 15%;
	line-height			: 1.2em;
}
.box_02 td
{
	color				: #888;
	background			: #f7f7f7;
	padding				: 10px;
	width				: 85%; 
}
.box_02 th.on
{
	background			: #3e6900;
	font-size			: 18px;
}
.box_02 td.on
{
	background			: #679300;
	font-size			: 16px;
	color				: #fff;
}
/*-------------------------------------------------------.box_03*/
.check
{
	font-weight			: bold;
	color				: #3e6900;
	padding				: 5px 0 5px 40px;
	margin-bottom		: 15px;
	background			: url(../images/common/icon/check_icon.gif) no-repeat left 40%;
}
.box_03
{
	background			: #f7f7f7;
	border				: 1px solid #ccc;
}
.box_03 p
{
	padding				: 0px 15px 5px;
}
.box_03 .title
{
	background			: #e7e7e7;
	color				: #3e6900;
	margin				: 0;
	padding-top			: 7px;	
}
.box_03 ul
{
	margin				: 0;
	padding				: 15px;
}
.box_03 li
{
	list-style-type		: none;
	padding-left		: 20px;
	background			: url(../images/common/icon/circle_green.png) no-repeat left 4px;
}
.box_03 li span
{
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align 		: top;
}
/*-------------------------------------------------------.box_04*/
.box_04
{
	width				: 100%;
	padding-bottom		: 10px;
	background			: url(../images/results/shadow.png) no-repeat right 10px bottom;
}
.box_04 .right
{
	border				: 1px solid #ccc;
	padding				: 15px 15px 15px 130px;
}
.box_04.results1 .right
{
	background			: #fff url(../images/results/photo_01.jpg) no-repeat 15px 15px;
}
.box_04.results2 .right
{
	background			: #fff url(../images/results/photo_02.jpg) no-repeat 15px 15px;
}
.box_04.results3 .right
{
	background			: #fff url(../images/results/photo_03.jpg) no-repeat 15px 15px;
}
.box_04 .title
{
	font-weight			: bold;
	color				: #3e6900;
	padding-bottom		: 5px;
	background			: url(../images/common/line/dashed.gif) repeat-x bottom;
}
/*-------------------------------------------------------banner*/
.banner
{
	text-align			: center;
	margin-bottom		: 50px;
}
.banner02
{
	margin-bottom		: 70px;
}
/*768以下の指定（タブレット）*/
@media screen and (max-width: 768px) {

/*------------------------------------------------
	main:トップページ
------------------------------------------------*/

/*-------------------------------------------------------.main_01*/

.main_01
{
	padding-bottom	: 4%;
	margin-bottom	: 4%;
}

/*-------------------------------------------------------.check-title*/

.check-title
{
	padding-bottom	: 2%;
	margin-bottom	: 4%;
}
.check-title_bg
{
	background-size	: auto 100%;
}
/*-------------------------------------------------------step*/

.step_01,.step_02
{
	width			: 90%;
}
.step_box
{
	min-height		: auto;
	margin-bottom	: 2%;
	padding			: 2% 2% 2% 16%;
}

/*-------------------------------------------------------step_01*/

.step_01
{
	margin-bottom		: 5%;
}
.step_01 .step_box
{
	background-size: 15% auto;
}
.audio_box audio
{
	width				: 50%;
	padding				: 4% 0 4% 20%;
	background-size		: auto 100%;
	margin-bottom		: 2%;
}
.step_01 p
{
	padding			: 0 2%;
	margin-bottom	: 2%;
}
.step_01 .img_01
{
	display			: none;
}

/*-------------------------------------------------------step_02*/
.step_02
{
	margin-bottom		: 10%;
}
.step_02 .step_box
{
		background-size: 15% auto;
}
.step_02 .img_02
{
	display			: none;
}

/*------------------------------------------------
	results
------------------------------------------------*/
.result_title
{
	font-size		: 26px;
	margin-bottom	: 2%;
}
.result
{
	width			: 95%;
	margin			: 0 auto 5%;
}
.level_box
{
	font-size		: 28px;
	margin-bottom	: 2%;
}
.level_box img
{
	margin-bottom	: 0px;
}
.level
{
	margin			: 0 1% 0 2%;
	width			: 30%;
	max-width		: 183px;
	height:auto;
}
.center_star
{
	margin			: 0 1%;
}
.star_group
{
	width			: 30%;
	max-width		: 159px;
}
.star_group img
{
	width			: 30%;
	max-width		: 51px;
	height			: auto;
}
.graph
{
	width			: 100%;
	height			: auto;
}

/*-------------------------------------------------------.box_01,.box_02,.box_04*/
.box_01,.box_02,.box_04
{
	margin				: 0 auto 7%;
}
/*-------------------------------------------------------.box_01*/
.box_01
{
	padding				: 3%;
}
.box_01 .left
{
	width				: 38%;
	padding-right		: 3%;
}
.box_01 .right
{
	width				: 58%;
	padding-left		: 3%;
}
.box_01 .red li
{
	background-position	: left 4px;}
.box_01 .black li
{
	background-position	: left 4px;
}
/*-------------------------------------------------------.box_02*/
.box_02
{
	font-size			: 12px;
}
.box_02 th
{
	padding				: 2%;
	width:18%;
}
.box_02 td
{
	padding				: 2%;
	width:82%;
}
.box_02 th.on
{
	font-size			: 16px;
}
.box_02 td.on
{
	font-size			: 14px;
}
/*-------------------------------------------------------.box_03*/
.check
{
	padding				: 5px 0 5px 35px;
	margin-bottom		: 2%;
	background-position	: left 3px;
	background-size		: auto 25px;
	
}
.box_03 p
{
	padding				: 0 2.5% 1%;
}
.box_03 .title
{
	padding				: 1% 2.5%;
	margin				: 0;
}
.box_03 ul
{
	padding				: 2% 2.5%;
}
.box_03 li
{
	padding-left		: 17px;
	background-position	: left 4px;
}
/*-------------------------------------------------------.box_04*/
.box_04
{
	padding-bottom		: 8px;
	background-position	: right 8px bottom;
}
/*-------------------------------------------------------banner*/
.banner
{
	width				: 95%;
	margin				: 0 auto 8%;
}
.banner img
{
	width				: 100%;
	height				: auto;
}
.banner02
{
	margin-bottom		: 12%;
}

/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {

/*------------------------------------------------
	main:トップページ
------------------------------------------------*/

.sp_none
{
	display			: none;
}

/*-------------------------------------------------------step*/

.step_box
{
	margin-bottom	: 4%;
	padding			: 14% 3% 1%;
}

/*-------------------------------------------------------step_01*/

.step_01
{
	margin-bottom		: 5%;
}
.step_01 .step_box
{
	background: #fff url(../images/top/step_01_2.png) no-repeat center top;
	background-size: 100% auto;
}
.audio_box audio
{
	width				: 80%;
	padding				: 20% 0 5%;
	margin-top			: 2%;
	margin-bottom		: 5%;
	background:url(../images/top/play02.png) no-repeat center top;
	background-size		: auto 50%;
}
.step_01 p
{
	padding			: 0 3%;
	margin-bottom	: 2%;
}

/*-------------------------------------------------------step_02*/

.step_02 .step_box
{
	background: #fff url(../images/top/step_02_2.png) no-repeat center top;
	background-size: 100% auto;
}
/*------------------------------------------------
	results
------------------------------------------------*/
.result_title
{
	font-size		: 20px;
	margin-bottom	: 3%;
}
.result
{
	width			: 95%;
	margin			: 0 auto 5%;
}
.result .text_right
{
	text-align			: left;
}
.level_box
{
	font-size		: 22px;
	margin-bottom	: 1%;
}

.graph
{
	width			: 100%;
	height			: auto;
	margin-bottom	: 3%;
}
/*-------------------------------------------------------.box_01,.box_02,.box_04*/
.box_01,.box_02,.box_04
{
	margin				: 0 auto 8%;
}
/*-------------------------------------------------------.box_01*/
.box_01
{
	padding				: 3%;
}
.box_01 .left
{
	width				: 100%;
	padding				: 0%;
	margin-bottom		: 3%;
}
.box_01 .right
{
	width				: 100%;
	padding				: 3% 0 0 0;
	border				: none;
	border-top			: 1px solid #a3a3a3;
}
.box_01 .red li
{
	background-position	: left 4px;
}
.box_01 .black li
{
	background-position	: left 4px;
}
/*-------------------------------------------------------.box_02*/
.box_02
{
	font-size			: 12px;
}
.box_02 th
{
	padding				: 2%;
	width:25%;
}
.box_02 td
{
	padding				: 2%;
	width:82%;
}
.box_02 th.on
{
	font-size			: 16px;
}
.box_02 td.on
{
	font-size			: 14px;
}
/*-------------------------------------------------------.box_03*/
.check
{
	padding				: 5px 0 5px 35px;
	margin-bottom		: 2%;
	background-position	: left 3px;
	background-size		: auto 25px;
}
.box_03 ul
{
	padding-bottom		: 3%;
}
.box_03 li
{
	background-position	: left 4px;
}
/*-------------------------------------------------------.box_04*/

.box_04.results1 .right,.box_04.results2 .right,.box_04.results3 .right
{
	border				: 1px solid #ccc;
	padding				: 3%;
	background-image	: none;
}
.box_04 .text
{
	padding-left		: 110px;
}
.box_04.results1 .text
{
	background:url(../images/results/photo_01.jpg) no-repeat left top;
}
.box_04.results2 .text
{
	background:url(../images/results/photo_02.jpg) no-repeat left top;
}
.box_04.results3 .text
{
	background:url(../images/results/photo_03.jpg) no-repeat left top;
}
/*-------------------------------------------------------banner*/
.banner
{
	width				: 100%;
	margin-bottom		: 10%;
}
.banner02
{
	margin-bottom		: 15%;
}

}

/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/