@charset "UTF-8";


.accordion-001 {
}

.accordion-001:not([open]) {
    margin-bottom: 0;
}

.accordion-001 summary {
			display: flex;
	    justify-content: space-between;
	    align-items: center;
	    position: relative;
	    padding: 1em 2em;
	    /* border-radius: 5px; */
	    background-color: #fff9de;
	    color: #290809;
	    font-weight: 600;
	    cursor: pointer;
	    text-align: center;
	    display: block;
      text-decoration: underline;
}

.accordion-001.yellow  summary{
  background-color: #fff9de;
}
.accordion-001.pink  summary{
  background-color: #FDBDBC;
}
.accordion-001.gray  summary{
  background-color: #F1EDE7;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::before,
.accordion-001 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #290809;
    content: '';
}

.accordion-001 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-001 summary::after {
    transition: rotate .3s;
		position: absolute;
    right: 2em;
}

.accordion-001[open] summary::after {
    rotate: 90deg;
}

.accordion-001.blank summary {
  pointer-events: none;
}


.accordion-001.blank summary::before, .accordion-001.blank summary::after {
  background: none;
}



.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #000000;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}






#mainvisual .inner{
	margin:0 auto;
}


#section01{
	background:url(../img/bg01.jpg)no-repeat;
	background-size: cover;
  padding-top: 160px;
      margin-top: -160px;
          z-index: 1;
}
#section01 h2 {
    color: #290809;
    font-weight: bold;
    margin: 50px auto 30px;
    font-size: 16px;
		font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#section01 h3 {
	color: #290809;
	font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:30px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
#section01 h3 + p{
	max-width:679px;
	margin:30px auto;
	width: 85%;
}
#section01 .txt{
	font-size:18px;
	text-align: center;
	color: #290809;
	font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.5;
	font-weight: bold;
	margin:0 auto 50px;

}

#section02{
	background:#F1EDE7;
  padding-top: 160px;
      margin-top: -160px;
}
#section02 p {
    max-width: 797px;
    margin: 50px auto 0;
    width: 95%;
}
#section02 p + p{
	max-width:1160px;
	margin:0 auto;
	width: 100%;

}

#section03 .image {
    display: block;
    margin: -11px auto;
    max-width: 841px;
    width: 80%;
}

#section03 .tit {
	max-width:430px;
	margin:0 auto;
  width: 80%;

}

#section03 .hukidashi {
	max-width:190px;
	margin:30px 0 0 0;

}

#section03 ul{
	overflow: hidden;
	display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content:space-between;
	justify-content: space-between;
	}
#section03 ul li{
	max-width:190px;
	position:relative;
  width: 17%;
}

#section03 ul li::after {
    content: '';
    position: absolute;
    right: -19%;
    top: 27%;
    background: url(../img/icon_arrow.jpg)no-repeat;
    width: 17px;
    height: 34px;
    background-size: 100%;
}

#section03 ul li .subtit{
	font-size:18px;
	color:#A30303;
	text-align: center;
}
#section03 ul li .txt{
	font-size:15px;
}

#section03 .bnr {
    max-width: 650px;
    margin: 20px auto 60px;
    width: 100%;
}
#section04{
  z-index:1;
  padding-top: 200px;
      margin-top: -200px;

}
#section04 h2 {
    background: #D54545;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 50px;
    padding: 20px 0;
}

#section04 ul{
	overflow: hidden;
}
#section04 ul li {
    float: left;
    width: 45%;
    background: #F1EDE7;
    border: 2px solid #3B2A0F;
    border-radius: 10px;
    padding: 1% 2%;
    margin: 0 auto 2%;
}
#section04 ul li:nth-of-type(2n) {
	margin-left:2%;

}
#section04 ul li:nth-of-type(2n+1) {
	clear: both;
	margin-left:2%;

}


#section04 ul li .icon{
	max-width:74px;
	float:left;
	width: 16%;
}
#section04 ul li .txt {
    font-size: 20px;
    float: left;
    margin: 3% 0 0 4%;
    width: 80%;
    line-height: 1.2;
}
#section04 ul li details{
	clear: both;
}


#section04 ul li .accordion-001 summary {
    background-color: #F4AB3D;
    color: #fff;
    width: 50%;
    padding: 0.5em 0;
    text-align: center;
    display: block;
    float: right;
    border-radius: 30px;
    margin: 0 auto 10px;
    text-decoration: none;
}

#section04 ul li .accordion-001 summary::before,#section04 ul li .accordion-001 summary::after {
    background: none;
}

.point_box {
    clear: both;
    background: #fff;
}
.point_box p{
	font-size:16px;
}

