@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	基本
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.heisei_maru{
font-family: heisei-maru-gothic-std, sans-serif;
font-weight: 400;
font-style: normal;
}

.w8{font-weight: 800;}



.gry_text{color: #454545;}
.l_gry_text{color: #848484;}
.sec_color_bk,
.color_bk{color: #fff;}




/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアル
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mv_outline{
	width: 100%;
	min-height: 375px;
	justify-content: center;
	align-items: center;
/*	margin-bottom: 60px;*/ 
    margin-bottom: 30px;
}

.sns_list{
	margin: auto;
	justify-content: center;
	align-items: center;
}
.sns_list li{
	display: inline-block;
	margin: 0 10px;
}
.sns_list li img{width: 30px;}



.mv_box::after,
.mv_box::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mv_box::before{z-index: 2;}
.mv_box::after{
	background-image: linear-gradient(174deg,rgba(0,0,0,0) 90%, #fff 90.1%);
	z-index: 3;
}
.mv_box{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
    width: 100%;
    height: 375px;
}

.mv_box img,
.mv_bk img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  min-width: 100%;
    min-height: 100%;
  object-fit: cover;
font-family:"object-fit:cover;";
}
.mv_bk img{
  min-width: 200%;
    min-height: 200%;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	コンテンツ内
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.title{
	font-size: 120%;
    padding: 30px 10px 25px;
	margin-bottom: 20px;
}
.title::after{
	content: "";
	width: 90px;
	height: 7px;
	border-radius: 30px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.main_text{
	font-size: 88%;
    padding: 0 20px 60px;
}


.gry_content{
	background: #F7F7F7;
	background-image: linear-gradient(174deg,#fff 42px,#f7f7f7 42.1px,#F7F7F7 70%, #fff 70.1%);
	padding:80px 20px; 
}


.pdf_btn{
	width: 100%;
	max-width: 360px;
	margin:0 auto 70px;
	border-radius: 50px;
	font-size: 107%;
	padding: 20px 15px;
}
.pdf_btn::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 22px;
    height: 27px;
    background: url(../img/pdf.svg)no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
}


.h2 {
	font-size: 150%;
	margin-bottom: 20px;
}

.user_box{
	overflow: hidden;
    width: 180px;
    padding-top: 180px;
	border-radius: 50%;
	margin:0 auto 20px;
}

.user_box img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  min-width: 100%;
    min-height: 100%;
  object-fit: cover;
font-family:"object-fit:cover;";
}

.user_name{
	font-size: 88%;
	line-height: 130%;
	margin-bottom: 35px;
}
.user_name span:first-child{font-size: 127%;}

.news_box,
.user_text{
	margin-bottom: 50px;
	font-size: 88%;
}

.access_box,
.company_box{
	background: #fff;
	overflow: hidden;
	border-radius: 23px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	margin-bottom: 50px
}
.access_box .h2,
.company_box .h2{
	padding: 25px 0;
margin-bottom: 0;
}


.com_tbl{
	width: 90%;
	margin: 15px auto;
	font-size: 88%;
}
.com_tbl:empty{display: none;}

.com_tbl th,
.com_tbl td{
	padding: 10px;
	text-align: left;
}
.com_tbl td{
	color: #A7A7A7;
    background:transparent;
	word-break: break-all; 
}

.com_tbl th{width: 96px;}

.com_tbl tr{border-bottom: dashed 1px #e4e4e4;}
.com_tbl tr:last-child{border-bottom: none;}



.map{
	width: 100%;
	overflow: hidden;
min-height: 300px;
}
.map iframe{
	width: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  min-width: 100%;
    min-height: 100%;
}

.gallery_box{padding-top: 30px;}
.gallery_sub {font-size:67%;}

.gallery_list {
    width: 100%;
    margin: 30px auto 0;
    justify-content: space-between;
    align-items: flex-start;
}
.gallery_list a {
    width: 31%;
    overflow: hidden;
    padding-top: 31%;
    border-radius: 5px;
    margin-bottom: 30px;
    background: url(../img/sample_gallery.jpg)no-repeat;
    background-position: center;
    background-size: contain;
}
.gallery_list a:nth-child(3n+2):last-child{
	margin-left: auto;
	margin-right: 34.5%
}
.gallery_list a img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  min-width: 100%;
    min-height: 100%;
  object-fit: cover;
font-family:"object-fit:cover;";
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	color関係
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*color_1-------------*/

body.color_1 .mv_box::before{background-image: linear-gradient(6deg, #42cbe4 10%,rgba(0,0,0,.1) 10.1%,rgba(0,0,0,0) 90%, #ff731c 90.1%);}
body.color_1 .title::after{background: #42cbe4;}

body.color_1 .color_text{color:#42cbe4!important;}
body.color_1 .sec_color_text{color:#ff731c!important;}

body.color_1 .sec_color_bk{background:#ff731c; }
body.color_1 .color_bk{background:#42cbe4; }
body.color_1 .page_top a {
    border: solid 2px #42cbe4;
    color: #42cbe4;
}



/*color_2-------------*/

body.color_2 .mv_box::before{background-image: linear-gradient(6deg, #FF88DA 10%,rgba(0,0,0,.1) 10.1%,rgba(0,0,0,0) 90%, #fe9911 90.1%);}
body.color_2 .title::after{background: #FF88DA;}

body.color_2 .color_text{color:#FF88DA!important;}
body.color_2 .sec_color_text{color:#fe9911!important;}

body.color_2 .sec_color_bk{background:#fe9911; }
body.color_2 .color_bk{background:#FF88DA; }
body.color_2 .page_top a {
    border: solid 2px #FF88DA;
    color: #FF88DA;
}



/*color_3-------------*/
body.color_3 .mv_box::before{background-image: linear-gradient(6deg, #f6bd00 10%,rgba(0,0,0,.1) 10.1%,rgba(0,0,0,0) 90%, #89DD55 90.1%);}
body.color_3 .title::after{background: #f6bd00;}

body.color_3 .color_text{color:#f6bd00!important;}
body.color_3 .sec_color_text{color:#89DD55!important;}

body.color_3 .sec_color_bk{background:#89DD55; }
body.color_3 .color_bk{background:#f6bd00; }
body.color_3 .page_top a {
    border: solid 2px #f6bd00;
    color: #f6bd00;
}


/*color_4-------------*/
body.color_4 .mv_box::before{background-image: linear-gradient(6deg, #42cbe4 10%,rgba(0,0,0,.1) 10.1%,rgba(0,0,0,0) 90%, #2689BF 90.1%);}
body.color_4 .title::after{background: #42cbe4;}

body.color_4 .color_text{color:#42cbe4!important;}
body.color_4 .sec_color_text{color:#2689BF!important;}

body.color_4 .sec_color_bk{background:#2689BF; }
body.color_4 .color_bk{background:#42cbe4; }
body.color_4 .page_top a {
    border: solid 2px #42cbe4;
    color: #42cbe4;
}