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

/**/
header nav.pc li:nth-child(2) 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 {
	margin-bottom: 8vw;
}
.sec01 iframe {
	margin: 0 auto;
	display: block;
}
.sec01 h2 {
	font-size: 3.40vw;
	color: #FF8000;
	text-align: center;
	border-bottom: 1px solid #FF8000;
	padding-bottom: 0.5vw;
}
.sec01 .inner {
	background: url("../../images/common/bk_dot.png") 0 0 repeat;
	padding-bottom: 6vw;
}
.sec01 .inner .inner_wrapper {
	width: 960px;
	margin: 0 auto;
}
.sec01 .inner .inner_wrapper h3 {
	font-size: 1.0rem;
	text-align: center;
	padding: 1vw 0 0;
}
.sec01 .inner .mainimag {
	margin: 4vw 0 2.67vw;
}
.sec01 .inner .mainimag img {
	width: 100%;
}
.sec01 .inner .inner_wrapper p {
	font-size: 1.0rem;
	margin-bottom: 2vw;
	text-indent: 1em;
}

.sec01 .inner .inner_wrapper h4 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #ff8000;
	text-align: center;
	margin: 0 0 .5em;
}


.sec01 .manga {
	background: #E5E5E5;
	border-radius: 20px;
	padding: 15px 50px;
	margin-bottom: 30px;
}

.sec01 .manga dl {
	position: relative;
	width: 860px;
}

.sec01 .manga dl dt {
	position: absolute;
	top: 20px;
	left: 0;
}

.sec01 .manga dl dd {
	text-align: center;
}

.sec01 .manga dl dd img {
	margin: 0 auto;
}

.sec01 .manga .slick-prev {
	position: absolute;
	top: 50%;
	left: 0;
	width: 44px;
	height: 44px;
	background: url("../images/arrow01.png") no-repeat;
	background-size: cover;
	overflow: hidden;
	text-indent: -999em;
	border: none;
	box-shadow: none;
	cursor:pointer;
	display: block;
	z-index: 10000;
}

.sec01 .manga .slick-next {
	position: absolute;
	top: 50%;
	right: 0;
	width: 44px;
	height: 44px;
	background: url("../images/arrow02.png") no-repeat;
	background-size: cover;
	overflow: hidden;
	text-indent: -999em;
	border: none;
	box-shadow: none;
	cursor:pointer;
	display: block;
	z-index: 10000;
}




.sec02 {
	width: 960px;
	margin: 0 auto 8vw;
}
.sec02 h3 {
	text-align: center;
	font-size: 1.1rem;
	margin-bottom: 1vw;
}
.sec02 table {
	width: 100%;
	margin-bottom: 4vw;
}
.sec02 table tr td {
	padding: 8px 0 6px;
}
.sec02 table.tab01 tr td:nth-child(1) {
	width: 20%;
	text-align: center;
	border-right: 1px solid #a6a6a6;
}
.sec02 table.tab01 tr td:nth-child(2) {
	padding-left: 20px;
}
.sec02 table tr:nth-child(odd) td {
	background: #EDEDEE;
}
.sec02 table.tab02 tr td {
	padding-left: 20px;
}
.sec02 table.tab02 tr td.ind1 {
	text-indent: -1em;
	padding-left: 34px;
}


.sec03 {
	background: url("../../images/common/bk_dot.png") 0 0 repeat;
	padding: 6vw 0;
}
.sec03 table {
	width: 960px;
	margin: 0 auto;
}
.sec03 table tr td {
	background: #fff;
	padding: 8px 0 6px;
}
.sec03 table tr:first-of-type td {
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}
.sec03 table tr:nth-child(even) td {
	background: #EDEDEE;
	padding: 60px 80px;
}
.sec03 table tr td .flexBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5vw;
}
.sec03 table tr td .flexBox .imgarea {
	width: 30%;
}
.sec03 table tr td .flexBox .imgarea img {
	max-width: 100%;
}
.sec03 table tr td .flexBox .imgarea .btn {
	text-align: center;
	margin-top: 2vw;
}

.sec03 table tr td .flexBox .textarea {
	width: 60%;
}
.sec03 table tr td .flexBox .textarea h3 {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-bottom: 3vw;
}
.sec03 table tr td .flexBox .textarea p {
	font-size: 1.0rem;
	line-height: 1.8;
}
.sec03 table tr td p.title {
	font-size: 1.65rem;
	text-align: center;
}




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

