@charset "UTF-8";
/*
Theme Name; demo
*/

/* 基本 */
/*:root {
	--v-space: clamp(90px, 9vw, 120px);
}*/

body {
	margin: 0;
	padding: 0;
	color: #222222;
	font-family: sans-serif;
	background-color: #e2f2f1;
}

h1, h2, h3, h4, h5, h6, p, figure, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	line-height: 1.8;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	filter: brightness(90%) contrast(120%);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.space_t_M{
	padding-top: 24px;
}

.txt_L{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}

.txt_ML{/*20250610追記*/
	font-size: 1.2rem;
}

.txt_M{/*20250610追記*/
	font-size: 1.1rem;
}

.txt_S{/*20250610追記*/
	font-size: .8rem;
}

.txt_center{
	text-align: center;
}

.txt_right{
	text-align: right;
}

.txt_left{
	text-align: left;
}

.sub_tit2{
	background-color: #e6e6e6;
	border-top: 6px #337f8b solid;
	padding: 8px 16px;
	margin: 24px 0 16px 0;
}

.tbl{
	border-collapse: collapse;
  	border-spacing: 0;
  	table-layout: fixed;
	border:solid 1px #ccc;
}

.tbl tr,th,td{
  border-bottom:solid 1px #ccc;
  padding: 8px 16px;
  box-sizing: border-box;
}

.tbl th{
	width: 60%;
	border-right: 1px solid #ccc;
	text-align: left;
	font-weight: normal;
	background-color: #fcfcfc;
}

.tbl td{
	width: 40%;
}

.sub_tit{
	background-color: #026170;
	padding: 16px;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	line-height: 1;
	max-width: 80%;
	margin: 0 auto 1.6rem auto;
}

.sub_tit_en{
	font-size: .8rem;
	font-weight: normal;
}

.sp{
	display: none;
}

.btn_entry {
  display: inline-block;
  position: relative;
  padding: .8rem 2rem;
  /*width: 40%;*/
  color: #FFF;
  /*background: linear-gradient(45deg, #0f80c4 40%, #83cdfc);*/
  background-color:#0f80c4 ;
  margin: 24px auto 16px auto;
  border-radius: 10px;
}

.btn_entry:hover {
  opacity: 80%;
}

.btn_entry img{
	width: .5rem;
	display: inline-block;
	margin-left: .8rem;
}

.btn_entry_base{
	display: flex;
	justify-content: space-between;
}
.mt_24{/*20250610追記*/
	margin-top: 24px;
}

.mt_16{/*20250610追記*/
	margin-top: 16px;
}

.mt_8{/*20250610追記*/
	margin-top: 8px;
}

.middle{/*20250610追記*/
		display: none;
	}

@media (max-width: 1920px) {/*幅が1820px以下になったら改行する*/
	.middle{
		display: block;
	}
}

@media (max-width: 767px) {
	.txt_L{
		font-size: 1rem;
	}

	.txt_ML{
	font-size: 1.1rem;
	}

	.txt_M{
	font-size: 1rem;
	}

	.txt_S{
	font-size: .8rem;
	}

	.tbl th{
		width: 50%;
	}

	.tbl td{
	width: 50%;
	}

	.tbl{
		font-size: .8rem;
	}

	.sub_tit2{
		font-size: 1rem;
	}

	.sub_tit{
		font-size: 1rem;
		padding: 8px;
		margin-bottom: 1rem;
	}

	.sub_tit_en{
		font-size: .6rem;
	}

	.btn_entry {
		font-size: 1rem;
		padding: .8rem 1rem;
	}

	.sp{
	display: block;
	}
}


@media (min-width: 768px) {
/*.btn_special{
        background: url(../images/bunner_bg.png);
        color: #fff;
    }*/

    /*.btn_mark::before{
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f219";
        color: #30a1d2;
    }*/

    dl.news dt.btn_mark::before{
        content:  "";                          
        width: 16px;                            
        height: 16px;                          
        display:  inline-block;                
        position:  relative;                                           
        margin-right: 5px;                      
        background-image:  url(../images/arrow.svg);  
        background-size:  contain;             
        background-repeat:  no-repeat;                         
    }
}

