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

*{
	margin:0;
	padding:0;
	border:0;
	list-style: none;
}

html{
    width: 100%;
	min-width:300px;
	margin: 0px;
	padding: 0px;
	color: #F4F4F4;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 400;
	font-size:12.5px;
	line-height:1.55em;
	letter-spacing: 0.06em;
	overflow-x: hidden;
	height: 100%;
	text-justify:inter-ideograph;
	text-align: justify;
	text-align-last: left;
	font-feature-settings : "palt" 1 ,"pwid" 1;
	word-break      : break-strict;
	word-wrap       : normal;
	white-space     : normal;
	float:none;
	clear:both;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
    -moz-tab-size: 4;
    tab-size: 4;
	color: #444;
	background-color: #FCFCFC;
}

header,footer,main,nav,article,aside,section,iframe,video{
    display: block;
	float:none;
	clear:both;
}
img, object, embed, video {
	width: 100%;
}

a{
	color: #444;
	text-decoration: none;
}
img{
	width: 100%;
}

h1{
	padding: 15px;
	text-align: center;
	text-align-last: center;
}
h2{
	padding: 15px;
	text-align: center;
	text-align-last: center;
}



.logo{
	width: 160px;
	margin: 0px auto;
	padding: 15px 0px;
}

.main_bg{
	background-image:url(../images/main_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 7px;
}

.header{
	margin: 0px auto;
	padding: 11px 0px;
	background-color: #FFF;
}
.nav{
	max-width: 960px;
	margin: 0px auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	text-align: center;
	text-align-last: center;
}
.nav_unit{
	max-width: 200px;
}

.footer{
	margin: 15px 0px 0px;
}
.footer_unit{
	max-width: 960px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0px auto;
}
.footer_unit_left{
	padding: 21px;
	background-color: #BBCDF3;
}
.footer_unit_right{
	padding: 21px;
	text-align: right;
	text-align-last: right;
	color: #BBCDF3;
}

.container{
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
	padding: 7px 11px;
	border-radius: 4px;
}

.copy_text{
	width: 72%;
	margin: 11px auto 18px;
	padding: 7px 18px;
	background-color: #FCFCFC;
	border-radius: 4px;
}

input,textarea{
	width: 95%;
	height: 21px;
	border-radius: 4px;
	padding: 1px 7px;
}
textarea{
	margin: 3px 0px;
	padding: 5px 7px;
}
button{
	background-color: #FFF;
	padding: 7px 11px;
}
.button_center{
	text-align: center;
	text-align-last: center;
	margin: 7px auto;
}
/*構造---------------------------------------------*/
.main_grid{
	width: 100%;
	display: grid;
	gap:0px;
	grid-template-columns: repeat(auto-fit, minmax(321px, 1fr));
}
.main_grid_unit{
	padding: 15px 21px 24px;
}

.unit_bgcol_pink{
	background-color: RGBA(255,245,245,0.95);
}
.unit_bgcol_green{
	background-color: RGBA(245,255,245,0.95);
}
.unit_bgcol_yellow{
	background-color: RGBA(252,252,240,0.95);
}
.unit_bgcol_orange{
	background-color: rgba(255,245,240,0.95);
}

.form_grid{
	width: 100%;
	display: grid;
	line-height: 28px;
	gap:11px;
	grid-template-columns: 80px auto;
}
.form_grid_left{
	text-align: justify;
	text-align-last: justify;
}
.form_grid_right{
	
}