@charset "utf-8";

/*===============================================
●共通
===============================================*/

/* mainTitleGroup
---------------------------------------- */
#mainTitleGroup {
	background:url(../../images/mainframe/maintitle_tex.jpg) no-repeat center center;
	background-size:cover;
}

/* group01
---------------------------------------- */
#group01 p {
	text-align:center;
}

/* group02、group03
---------------------------------------- */
#group02,
#group03 {
	width:100%;
	padding:1.5em 1em;
	background-color:#fefaea;
	box-sizing:border-box;
}
#group02 .inner,
#group03 .inner {
	background-color:#fff;
}
#group02 .imageBox table,
#group03 .imageBox table {
	margin:0 auto;
	border:none;
}
#group02 .imageBox table th,
#group03 .imageBox table th {
	text-align:right;
}
#group02 .imageBox table th span,
#group03 .imageBox table th span {
	font-family: "Yuji Boku", serif;
}
#group02 #kyushoku01 li,
#group03 #kyushoku01 li {
	width:48.5%;
	float:left;
}
#group02 #kyushoku01 li:nth-child(1),
#group03 #kyushoku01 li:nth-child(1) {
	margin-right:3%;
}
#group02 a.tel,
#group03 a.tel {
	color:#000;
	text-decoration:none;
}
#group02 .hagumi,
#group02 .kyushoku01,
#group03 .kyushoku01 {
	margin-bottom:2em;
}
#group02 .imageBox table th span.zen {
	font-family: "Zen Antique", serif;
}

/* 岐阜、 愛知 */
.group_gifu #group02 .imageFlex {
	display: flex;
}
.group_gifu #group02 .imageFlex li {
	width: 49%;
}
.group_gifu #group02 .imageFlex li:first-child {
	margin-right: 2%;
}
#group02 #gifuBox01 p {
	margin-bottom: 1em;
}
#group02 .presidentBox {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
#group02 .presidentBox span {
	display: block;
	text-align: right;
}
#group02 .presidentBox span.name {
	font-family: "Yuji Boku", serif;
}

/* chart
---------------------------------------- */
#chart h3 {
	text-align:center;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	background-color:#fdd000;
}
#chart h3 span {
	display:inline-block;
	border-bottom:#fff 2px solid;
}
#chart ul {
	position:relative;
	padding:1.5em 0 0 1.5em;
	margin-left:1.5em;
	border-left:#fdd000 2px solid;
}
#chart ul:after {
	content:"";
	display:block;
	width:1em;
	position:absolute;
	bottom:0;
	left:-0.75em;
	background-color:#fff;
}
#chart ul li {
	position:relative;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	background-color:#fff;
}
#chart ul li:before {
	content:"";
	display:block;
	width:1.5em;
	height:2px;
	position:absolute;
	top:50%;
	left:-1.5em;
	margin-top:-1px;
	background-color:#fdd000;
}
#chart ul li a {
	display:block;
	text-decoration:none;
	border:#fdd000 2px solid;
	background:url(../../images/mainframe/icon_arrow05.png) no-repeat 95% center #fff;
	background-size:16px 17px;
}
#contents.group_tomo		#chart ul li.group_tomo a,
#contents.group_aichi		#chart ul li.group_tomo_aichi a,
#contents.group_gifu		#chart ul li.group_tomo_gifu a,
#contents.group_kyoei		#chart ul li.group_kyoei a,
#contents.group_kyushoku	#chart ul li.group_kyushoku a,
#contents.group_food		#chart ul li.group_food a,
#contents.group_prime		#chart ul li.group_prime a,
#chart ul li a:hover {
	background-color:#fdd000;
}


/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* mainTitleGroup
	---------------------------------------- */
	#mainTitleGroup {
		padding:2.5em 0 1.5em;
	}
	#mainTitleGroup p {
		width:38%;
		max-width:200px;
		margin:0 auto;
	}
	
	/* group01
	---------------------------------------- */
	#group01 {
		margin-bottom:1.5em;
	}
	#group01 p {
		margin-bottom:1.5em;
	}
	#map {
		width:90%;
		margin:0 auto;
	}
	
	/* group02,group03
	---------------------------------------- */
	#group02 .inner,
	#group03 .inner {
		padding:1em;
		margin-bottom:1em;
	}
	#group02 .imageBox,
	#group03 .imageBox {
		margin-bottom:0.5em;
	}
	#group02 .imageBox .image01,
	#group03 .imageBox .image01 {
		max-width:400px;
		margin:0 auto 1em;
	}
	#group02 .imageBox table th,
	#group03 .imageBox table th {
		padding-right:0.85em;
	}
	#group02 .imageBox table th span,
	#group03 .imageBox table th span {
		font-size:1.28em;
	}
	#group02 .imageBox table td,
	#group03 .imageBox table td {
		width:75px;
	}
	#group02 .imageBox table th,
	#group03 .imageBox table th,
	#group02 .imageBox table td
	#group03 .imageBox table td {
		vertical-align:middle;
	}
	#group02 .obikinBox,
	#group03 .obikinBox {
		padding:1em 0.85em 0;
	}
	#group02 .obikinBox ul li,
	#group03 .obikinBox ul li {
		width:85%;
		max-width:400px;
		margin:0 auto 0.85em;
	}
	#group02 #kyushoku01,
	#group03 #kyushoku01 {
		margin:1.5em 0 1em;
	}

	/* 岐阜、 愛知 */
	#group02 #gifuBox01 p:last-of-type {
		margin-bottom: 2em;
	}
	#group02 .presidentBox .image {
		width: 120px;
	}
	#group02 .presidentBox .president {
		margin-right: 0.7em;
	}
	#group02 .presidentBox .president span.name {
		font-size: 1.28em;
	}
	#group02 #aichiBox01 p {
		margin-bottom: 2em;
	}
	
	/* chart
	---------------------------------------- */
	#chart {
		padding-top:1.5em;
	}
	#chart h3 {
		font-size:1.15em;
		padding:0.75em 0.75em 0.5em;
	}
	#chart h3 span {
		width:100%;
		padding-bottom:0.25em;
	}
	#chart ul:after {
		height:1.67em;
	}
	#chart ul li {
		margin-bottom:1em;
	}
	#chart ul li a {
		padding:0.85em;
	}
	#chart ul li a span {
		font-size:0.85em;
	}
}


