@charset "UTF-8";
/* CSS Document */
.blue {
		color: #00c8f0;
	}
	.red {
		color: #ff7d7a;
	}
	.black {
		color: #323232;
	}
	.gray {
		color: #adadad;
	}
	.light_gray {
		color: #e4e4e4;
	}
	.yellow {
		color: #ffff96;
	}
@media screen and (min-width: 900px) {
/*ここにPC用スタイルを記述*/
	.content {
		width: 100%;
		padding: 6% 0 0 0;
	}
	.main_title {
		width: 100%;
		position: relative;
	}
	.main_title img {
		width: 100%;
	}
	h1.main_title_in {
		position: absolute;
		top: auto;
		left: 35%;
		right: 35%;
		bottom: 30%;
	}
	.main_title_in img {
		width: 100%;
	}
	
	.title_mincyo {
	text-align: center;
	font-family:'游明朝 Medium',serif;
	color: #323232;
	font-size: clamp(20px, 3vw, 25px);
	margin: 40px auto 0 auto;
	line-height: 40px;
}
	
	.title_top,.title {
		width: 100%;
		background-color: #00c8f0;
	}
	.title {
		clear: both;
		margin: 60px 0 0 0;
	}
	.title_text {
		font-size: 24px;
		line-height: 35px;
		margin: 0 auto;
		padding: 4% 0;
		color: #FFF;
		text-align: center;
	}
	.sub_title01_area {
		max-width: 800px;
		margin: 40px auto 0 auto;
	}
	.sub_title01 {
		font-size: 20px;
		line-height: 24px;
	}
	.text01 {
		font-size: 15px;
		line-height: 24px;
		margin: 25px 0 0 0;
		padding: 0 0 0 20px;
	}
	
	.photo_content {
		max-width: 700px;
		width: 100%;
		height: 257px;
		margin: 40px auto 0 auto;
	}
	.photo05 img,.photo06 img {
		width: 100%;
	}
	.photo05 {
		width: 48%;
		float: left;
	}
	.photo06 {
		width: 48%;
		float: right;
	}
	
	.sub_title02_area_top {
		max-width: 800px;
		background-color: #e4e4e4;
		margin: 40px auto 0 auto;
		padding: 0 0 20px 0;
	}
	.sub_title02_area {
		max-width: 800px;
		background-color: #e4e4e4;
		margin: 10px auto 0 auto;
		padding: 0 0 20px 0;
	}
	.sub_title02 {
		padding: 20px;
		font-size: 20px;
	}
	.white_area {
		background-color: #FFF;
		width: 95%;
		margin: 0 auto;
		clear: both;
	}
	.text02 {
		font-size: 15px;
		line-height: 24px;
		padding: 20px;
	}
	
	.sub_title03_area_top {
		max-width: 800px;
		background-color: #e4e4e4;
		margin: 20px auto 0 auto;
	}
	.sub_title03_area {
		max-width: 800px;
		background-color: #e4e4e4;
		margin: 0 auto ;
	}
	.sub_title03 {
		padding: 10px;
		font-size: 16px;
	}
	.white_area_max {
		background-color: #FFF;
		width: 100%;
		margin: 0 auto;
	}
	.sub_title03_area02 {
		max-width: 800px;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 10px auto 0 auto;
	}
	.big_text01 {
		font-size: 20px;
		line-height: 34px;
		padding: 24px;
		text-align: center;
		color: #00c8f0;
	}
	
	.sub_title04_area_top {
		max-width: 800px;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 40px auto 0 auto;
	}
	.sub_title04_area {
		max-width: 800px;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 10px auto 0 auto;
	}
	.sub_title04 {
		padding: 20px 0 0 0;
		font-size: 20px;
		text-align: center;
		color: #00c8f0;
	}
	.sub_title04_area2 {
		max-width: 800px;
		border-style: solid;
		border-width: 1px;
		border-color: #ff7d7a; 
		margin: 10px auto 0 auto;
	}
	.big_text02 {
		font-size: 20px;
		line-height: 34px;
		padding: 24px;
		text-align: center;
		color: #323232;
	}
	.arrow img {
		margin: 0 auto;
	}
	
	
	.googlemap iframe {
		margin: 10px auto 0 auto;
	}
	
	
	
	.sub_title05_area_top {
		max-width: 800px;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 40px auto 0 auto;
	}
	.sub_title05 {
		padding: 20px 0 0 0;
		font-size: 20px;
		text-align: center;
		color: #323232;
	}
	.text03 {
		font-size: 15px;
		line-height: 34px;
		margin: 25px 0 0 0;
		padding: 0 0 0 20px;
		text-align: center;
	}
	.sub_title05_area_black {
		max-width: 800px;
		border-style: solid;
		border-width: 1px;
		border-color: #323232; 
		margin: 40px auto 0 auto;
	}
	.sub_title05_black {
		padding: 20px 0;
		font-size: 20px;
		text-align: center;
		color: #323232;
	}
	.sub_title05_area_red {
		max-width: 800px;
		border-style: solid;
		border-width: 4px;
		border-color: #ff7d7a; 
		margin: 40px auto 0 auto;
	}
	.sub_title01_red {
		padding: 20px 0 0 20px;
		font-size: 20px;
		text-align: left;
	}
	.square_area {
		max-width: 750px;
		width: 100%;
		margin: 10px auto 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.square_red {
		width: 32%;
		max-height: 123px;
		height: 122px;
		background-color: #ff7d7a;
		margin: 0 1% 0 0;
		font-weight: 600;
		font-size: 18px;
		text-align: center;
	}
	.square_red_text1,.square_red_text3 {
		margin: 45px 0 0 0;
	}
	.square_red_text2 {
		margin: 30px 0 0 0;
	}
	.text04 {
		font-size: 15px;
		line-height: 24px;
		padding: 10px 0 20px 0 ;
	}
	
	.sub_title06_area {
		max-width: 800px;
		margin: 40px auto 0 auto;
	}
	
	.sub_title01_blue {
		font-size: 20px;
		line-height: 24px;
		color: #00c8f0;
		text-align: center;
	}
	.sub_title06_twxt_area {
		max-width: 800px;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #323232; 
		margin: 20px auto 0 auto;
	}
	.sub_title01_area2 {
    max-width: 800px;
    margin: 20px auto 0 auto;
}
	.square_box_area{
		max-width: 800px;
		border-style: solid;
		border-width: 1px;
		border-color: #323232; 
		margin: 20px auto 0 auto;
	}
	.square_box_title {
		background-color: #e4e4e4;
	}
	
/*company.index PC用スタイルを記述*/	
	.table_area_top {
		max-width: 800px;
		margin: 40px auto 0 auto;
	}
	.table_area {
		clear: both;
		max-width: 800px;
		margin: 0 auto;
		padding: 3% 0 0 0;
	}
	.table_area_bottom {
		clear: both;
		max-width: 800px;
		margin: 0 auto;
		padding: 3% 0 14% 0;
	}
	.table_title {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 20%;
		float: left;
		padding: 2%;
		background-color: #adadad;
	}
	.table_in {
		display: flex;
		align-items: center;
		width: 79%;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #323232; 
		float: right;
		padding: 2%;
	}
	.table_title_bottom {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 20%;
		height: 120px;
		float: left;
		padding: 2%;
		background-color: #adadad;
	}
	.table_in_bottom {
		display: flex;
		align-items: center;
		width: 79%;
		height: 120px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #323232; 
		float: right;
		padding: 2%;
	}
	.table_text01 {
		color: #fff;
	}
	.table_text02 {
		color: #323232
	}

	
}
 
@media screen and (max-width: 899px) {
/*ここにipad（タブレット）以下のスタイルを記述*/
	.content_sp {
		width: 100%;
		padding: 15% 0 0 0;
	}	
	.main_title {
		width: 100%;
		position: relative;
	}
	.main_title img {
		width: 100%;
	}
	h1.main_title_in {
		position: absolute;
		top: 35%;
		left: 10%;
		right: 10%;
		bottom: auto;
	}
	.main_title_in img {
		width: 100%;
	}
	.title_mincyo {
	text-align: center;
	font-family:'游明朝 Medium',serif;
	color: #323232;
	font-size: clamp(20px, 3vw, 25px);
	margin: 40px auto 0 auto;
	line-height: 40px;
}
	.title_top,.title {
		width: 100%;
		background-color: #00c8f0;
	}
	.title {
		clear: both;
		margin: 60px 0 0 0;
	}
	.title_text {
		font-size: 20px;
		line-height: 28px;
		margin: 0 auto;
		padding: 8% 0;
		color: #FFF;
		text-align: center;
	}
	.space {
		margin: 0 0 0 20px;
	}
	.sub_title01_area {
		max-width: 90%;
		margin: 40px auto 0 auto;
	}
	.sub_title01 {
		font-size: 18px;
		line-height: 22px;
	}
	.text01 {
		font-size: 15px;
		line-height: 24px;
		margin: 25px 0 0 0;
	}
	
	.photo_content {
		max-width: 700px;
		width: 80%;
		margin: 40px auto 0 auto;
	}
	.photo_content2 {
		max-width: 700px;
		width: 80%;
		margin: 20px auto 0 auto;
	}
	.photo05 img,.photo06 img {
		width: 100%;
	}
	
	.sub_title02_area_top {
		max-width: 100%;
		background-color: #e4e4e4;
		margin: 40px auto 0 auto;
		padding: 0 0 20px 0;
	}
	.sub_title02_area {
		max-width: 100%;
		background-color: #e4e4e4;
		margin: 10px auto 0 auto;
		padding: 0 0 20px 0;
	}
	.sub_title02 {
		padding: 20px;
		font-size: 16px;
	}
	.white_area {
		background-color: #FFF;
		width: 90%;
		margin: 0 auto;
	}
	.text02 {
		font-size: 15px;
		line-height: 24px;
		padding: 20px;
	}
	
	.sub_title03_area_top {
		max-width: 100%;
		background-color: #e4e4e4;
		margin: 20px auto 0 auto;
	}
	.sub_title03_area {
		max-width: 100%;
		background-color: #e4e4e4;
		margin: 0 auto ;
	}
	.sub_title03 {
		padding: 10px;
		font-size: 14px;
		text-align: center;
	}
	.white_area_max {
		background-color: #FFF;
		width: 100%;
		margin: 0 auto;
	}
	.sub_title03_area02 {
		max-width: 80%;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 10px auto 0 auto;
	}
	.big_text01 {
		font-size: 18px;
		line-height: 34px;
		padding: 24px;
		text-align: center;
		color: #00c8f0;
	}
	
	.sub_title04_area_top {
		max-width: 80%;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 40px auto 0 auto;
	}
	.sub_title04_area {
		max-width: 80%;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 10px auto 0 auto;
	}
	.sub_title04 {
		padding: 20px 0 0 0;
		font-size: 20px;
		text-align: center;
		color: #00c8f0;
	}
	.sub_title04_area2 {
		max-width: 80%;
		border-style: solid;
		border-width: 1px;
		border-color: #ff7d7a; 
		margin: 10px auto 0 auto;
	}
	.big_text02 {
		font-size: 18px;
		line-height: 34px;
		padding: 24px;
		text-align: center;
		color: #323232;
	}
	.arrow img {
		margin: 0 auto;
	}
	
	.googlemap {
    width: 80%;
    margin: 0 auto;
}
	
	.googlemap iframe {
		margin: 10px auto 0 auto;
	}
	
	
	.sub_title05_area_top {
		max-width: 80%;
		border-style: solid;
		border-width: 1px;
		border-color: #00c8f0; 
		margin: 40px auto 0 auto;
	}
	.sub_title05 {
		padding: 20px 0 0 0;
		font-size: 20px;
		text-align: center;
		color: #323232;
	}
	.text03 {
		font-size: 15px;
		line-height: 34px;
		margin: 25px 0 0 0;
		text-align: center;
	}
	.sub_title05_area_black {
		max-width: 80%;
		border-style: solid;
		border-width: 1px;
		border-color: #323232; 
		margin: 40px auto 0 auto;
	}
	.sub_title05_black {
		padding: 20px 0;
		font-size: 20px;
		text-align: center;
		color: #323232;
	}
	.sub_title05_area_red {
		max-width: 80%;
		border-style: solid;
		border-width: 4px;
		border-color: #ff7d7a; 
		margin: 40px auto 0 auto;
	}
	.sub_title01_red {
		padding: 20px 0 0 20px;
		font-size: 20px;
		text-align: left;
	}
	.square_area {
		max-width: 90%;
		width: 100%;
		margin: 10px auto 0 auto;
	}
	.square_red {
		width: 100%;
		background-color: #ff7d7a;
		margin: 0 0 1% 0;
		font-weight: 600;
		font-size: 18px;
		padding: 5%;
		text-align: center;
	}
	.text04 {
		font-size: 15px;
		line-height: 24px;
		padding: 10px 0 20px 0 ;
	}
	
	.sub_title06_area {
		max-width: 90%;
		margin: 40px auto 0 auto;
	}
	.sub_title06_area img {
		width: 100%;
	}
	
	.sub_title01_blue {
		font-size: 20px;
		line-height: 24px;
		color: #00c8f0;
		text-align: center;
	}
	.sub_title06_twxt_area {
		max-width: 100%;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #323232; 
		margin: 20px auto 0 auto;
	}
	.sub_title01_area2 {
    max-width: 90%;
    margin: 20px auto 0 auto;
}
	.square_box_area{
		max-width: 80%;
		border-style: solid;
		border-width: 1px;
		border-color: #323232; 
		margin: 20px auto 0 auto;
	}
	.square_box_title {
		background-color: #e4e4e4;
	}
	
/*company.index SP用スタイルを記述*/	

	.table_area_top {
		max-width: 100%;
		margin: 40px auto 0 auto;
	}
	.table_area {
		clear: both;
		max-width: 800px;
		margin: 0 auto;
		padding: 3% 0 0 0;
	}
	.table_area_bottom {
		clear: both;
		max-width: 800px;
		margin: 0 auto;
		padding: 3% 0 14% 0;
	}
	.table_title {
		text-align: center;
		width: 100%;
		padding: 5%;
		background-color: #adadad;
	}
	.table_in {
		width: 100%;
		padding: 5%;
	}
	.table_title_bottom {
		text-align: center;
		width: 100%;
		padding: 5%;
		background-color: #adadad;
	}
	.table_in_bottom {
		width: 100%;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #323232; 
		padding: 5%;
	}
	.table_text01 {
		color: #fff;
	}
	.table_text02 {
		color: #323232
	}
	.space_small {
    margin: 0 0 0 14px;
}
	.text04 {
    font-size: 15px;
    line-height: 44px;
    margin: 25px 0 0 0;
}
	.text05 {
    font-size: 15px;
    line-height: 24px;
    padding: 10px 0;
}

}