@charset 'utf-8';

/* =IMPORTS
----------------------------------------------------------------------------- */


/* =DefaultStyle Reset
----------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,section {
	margin: 0;
	padding: 0;
    border: none;
}
article, aside, figure, figure img, figcaption, hgroup, footer, nav, section, video, object {
	display: block;
}
img {
	border: none;
    vertical-align: bottom;
}
a {color: #000;text-decoration: none;}
a:hover {text-decoration: none;}
.clearfix:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}

.clearfix { display: inline-table; }  

/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */

.clear {
	clear: both;
}

html{
  scroll-behavior: smooth;
}



/* =Layout
----------------------------------------------------------------------------- */
body {
    margin: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "hiragino kaku gothic pron", "Yu Gothic", "游ゴシック", yugothic, "游ゴシック体", -apple-system, blinkmacsystemfont, "Helvetica Neue", arial, "メイリオ", meiryo, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
    background-color: #D9EBCE;
	padding: 70px 0;
	font-feature-settings: "palt";
}

img{
max-width: 100%;
}

#box {
	background: #FFF;
	margin: 50px auto 0;
	text-align: left;
	width: 750px;
	padding: 50px 80px 10px;
}

.required {
	background:#E60012;
	font-size: 0.6rem;
	color: #FFF;
	padding: 3px 6px;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

table {
	width:100%;
}

th {
	font-size: 1.2rem;
	padding-top: 40px;
	padding-bottom: 8px;
	line-height: 1;
}

table input,table textarea {
	width: 100%;
	padding: 10px;
}

.inputbutton {
	font-size: 1.3rem;
	background: #22AC38;
	color: #FFF;
	border-radius: 5px;
	text-align: center;
	padding: 10px 50px;
	border: none;
	margin-top: 40px;
	margin-bottom: 30px;
}

footer {
	font-size: 0.8rem;
	margin-top: 30px;
}

.soushin {
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}


/*スマホ*/
@media screen and (max-width:768px) {
body {
	padding: 10% 5%;
	font-size:0.9rem;
}

h1 {
	width:90%;
	margin: 0 5%;
	text-align: center
}

#box {
	width: 84%;
	margin: 10% auto 0;
	padding: 8%;
}

th {
	font-size: 1rem;
	padding-top: 10%;
}

table input,table textarea {
	width: 92%;
	font-size: 1rem;
}

.inputbutton {
	font-size: 1rem;
	margin-top: 6%;
}


}




/* OPTION
------------------------------------------*/

.tred {
	color: #C00;
}



/* OPTION
------------------------------------------*/

.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt90{
	margin-top:90px;
}
.mt100{
	margin-top:100px;
}


.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr30{
	margin-right:30px;
}
.mr40{
	margin-right:40px;
}
.mr50{
	margin-right:50px;
}
.mr60{
	margin-right:60px;
}
.mr70{
	margin-right:70px;
}
.mr80{
	margin-right:80px;
}
.mr90{
	margin-right:90px;
}
.mr100{
	margin-right:100px;
}


.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml30{
	margin-left:30px;
}
.ml40{
	margin-left:40px;
}
.ml50{
	margin-left:50px;
}
.ml60{
	margin-left:60px;
}
.ml70{
	margin-left:70px;
}
.ml80{
	margin-left:80px;
}
.ml90{
	margin-left:90px;
}
.ml100{
	margin-left:100px;
}


.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb70{
	margin-bottom:70px;
}
.mb80{
	margin-bottom:80px;
}
.mb90{
	margin-bottom:90px;
}
.mb100{
	margin-bottom:100px;
}



.ma10{
	margin:10px;
}
.ma20{
	margin:20px;
}
.ma30{
	margin:30px;
}
.ma40{
	margin:40px;
}




.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.pt30{
	padding-top:30px;
}
.pt40{
	padding-top:40px;
}
.pt50{
	padding-top:50px;
}
.pt60{
	padding-top:60px;
}
.pt70{
	padding-top:70px;
}
.pt80{
	padding-top:80px;
}
.pt90{
	padding-top:90px;
}
.pt100{
	padding-top:100px;
}


.pr10{
	padding-right:10px;
}
.pr20{
	padding-right:20px;
}
.pr30{
	padding-right:30px;
}
.pr40{
	padding-right:40px;
}
.pr50{
	padding-right:50px;
}
.pr60{
	padding-right:60px;
}
.pr70{
	padding-right:70px;
}
.pr80{
	padding-right:80px;
}
.pr90{
	padding-right:90px;
}
.pr100{
	padding-right:100px;
}


.pl10{
	padding-left:10px;
}
.pl20{
	padding-left:20px;
}
.pl30{
	padding-left:30px;
}
.pl40{
	padding-left:40px;
}
.pl50{
	padding-left:50px;
}
.pl60{
	padding-left:60px;
}
.pl70{
	padding-left:70px;
}
.pl80{
	padding-left:80px;
}
.pl90{
	padding-left:90px;
}
.pl100{
	padding-left:100px;
}


.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
.pb30{
	padding-bottom:30px;
}
.pb40{
	padding-bottom:40px;
}
.pb50{
	padding-bottom:50px;
}
.pb60{
	padding-bottom:60px;
}
.pb70{
	padding-bottom:70px;
}
.pb80{
	padding-bottom:80px;
}
.pb90{
	padding-bottom:90px;
}
.pb100{
	padding-bottom:100px;
}


.pa10{
	padding:10px;
}
.pa20{
	padding:20px;
}
.pa30{
	padding:30px;
}
.pa40{
	padding:40px;
}
.pa50{
	padding:50px;
}


.mb02 {
	margin-bottom: 2%;
}

.mb03 {
	margin-bottom: 3%;
}