@charset "UTF-8" ;


.wrapper{
	/* width: 1200px ; */
	margin: 0 auto ;
	padding: 0 ;
	text-align:center;
}
@media screen and (max-width:479px){
.wrapper{
	width: 0 auto ;
	padding: 0 10px ;
}
}

.main{
	padding: 20px ;
}
@media screen and (max-width:479px){
.main{
	padding: 0px ;
	margin-top: 10px;
}
}

.main img {
    max-width:100%;
	margin: 0 auto ;
    width /***/:auto;
    height:auto;
    vertical-align:bottom;
}


/* --------------------------------------
 1. common
 -------------------------------------- */

/* container
 * --------------------------*/

.container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.container {
		width: 100%;
	}
}

/* pc,sp
 * --------------------------*/
@media screen and (min-width: 739px) {
	.pc {
		display: block !important;
	}
	.sp {
		display: none !important;
	}
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}

/* --------------------------------------
 2. header
 -------------------------------------- */

.header {
	border-bottom-width: 4px;
	border-style: solid;
	border-color:#30C42B;
}

@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.header {
		/* position: fixed;*/
		left: 0;
		top: 0;
		background: #fff;
		z-index: 10000;
	}
}

/* container
 * ------------------------- */
.header .container {
	padding-top: 5px;
	padding-bottom: 15px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.header .container {
		padding-top: 1.5625%;
		padding-bottom: 1.5625%;
		padding-left: 3.125%;
		padding-right: 3.125%;
	}
}

/* header_title
 * ------------------------- */
.header_title {
	padding: 0 10px 5px;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.header_title {
		display:none;
	}
}

/* header_logo
 * ------------------------- */
.header_logo {
	float: left;
	padding-top: 10px;
	margin-right: 45px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.header_logo {
		width: 50%;
		padding-top: 0;
		margin:0 auto;
		text-align:center;
	}
	.header_logo img{
		width: 100%;
		margin:0 auto;
		text-align:center;
	}
}

/* header_buttons
 * ------------------------- */

.header_buttons {
	float: left;
	width: 690px;
	margin-right: 18px;
	overflow: hidden;
}

/* list_item */
.header_buttons .list_item {
	float: left;
}

/* tel */
.header_buttons .tel {
	margin-right: 18px;
}

/* header_links
 * ------------------------- */
.header_links {
	float: left;
	width: 132px;
	padding-top: 7px;
	overflow: hidden;
}

/* list_item */
.header_links .list_item {
	float: left;
}

/* access */
.header_links .access {
	padding-top: 5px;
	margin-right: 18px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.header_links {
		width: 34.875%;
		padding-top: 0;
	}
	/* access */
	.header_links .access {
		width: 31.1%;
		padding-top: 0;
		margin-right: 9.56%;
	}
	/* map */
	.header_links .map {
		width: 19.14%;
		margin-top:0.5%;
		margin-right: 9.56%;
	}
	/* access */
	.header_links .menu {
		width: 30.64%;
		cursor: pointer;
	}
}

.fl_right {
    float: right;
}
.fw_n {
    font-weight: normal;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
    font-size: 100%;
}



.section img {
    max-width:100%;
	margin: 0 auto ;
    width /***/:auto;
    height:auto;
    vertical-align:bottom;
}

.section .check{
	margin: 5px 0px 5px 15px;
}

.section_gray{
	background-color:#FBFBFB;
	width:100%;
}

.section_check{
	width:1000px;
	text-align:center;
	margin:0 auto;
}

.section_gray img{
	max-width:100%;
	margin: 30px auto ;
    width /***/:auto;
    height:auto;
    vertical-align:bottom;
}

.section_yellow{
	background-color:#FFF483;
	width:100%;
}
.section_yellow img{
	max-width:100%;
	margin: 30px auto ;
    width /***/:auto;
    height:auto;
    vertical-align:bottom;
}


@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
.section .check{
	margin: 5px 0px 5px 0px;
}

.section_check{
	max-width:100%;
	text-align:center;
	margin:0 auto;
}

.section_check img{
	max-width:100%;
	text-align:center;
	margin:0 auto;
}

.section .step{
	max-width:50%;
	float:left;
	margin: 0px auto;
}
}

.contact_box{
	background-image:url(../img/contact_box.png);
	background-repeat: no-repeat;
	width:1000px;
	height:232px;
	padding: 0;
    margin: 0 auto;
}

/* contact-form
 * ------------------------- */
#contact-form {
    text-align: center;
    width: 600px;
    margin: 0px auto;
    font-family: '�q���M�m�p�S Pro W6','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
}

#contact-form > div {
    width: 100%;
    min-height: 48px;
	text-align: center;
    margin: 0 auto 20px auto;
}


#contact-form p {
	text-align: left;
    font-size: 20px;
    float: left;
    width: 50%;
	margin: 16px 0;
}

.input_radio{
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}

.input-text {
    padding: 6px 10px;
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
    font-size: 20px;
    color: #aaa;
    font-family: 'Open Sans', sans-serif;
    margin: -5px 0 20px 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: left;
}


.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
	color: rgb(255,255,255);
	background-color: #06F;
	width: 200px;
	height: 50px;
	border: none;
	margin-bottom:40px;
	font-size:20px;
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised2, .mdl-button--accent.mdl-button--accent.mdl-button--fab2 {
    color: rgb(255,255,255);
    background-color: #bbb;
    width: 200px;
    height: 50px;
	border: none;
	margin-bottom:40px;
	font-size:20px;
}

@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	#contact-form {
    text-align: center;
	width: 100%;
    margin: 0px auto;
    font-family: '�q���M�m�p�S Pro W6','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
}

