@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
/*-------------------------------------------------
共通指定
-------------------------------------------------*/
#home{}

/* BUTTON */
.btn_more_01 a{ display: block; text-align: center; font-weight: bold; color: #fff; background: #096b91; box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.3);}
.btn_more_01 a:hover{ box-shadow: none; background: #138ab8; color: #ffff00;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* BUTTON */
	.btn_more_01 a{ height: 51px; border-radius: 50px; font-size: 1.8em; width: 100%;}

}
@media screen and (min-width: 768px), print {

	/* BUTTON */
	.btn_more_01 a{ height: 101px; border-radius: 50px; font-size: 2.2em; padding-top: 20px; max-width: 450px;}
}

/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
/* メイン */
.home_main_frame_01{}
.home_main_frame_01 p{ font-weight: bold;}

.home_main_frame_02{ color: #ffffff;}
.home_main_frame_02 h2{ font-weight: bold; font-size: 1.4em; padding-bottom: 5px; border-bottom: 1px solid #ffffff;}
.home_main_frame_02 dl{ line-height: 1.8;}
.home_main_frame_02 dl dt{ font-weight: bold;}

/* ビジネス */
.home_business_frame_01{}
.home_business_frame_01 .logo{ text-align: center;}
.home_business_frame_01 h2{ font-weight: bold; letter-spacing: 0;}
.home_business_frame_01 h2 svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
.home_business_frame_01 h2 text {
  fill: #ffffff;
  stroke: #096b91;
  stroke-width: .3;
  stroke-linejoin: round;
}
.home_business_frame_01 ul{ clear: both;}

ul.list_home_01{}
ul.list_home_01 li{ text-align: center; border: 1px solid #096b91;}
ul.list_home_01 li a{ display: block; color: #096b91;}
ul.list_home_01 li a:hover{ background: #f1f1f1;}

ul.list_home_02{}
ul.list_home_02 li{ box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.3);}
ul.list_home_02 li dl{ position: relative;}
ul.list_home_02 li dl dd{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; background: rgba(9,107,145,0.7);}
ul.list_home_02 li dl dd h3{ font-weight: bold;}


/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	.home_main_frame_01{}
	.home_main_frame_01 .main_pic_01 img{ object-fit: cover; height: 50vh;}
	.home_main_frame_01 p{ font-size: 7vw; margin-top: -45vh;}

	.home_main_frame_02{ padding: 40px 0 100px;}
	.home_main_frame_02 h2{ margin-bottom: 20px;}
	.home_main_frame_02 .main_pic_02{ margin-bottom: 20px;}
	.home_main_frame_02 dl dt{ font-size: 6vw; margin-bottom: 40px;}
	.home_main_frame_02 dl dd{ margin-bottom: 60px;}

	/* ビジネス */
	.home_business_frame_01{ padding-top: 80px; margin-bottom: 100px;}
	.home_business_frame_01 .logo{ margin-bottom: 20px;}
	.home_business_frame_01 .logo img{ width: 200px;}
	.home_business_frame_01 h2{ margin-bottom: 20px;}
	.home_business_frame_01 .btn_more_01{ margin: 0 20px;}

	ul.list_home_01{ margin-bottom: 30px; font-size: 1em;}
	ul.list_home_01 li{ width: calc(33.33% - 2px); margin: 0 1px;}
	ul.list_home_01 li a{ padding: 10px 0;}

	ul.list_home_02{ margin-bottom: 40px;}
	ul.list_home_02 li{ width: 100%; margin: 0 20px 20px;}
	ul.list_home_02 li dl dd{ padding: 10px 20px;}
	ul.list_home_02 li dl dd h3{ font-size: 1.4em;}
	ul.list_home_02 li dl dd p{ font-size: 0.8em;}
}

.link_ec{
	text-align: center;
	max-width: calc(100% - 40px);
	margin: 60px auto;
}
.link_ec img{
	display: block;
	max-width: 100%;
	width: 680px;
	height: auto;
	margin: auto;
}
@media screen and (min-width: 768px), print {
	/* メイン */
	.home_main_frame_01{ margin-bottom: 80px;}
	.home_main_frame_01 .main_pic_01{ margin: 0 auto; margin: 0 100px;}
	.home_main_frame_01 .main_pic_01 img{ object-fit: cover; height: 80vh;}
	.home_main_frame_01 p{ font-size: 3.7em; margin-top: -590px; padding-left: 5%;}

	.home_main_frame_02{ padding: 80px 0 140px;}
	.home_main_frame_02 h2{ margin-bottom: 40px;}
	.home_main_frame_02 .main_pic_02{ float: left; width: 35%;}
	.home_main_frame_02 .main_text_01{ padding-left: 40%;}
	.home_main_frame_02 dl dt{ font-size: 2.6em; margin-bottom: 50px;}
	.home_main_frame_02 dl dd{ font-size: 1.4em; margin-bottom: 80px;}

	/* ビジネス */
	.home_business_frame_01{ padding-top: 160px; margin-bottom: 200px;}
	.home_business_frame_01 .logo{ margin-bottom: 40px;}
	.home_business_frame_01 .logo img{ width: 280px;}
	.home_business_frame_01 h2{ width: 360px; margin: 0 auto 20px;}
	.home_business_frame_01 .btn_more_01 a{ margin: 0 auto;}


	ul.list_home_01{ margin-bottom: 50px; font-size: 2.4em;}
	ul.list_home_01 li{ width: calc(33.33% - 40px); margin: 0 20px;}
	ul.list_home_01 li a{ padding: 20px;}

	ul.list_home_02{ margin: 0 40px 120px; max-width: 1720px;}
	ul.list_home_02 li{ width: calc(25% - 40px * 3/4); margin-right: 40px;}
	ul.list_home_02 li:last-child{ margin-right: 0;}
	ul.list_home_02 li dl dd{ padding: 10px 20px;}
	ul.list_home_02 li dl dd h3{ font-size: 1.4em;}
	ul.list_home_02 li dl dd p{ font-size: 0.8em;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.home_main_frame_02 h2{ padding: 0 20px;}
	.home_main_frame_02 .main_text_01{ padding-right: 20px;}
	.home_main_frame_02 dl dt{ font-size: 1.8em; margin-bottom: 30px;}
	.home_main_frame_02 dl dd{ font-size: 1.2em;}

	ul.list_home_02{ margin: 0 20px 120px;}
	ul.list_home_02 li{ width: calc(25% - 10px * 3/4); margin-right: 10px;}
}