@charset "utf-8";
/* CSS Document */

/**/
header nav.pc li:nth-child(3) a {
	border-bottom: 3px solid #ff7700;
}


body {
	padding-top: 76px;
}

#mainvisual {
	width: 100%;
	height: 32vw;
	background: url("../images/bg_mainvisual.jpg") center top no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 50px;
}
#mainvisual h2 {
	font-size: 3.91vw;
	width: 73.33vw;
	color: #FF8000;
}

.sec01,
.sec03 {
	margin-bottom: 4vw;
}
.sec02,
.sec04,
.sec06 {
	margin-bottom: 4vw;
	padding-bottom: 4vw;
	background: url("../../images/common/bk_dot.png") 0 0 repeat;
}
section .inner {
	display: flex;
	margin-bottom: 5vw;
}
section .inner .picture {
	width: 45%;
}
section .inner .picture img {
	width: 100%;
}
section .inner .lead {
	width: 55%;
	box-sizing: border-box;
	padding: 0 5vw;
}
section .inner .lead h2 {
	font-size: 2.5rem;
	color: #FF8000;
	padding-top: 1.5vw;
}
section .inner .lead h3 {
	font-size: 1.8rem;
	color: #FF8000;
	margin-bottom: 1.5vw;
}
section .inner .lead p {
	font-size: 1.0rem;
}

.links {
	margin: 0 auto;
	width: 960px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.links li {
	width: 48%;
	border: 3px solid #FF8000;
	background: #fff;
	margin-bottom: 2vw;
}
.links li a {
	color: #FF8000;
	display: block;
	background: url("../../images/common/arrow.svg") 98% center no-repeat;
	background-size: 1.2em;
	padding: 0.4vw 4.2vw 0.4vw 1.2vw;
}

.sec {
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin: 0 auto;
}
.sec .sec05 {
	width: 48%;
}
.sec .sec06 {
	width: 48%;
}
.sec .titlearea {
	display: flex;
	justify-content: space-between;
}
.sec .titlearea .no {
	width: 20%;
}
.sec .titlearea .no img {
	width: 100%;
}
.sec .titlearea .lead {
	width: 70%;
}
.sec .titlearea .lead h2 {
	font-size: 2.5rem;
	color: #FF8000;
	padding-top: 1.5vw;
}
.sec .titlearea .lead h3 {
	font-size: 1.8rem;
	color: #FF8000;
	margin-bottom: 1.5vw;
}

.sec .sec07 {
	width: 48%;
}
.sec .sec08 {
	width: 48%;
}
.sec .links {
	width: auto;
	display: block;
}
.sec .links li {
	width: 100%;
}

footer {
	margin-top: 6vw;
}


/*iPad用*/
@media (min-width:768px) and (max-width:1199px) {
body {
	padding-top: 6.8vw;
}
.links {
	width: 94%;
}
.sec {
	width: 94%;
}



}


/*SP用*/
@media (max-width:767px) {
body {
	padding-top: 16.53vw;
}
#mainvisual {
	height: auto;
	background: url("../images/sp_bg_mainvisual.jpg") center top no-repeat;
	background-size: 100% auto;
	display: block;
	padding-top: 66.34vw;
	margin-bottom: 0;
}
#mainvisual h2 {
	font-size: 9.06vw;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #FF8000;
	padding: 3.0vw 0 1.4vw;
	margin-bottom: 0;
}

.sec01,
.sec03,
.sec05 {
	margin-bottom: 8vw;
}
.sec02,
.sec04,
.sec06 {
	margin-bottom: 8vw;
	padding-bottom: 4vw;
	background: url("../../images/common/bk_dot.png") 0 0 repeat;
}

section .inner {
	width: 90%;
	margin: 0 auto;
	flex-direction: column;
	padding-top: 4vw;
}
section .inner .picture {
	width: 100%;
}
section .inner .lead {
	width: 100%;
	padding: 0;
}
section .inner .lead h2 {
	font-size: 5.7vw;
	padding-top: 3vw;
}
section .inner .lead h3 {
	font-size: 4.2vw;
	margin-bottom: 4vw;
}
section .inner .lead p {
	margin-bottom: 2vw;
}

.sec02 .inner .picture,
.sec04 .inner .picture,
.sec06 .inner .picture {
	order: 0;
}
.sec02 .inner .lead,
.sec04 .inner .lead,
.sec06 .inner .lead {
	order: 1;
}


.links {
	width: 90%;
	flex-direction: column;
}
.links li {
	width: 100%;
	border: 3px solid #FF8000;
	margin-bottom: 3vw;
}
.links li a {
	padding: 1.4vw 7.5vw 1.4vw 1.2vw;
	font-size: 0.8rem;
}

.sec {
	flex-direction: column;
	width: 100%;
	margin: 0 auto;
}
.sec .sec05 {
	width: 100%;
	padding: 0 5vw;
	box-sizing: border-box;
}
.sec .sec06 {
	width: 100%;
	padding: 6vw 5vw 0;
	box-sizing: border-box;
}
.sec .titlearea .no {
	width: 12%;
}
.sec .titlearea .lead {
	width: 84%;
}
.sec .titlearea .lead h2 {
	font-size: 5.7vw;
	padding-top: 0vw;
}
.sec .titlearea .lead h3 {
	font-size: 4.2vw;
	margin-bottom: 4vw;
}


footer {
	margin-top: 6vw;
}


}