@charset "UTF-8";
/* ==================
=== Common
================== */
a.anchor{
    display: block;
    padding-top: 66px;
    margin-top: -66px; }

.box_220{
	width: 220px;
	margin: 0 auto; }
 
.bg-div {
	background-image: url("../img/thankyou.png");
	background-position: 50% 50%; /* 画像中央を起点に表示 */
	background-size: cover; /* 縦横比を維持しながら全体を覆うように表示 */
	padding: 0; margin: 0; height: 100vh; }

footer{
	background-color: #032c79;
	color: #fff;
	margin: 0; padding: 10px; }

.box_center{
	position: relative;
	align-items: center;
	display: flex;
	justify-content: center; }

.link_bk a{
	color: #ffffff; }	
	
/* ==================
=== 背景
================== */
#a01_bk{
	background: url(../img/index_a01_bg.png) center top no-repeat; }
#d01_bk{
	background: url(../img/index_d01_bg.png) center top no-repeat; }
#e01_bk{
	background: url(../img/index_e01_bg.png) center top no-repeat; }
#g01_bk{
	background-color: #e0ebf1; }

	
 /* ==================
 ▼ GoogleMap
================== */
.ggmap {
     position: relative; padding-bottom: 56.25%;
     padding-top: 30px; height: 0; overflow: hidden; }
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
     position: absolute;
     top: 0; left: 0; width: 100%; height: 100%; }


/* ==================
 ▼ copyright
================== */
#copyright{
	font-size: 0.65rem; text-align: center;
	font-family: Verdana, “Droid Sans”; }
	
#copyright a{
	color: #333; }


@media screen and (min-width: 961px){
/* ==================
▼▼▼ display
================== */
.PC_cmn{
	display: block !important; }
.PC_all{
	display: block !important; }
.PC{
	display: none !important; }
.PCTB{
	display: none !important; }
.PCTBSP{
	display: none !important; }
.TBSP{
	display: none !important; }
.TB{
	display: none !important; }
.SP{
	display: none !important; }

img{
	max-width: 100%;
	height: auto;
	width /***/: auto; }
	
.clear{
	clear: both; }
	
.wrap {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/ 
	flex-wrap: wrap; }


/* ==================
▼▼▼ 背景
================== */
#b01_bk{
	background: url(../img/index_b01_bg.png) center top no-repeat; height: 600px; }
	

/* ==================
▼▼▼ title
================== */
.link_bk{
	background-color: #064996;
	padding: 30px 0; }
h2{
	width: 700px; margin: 0 auto;
	background-color: #f25459;
    padding: 0.8em;
    border: 5px solid #fff;
	color: #fff; text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    border-radius: 60px; }


/* ==================
=== Common
================== */
body {
	text-align: justify; margin: 0; padding: 0;
	font-size: 1em; line-height: 1.65;
	font-feature-settings: "palt"; color: #333; }

header{
	width: 80%; height: 70px;
	margin: 0px auto; }
header img{
	height: 70px; padding: 10px 0; }

.layout_box{
	width: 80%; margin: 0px auto; }

hr{
	border-top: 5px dotted silver; }
.hr_sp01{	
	margin-top: 50px; padding-top: 30px; }	
.hr_sp02{	
	margin-top: 30px; padding-top: 30px; }

#area h3{
	font-size: 1.2rem; color: #11b1ff; }
#area p{
	font-size: 0.9rem; }
		

/* ==================== */		
.item_box{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px; }	

.plan_box{
	width: 640px;
	margin: 0 auto 50px auto;
	font-size: 1.4rem; }

.cmn_box{
	width: 80%; margin: 0px auto; }

/* ==================== */
.item02{
	width: calc(100% / 2); }
	
/* ==================== */
.item03{
	width: calc(100% / 3); }
.item03:nth-child(1){
	padding: 0 20px 0 0; }
.item03:nth-child(2){
	padding: 0 10px; }
.item03:nth-child(3){
	padding: 0 0 0 20px; }

/* ==================== */
.item04{
	width: calc(100% / 4); }
.item04:nth-child(1){
	padding: 0 20px 0 0; }
.item04:nth-child(2){
	padding: 0 10px; }
.item04:nth-child(3){
	padding: 0 10px; }
.item04:nth-child(4){
	padding: 0 0 0 20px; }
	
/* ==================== */
.item06{
	width: calc(100% / 3); }
.item06:nth-child(1){
	padding: 0 20px 40px 0; }
.item06:nth-child(2){
	padding: 0 10px; }
.item06:nth-child(3){
	padding: 0 0 40px 20px; }
.item06:nth-child(4){
	padding: 0 20px 100px 0; }
.item06:nth-child(5){
	padding: 0 10px 100px 10px; }
.item06:nth-child(6){
	padding: 0 0 100px 20px; }
	


/* ==================
=== Space
================== */
.spc-tb50{
	padding: 50px 0; }
.spc-tb100{
	padding: 100px 0; }
.spc-t100{
	padding-top: 100px; }
.spc-t50{
	padding-top: 50px; }
.spc-b100{
	padding-bottom: 100px; }
.spc-bk01{
	padding: 100px 0 0 0; }



	

/* ==================== */
}