/*===============================================
●画面の横幅が730px以上(PC)
===============================================*/
@media screen and (min-width: 730px){
	
	/* mainTitleGroup
	---------------------------------------- */
	#mainTitleGroup {
		padding:3.5em 0 2em;
	}
	#mainTitleGroup p {
		width:240px;
		margin:0 auto;
	}
	
	/* group01
	---------------------------------------- */
	#group01 {
		margin-bottom:2.5em;
	}
	#group01 p {
		margin-bottom:2em;
	}
	#map {
		width:87%;
		margin:0 auto;
	}
	
	/* group02,group03
	---------------------------------------- */
	#group02,
	#group03 {
		padding:3em 0;
	}
	#group02 .inner,
	#group03 .inner {
		padding:1.5em;
		margin-bottom:3em;
	}
	#group02 .imageBox,
	#group03 .imageBox {
		width:49%;
		float:left;
	}
	#group02 .text,
	#group03 .text {
		width:49%;
		float:right;
	}
	#group02 .imageBox .image01,
	#group03 .imageBox .image01 {
		margin-bottom:1.5em;
	}
	#group02 .imageBox table th,
	#group03 .imageBox table th {
		padding-right:1em;
	}
	#group02 .imageBox table th span,
	#group03 .imageBox table th span {
		font-size:1.7em;
		line-height:1.5em;
	}
	#group02 .imageBox table td,
	#group03 .imageBox table td {
		width:150px;
	}
	#group02 .imageBox table th,
	#group03 .imageBox table th,
	#group02 .imageBox table td
	#group03 .imageBox table td {
		vertical-align:bottom;
	}
	#group02 .obikinBox,
	#group03 .obikinBox {
		padding:1.2em;
		border:#ccc 1px solid;
		border-radius:5px;
		box-sizing:border-box;
	}
	#group02 #obikinBox01 ul {
		width:27%;
		float:left;
	}
	#group02 #obikinBox01 p {
		width:70%;
		float:right;
	}
	#group02 #obikinBox02 ul,
	#group02 #obikinBox02 ul {
		width:54%;
		float:left;
	}
	#group02 #obikinBox02 ul li {
		width:49%;
		float:left;
	}
	#group02 #obikinBox02 ul li:last-child {
		margin-left:2%;
	}
	#group02 #obikinBox02 p {
		width:43%;
		float:right;
	}
	#group02 #aichiBox01,
	#group02 #gifuBox01 {
		margin-top:1.5em;
	}
	#group02 #kyushoku01 {
		margin:2em 0 1.5em;
	}

	/* 岐阜、愛知 */
	#group02 .presidentBox .image {
		width: 150px;
	}
	#group02 .presidentBox .president {
		margin-right: 1em;
	}
	#group02 .presidentBox .president span.name {
		font-size: 1.7em;
		line-height: 1.5;
	}
	#group02 #aichiBox01 p {
		margin-bottom: 1em;
	}
	#group02 .width100 {
		width: 100%;
	}
	
	/* chart
	---------------------------------------- */
	#chart {
		padding-top:3em;
	}
	#chart .inner {
		width:62.5%;
		max-width:600px;
	}
	#chart h3 {
		font-size:1.5em;
		padding:0.75em 0 0.5em;
	}
	#chart h3 span {
		padding:0 1.5em 0.5em;
	}
	#chart ul {
		padding-right:1.5em;
	}
	#chart ul:after {
		height:1.98em;
	}
	#chart ul li {
		font-size:1.28em;
		margin-bottom:1.5em;
	}
	#chart ul li:before {
		width:1.3em;
		left:-1.2em;
	}
	#chart ul li a {
		padding:0.85em;
	}
}

/*===============================================
●画面の横幅が880px以上(PC)
===============================================*/
@media screen and (min-width: 880px){
	
	/* 全般
	---------------------------------------- */
}