html {
	overflow-x: hidden;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
	font-size: 100%;
	color: #333333;
	overflow: hidden;
	letter-spacing: 0.1rem;
}
a,
a img,
input[type=submit] {
	transition: opacity .25s ease-in-out;
}
a {
	color: #333333;
}
/*a:hover,
a:hover img,
input[type=submit]:hover {
	opacity: 0.7;
}*/
/*==[テキスト装飾]=====*/

p {
	text-align:left;
}

i {
	color:#e07b86;
}

h1 {
	font-size:2rem;
	text-align:center;
}

h2 {
	font-size:1.8rem;
	text-align:center;
	padding-bottom:20px;
}


h3 {
	font-size:1.6rem;
}


h4 {
	font-size:1.2rem;
}

h5 {
	font-size:1rem;
}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-family:"tk-vdl-logomaru";

}

.fs{font-size : .85em;}

/*==[]=====*/


.t_center {
	text-align:center;
	margin:1rem auto;
}

.t_b {
	padding:0;
	margin:0 auto 1rem;
	font-weight: 700;
}

.t_pink {
	color:#E91E63;

}

.t_orange {
	color:#EE7800;
}
.t_blue {
	color:#008BCF;
}

hr {
	border:none;
	padding:10px 0;
}

ul{
padding: 10px 10px 10px 20px
}



img.img_100 {
	width:100%;

}


/* ホームページ */
div.hplinks {
	border:1px solid #e07b86;
	padding:20px;
	border-radius:4px;
	margin-bottom:20px;
	background-color:#fff;
}


div.hplinks_01 {
	padding:20px;
	border-radius:4px;
	margin-bottom:20px;
	background-color:#fff;
}




/* パンクズ */


#topicpath{
margin : 0;
padding :0;
background:#1EB5B6;
overflow:hidden;
}

#topicpath a{
color:#fff;
}

#topicpath p{
margin : 0 auto;
padding : .3rem 1rem;
text-align: left;
font-size : .85rem;
line-height : 1.4rem;
color:#fff;
max-width:1120px;
}




/* タイトル */
#title{
margin : 0;
padding :0;
text-align: center;
background: url(img/top_bg.png)center top;
background-size: auto 100%;
overflow:hidden;
}

#title img{margin : 0;padding :0;vertical-align: bottom;max-width:760px;}



.l_box {
	background:#ffe4ed;
	border-radius:4px;
	border:1px solid #000;
	padding:10px;
	margin:0 auto;

}

.r_box {
	background:#ffe4ed;
	border-radius:4px;
	border:1px solid #000;
	padding:10px;
	margin:0 auto;
}

section {
	width:100%;
	padding:30px 0;
}

div.content {
	max-width:1020px;
	margin:0 auto;
	padding:0 2rem;

}

section#s_01 {
background:#1EB5B6;
/* background:#E91E63;*/
color:#fff;

}

section#s_02 {
/*background:#ffe4ed;*/
background:#E1FFFE;
}


section#s_03 {
background:#fff;
}


section#s_04 {
/* background:#00bcd4; */
background:#7FDBAB;
}


section#s_05 {
background:#005BAC;
color:#fff;
}


section#s_06 {
background:#ffe4ed;
}









/* 日時 */
#nichiji {
margin : 0;
padding : 10px 0;
width :50%;
background:#009688;
overflow:hidden;
}

/* 説明会 */
#setumeikai {
margin : 0;
padding : 10px 0;
width :50%;
background:#f788ae;
overflow:hidden;
}

div.member_box {
	margin:0 auto;
 
}

div.sougou_box {
	width:50%;
	margin:0 auto;
}

/*=============================================*/
.grid_01 {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	text-align: center;

}

.grid_01 ul {
	text-align: left;
}

/*====*/

.grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	text-align: center;

}

.grid ul,h4 {
	text-align: left;
}





/*=============================================*/
/* 問い合わせ */

footer {
	width :100%;
	margin : 0 auto;
	padding:30px 0 0;

}

div#info_box {
	max-width:1020px;
	padding :10px 2rem;
	margin : 0 auto;
	text-align: left;
}

div#info_box h4 {
	color:#00bcd4;
}

div#info_box p {
	color:#000;
}





/* フッター */
#cr {
padding :.5rem 1rem;
  font-size : .7rem;
  line-height : 1rem;
	text-align: center;
	background:#75cdff;
	color:#0066a0;
	clear: both;
}



/*==[申し込み・お問い合わせボタン]===============================*/
.square_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #00bcd4;/*ボタン色*/
    border-bottom: solid 4px #04636f;
    border-radius: 3px;
		margin-bottom:20px;
}

.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}


.square_btn a:link {
    text-decoration: none;
    color: #ffffff;
		font-size:1.4rem;

}



/*=================================*/


@media screen and (max-width: 800px) {


h1 {
	font-size:1.4rem;
	text-align:center;
	font-family:"tk-vdl-logomaru";

}

h2 {
	font-size:1.2rem;
	text-align:center;
	padding-bottom:20px;
	font-family:"tk-vdl-logomaru";

}


h3 {
	font-size:1.05rem;
	font-family:"tk-vdl-logomaru";

}


h4 {
	font-size:1rem;
	font-family:"tk-vdl-logomaru";

}

h5 {
	font-size:0.8rem;
	font-family:"tk-vdl-logomaru";

}

.square_btn a:link {
	font-size:1.15rem;
}



h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
}

section {
	width:100%;
	padding:30px 0;
	margin:0 auto;
}

div.content {
	width:90%;
	padding :10px 0;
	margin:0 auto;
}

div#info_box {
	width:90%;
	padding :10px 0;
	margin : 0 auto;
	text-align: left;
}


hr {
	border:none;
	padding:10px 0;
}

/*========*/

img {
	width:100%;
	height:auto;
	margin:0 auto;
}

/*========*/

.grid {
	display:contents;

}
.item {
	display:block;

}

.grid_01{
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}


/*
.item img {
	width:120px;

}
*/
img.img_100 {
	width:100%;

}


}