@charset "UTF-8";

.xxl{
	font-size:xx-large;
	line-height:1.7em;
}

.xl{
	font-size:x-large;
	line-height:1.7em;
}

.l{
	font-size:large;
	line-height:1.7em;
}

.m{
	font-size:medium;
	line-height:1.7em;
}

.s{
	font-size:small;
	line-height:1.7em;
}

.xs{
	font-size:x-small;
	line-height:1.7em;
}

.xxs{
	font-size:xx-small;
	line-height:1.7em;
}

.f18{
	font-size:18px;
	line-height:1.7em;
}

.f16{
	font-size:16px;
	line-height:1.7em;
}

.f14{
	font-size:14px;
	line-height:1.7em;
}

.f12{
	font-size:12px;
	line-height:1.7em;
}

.f10{
	font-size:10px;
	line-height:1.7em;
}

.f9{
	font-size:9px;
	line-height:1.7em;
	font-family:Verdana,Arial,Monaco,sans-serif;
}

/* _____________________________________________________________________ HTML5 Reset */

article, aside, dialog, figure, footer, header,hgroup, menu, nav, section{
	display: block;
}

small{
	font-size:1em;
	font-style:normal;
}


/* _____________________________________________________________________ TEXT */

p{
	margin:0px 0px 1em 0px;
	padding:0px;
}

.nowrap{
	white-space:nowrap;
}

em{
	font-style:normal;
	font-weight:800;
}

/* _____________________________________________________________________ IMG */

img{
	border-style:none;
	border-width:0px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

.thin_img{
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}

.img_with_cap{
	margin:0px 0px 3px 0px;
}

/* _____________________________________________________________________ ALIGN FLOAT */

.align_left{
	text-align:left;
}

.align_center{
	text-align:center;
}

.align_right{
	text-align:right;
}

.f_right{
	float:right;
}

.f_left{
	float:left;
}

.right_image{
	margin:0px 0px 10px 10px;
	float:right;
}

.left_image{
	margin:0px 10px 10px 0px;
	float:left;
}

.f_clear{
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:0px;
	background-color:transparent;
}

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{
	min-height:1px;
}

*{
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐ ゴシック','ＭＳ ゴシック',Verdana,Arial,Monaco,sans-serif;
}

/* _____________________________________________________________________H */

h1{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

h2{
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

h3{
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}

/* _____________________________________________________________________TEXT COLOR*/

.tex_black{
	color:#000000;
}

.tex_white{
	color:#FFFFFF;
}

.tex_red{
	color:#FF0000;
}

.tex_a{
	color:#A00060;
}


/* _____________________________________________________________________LINK */

a:link{
	text-decoration:none;
	color:#64A5C5;
}

a:visited{
	text-decoration:none;
	color:#4998C1;
}

a:hover{
	text-decoration:underline;
	color:#FF9900;
}

a:active{
	text-decoration:underline;
	color:#000000;
}

/* _____________________________________________________________________INTERFACE */

body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#main_area{
	width:770px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}

.mainimg{
	margin:0px 0px 70px 0px;
	position:relative;
}

#logo_positon{
	position:absolute;
	top:0px;
	left:0px;
}

#btn_shiryou_positon{
	position:absolute;
	top:390px;
	left:100px;
}

#btn_signup_positon{
	position:absolute;
	top:390px;
	left:399px;
}

#btn_shiryou_positon_buttom1{
	position:absolute;
	top:390px;
	left:242px;
}



.content_block{
	width:710px;
	margin:50px 30px 0  30px;
}

.content_block2{
	width:750px;
	margin:0px 10px 50px 10px;
	text-align:center;
}

.case{
	margin:0px 0px 7px 0px;
	font-size:15px;
	line-height:1em;
}

.case_block{
	margin:0px 3px 0px 0px;
	line-height:0px;
	font-size:1px;
	vertical-align:top;
}

.btn_area{
	width:710px;
	margin:0px 0px 0px 0px;
	text-align: center;
}

.btn_signup{
	width:285px;
	margin:0px;
	float:right;
}

.content_block ul{
	margin:0px;
	padding:0px 0px 0px 20px;
	list-style-image:url(../img/icon_list.gif);
	font-size:14px;
	line-height:1.4em;
}

.content_block ul li{
	margin:0px 0px 2px 0px;
	padding:0px;
}

.sign{
	font-size:16px;
	color:#009c74;
}


@media (max-width: 768px) {
img{
max-width: 100%;
    height: auto;
}
#main_area {
	width:100%;
  }
#btn_shiryou_positon{
    position: initial;
    display: inline-block;
width: 60%;
    margin: 10px 20%;
}

#btn_signup_positon{
    position: initial;
    display: inline-block;
width: 60%;
    margin: 10px 20%;
}
.content_block{
	width:100%;
	margin:auto;
}

.content_block2{
	width:100%;
	margin:auto;
}
    .btn_area{
	width:100%;
        margin: 30px 0 20px 0;
}
        .btn_area img{
	margin-bottom: 20px;
}
#logo_positon{width: 50%;}
    .mainimg{margin: 0 0 20px 0;}
}