@charset "utf-8";

/*
************************************************************************
* 文章レイアウト
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.grid
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap ;
	justify-content:flex-start;
	align-items:stretch;
	align-content:stretch;
	
	margin:-1.0em;
}
.grid.grid-item-center
{
	align-items:center;
}
.grid > .col
{
	margin:1em;
	width:calc(100% - 2em);
}
.grid > .col.col-12{width:calc(100.00000% - 2em);}
.grid > .col.col-11{width:calc( 91.66667% - 2em);}
.grid > .col.col-10{width:calc( 83.33333% - 2em);}
.grid > .col.col-9 {width:calc( 75.00000% - 2em);}
.grid > .col.col-8 {width:calc( 66.66667% - 2em);}
.grid > .col.col-7 {width:calc( 58.33333% - 2em);}
.grid > .col.col-6 {width:calc( 50.00000% - 2em);}
.grid > .col.col-5 {width:calc( 41.66667% - 2em);}
.grid > .col.col-4 {width:calc( 33.33333% - 2em);}
.grid > .col.col-3 {width:calc( 25.00000% - 2em);}
.grid > .col.col-2 {width:calc( 16.66667% - 2em);}
.grid > .col.col-1 {width:calc(  8.33333% - 2em);}

.grid.grid-input
{
	margin:-0.75em:
}
.grid.grid-input > .col
{
	margin:0.75em;
	width:calc(100% - 1.5em);
}
.grid.grid-input > .col.col-12{width:calc(100.00000% - 1.5em);}
.grid.grid-input > .col.col-11{width:calc( 91.66667% - 1.5em);}
.grid.grid-input > .col.col-10{width:calc( 83.33333% - 1.5em);}
.grid.grid-input > .col.col-9 {width:calc( 75.00000% - 1.5em);}
.grid.grid-input > .col.col-8 {width:calc( 66.66667% - 1.5em);}
.grid.grid-input > .col.col-7 {width:calc( 58.33333% - 1.5em);}
.grid.grid-input > .col.col-6 {width:calc( 50.00000% - 1.5em);}
.grid.grid-input > .col.col-5 {width:calc( 41.66667% - 1.5em);}
.grid.grid-input > .col.col-4 {width:calc( 33.33333% - 1.5em);}
.grid.grid-input > .col.col-3 {width:calc( 25.00000% - 1.5em);}
.grid.grid-input > .col.col-2 {width:calc( 16.66667% - 1.5em);}
.grid.grid-input > .col.col-1 {width:calc(  8.33333% - 1.5em);}

.grid > .col.order-0{order: 0;}
.grid > .col.order-1{order: 1;}
.grid > .col.order-2{order: 2;}


.wbox
{
	background-color:#FFFFFF;
	padding:0.0em 2.0em;
	border-radius:1.0em;
	overflow:hidden;
	max-width:880px;
	margin:5rem auto;
	
	box-shadow:0.5em 0.5em 0 #175469;
}

.youtube-box-169
{
	width:100%;
	padding-top:56.25%;
}
.youtube-box-169 > .youtube-inner
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	width:100%;
	height:100%;
}

.gmap-box-sq
{
	width:100%;
	padding-top:100.00%;
}
.gmap-box-sq > .gmap-inner
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	width:100%;
	height:100%;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1200px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.wbox
	{
		background-color:#FFFFFF;
		padding:0.0em 0.5em;
		border-radius:1.0em;
		overflow:hidden;
		max-width:880px;
		margin:5rem 3rem;
	}
	.grid > .col.col-12{width:calc(100.00000% - 2em);}
	.grid > .col.col-11{width:calc(100.00000% - 2em);}
	.grid > .col.col-10{width:calc(100.00000% - 2em);}
	.grid > .col.col-9 {width:calc(100.00000% - 2em);}
	.grid > .col.col-8 {width:calc(100.00000% - 2em);}
	.grid > .col.col-7 {width:calc(100.00000% - 2em);}
	.grid > .col.col-6 {width:calc(100.00000% - 2em);}
	.grid > .col.col-5 {width:calc(100.00000% - 2em);}
	.grid > .col.col-4 {width:calc(100.00000% - 2em);}
	.grid > .col.col-3 {width:calc(100.00000% - 2em);}
	.grid > .col.col-2 {width:calc(100.00000% - 2em);}
	.grid > .col.col-1 {width:calc(100.00000% - 2em);}
	.grid.grid-input > .col.col-12{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-11{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-10{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-9 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-8 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-7 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-6 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-5 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-4 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-3 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-2 {width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.col-1 {width:calc(100.00000% - 1.5em);}

	.grid > .col.order-0{order: 0;}
	.grid > .col.order-1{order: 0;}
	.grid > .col.order-2{order: 0;}
	
	.grid > .col.sp-col-12{width:calc(100.00000% - 2em);}
	.grid > .col.sp-col-11{width:calc( 91.66667% - 2em);}
	.grid > .col.sp-col-10{width:calc( 83.33333% - 2em);}
	.grid > .col.sp-col-9 {width:calc( 75.00000% - 2em);}
	.grid > .col.sp-col-8 {width:calc( 66.66667% - 2em);}
	.grid > .col.sp-col-7 {width:calc( 58.33333% - 2em);}
	.grid > .col.sp-col-6 {width:calc( 50.00000% - 2em);}
	.grid > .col.sp-col-5 {width:calc( 41.66667% - 2em);}
	.grid > .col.sp-col-4 {width:calc( 33.33333% - 2em);}
	.grid > .col.sp-col-3 {width:calc( 25.00000% - 2em);}
	.grid > .col.sp-col-2 {width:calc( 16.66667% - 2em);}
	.grid > .col.sp-col-1 {width:calc(  8.33333% - 2em);}
	.grid.grid-input > .col.sp-col-12{width:calc(100.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-11{width:calc( 91.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-10{width:calc( 83.33333% - 1.5em);}
	.grid.grid-input > .col.sp-col-9 {width:calc( 75.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-8 {width:calc( 66.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-7 {width:calc( 58.33333% - 1.5em);}
	.grid.grid-input > .col.sp-col-6 {width:calc( 50.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-5 {width:calc( 41.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-4 {width:calc( 33.33333% - 1.5em);}
	.grid.grid-input > .col.sp-col-3 {width:calc( 25.00000% - 1.5em);}
	.grid.grid-input > .col.sp-col-2 {width:calc( 16.66667% - 1.5em);}
	.grid.grid-input > .col.sp-col-1 {width:calc(  8.33333% - 1.5em);}
	
	.grid > .col.sp-order-0{order: 0;}
	.grid > .col.sp-order-1{order: 1;}
	.grid > .col.sp-order-2{order: 2;}
}