@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    font-family: 'Noto Sans Japanese', sans-serif;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
}
img {
    height: auto;
    max-width: 100%;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
header, footer, #contents {
    overflow: hidden;
}
.clearfix:before { 
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}

/*header*/
header {
    border-bottom: 5px solid #00489d;
    border-top: 5px solid #00489d;
}
.header_inner {
    width: 100%;
    max-width: 980px;
    margin: auto;
    padding: 16px 10px; 
}
.header_inner h1 {
    width: 100%;
    max-width: 310px;
}

/*contents*/
#contents {
    width: 100%;
    max-width: 980px;
    margin: 30px auto;
}
h2.title {
    color: #00489d;
    font-size: 25px;
    font-style: italic;
    letter-spacing: 2px;
    margin: 6px auto 25px;
}
#contents-t-box {

}
.inner-contents-t-box {
    /*border: 1px dashed #00489d;
    padding: 30px;*/
}
.inner-contents-t-box span {
    background-color: #DB7093;
    border-radius: 10px;
    color: #fff;
    letter-spacing: 0;
    padding: 3px 10px;
    font-size: 13px;
    margin-right: 5px;
}

#free_call {
	border: 2px solid #00489d;
	border-radius: 5px;
	text-align: center;
	margin-top: 20px;
}
	#free_call dt {
		background: #E9F3FF;
		border-radius: 5px 5px 0 0;
		padding: 10px;
		font-weight: bold;
	}
	#free_call dd {
		padding: 10px;
	}
		#free_call dd #ico_free {
			margin: 20px 0;
			font-size: 200%;
		}
			#free_call dd #ico_free span {
				background: url(../img/logo_free.gif) no-repeat left center;
				padding-left: 60px;
			}
			#free_call dd #ico_free a {
				text-decoration: none;
				color: inherit;
			}

#contents-c-box {
    margin: 30px auto;
    max-width: 600px;
    width: 100%;
}
.inner-contents-c-box {
    padding: 0 10px;
}
#contents-b-box {
    border: 2px solid #00489d;
    margin: 40px 0;
    padding: 30px;
}
#all-box {
    border-top: 1px dotted #cdcdcd;
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
}
#contents-b-box .nasi {
    border-top: 0px none;
}
.left-box {
    float: left;
    width: 25%;
    padding-left: 5px;
}
.right-box {
    float: left;
    width: 70%;
}
.right-box dt {
    color: #888;
}

.right-box .alert {
    color: red;
}
.submit-wrapper {
    margin: 50px auto;
    max-width: 980px;
    text-align: center;
    width: 100%;
}
.submit-wrapper ul {
    width: 100%;
    max-width: 650px;
    margin: auto;
}
.submit-wrapper li {
    float: left;
    margin: 0 5px;
}
.left-box span.required-box {
    background-color: #DB7093;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
p.alert {
    color: #db7093;
    font-size: 13px;
    font-style: italic;
}

.check_list li {
	width: 50%;
	margin: 0 0 30px 0;
	float: left;
	text-align: center;
}
	.check_list li img {
		display: block;
		margin: 0 auto 5px;
	}
	.check_list li input {
		margin: 6px 10px 0 0;
	}
.syear li {
	float: left;
	margin: 0 20px 5px 0;
}
	.syear li input {
		margin: 6px 5px 0 0;
	}

/*footer*/
footer {
    background-color: #00489d;
}
#footer-wrap {
    width: 100%;
    max-width: 980px;
    margin: auto;
    padding: 20px 0;
}
p.copyright {
    font-size: 12px;
    color: #fff;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.left-box span.required-box, .inner-contents-t-box span { padding: 3px 10px 0;}
}
:root .left-box span.required-box {
  padding:3px 10px 0\0/;
}
:root .inner-contents-t-box span {
  padding:3px 10px 0\0/;
}

@media screen and (max-width: 680px) {
.header_inner {
    width: 100%;
    max-width: 680px;
    margin: auto;
    padding: 16px 0; 
}
.header_inner h1 {
    width: 100%;
    max-width: 280px;
    margin: auto;
}
#contents-b-box {
    border-top: 2px solid #00489d;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    margin: 40px 0;
    padding: 30px;
}
#contents-t-box, #contents-b-box {
    padding: 0 10px;
}
.left-box {
    float: left;
    width: 100%;
    padding-left: 0;
	margin-bottom: 5px;
}
.right-box {
    float: left;
    width: 100%;
}
.inner-contents-t-box {
    /*padding: 10px;*/
}
#free_call {
	margin: 20px 10px 0;
}
#free_call dd #ico_free span {
	background: url(../img/logo_free.gif) no-repeat left center;
	background-size: 35px 28px;
	padding-left: 42px;
}
.submit-wrapper ul {
    width: 100%;
    max-width: 680px;
    margin: auto;
}
.submit-wrapper li {
    float: left;
    margin: 0 5px 20px;
}
.check_list li {
	width: 48%;
	margin: 0 4% 30px 0;
}
.check_list li:nth-child(even) {
	margin: 0 0 30px 0;
}
.check_list li img {
	width: 130px;
}
}
@media screen and (max-width: 480px) {
p.logobox {
    text-align: center;
}
p.copyright {
    font-size: 10px;
    text-align: center;
}
.submit-wrapper li {
    width: 100%;
}
.footer-inner {
    width: 100%;
    max-width: 320px;
    margin: auto
}
}