.point_box .tit {
    color: #D54545;
    font-size: 24px;
    text-align: center;
    padding: 20px 0;
    background: url(../img/icon_hand.png)no-repeat 17px 13%;
    background-size: 13%;
}
#section05{
	background:#FAF7EF;
  padding-top: 200px;
  margin-top: -200px;

}
#section05 h2 {
    background: #D54545;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 50px;
    padding: 20px 0;
}

#section05 .box {
    overflow: hidden;
    margin: 0 auto;
}

#section05 .box + .box{
    overflow: hidden;
    margin: 50px auto 0;
}

#section05 .box .tit {
    max-width: 276px;
    margin: 0 0 -10px 0px;
    width: 24%;
}

#section05 .box_content {
    background: #fff;
    padding: 40px 50px;
    overflow: hidden;
}
#section05 .box_content .image {
    max-width: 221px;
    float: left;
    width: 21%;
}
#section05 .box_content dl {
    float: left;
    width: 70%;
    margin: 0 0 0 5%;
}
#section05 .box_content dl dt{
	font-size:30px;
	color:#290809;
	font-weight:bold;
	font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
#section05 .box_content dl dd p{
	font-size:20px;
}
#section05 .box_content dl dd p + p{
	font-size:16px;
}
#section05 .box_content dl dd p span {
    display: inline-block;
    background: #E05D5D;
    color: #fff;
    padding: 0px 5px;
}

#section05 details div {
    background: #fff;
    padding: 20px 0;
}

#section05 details div .cap {
    font-size: 14px;
    width: 80%;
    margin: 0 auto 0px;
    padding: 0 0 20px 0px;
}
#section05 details div .detail {
    padding: 20px 120px 20px 150px;
    background: url(../img/icon_hand.png)no-repeat 5% 50%;
    background-size: 80px;
    font-size: 18px;
}
#section05 details div .kazoku {
    background: url(../img/bg04.jpg);
    border: 2px solid #E05D5D;
    width: 90%;
    margin: 0px auto;
}

#section05 details div .kazoku p{
	text-align:center;
	font-size:18px;
	color:#383030;

}
#section05 details div dl {
    width: 80%;
    margin: 0 auto 1%;
    overflow: hidden;
    clear: both;
    border: 1px solid #E05D5D;
    /* padding: 2%; */
}
#section05 details div dl + dl{
    margin: 1% auto 0;
}


#section05 details div dl dt {
    float: left;
    color: #fff;
    background: url(../img/bg06.png)no-repeat;
    background-size: cover;
    width: 20%;
    font-size: 16px;
    padding: 5% 5%;
}
#section05 details div dl dd {
    float: left;
    width: 75%;
    font-size: 18px;
    padding: 3% 5% 0;
    line-height: 1.3;
}

#section05 details div dl dd.line01 {
    padding: 4.5% 5% 0;
}
#section05 details div dl dd.line02 {
    padding: 1.5% 5% 0;
}

#section05 details div dl dd span {
    font-size: 14px;
    line-height: 1.4;
    display: inline-block;
}
#section05 details div h3 {
    font-size: 26px;
    text-align: center;
    margin: 20px auto 30px;
		font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight:bold;

}

#section05 details div div img {
  max-width: 480px;
  max-width: 744px;
    display: block;
    margin: 20px auto 50px;
    width: 85%;
}
#section05 details div div img.img {
  max-width: 480px;
}
#section05 details div div dl {
    border: 1px solid #FFAC00;
}

#section05 details div div dl dt {
	background: url(../img/bg05.png)no-repeat;
	    background-size: cover;

}

#section05 details div dl .float {
    float: right;
    /* display: inline-block; */
    width: 78%;
    margin: -3% 0 0%;
}



#section06 {
    background: url(../img/bg02.jpg)no-repeat bottom;
    background-size: 100% auto;
    padding: 0 0 210px;
}
#section06 p {
    text-align: center;
    font-size: 20px;
    color: #290809;
    margin: 50px auto 20px;
		font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#section06 h2{
	color:#A30303;
	font-size:40px;
	font-weight:bold;
	font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

#section06 p.image{
	max-width:603px;
  width: 80%;
}
#section06 {
  z-index:1;
}
#section07 {
  padding-top: 200px;
    margin-top: -200px;
}

#section07 h2 {
    background: #D54545;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 50px;
    padding: 20px 0;
}
#section07 .image {
    max-width: 527px;
    margin: 20px auto;
    display: block;
    width:80%;
}

#section07 .catch {
	font-size:33px;
	text-align: center;
  color: #290809;
	font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
}