/*コンテンツ全体*/

.wrapper{
    width: 80%;
    background: url(../images/mv_pc.png);
    background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	display: block;
}

.wrapper_subpage{
    width: 80%;
    background: url(../images/mv_subpage.png);/*20250612追記*/
	/*background: url(../images/mv_sp_subpage.png);*/
    background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	display: block;
}

@media (max-width: 767px) {
	.wrapper{
	width: 100%;
	background: url(../images/mv_sp_top.png);/*20250605追記*/
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	display: block;
	}

	.wrapper_subpage{
		width: 100%;
		background: url(../images/mv_sp_subpage.png);/*20250612追記*/
		background-size: contain;
		background-repeat: no-repeat;
		margin: 0 auto;
		padding: 0;
		background-color: #fff;
		display: block;
	}
}

/* ヘッダー */
.header {
	height: 40px;
	width: 92%;
	margin: 0 auto;
}

.header_container {
	display: flex;
	/*justify-content: space-between;*/
	justify-content: right;
	align-items: center;
	height: 100%;
	padding-top: .5rem;
}

/* ナビゲーションボタン */
.navbtn {
	padding: 0;
	outline: none;
	border: none;
	background: transparent;
	cursor: pointer;
	color: #fff;
	font-size: 30px;
}

.open .navbtn {
	z-index: 110;
	color: #ffffff;
}

.navbtn .fa-bars {
	display: revert;
}
.open .navbtn .fa-bars {
	display: none;
}

.navbtn .fa-times {
	display: none;
}
.open .navbtn .fa-times {
	display: revert;
}

@media (min-width: 768px) {
	.navbtn {
		display: none;
	}
}

/* ナビゲーションメニュー：モバイル */
@media (max-width: 767px) {
	.nav {
		position: fixed;
		inset: 0 -100% 0 100%;
		z-index: 100;
		/*background-color: #4e483ae6;*/
		background-color: #026170;
		opacity: 96%;
		transition: transform 0.3s;
		/*padding-top: 2rem;*//*これが無いと上のテキストが表示されない*/
		/*padding-bottom: 2rem;*/
	}

	.nav img{/*20250529追記*/
		display: block;
		width: 80%;
		margin: 8px auto;
	}

	.open .nav {
		transform: translate(-100%, 0);
	}

	.open body {
		position: fixed;
		overflow: hidden;
	}

	.nav ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		gap: 24px;
		color: #ffffff;
		height: 100%;
		overflow-y: scroll;
		font-size: 1.2rem;
	}

	/*.nav ul li{
		background-color: #c4ebe8;
		color: #026170;
		padding: 16px 8px;
		margin-bottom: 16px;
		width: 72%;
		text-align: center;
		border-radius: 50px;
	}*/

	.nav_pc{
		display: none;
	}

	.btn_off_sp{
		opacity: 48%;
	}
}

/* ナビゲーションメニュー：PC */
@media (min-width: 768px) {

	.nav{
		display: none;
	}

    ul.nav_pc{
        /*border-right: #ccc solid 4px;
        border-left: #ccc solid 4px;
        border-top: #ccc solid 4px;*/
		width: 94%;
		margin: 56% auto 0 auto;
		padding: 8px 0;
		color: #026170;
		text-align: center;
		font-weight: bold;
    }

	ul.nav_pc li{
        /*border-bottom: #ccc solid 4px;*/
		/*padding: 8px;*/
        background-color: #c4ebe8;
		margin-bottom: 16px;
		border-radius: 50px;
		padding: .5rem .5rem;
	}

    ul.nav_pc li a{
        display: inline-block;
        width: 100%;
        padding: 8px;
        box-sizing: border-box;
    }

    ul.nav_pc li.btn_on{
        background-color: #026170;
		/*border: 3px solid #fff;*/
		border-radius: 50px;
		color: #fff;
		padding: 1rem;
		box-sizing: border-box;
    }

	ul.nav_pc li.btn_off{
        background-color: #ccc;
		border-radius: 50px;
		color: #666;
		padding: 1rem;
		box-sizing: border-box;
    }

	ul.nav_pc li.btn_on_home{
        background-color: #026170;
		border: 3px solid #fff;
		color: #fff;
    }
}



