@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	基本
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.heisei{
	font-family: heisei-kaku-gothic-std, sans-serif;
font-weight: 300;
font-style: normal;
}
.w5{font-weight: 500;}
.w7{font-weight: 700;}
.w3{font-weight: 300;}


.header{background-image: linear-gradient(140deg, #fff 76%, #CECECE 76.1%);}
.copy{width: 95%;}

.gry_text{color: #909090;}
.color_bk .color_text{color:#fff!important;}

.sns_list{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	justify-content: flex-start;
	align-items: center;
}
.sns_list li{
	display: inline-block;
	margin: 0 20px 0 0;
}
.sns_list li img{width: 30px;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアル
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mv_outline{
	width: 100%;
	padding: 30px 0;
	min-height: 300px;
	justify-content: center;
	align-items: center;
}
.mv_bk{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.mv_bk::after,
.mv_bk::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mv_bk::before{
	z-index: 2;
	backdrop-filter: blur(4px);
}
.mv_bk::after{
	background-image: linear-gradient(160deg,rgba(0,0,0,0) 55%, #fff 55.1%);
	z-index: 3;
}
.mv_box,
.mv_bk{overflow: hidden;}


.mv_box{
	border-radius: 5px;
	z-index: 3;
    width: 80%;
    padding-top: 61%;
}

.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: 94%;
    padding: 0 10px 25px;
	margin-bottom: 20px;
}
.title::after{
	content: "";
	width: 55px;
	height: 2px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.main_text{
	font-size: 88%;
    padding: 0 20px;
	margin-bottom: 30px;
}

.pdf_btn{
	width: 100%;
	max-width: 330px;
	margin:0 auto 70px;
	border-radius: 50px;
	font-size: 88%;
	padding: 15px;
	color: #fff;
/*	background: #4D4D4D;*/
    background: #343434;
}
.pdf_btn::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 55px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 22px;
    height: 22px;
    background: url(../img/pdf.svg)no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
}


.news_box{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 80px;
    font-size: 88%;
}

.img_list{
	width: 100%;
	margin-bottom: 70px;
}
.img_list li{
	overflow: hidden;
    width: 75%;
    padding-top: 43%;
	margin-bottom: 40px;
}
.img_list li:last-child{margin-bottom: 0;}

.img_list li 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;";
}

.img_list li:nth-child(2n){
	border-radius:0 5px 5px 0;
	margin-right: 25%;
}
.img_list li:nth-child(2n-1){
	border-radius: 5px 0 0 5px;
	margin-left: 25%;
}

.company_box{padding: 55px 0 70px;}

.color_bk::after,
.color_bk::before{
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	width: 60px;
	height: 36px;
	border-radius: 50%;
	margin: auto;
}
.color_bk::after{bottom: -13px;}
.color_bk::before{top: -19px;}

.h2 span:last-child{font-size: 73%;}
.h2 {
	font-size: 120%;
	margin-bottom: 40px;
}
.com_img_box{
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 10px 10px 0 rgba(0,0,0,0.22);
	width: 100%;
	max-width: 155px;
	padding-top: 130px;
	margin: 0 auto 40px;
}
.com_img_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;";
}
.com_tbl{
	width: 95%;
	margin: 0 auto;
	font-size: 88%;
}
.com_tbl:empty{display: none;}
.com_tbl th,
.com_tbl td{
	padding: 15px 5px;
	text-align: left;
}
.com_tbl td{
	min-width: 184px;
	max-width: 260px;
    background:transparent;
	word-break: break-all; 
}

.com_tbl th{width: 120px;}

.com_tbl a{font-weight: bold;}
.com_tbl iframe{
	width: 100%;
	border-radius: 5px;
	min-height: 250px;
}

.table_width{width: 100%;}

.table_width th,
.table_width td{
	width: 100%;
	max-width: 100%;
	display: block;
	padding: 10px 5px;
}
.table_width td{padding: 10px 5px 15px;}
.table_width th,
.table_width:last-child th,
.table_width:last-child td{border-bottom: none!important;}

.gallery_box{padding: 55px 0 70px;}
.gallery_list{
	width: 90%;
	margin:90px 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;
}
.gallery_list a:nth-child(3n+3){margin-top: -50px;}
.gallery_list a:nth-child(3n+2){margin-top: -25px;}
.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 .color_bk,
body.color_1 .color_bk::after{background: #4F6F80;}
body.color_1 .color_bk::before{background: #fff;}

body.color_1 .color_text{color:#4F6F80;}
body.color_1 .title::after{background: #4F6F80;}
body.color_1 .page_top a {
    border: solid 2px #4F6F80;
    color: #4F6F80;
}
body.color_1 .copy{border-top: solid 1px #4F6F80;}

body.color_1 .com_tbl th{border-bottom: solid #344A57 2px;}
body.color_1 .com_tbl td {border-bottom: solid #d7d7d7 1px;}
body.color_1 .com_tbl a{color:#344A57;}
body.color_1 .color_bk .com_tbl td{border-bottom: solid #fff 2px;}



/*color_2-------------*/
body.color_2 .color_bk,
body.color_2 .color_bk::after{background: #af933e;}
body.color_2 .color_bk::before{background: #fff;}

body.color_2 .color_text{color:#af933e;}
body.color_2 .title::after{background: #af933e;}
body.color_2 .page_top a {
    border: solid 2px #af933e;
    color: #af933e;
}
body.color_2 .copy{border-top: solid 1px #af933e;}

body.color_2 .com_tbl th{border-bottom: solid #7e6a28 2px;}
body.color_2 .com_tbl td {border-bottom: solid #d7d7d7 1px;}
body.color_2 .com_tbl a{color: #7e6a28;}
body.color_2 .color_bk .com_tbl td{border-bottom: solid #fff 2px;}


/*color_3-------------*/
body.color_3 .color_bk,
body.color_3 .color_bk::after{background: #bb6c39;}
body.color_3 .color_bk::before{background: #fff;}

body.color_3 .color_text{color:#bb6c39;}
body.color_3 .title::after{background: #bb6c39;}
body.color_3 .page_top a {
    border: solid 2px #bb6c39;
    color: #bb6c39;
}
body.color_3 .copy{border-top: solid 1px #bb6c39;}

body.color_3 .com_tbl th{border-bottom: solid #804d2c 2px;}
body.color_3 .com_tbl td {border-bottom: solid #d7d7d7 1px;}
body.color_3 .com_tbl a{color: #804d2c;}
body.color_3 .color_bk .com_tbl td{border-bottom: solid #fff 2px;}



/*color_4-------------*/
body.color_4 .color_bk,
body.color_4 .color_bk::after{background: #e66d92;}
body.color_4 .color_bk::before{background: #fff;}

body.color_4 .color_text{color:#e66d92;}
body.color_4 .title::after{background: #e66d92;}
body.color_4 .page_top a {
    border: solid 2px #e66d92;
    color: #e66d92;
}
body.color_4 .copy{border-top: solid 1px #e66d92;}

body.color_4 .com_tbl th{border-bottom: solid #bf4368  2px;}
body.color_4 .com_tbl td {border-bottom: solid #e6e6e6 1px;}
body.color_3 .com_tbl a{color: #bf4368;}
body.color_4 .color_bk .com_tbl td{border-bottom: solid #fff 2px;}