#section07 ul{
	overflow: hidden;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto 50px;
	justify-content: center;
}
#section07 ul li {
    max-width: 351px;
    width: 30%;
    /* margin: 0 auto; */
}
#section07 ul li:nth-child(1) {
	margin-right: 5%;
}
#section07 ul li .tit{
	font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background:#FFF9DE;
	color: #290809;
	font-size:20px;
	padding:5px 0;
	text-align: center;
	margin: 0 auto;

}
#section07 ul li .tit + img{
	margin:0 auto 20px;
}



#section07 ul li dl{
	border-left:4px solid #E05D5D;
	margin:0 auto 20px;
	padding:0 0 0 10px;
}
#section07 ul li dl dt{
	font-size:20px;
	margin:0 auto 10px;
}
#section07 ul li dl dd {
    font-size: 16px;
    line-height: 1.5;
}

#section08 {
    background: url(../img/bg03.png)no-repeat right 85% #F7EBD7;
    padding: 3% 0;
    background-size: 17%;
    z-index:1;
}

#section08 img {
    display: block;
    float: left;
    max-width: 440px;
    width: 38%;
}
#section08 img + div{
    float: right;
    width: 60%;
}
#section08 h2 {
	font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: left;
  padding-left: 30px;
  border-left: 1px solid #FFAC00;
  padding: 5px 0 5px 30px;
  margin: 0 auto 20px;
	font-weight:bold;
}

#section08 p{
	font-size:18px;
}
#section08 p.cap{
	font-size:16px;
}

#section09{
  padding-top: 200px;
    margin-top: -200px;
}


#section09 h2 {
	    color: #290809;
	    font-weight: bold;
	    margin: 50px auto 30px;
	    font-size: 16px;
	    font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

#section09 h3 {
	    color: #290809;
	    font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	    font-size: 30px;
	    text-align: center;
	    font-weight: bold;
	    line-height: 1.5;
	}

	#section09 .box {
	    overflow: hidden;
	    border-bottom: 1px solid #707070;
	    margin: 0 auto 10px;
	}
#section09 .box .tit {
    color: #fff;
    background: #A30303;
    border-radius: 50px;
    width: 36px;
    text-align: center;
    font-size: 20px;
    float: left;
}
#section09 dl {
    float: left;
    width: 80%;
    margin: 25px 0 0 20px;
}
#section09 dl dt {
    font-size: 24px;
}

#section09 dl dd {
    font-size: 18px;
    margin: 20px auto 40px;
    line-height: 1.5;
}


#section10{
	background:#D54545;
}


#section10 h2 {
	    color: #fff;
	    font-weight: bold;
	    margin: 50px auto 10px;
	    font-size: 16px;
	    font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

#section10 h3 {
	    color: #fff;
	    font-family:"Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	    font-size: 30px;
	    text-align: center;
	    font-weight: bold;
	    line-height: 1.5;
	}

	#section10 h3 + p{
		color:#fff;
		text-align: center;
}

#section10 .box {
    background: #fff;
    padding: 20px;
    overflow: hidden;
    max-width: 817px;
    margin: 0 auto 50px;
}
	#section10 .box div{
		float:left;
		width:48%;
		text-align: center;
}
#section10 .box div p{
	font-size:16px;
		margin: 0;
}
#section10 .box div p:nth-of-type(2){

}
#section10 .box div p:nth-of-type(2) a {
    font-size: 32px;
    color: #A30303;
    font-weight: bold;
    background: url(../img/icon_tel.png)no-repeat left 60%;
    background-size: 25px;
    padding: 0 0 0 30px;
}
#section10 .box div p:nth-of-type(3){
	font-size:13px;
}


#section10 .box div + div{
	margin:0;
}
#section10 .box div + div  p:nth-of-type(1){
	margin:0 auto -20px;
}

#section10 .box div + div p:nth-of-type(2) a {
    background: none;
    display: block;
    padding: 0;
}



@media (max-width: 768px) {
  #section01 h2 {
      margin: 50px auto 10px;
      font-size: 13px;
}
  #section01 h3 {
      font-size: 18px;
  }

  #section01 .txt {
      font-size: 15px;
      text-align: left;
      width:90%;
  }

  #section03 .image {
      display: block;
      margin: -11px auto 20px;
      max-width: 841px;
      width: 100%;
  }

  #section03 .hukidashi {
      margin: 30px auto 0;
  }

  #section03 ul {
      display: block;
      display: block;
  }
  #section03 ul li {
      max-width: 100%;
      overflow: hidden;
      text-align: center;
      width: 100%;
  }
  #section03 ul li:nth-of-type(2n) {
    max-width:26px;
    margin:10px auto;
}
#section03 ul li .box {
    width: 35%;
    float: left;
}
#section03 ul li .box + .box {
    margin-left: 2%;
    width: 63%;
}
#section03 ul li::after{
  display: none;
}
#section03 ul li .subtit {
    font-size: 16px;
    text-align: left;
    margin: 5px auto 0px;
}
#section03 ul li .txt {
    font-size: 14px;
    text-align: left;
    margin: 5px auto 0;
}
#section04 h2{
      font-size: 27px;
}