/*----------------------
top
------------------------*/

/*ベース*/

.base{
	display: flex;
	justify-content: space-between;
	/*padding: 0 40px;*/
	width: 90%;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.base{
		flex-direction: column;
	}
}

/*バナー*/

.bnr_box_pc ul li{
	margin: 16px 0;
}

ul.bnr{
		/*padding-top: 24px;*/
		width: 94%;
		margin: 0 auto;
	}

ul.bnr li{
		margin-bottom: 8px;
	}

ul.bnr_sp{
		display: none;
		/*padding-top: 24px;*/
		width: 94%;
		margin: 0 auto;
	}

ul.bnr_sp li{
		margin-bottom: 8px;
	}	

@media (max-width: 767px) {

	.bnr_box_pc{
		display: none;
	}

	ul.bnr_sp{
		display: block;
		width: 80%;
		margin-top: 24px;
	}
	
	ul.bnr_sp li{
		margin-bottom: 16px;
	}
}	

/*コンテンツ*/

.container{
	width:92%;
	margin: 0 auto;
    /*background-color: #fff;*/
	display: flex;
	justify-content: space-between;
	width: 64%;
	margin: 100% auto 10% auto;
	/*margin: 80% auto 10% auto;*/
	/*margin: 76rem auto 0 auto;*/
	/*padding-top: 76rem;*/
     /*padding: 32px 40px;*/
    box-sizing: border-box;
	/*position: absolute;
	margin-top: 76rem;
	margin-left: 24%;*/
}

.container_subpage{
	width:92%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	width: 64%;
	margin: 36% auto 10% auto;
    box-sizing: border-box;
}

	.main{
		width: 100%;
		border:3px solid #c4c4c4;
		padding: 40px;
		border-radius: 24px;
		background-color: #fff;
		box-sizing: border-box;
		/*width: 72%;*/
		/*position: relative;*/
		/*position: sticky;*/
	}

	.menu{
		width: 24%;
		/*background-color: #ccc;*/
	}

	@media (max-width: 767px) {
		.container{
			width: 100%;
			flex-direction: column;
			margin: 110% auto 10% auto;
		}
		.container_subpage{
			width: 100%;
			flex-direction: column;
		}
		.main{
			padding: 24px 16px;
		}
	}

/*新着情報*/

	/*.news_box{
		padding: 16px 24px;
	}*/

	.news .news_line{
		display:flex;
		justify-content: flex-start;
		padding: 8px;
		border-bottom: 1px dotted #c7c7c7;
	  }

	@media (max-width: 767px) {
		.news{
			font-size: .8rem;
		}
	}  

/*copyright*/

.copyright{
	font-size: .8rem;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	background-color: #666666;
}

@media (max-width: 767px) {
	.copyright{
		font-size: .6rem;
	}
}

/*フッター*/

footer{
	margin:40px auto 0 auto;
	/*font-size: 14px;*/
	text-align: center;
}

.footer_base{
	background-color: #0f80c4;
	color: #fff;
	padding: 32px 0 16px 0;
	text-align: left;
	/*display: inline-block;
	text-align: left;*/
}

.footer_border{
	border-top: 8px solid #fff;
	padding: 40px 0;
}

.footer_inner{
	display: flex;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
}

.footer_left, .footer_right{
	width: 48%;
}

@media (max-width: 767px) {
	footer{
		font-size: .8rem;
		margin-top: 0;
	}

	.footer_border{
		padding: 24px 0 16px 0;
	}

	.footer_inner{
		flex-direction: column;
	}

	.footer_left, .footer_right{
		width: 100%;
	}

	.footer_left{
		margin-bottom: .5rem;
	}
}