#contact-form > div {
    width: 100%;
    min-height: 48px;
	text-align: center;
    margin: 0 auto;
}


#contact-form p {
	text-align: left;
    font-size: 20px;
    float: none;
    width: 100%;
	margin: 16px 0;
}

strong {
    color: #EA4178;
}

.input-text {
    padding: 6px 10px;
    border: 1px solid #ccc;
    width: 95%;
    height: 100%;
    display: block;
    border-radius: 4px;
    font-size: 20px;
    color: #aaa;
    font-family: 'Open Sans', sans-serif;
    margin: -5px 0 40px 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: left;
}


.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: #F2A227;
    width: 200px;
    height: 50px;
	border: none;
	margin-bottom:40px;
	font-size:20px;
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised2, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: #bbb;
    width: 200px;
    height: 50px;
	border: none;
	margin-bottom:40px;
	font-size:20px;
}
}


/* ��ЊT�v */

.code-sample{
	width:700px;
	margin:0 auto;
}


.list_dl02 {
    margin: 20px 0;
}

.list_dl02 dt {
    float: left;
    width: 10em;
    clear: both;
    padding: 20px 0;
    font-weight: bold;
    text-align: left;
}

.list_dl02 dd {
    padding: 20px 0 30px 15em;
    border-bottom: 1px solid #30C42B;
    text-align: left;
	line-height: 130%;
}

@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	
.code-sample{
	text-align:center;
	width:100%;
	margin:0 auto;
}


.list_dl02 dt {
	background-color:#FFFECD;
	font-size:24px;
	text-align:center;
    float: none;
    width: auto;
    padding-bottom: 15px 0;
	margin-bottom:10px;
	border-bottom: 1px solid #30C42B;
	text-decoration: none; 
}

.list_dl02 dd {
	font-size:18px;
	text-align:center;
    padding: 0 0 15px 0;
	text-decoration: none;
}
}


/* �t�b�^�[ */
.footer{
	max-width: 100%;
	text-align: center ;
	margin:0 0 0 0;
	padding:1em 0;
	color:#30C42B;
}

@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.footer{
	max-width: 100%;
	text-align: center ;
	margin:0 0 30% 0;
	padding:1em 0;
	color:#30C42B;
}
}

/* �t�b�^�[�Œ� */
.footer_buttons {
	border-top: 1px solid #30C42B;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 3.125% 1.5625%;
    border-top-width: 2px;
    border-style: solid;
    text-align: center;
    letter-spacing: -.40em;
    background: #fff;
    z-index: 10001;
}

.footer_buttons img{
	max-width: 100%;
}


/* �l���ی� */

.privacy{
	width:700px;
	margin:0 auto;
}

.privacy p{
	font-size:20px;
	line-height: 130%;
	text-align:left;
}


.list_dl03 {
    margin: 20px 0;
}

.list_dl03 dt {
	font-size:22px;
	color: #060;
	text-align:left;
	float: none;
	width: auto;
	padding-bottom: 15px 0;
	margin-bottom:10px;
	border-bottom: 1px solid #30C42B;
	text-decoration: none;
	line-height: 130%;
}

.list_dl03 dd {
	font-size:18px;
	text-align:left;
    padding: 0 0 15px 0;
	text-decoration: none;
	line-height: 130%;
}

@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	
.privacy{
	text-align:center;
	width:100%;
	margin:0 auto;
}


.list_dl03 dt {
	background-color:#fff;
	font-size:20px;
	text-align:center;
    float: none;
    width: auto;
    padding-bottom: 15px 0;
	margin-bottom:10px;
	border-bottom: 1px solid #30C42B;
	text-decoration: none; 
	line-height: 130%;
}

.list_dl03 dd {
	font-size:18px;
	text-align:left;
    padding: 0 0 30px 0;
	text-decoration: none;
	line-height: 130%;
}
}


#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:700px;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:95%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
}



/* margin-bottom
 * ------------------------- */
.mgb0 {
	margin-bottom: 0px !important;
}
.mgb5 {
	margin-bottom: 5px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb15 {
	margin-bottom: 15px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb25 {
	margin-bottom: 25px;
}
.mgb30 {
	margin-bottom: 30px;
}
.mgb35 {
	margin-bottom: 35px;
}
.mgb40 {
	margin-bottom: 40px;
}
.mgb50 {
	margin-bottom: 50px;
}
.mgb60 {
	margin-bottom: 60px;
}
.mgb70 {
	margin-bottom: 70px;
}
.mgb80 {
	margin-bottom: 80px;
}
.mgb90 {
	margin-bottom: 90px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.mgb0_sp {
		margin-bottom: 0px !important;
	}
	.mgb0 {
		margin-bottom: 0px !important;
	}
	.mgb5 {
		margin-bottom: 0.78125%;
	}
	.mgb10 {
		margin-bottom: 1.5625%;
	}
	.mgb15 {
		margin-bottom: 2.34375%;
	}
	.mgb20 {
		margin-bottom: 3.125%;
	}
	.mgb25 {
		margin-bottom: 3.90625%;
	}
	.mgb30 {
		margin-bottom: 4.6875%;
	}
	.mgb35 {
		margin-bottom: 5.46875%;
	}
	.mgb40 {
		margin-bottom: 6.25%;
	}
	.mgb50 {
		margin-bottom: 7.8125%;
	}
	.mgb60 {
		margin-bottom: 9.375%;
	}
	.mgb70 {
		margin-bottom: 10.9375%;
	}
	.mgb80 {
		margin-bottom: 12.5%;
	}
	.mgb90 {
		margin-bottom: 14.0625%;
	}
}




.al_center p {
    display: inline-block;
    width: 100px;
    margin: 15px auto 0;
}

span.al_center {
    text-align: center;
    max-width:150px;
}