#section04 ul li {
    float: none;
    width: 100%;
    overflow: hidden;
}

#section04 ul li:nth-of-type(2n+1) {
    margin-left: 0%;
}
#section04 ul li:nth-of-type(2n) {
    margin-left: 0%;
}
#section04 ul li .icon {
    float: none;
    width: 22%;
    margin: 10px auto;
}

#section04 ul li .txt {
    font-size: 16px;
    float: none;
    margin: 0px auto 10px;
    width: 90%;
    text-align: center;
}

#section04 ul li .accordion-001 summary {
    width: 80%;
    float: none;
}


.point_box p {
    font-size: 15px;
}

.point_box .tit {
    font-size: 17px;
    padding: 30px 0 10px;
    background: url(../img/icon_hand.png)no-repeat 17px 20%;
    background-size: 60px;
}

#section05 h2 {
    font-size: 27px;
}

#section05 .box .tit {
    width: 60%;
}

#section05 .box_content {
    padding: 30px 20px;
}
#section05 .box_content .image {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto 10px;
}

#section05 .box_content dl {
    float: none;
    width: 100%;
    margin: 0 auto 0;
}

#section05 .box_content dl dt {
    font-size: 20px;
    text-align: center;
}

#section05 .box_content dl dd p {
    font-size: 15px;
}
#section05 details div h3 {
    font-size: 20px;
  }
#section05 details div .detail {
    padding: 20px 20px 20px 20px;
    background: none;
    font-size: 15px;
}
#section05 details div dl {
    width: 90%;
}
#section05 details div dl dt {
    float: none;
    background: url(../img/bg06.png)no-repeat;
    background-size: 110px;
    width: 100%;
        padding: 5% 5% 5% 10px;
}
#section05 details div div dl dt {
    background: url(../img/bg05.png)no-repeat;
    background-size: 110px;
}


#section05 details div dl dd {
    float: none;
    width: 100%;
    font-size: 16px;
    padding: 4% 5% 4%;
    line-height: 1.3;
}

#section05 details div dl dd.line01 {
    padding: 4.5% 5% 4.5%;
}
#section05 details div dl dd.line02 {
    padding: 1.5% 5% 1.5%;
}
#section05 details div .kazoku p {
    text-align: left;
    font-size: 16px;
        padding: 0 20px;
}
#section05 details div dl .float {
    float: none;
    /* display: inline-block; */
    width: 100%;
    margin: 2% 0 0%;
}
#section06{
  padding: 0 0 40px;
}

#section06 p {
    font-size: 14px;
}
#section06 h2 {
    font-size: 28px;
    line-height: 1.2;
}

#section07 h2{
      font-size: 27px;
}

#section07 .image {
    max-width: 216px;
  }

#section07 .catch {
    font-size: 20px;
  }


  #section07 ul {
      display: block;
}
  #section07 ul li {
      max-width: 351px;
      width: 100%;
      margin: 0 auto 30px;
  }
#section07 ul li:nth-child(1) {
	margin-right: auto;
}
#section07 ul li .tit{
  font-size: 16px;
}
#section07 ul li dl {
  overflow: hidden;
}
#section07 ul li dl dt {
    font-size: 18px;
    float: left;
        width: 40%;
  }
  #section07 ul li dl dd {
      font-size: 14px;
      float: left;
      width: 60%;
  }
  #section08 {
      background-size: 46%;
          background-position: right 98%;
  }
  #section08 img {
      float: none;
      width: 100%;
      margin: 0 auto 20px;
  }
  #section08 img + div {
      float: none;
      width: 100%;
  }
  #section08 h2 {
      padding: 5px 0 5px 20px;
      font-size: 20px;
  }

  #section08 p {
      font-size: 15px;
  }

  #section08 p.cap {
      font-size: 14px;
  }
  #section09 h2 {
      margin: 50px auto 10px;
      font-size: 13px;
  }
  #section09 h3 {
      font-size: 22px;
    }
    #section09 dl {
        float: left;
        width: 87%;
        margin: 25px 0 0 2%;
    }
    #section09 dl dt {
        font-size: 18px;
    }


    #section09 .box .tit {
        width: 32px;
        font-size: 18px;
    }
    #section09 dl dd {
        font-size: 12px;
    }

    #section10 h2 {
      font-size: 13px;
    }


#section10 h3 {
      font-size: 22px;
    }

    #section10 .box div {
        float: none;
        width: 100%;
        text-align: center;
    }
    #section10 .box div + div {
        margin: 20px auto 0;
    }

































}