﻿@charset "utf-8";
/* CSS Document */
header ul li:nth-of-type(4) a {
    color: #000;
}
#main_v{
	background:url(../img/mainv_bg.jpg) center center/cover no-repeat;
}
#main_v .inner{
	height:18.5rem;
	display:flex;
	align-items:center;
	padding-left:25rem;
}
#main_v h1{
	font-size:3.8rem;
}
h2{
	font-size:2.8rem;
	text-align:center;
	padding:2.5em 0;
}
main dl{
	border-bottom:1px solid #8f6a46;
}
main dt{
	border-top:1px solid #8f6a46;
	font-size:2.2rem;
	padding:1.5em;
	padding-right:2.5em;
	display:flex;
	align-items:flex-start;
	cursor:pointer;
}
main dt:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    border-top: 0.05em solid #8f6a46;
    border-right: 0.05em solid #8f6a46;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition-duration: 0.3s;
}
main dt.active:after {
    margin-top: -0.2em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
main dt p{
	background-color:#8f6a46;
	color:#FFF;
	font-size:2.5rem;
	padding:0.2em 0.5em 0.3em 0.5em;
	line-height:1;
	margin-right:0.5em;
}
main dd{
	background-color:#fcf8f4;
	padding:3% 11%;
	display:none;
}
main dd li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:0.3em;
}

.common_btn a {
    font-size: 1.8rem;
    padding: 0.5em 7.5em 0.5em 8.5em;
	margin:3em 0 4em 0;
}

/*---------------------------------------------------------------
横幅768px～1130pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1130px) {
#main_v{
	background:url(../img/mainv_bg.jpg) -32rem center no-repeat;
}
}

/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width: 767px) {
header ul li:nth-of-type(4) a {
    color: #FFF;
}
#main_v{
	background:url(../img/mainv_bg_sp.jpg) center center/cover no-repeat;
}
#main_v .inner {
    height: 31vw;
    padding-left: 14.5rem;
}
#main_v h1 {
    font-size: 2.6rem;
}
h2 {
    font-size: 2rem;
    padding: 1.5em 0;
}
main .inner{
	padding:0px;
}
main dt {
    font-size: 1.8rem;
    padding: 1em;
    padding-right: 2em;
}
main dt p {
    font-size: 2rem;
	margin-top:0.3em;
}
main dd {
    padding: 5% 11%;
}

 
}
