@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Gothic&display=swap');

/* =================================== */
/*	Basic Style 
/* =================================== */

body{
	/*background-color:#fbf7f6;*/
	background-color:#fff;
    /* font-family: var(--bs-font-sans-serif) !important; */
}

/* row-eq-height
----------------------*/
/* row に付与 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}


/* margin padding
----------------------*/
.mgnB0 {margin-bottom:0 !important;}
.mgnB5 {margin-bottom:5px !important;}
.mgnB10 {margin-bottom:10px !important;}
.mgnB15 {margin-bottom:15px !important;}
.mgnB20 {margin-bottom:20px !important;}
.mgnB30 {margin-bottom:30px !important;}
.mgnB40 {margin-bottom:40px !important;}
.mgnB50 {margin-bottom:50px !important;}
.mgnB60 {margin-bottom:60px !important;}
.mgnB70 {margin-bottom:70px !important;}
.mgnB80 {margin-bottom:80px !important;}
.mgnB100 {margin-bottom:100px !important;}

.mgnT0 {margin-top:0 !important;}
.mgnT5 {margin-top:5px !important;}
.mgnT10 {margin-top:10px !important;}
.mgnT20 {margin-top:20px !important;}
.mgnT30 {margin-top:30px !important;}
.mgnT40 {margin-top:40px !important;}
.mgnT50 {margin-top:50px !important;}
.mgnT60 {margin-top:60px !important;}
.mgnT70 {margin-top:70px !important;}
.mgnT80 {margin-top:80px !important;}

.mgnL0 {margin-left:0 !important;}
.mgnL5 {margin-left:5px !important;}
.mgnL10 {margin-left:10px !important;}
.mgnL15 {margin-left:15px !important;}
.mgnL20 {margin-left:20px !important;}
.mgnL30 {margin-left:30px !important;}
.mgnL40 {margin-left:40px !important;}
.mgnL50 {margin-left:50px !important;}
.mgnL100 {margin-left:100px !important;}

.mgnR0 {margin-right:0 !important;}
.mgnR1 {margin-right:1px !important;}
.mgnR5 {margin-right:5px !important;}
.mgnR10 {margin-right:10px !important;}
.mgnR15 {margin-right:15px !important;}
.mgnR20 {margin-right:20px !important;}
.mgnR30 {margin-right:30px !important;}
.mgnR40 {margin-right:40px !important;}
.mgnR45 {margin-right:45px !important;}
.mgnR50 {margin-right:50px !important;}
.mgnR90 {margin-right:90px !important;}
.mgnR100 {margin-right:100px !important;}


.pdnT0{padding-top:0 !important;}
.pdnB0{padding-bottom:0 !important;}
.pdnB40{padding-bottom:40px !important;}


/* section
----------------------*/
.section-def{
	padding:80px 0;
}

.bg-01{
	background:#FBEEEE;
}

.bg-02{
	background:#DA4953;
}


/* button
----------------------*/
.btn-default {
    /*border-color: #B55233 !important;*/
	border-color: #f5d205 !important;
    background: #f5d205 !important;
    color: #fff !important;
}

.btn-default:hover{
	border-color:#f5d205 !important;
    background:#fff !important;
    color: #f5d205 !important;
}

/* テキスト選択のcssここから 
--------------------------------------------*/


.selectedClass {
    position: absolute;
    color: #000;
    font-family: 'Sawarabi Gothic', sans-serif;
    text-align: left;
}
.name01 {
    left: 26%;
    top: 17.3%;
    line-height: 1.5;
}
.name02-2 {
    left: 26%;
    top: 28.6%;
}

@media screen and (min-width:1200px) {
    .name01 {
/*
        left: 137px;
        top: 1484px;
*/
        font-size: 2.2em;
        letter-spacing: 2.7px;
    }
    .name02-2 {
/*
        left: 111px;
        top: 359px;
*/
        font-size: 2.2em;
        letter-spacing: 6px;
    }
}
@media screen and (max-width:1199px) and (min-width: 768px) {
    .name01 {
/*
        left: 14%;
        top: 89%;
*/
        font-size: 1.7em;
        letter-spacing: 2.5px;
    }

    .name02-2 {
/*
        left: 12%;
        top: 68%;
*/
        font-size: 1.7em;
        letter-spacing: 4px;
    }
}
@media screen and (max-width:767px) {
    .name01 {
/*
        left: 14.25%;
        top: 88.4%;
*/
        font-size: 3.4vw;
        letter-spacing: .08vw;
    }    
    .name02-2 {
/*
        left: 12.3%;
        top: 67.3%;
*/
        font-size: 3vw;
        letter-spacing: .5vw;
    }
}