/*----------------------
news
------------------------*/

.news_page h1{
	background-color: #efefef;
	padding: 16px;
	margin-bottom: 24px;
}

/*--------------------------------
以降、不要だったら消す
----------------------------------*/

/* ボタン */
.btn {
	display: block;
	width: 260px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #e8b368;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	text-shadow: 0 0 6px #00000052;
}

.btn-accent {
	background-color: #b72661;
}

/*----------------------
会頭挨拶
------------------------*/

.photo{
	width: 20%;
	margin-left: auto;
	padding: 8px 0;
}

.photo img{
	display: block;
}

.chairman{/*20250610追記*/
	/*width: 80%;*/
	width: 96%;/*20250617修正*/
	margin: 0 auto 48px auto;
	display: flex;
	justify-content: space-between;	
}

.chairman_left{/*20250612追記*/
	/*width: 80%;*/
	width: 96%;/*20250619修正*/
	margin: 0 auto 48px auto;
	display: flex;
	/*justify-content: space-between;*/
	/*flex-direction: row-reverse;*/	
}

/* 20250616？追記 */
/* .chairman2{
	width: 90%;
	margin: 0 auto 48px auto;
	display: flex;
	justify-content: space-between;	
} */

.chairman_txt{
	width: 52%;
	/*width: 65%;*/
	margin-top: auto;
}

.chairman_left_txt{/*20250619追記*/
	width: 52%;
	margin-top: auto;
	margin-left: 24px;
}

.chairman_photo{
	/*width: 32%;*/
	width: 24%;/*20250617修正*/
	/*width: 46%;*/
	display: inline-block;
	text-align: right;
}

.chairman_photo img{
	display: inline-block;
	width: 100%;
}

.chairman_left_photo{/*20250619追記*/
	width: 24%;
	display: inline-block;
	text-align: left;
}

.chairman_left_photo img{
	display: inline-block;
	width: 100%;
}

@media (max-width: 767px) {
	.photo{
		width: 30%;
	}

	/*.chairman{ 20250616修正
		flex-direction: column-reverse;
		margin-bottom: 24px;
	}*/

	/*20250616？追記*/
	/* .chairman2{
	flex-direction: column-reverse;
	margin-bottom: 24px;
	} */

	.chairman_left{/*20250612追記*/
		/*flex-direction: column-reverse;*/
		flex-direction: column;
		margin-bottom: 24px;
	}

	/*.chairman_txt{ 20250616修正
		width: 100%;
	}

	.chairman_photo{ 20250616修正
		width: 64%;
		margin: 0 auto;
	}*/

	.chairman_left_photo{
		width: 30%;
	}

	.txt_style{/*20250619追記*/
	white-space: normal;
	}

}

/* 20250616追記 */

.txt_style{
	white-space: nowrap;
	/*font-size: .6rem;*/
	font-size: .9rem;/*20250617修正*/
	}

/*@media (min-width: 1280px) {
	.txt_style{
	white-space: nowrap;
	font-size: .6rem;
	}
}

@media (max-width: 1280px) {
	.txt_style{
	white-space: normal;
	font-size: .6rem;
	}
}*/

@media (max-width: 1280px) {/*タブレットで分岐*/
	.chairman{ 
		flex-direction: column-reverse;
		margin-bottom: 24px;
		text-align: center;
		/* 20250616杉村加筆 */
	}

	.chairman_txt{
		width: 100%;
		/*font-size: .8rem;*//*20250617修正*/
	}

	.chairman_photo{
		width: 48%;
		margin: 0 auto;
	}

	.chairman_left{ /*20250619追記*/
		/*flex-direction: column-reverse;*/
		flex-direction: column;
		margin-bottom: 24px;
		text-align: center;
	}

	.chairman_left_txt{/*20250619追記*/
		width: 100%;
		margin-left: 0;
	}

	.chairman_left_photo{
		width: 48%;
		margin: 0 auto;		
	}
}