.sec01 {
	margin-bottom: 4vw;
}
.sec01 iframe {
	width: 94%;
}
.sec01 .inner {
	padding-bottom: 4vw;
}
.sec01 .inner .inner_wrapper {
	width: 94%;
}
.sec02 {
	width: 94%;
}
.sec02 table.tab01 tr td:nth-child(1) {
	width: 25%;
}

.sec03 table {
	width: 94%;
}
.sec03 table tr:nth-child(even) td {
	padding: 4vw 5vw;
}
.sec03 table tr td p.title {
	font-size: 1.50rem;
}


}


/*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 {
	background: url("../../images/common/bk_dot.png") 0 0 repeat;
	padding: 4vw 0;
/*	margin-bottom: 8vw;*/
}
.sec01 iframe {
	width: 94%;
	height: 52.5vw;
	margin-bottom: 2vw;
}

.sec01 h2 {
	font-size: 6.8vw;
	border-bottom: none;
}
.sec01 .inner {
	background: none;
	padding-bottom: 0;
}
.sec01 .inner .inner_wrapper {
	width: 94%;
}
.sec01 .inner .mainimag {
	display: none;
}
.sec01 .inner .inner_wrapper h3 {
	margin-bottom: 4vw;
	font-size: 0.90rem;
}
.sec01 .inner .inner_wrapper p {
	margin-bottom: 4vw;
}


.sec01 .manga {
	border-radius: 5vw;
	padding: 5vw 2.67vw;
	margin-bottom: 8vw;
}

.sec01 .manga dl {
	width: 100%;
	margin-top: 15vw;
}

.sec01 .manga dl dt {
	position: absolute;
	top: -13vw;
	left: 47%;
}

.sec01 .manga dl dt img {
	height: 7.33vw;
}

.sec01 .manga dl dd {
	text-align: center;
}

.sec01 .manga dl dd img {
	margin: 0 auto;
	width: 100%;
}

.sec01 .manga .slick-prev {
	position: absolute;
	top: 3vw;
	left: 30%;
	width: 6.27vw;
	height: 6.27vw;
	background: url("../images/arrow01.png") no-repeat;
	background-size: cover;
	overflow: hidden;
	text-indent: -999em;
	border: none;
	box-shadow: none;
	cursor:pointer;
	display: block;
	z-index: 10000;
}

.sec01 .manga .slick-next {
	position: absolute;
	top: 3vw;
	right: 30%;
	width: 6.27vw;
	height: 6.27vw;
	background: url("../images/arrow02.png") no-repeat;
	background-size: cover;
	overflow: hidden;
	text-indent: -999em;
	border: none;
	box-shadow: none;
	cursor:pointer;
	display: block;
	z-index: 10000;
}


.sec02 {
	width: 94%;
	margin: 0 auto 8vw;
}
.sec02 h3 {
	font-size: 1.3rem;
}
.sec02 table {
	margin-bottom: 6vw;
}
.sec02 table tr td {
	padding: 8px 0 6px;
}
.sec02 table.tab01 tr td:nth-child(1) {
	width: 40%;
	vertical-align: top;
}
.sec02 table.tab01 tr td:nth-child(2) {
	padding-left: 2vw;
	padding-right: 2vw;
}
.sec02 table.tab02 tr td {
	padding-left: 2vw;
	padding-right: 2vw;
}
.sec02 table.tab02 tr td.ind1 {
	padding-left: 5.5vw;
}


.sec03 {
	padding: 6vw 0;
}
.sec03 table {
	width: 94%;
}
.sec03 table tr td {
	padding: 8px 0 6px;
}
.sec03 table tr:first-of-type td {
	font-size: 1.3rem;
}
.sec03 table tr:nth-child(even) td {
	padding: 6vw;
}
.sec03 table tr td .flexBox {
	margin-bottom: 5vw;
}
.sec03 table tr td .flexBox h3 {
	font-size: 1.2rem;
	margin-bottom: 3vw;
}

.sec03 table tr td .flexBox .imgarea {
	width: 40%;
	margin: 0 auto 6vw;
}
.sec03 table tr td .flexBox .imgarea .btn {
	margin-top: 4vw;
}

.sec03 table tr td .flexBox .textarea {
	width: 100%;
}
.sec03 table tr td .flexBox .textarea p {
}
.sec03 table tr td p.title {
	font-size: 1.0rem;
	text-align: left;
}
}