/*-------------------------------------------- 
テキスト選択のcssここまで */


/*
.pdn0 {
    padding: 0 !important;
}
*/

/*-----------------------------------------------------------*/


.gmap {
    background-image: url(../image/map_bk.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
    min-height: 460px;
    background-color: #fff;
    margin-bottom: 30px;
}
.gmap iframe {
    /*border: 2px solid #852f3d;*/
	border: 2px solid #a3e584;
    margin: 0 auto;
    width: 92%;
    max-width: 880px;
    border-radius: 9px;
/*
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
*/

}

#wrapper .container .row .col-md-10 {
    background-color: #fff;
}

.content-pc{
	background:url(../image/bg_content.jpg) 0 0 repeat;
}

.content-pc-inner{
/*	background:url(../image/bg_if.jpg) 0 0 repeat;*/
	text-align:center;
	width:100%;
    max-width: 1920px;
	margin:0 auto;
	padding-bottom:0px;
}

.wrap-present{
	border:5px solid #B35233;
	background:#FEEBDD;
	padding:50px 0;
	margin-bottom:100px;	
}

.bg-form {
/*	background:url(../image/bg_if.jpg) 0 0 repeat !important;	*/
    background-color: #fff !important;
}

/*
.form-area .bg-form {
    padding: 0 15px;
}
*/

.form-area .container .row .col-md-10 {
    padding: 40px 20px;
}

/* vm ----------------*/
/* setup */

.set-01,
.set-02,
.set-03,
#shindan,
#shiryou,
#seminar,
#counter,
#line{
	position: relative;
	margin: 0;
	padding: 0;
}

.set-02,
.set-03{
	margin-top: -25px;
}

.set-01 .btn-set-01{
	position: absolute;
	top: 46%;
	right: 5%;
	width: 390px;
}

.set-01 .btn-set-02{
	position: absolute;
	top: 66%;
	right: 5%;
	width: 410px;
}

.set-02 .btn-set-01{
	position: absolute;
	top: 36%;
	right: 5%;
	width: 410px;
}

.set-02 .btn-set-02{
	position: absolute;
	top: 63%;
	right: 5%;
	width: 410px;
}

.set-03 .btn-set-01{
	position: absolute;
	top: 29%;
	right: 5%;
	width: 410px;
}

.set-03 .btn-set-02{
	position: absolute;
	top: 53%;
	right: 5%;
	width: 410px;
}


/* topics */
#shindan .img-hana{
	position: absolute;
	top: 46%;
	left: 0;
	right: 0;
	width: 730px;
	margin: 0 auto;
}

#shindan .btn-detail{
	position: absolute;
	bottom: 15%;
	left: 0;
	right: 0;
	width: 420px;
	margin: 0 auto;
}

#shiryou .btn-detail{
	position: absolute;
	top: 56%;
	left: 0;
	right: 0;
	width: 420px;
	margin: 0 auto;
}

#shiryou .btn-detail-2{
	position: absolute;
	bottom: 9%;
	left: 0;
	right: 0;
	width: 420px;
	margin: 0 auto;
}

#seminar .btn-detail{
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	width: 720px;
	margin: 0 auto;
}

#seminar .btn-detail-2{
	position: absolute;
	top: 69%;
	left: 0;
	right: 0;
	width: 720px;
	margin: 0 auto;
}

#counter .btn-detail{
	position: absolute;
	bottom: 12%;
	left: 0;
	right: 0;
	width: 420px;
	margin: 0 auto;
}

.btn-line{
	width: 420px;
}
.c-info__item {
    padding-top: 30px !important;
    padding-bottom: 130px;
}
.video {
    position: relative;
}
.video .video_inner {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.video .video_inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.bg-gradient- {
    background: rgb(177,231,252);
    background: -moz-linear-gradient(90deg, rgba(177,231,252,1) 0%, rgba(234,226,210,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(177,231,252,1) 0%, rgba(234,226,210,1) 100%);
    background: linear-gradient(90deg, rgba(177,231,252,1) 0%, rgba(234,226,210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b1e7fc",endColorstr="#eae2d2",GradientType=1);
}


/*============================================================
	small desktop 
==============================================================*/

@media (min-width: 992px) and (max-width: 1199px) {
	
	
	
	
}


/*============================================================
	under tablet
==============================================================*/
@media only screen and (max-width: 991px) {
	
	
	
}


/*============================================================
	tablet
==============================================================*/

@media (min-width: 768px) and (max-width: 991px) {
	
	
	
}

/*wider than tablet*/
@media (min-width: 768px) {
	.video .video_inner {
        width: 48%;
        padding-top: 23.25%;
        top: 52%;
    }
	.review_box {
        background: rgb(177,231,252);
        background: -moz-linear-gradient(90deg, rgba(177,231,252,1) 0%, rgba(234,226,210,0.31416316526610644) 7%, rgba(234,226,210,0) 14%);
        background: -webkit-linear-gradient(90deg, rgba(177,231,252,1) 0%, rgba(234,226,210,0.31416316526610644) 7%, rgba(234,226,210,0) 14%);
        background: linear-gradient(90deg, rgba(177,231,252,1) 0%, rgba(234,226,210,0.31416316526610644) 7%, rgba(234,226,210,0) 14%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b1e7fc",endColorstr="#eae2d2",GradientType=1);
        padding-left: 60px;
    }
}


/*============================================================
	mobile
==============================================================*/
@media only screen and (max-width: 767px) {
    .video .video_inner {
        width: 81%;
        padding-top: 54.25%;
        top: 68%;
    }
	.content-xs{
		background:url(../image/map_bk.jpg) 0 0 repeat-y;
		background-size:100%;
	}

	.section-main-xs{
		background:url(../image/sp/main_xs.jpg) top center no-repeat;
		background-size:contain;
		padding:500px 0 20px;
		height:700px;
		text-align:center;
	}
	
	.section-main h1 img{
		margin-bottom:180px;
	}
	
	.wrap-present-xs{
		background:url(../image/img_11.jpg) 0 0 no-repeat;
		background-size:contain;
        padding: 82% 0 39%;
/*		padding:270px 0 100px;*/
		text-align:center;
		margin-bottom:0px;
        background-position: center;
	}
	
	
	/* contact button */
	#ft-contact{
		position:fixed;
		width:100%;
		bottom:0;
		background-color:rgba(255,255,255,0.8);
		text-align:center;
		z-index:99;
		padding:10px 0;
	}
	
	.form-area {
        position: relative;
        z-index: 9999;
        background: #efefef;
    }
    
    .gmap iframe {
        border: 0.3vw solid #781021;
    }
	
	/* vm ----------------*/
	
	/* setup */
	.set-01 .btn-set-01{
		position: absolute;
		top: 46%;
		right: 6%;
		width: 40%;
	}

	.set-01 .btn-set-02{
		position: absolute;
		top: 66%;
		right: 6%;
		width: 40%;
	}

	.set-02 .btn-set-01{
		position: absolute;
		top: 36%;
		right: 6%;
		width: 40%;
	}

	.set-02 .btn-set-02{
		position: absolute;
		top: 62%;
		right: 6%;
		width: 40%;
	}

	.set-03 .btn-set-01{
		position: absolute;
		top: 29%;
		right: 6%;
		width: 40%;
	}

	.set-03 .btn-set-02{
		position: absolute;
		top: 52%;
		right: 6%;
		width: 40%;
	}

	
	/* topics */
	#shindan .img-hana{
		position: absolute;
		top: 46%;
		left: 0;
		right: 0;
		width: 290px;
		margin: 0 auto;
	}

	#shindan .btn-detail{
		position: absolute;
		bottom: 15%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 45%;
	}

	#shiryou .btn-detail{
		position: absolute;
		bottom: 11%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 45%;
	}
	
	#shiryou .btn-detail-2{
		position: absolute;
		bottom: 9%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 45%;
	}

	#seminar .btn-detail{
		position: absolute;
		top: 45%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 75%;
	}
	
	#seminar .btn-detail-2{
		position: absolute;
		bottom: 11%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 75%;
	}

	#counter .btn-detail{
		position: absolute;
		bottom: 12%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 45%;
	}

	.btn-line{
		width: 45%;
	}
	
	.col-xs-12 {
        padding: 0;
    }
	
    .review_box {
		background: rgb(177,231,252);
		background: -moz-linear-gradient(180deg, rgba(177,231,252,1) 0%, rgba(177,231,252,0.6839110644257703) 4%, rgba(234,226,210,0.45702030812324934) 9%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(177,231,252,1) 0%, rgba(177,231,252,0.6839110644257703) 4%, rgba(234,226,210,0.45702030812324934) 9%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 100%);
		background: linear-gradient(180deg, rgba(177,231,252,1) 0%, rgba(177,231,252,0.6839110644257703) 4%, rgba(234,226,210,0.45702030812324934) 9%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b1e7fc",endColorstr="#ffffff",GradientType=1);
        padding-top: 20px;
    }
}
@media only screen and (max-width: 448px) {
    .table > tbody > tr > th, .table > tbody > tr > td {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    .table > tbody > tr > td {
        border-top: 0 !important;
        padding-top: 0 !important;
    }
    #main_table tr th {
        width: 100% !important;
        padding-bottom: 4px !important;
    }
}