/* Your custom styles */
/**/
html {
	margin:0;
	padding: 0;
}
.center {
	margin: 0 auto;
	display: block;
}
body {
	color:#4a270b;
	margin:0;
	padding: 0;
	line-height: 1.8em;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
#page_top {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #923f38;
	opacity: 0.8;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	z-index: 10000;
}
#page_top a{
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
}

#page_top a::after{
	content: '▲';
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 5px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

#wrap {
	overflow: hidden;
    width: 100%;
}
main {overflow: hidden;}
a.anchor{
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}
.w100 {width:100%;}
.mt30 {margin-top:30px;}
.bold {font-weight: bold;}
ul {margin: 0;padding:0;}
dl dd {margin: 0;padding:0;}
.left {float: left !important;}
.right {float: right !important;}
.clear {clear:both;}
.txt_right {text-align: right;}
.container {
	max-width: 1000px !important;
	width:100%;
	margin:0 auto;
}
.hidden {overflow: hidden;}
.fixed-top {
  /*position: fixed;*/
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background: #fbda1d;
  height: 70px;
}
.pt45 div#b01 {
	padding-top: 45px !important;
}
.pt110 div#b01 {
	padding-top: 110px !important;
}
/*MV*/
body section#head {
	background:url(../img/area01_bg.png) repeat;
}
.navbar:not(.top-nav-collapse) {
    background: #fbda1d;
    padding-top: 30px;
}
.navbar {
	background-color: #fbda1d;
}
.navbar.scrolling-navbar {padding-top:0;}
.navbar-expand-lg>.container {
	align-items: baseline;
	height:80px;
}
.navbar-expand-lg>.container div.left img {
	max-width: 258px;
	width: 100%;
}
.navbar .left p {
	margin-top: -10px;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 3px;
}
.navbar .left p br {
	display: none;
}
.navbar .right {
	padding-top:5px;
}
.navbar .right a img:hover {opacity: 0.7;}

body header {position: relative;}
body header .navbar {position: absolute;}
body header #mv {
  background: url('../img/mv_bg.png') center;
  height: 853px;
  position: relative;
  background-size: auto;
}

body header #mv h1 {
	position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
body header #mv .h-100 {
	height: 67%!important;
}

/*area01*/
.container {
	max-width: 960px;
	padding: 0 2%;
}
#area01 {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 30px;
}
#area01 .row.box {
	margin-top: 50px;
	width: 100%;
	text-align: center;
}
#area01 .row.box img {
	width: 29.555556%%;
}
#area01 .row.box img:nth-child(3) {
	padding-right: 0px;
}
#area01 .row.box img:nth-child(6) {
	padding-right: 0px;
}


/*area02*/
main #area02 {
	background: #f3e6b8;
	padding-top: 30px;
	padding-bottom: 60px;
}
main #area02 .row {
	margin-top:45px;
}
main #area02 .row div {
	width: 33.33333333%;
	float: left;
	text-align: center;
}

main #area02 .row div p {
	background:#fff;
	line-height: 2em;
	padding: 15px;
	margin: -9px auto 0;
	font-size: 13px;
    max-width: 258px;
	border-radius:0px 0px 20px 20px ;
    -webkit-border-radius:0px 0px 20px 20px ;
    -moz-border-radius:0px 0px 20px 20px ;
}

/*area03*/
main #area03 {
	background: #fbda1d;
	padding-top:120px;
	padding-bottom:1px;
}
main #area03 .box {
	margin: 0 auto;
	position: relative;
}
main #area03 .box img.point {
	position: absolute;
    top: -54px;
    right: 39%;
}
main #area03 .box div {
	background:#fff;
	padding: 40px 60px;
    border-radius: 50px;
    max-width: 713px;
    margin: 0 auto 90px;
}
main #area03 .box div img {
	margin-bottom: 15px;
}
main #area03 .box div p {
	max-width: 540px;
	margin: 0 auto;
}

/*CV_area*/
main #cv_area {
	padding-top: 50px;
	background: url('../img/cv_area_bg.png') center;
	height: 280px;
}
main #cv_area .row {
	display: block;
	position: relative;
}
main #cv_area .row img.cv_btn:hover {
	opacity: 0.7;
}

/*area04*/
main #area04 {
    background-color: transparent;
    background-image: radial-gradient(#c8ecea 2px, transparent 2px);
    background-size: 20px 20px;
	padding-top:60px;
	padding-bottom: 60px;
}
main #area04 .scroll_area {margin-bottom: 85px;}
main #area04 .scroll_area ul {
	text-align: center;
	width:100%;
}
main #area04 .scroll_area ul li {
	list-style: none;
	display: inline-block;
	cursor: pointer;
	width: 31.333333%;
}
main #area04 .ttl_img {
	margin-bottom: 60px;
	max-width: 336px;
}

main #area04 #box01, main #area04 #box02, main #area04 #box03 {
    border: 3px solid #4a280c;
    border-radius: 12px;
    background: #fff;
    position: relative;
    padding: 40px;
    margin-bottom: 90px;
}
main #area04 #box02, main #area04 #box03 {
	margin-top: 150px;
}
main #area04 #box01 img.center.ttl, main #area04 #box02 img.center.ttl, main #area04 #box03 img.center.ttl {
    position: absolute;
    top: -102px;
    left: 50%;
    margin-left: -208px;
}
main #area04 #box01 #slider {
	width: 320px;
	width: 32%;
    padding-right: 40px;
}
main #area04 #box01 .detail_area {
	margin-bottom: 45px;
	width: 63%;
}
main #area04 #box01 .detail_area p {margin-top:0;}
main #area04 #box01 .detail_area dl dt img {
	vertical-align: sub;
	margin-right: 10px;
}

main #area04 #box01 .detail_area dl dt span.circle {
	color:#e4dfda;
	font-size: 18px;
	padding-left:10px;
}
main #area04 #box01 .detail_area dl dt span.circle.no1 {
	padding-left:58px;
	line-height: 1.5em;
}
main #area04 #box01 .detail_area dl dt span.circle.no2 {
	padding-left:42px;
	line-height: 1.5em;
}
main #area04 #box01 .detail_area dl dt span.circle.no3 {
	padding-left:42px;
	line-height: 1.5em;
}
main #area04 #box01 .detail_area dl dt span.circle.no4 {
	padding-left:75px;
	line-height: 1.5em;
}
main #area04 #box01 .detail_area dl dt span.circle.no5 {
	padding-left:75px;
	line-height: 1.5em;
}

main #area04 #box01 div.row {
	margin: 20px 0;
}
main #area04 #box01 div p.center {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

main #area04 #box01 div#detail_area_wrap {
  position: relative;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  border :4px solid #e4c047;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius:5px;
}
/*
main #area04 #box01 div#detail_area_wrap {
	background-color: #fff;
	border: 3px solid #dcb329;
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; 
	position: relative;
	z-index: 0;
}*/
.cp_wrap {text-align: center;}
.marker {
	background: linear-gradient(transparent 60%, #b3dad8 60%);
}
.cp_title {
	color: #4a270b;
    font-size: 22px;
    line-height: 1.8em;
    position: relative;
    padding: 10px 40px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
.cp_title:before,.cp_title:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
	border-top: solid 2px #b98f6d;
	border-bottom: solid 2px #b98f6d;
}
.cp_title:before {
	border-left: solid 2px #b98f6d;
	left: 0;
}
.cp_title:after {
	border-right: solid 2px #b98f6d;
	right: 0;
}
.slider-pro {padding-top:5px;}
main #area04 #box01 div dl {
	text-align: left;
	margin-top: 15px;
	padding: 10px 40px;
}
main #area04 #box01 div dl dt {
	width:33%;
	display: inline-block;
	line-height: 1.5em;
	vertical-align: top;
}
main #area04 #box01 div dl dd {
	width:65%;
	display: inline-block;
	line-height: 1.5em;
}
main #area04 #box01 div dl dd span {
	font-size: 14px;
}
main #area04 #box01 div dl dd span.f22 {
	font-size: 22px;
	font-weight: bold;
}
main #area04 #box01 div p.right_txt {
	text-align: right;
	width: 89%;
	margin-top: 0px;
}
main #area04 #box01 div .right p.ttl_txt {
	font-size: 21px;
	margin-top: 0;
	font-weight: bold;
}
main #area04 #box01 .can_area {
	margin-top: 45px;
}
main #area04 #box01 .can_area ul {
	overflow: hidden;
	margin: 20px auto 0;
	max-width: 730px;
	display: block;
}
main #area04 #box01 .can_area ul li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
main #area04 #box01 .can_area ul li:last-child {
	margin-right: 0;
}
main #area04 #box01 .can_area ul li img {
	max-width:82px;
	width:100%;
}
main #area04 #box01 .flow_img {
	margin-top: 50px;
}
main #area04 #box01 .btn {
	margin: 45px auto;
	padding-bottom: 0px;
	cursor: pointer;
	box-shadow: none;
}
main #area04 #box01 .btn:hover {
	box-shadow: none;
	opacity: 0.7;
}
main #area04 #box02 .btn:hover {
	box-shadow: none;
	opacity: 0.7;
}
main #area04 #box02 div .right p.ttl_txt {
	font-size: 21px;
	font-weight: bold;
	margin-top:30px;
}
main #area04 #box02 .row img, main #area04 #box03 .row img {
	padding-right:20px;
}
main #area04 #box02 .row .right, main #area04 #box03 .row .right {
	width: 600px;
}
main #area04 #box02 .row .right p {
	padding-top:10px;
}
main #area04 #box03 .row .right p {
	padding-top:10px;
}
main #area04 #box03 div .right p.ttl_txt {
	font-size: 21px;
	font-weight: bold;
	margin-top:30px;
}
main #area04 #box02 .row .left {
	margin-top:30px;
}
main #area04 #box03 .row .left {
	margin-top:30px;
}
main #area04 #box02 img.btn {
	margin-top:30px;
}

main #area04 #box02 #riyu_waku {
	box-shadow: 6px 6px 0px 0px #8f7561;
    border-radius: 12px;
    background: #ffede1;
	padding: 15px 25px 25px 25px;
	margin-top: 40px;
	margin-bottom: 80px;
}
    .loop_wrap {
        height: calc(100vw* .13);
		position: relative;
    display: flex;
    overflow: hidden;
    }
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.loop_wrap img:first-child {
    animation: loop 100s -50s linear infinite;
}

.loop_wrap img:last-child {
    animation: loop2 100s linear infinite;
}

.loop_wrap img {
        width: auto;
        min-width: 300vw;
        height: 100%;
    }
#riyu_waku .tit {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}


main #area04 #box02 #sppu_waku {
	text-align: center;
}
#sppu_waku .tit {
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	color: #fff;
	background-color: #923f38;
	border-radius: 5px;
	padding: 15px;
}
.sppu_li {
	width: 80%;
    letter-spacing: -1em;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	list-style: none;
	margin: 0 auto;
}















li.btn a {
    display: block;
    background-color: #41a39e;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 20px;
    width: 260px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    position: relative;
}
li.btn.b01 a {
	background-color: #41a39e;
}
li.btn.b02 a {
	background-color: #923f38;
}
li.btn.b03 a {
	background-color: #00639b;
}
li.btn a::after{
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-top: 3px solid #fff;
      border-right: 3px solid #fff;
      transform: translateX(-50%) rotate(135deg);
      right: 22px;
      top: 38%;
      transition: 0.3s;
    }
li.btn a:hover:after{
      top: 40px;
}

/*area05*/
main #area05 .ttl_img {
	margin-top: 60px;
	margin-bottom: 60px;
	max-width: 303px;
}
main #area05 .row .box {
	max-width: 268px;
	width: 33.333333333%;
	float: left;
	padding: 20px;
	margin-right: 25px;
	margin-bottom: 25px;
}
main #area05 .row .box dl dt {
	font-size: 21px;
	font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
main #area05 .row .box dl dd {
	font-size: 14px;
    line-height: 1.8em;
}
main #area05 .row .box:nth-child(3) {
	margin-right: 0px;
}
main #area05 .row .box:nth-child(6) {
	margin-right: 0px;
}

main #area05 .row .box.yellow_box {
	box-shadow:6px 6px 0px 0px #fbda1d;
	border-radius:12px;
	background: #fef8d2;
}
main #area05 .row .box.blue_box {
	box-shadow:6px 6px 0px 0px #41a39e;
	border-radius:12px;
	background: #d9edec;
}
main #area05 .graf_area {
	background:#fff;
	border:5px solid #dbd4ce;
	border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    padding: 15px 30px 40px;
    margin-top: 40px;
    position: relative;
}
main #area05 .graf_area .graf_box {
	float: left;
	width: 50%;
}
main #area05 .graf_area p {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
main #area05 .graf_area p.txt_right {
	text-align: right;
	font-size: 14px;
	padding-right: 60px;
}
main #area05 .graf_area img {
	margin:0 auto;
	display: block;
	max-width:300px;
	width:100%;
}
main #area05 .graf_area .graf_box img.img03 {
}
main #area05 .graf_area img:nth-child(1) {
	margin-left:0 !important;
}



/*area06*/
main #area06 {
	background: #fbda1d;
	padding-bottom: 90px;
	margin-top: 90px;
}
main #area06 .ttl_img {
	padding-top: 60px;
	margin-bottom: 60px;
	max-width: 369px;
}
#area06 .slick-box {
	background:#fff;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    padding: 30px;
    /*width: 86%;
    margin: 0 auto;*/
}
#area06 .slick-box div.left {
	width: 10%;
	position: relative;
    top: 50px;
}
#area06 .slick-box div.left p {
	margin:0;
	text-align: center;
}
#area06 .slick-box div.left span {
	display: block;
	text-align:center;
	background:#fbda1d;
	border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    padding: 3px 10px;
    font-size: 13px;
}
#area06 .slick-box div.right {
	width: 84%;
	font-size: 16px;
	position: relative;
}
#area06 .slick-box div.box02 .right {
	top:53px;
}
#area06 .slick-box div.box03 .right {
	top:53px;
}
#area06 .slick-box div.box04 .right {
	top:53px;
}

/*area07*/
main #area07 {
	padding-top:30px;
	padding-bottom: 90px;
}
main #area07 .catch_area p {
	text-align: center;
	margin-bottom: 30px;
}
main #area07 .catch_area {
	padding: 0 0 30px;
}
main #area07 .ttl_img {
	padding-top: 60px;
	margin-bottom: 30px;
	max-width: 232px;
}
main #area07 .box {
	background: #f4f2f0;
	padding: 20px 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	float: left;
	width: 26.333333%;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
main #area07 .box a {
	text-decoration: none;
    color: #4a270b;
}
main #area07 div.w620 {
	max-width: 620px;
	width: 100%;
	margin: 0 auto;
}
main #area07 div.w620 .box:nth-child(1) {
    width: 39%;
    margin-right: 25px;
}
main #area07 div.w620 .box:nth-child(2) {
    width: 39%;
    margin-right: 0;
}
main #area07 .box:nth-child(3) {
	margin-right:0;
}
main #area07 .box:nth-child(6) {
	margin-right:0;
}
main #area07 .box p.place_name {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
main #area07 .box p.place_data {
	font-size: 12px;
	line-height: 1.5em;
}
main #area07 .box p.place_data span {
	display: inline-block;
	padding-bottom: 5px;
}
main #area07 .box p.btn {
	background:#fbda1d;
	border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    box-shadow:none;
    cursor: pointer;
}
main #area07 .box p.btn:hover {
	box-shadow:none;
	opacity: 0.7;
}
main #area07 .box img {
	max-width: 240px;
	width: 100%;
	height: auto;
	margin: 0 auto;
    display: block;
}
main #area07 .search_results {
	background: #4a270b;
    color: #fff;
    padding: 5px;
    text-align: center;
}
main #area07 .hit_results {text-align: center;}

/*area08*/
main #area08 .ttl_img {
	padding-top: 60px;
	margin-bottom: 60px;
	max-width: 263px;
}
main #area08 .box {
	height: 140px;
	position: relative;
}
main #area08 .box img {
	position: absolute;
    right: 0;
    top: 14%;
}
main #area08 .box dl dt {
	margin: 0 0 20px;
	font-weight: bold;
}
main #area08 .box dl dd {
	line-height: 1.8em;
}

main #area08 .row {
	width: 750px;
	margin: 0 auto 80px;
}


/*area09*/
main #area09 {
	background: #fde977;
	padding-bottom: 70px;
}
main #area09 .row {
	/*width: 950px;*/
	margin: 0 auto;
}
main #area09 .ttl_img {
	padding-top: 60px;
	margin-bottom: 60px;
	max-width: 194px;
}
main #area09 .box {
	float: left;
	max-width:430px;
	width: 45%;
	border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    background: #fff;
    padding: 12px 24px;
    margin: 0 24px 24px 0;
}
main #area09 .box:nth-child(2) {
	margin-right:0;
}
main #area09 .box:nth-child(4) {
	margin-right:0;
}
main #area09 .box:nth-child(6) {
	margin-right:0;
}
main #area09 .box dl dt {
	border-bottom: solid 2px #fbda1d;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
main #area09 .box dl dt p {
	margin: 0;
	display: inline-block;
}

main #area09 .box dl dt img {
	margin-right: 14px;
	vertical-align: middle;
}
main #area09 .box dl dd {
	line-height: 1.8em;
	margin-top: 15px;
	font-size: 15px;
}

/*area10*/
main #area10 {
	padding-bottom:70px;
}
main #area10 .ttl_img {
	margin-bottom: 60px;
	padding-top: 60px;
	max-width: 266px;
}
main #area10 dl {
	max-width: 540px;
	width:100%;
	margin:0 auto;
}
main #area10 dl dt {
	float: left;
	width: 150px;
	height: 30px;
}
main #area10 dl dd {
	border-bottom: solid 2px #fbda1d;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

/*footer*/
footer.page-footer .footer-copyright {
	background:#fff;
	color:#000;
	font-size: 13px;
}
.footer-copyright p {
	text-align: center;
}

/*セレクト表示機能*/
#area07 #search {
	display: block;
    border: solid 5px #ccc;
    margin: 0 auto 30px;
    padding-top:15px;
    max-width: 420px;
    padding: 20px 30px 30px;
    text-align: center;
    width: auto;
}
#area07 .select_area select {
	height: 40px !important;
    padding: 5px !important;
    max-width: 350px;
    width: 100%;
    font-size: 16px;
}
#area07 #search img {
	max-width: 308px;
	width: 100%;
}
@media (max-width: 1024px) {
	#area06 .slick-box .slick-prev {
	    left: -12px;
	    background-size: 80%;
	    top: 53%;
	}
	#area06 .slick-box .slick-next {
	    right: -25px;
	    background-size: 80%;
	    top: 53%;
	}
	#area06 .slick-box div.right {
	    width: 84%;
	    font-size: 16px;
	    position: relative;
	    left: -20px;
	}
}

/*769px以上*/
@media (min-width: 769px) {
	.container {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
	.pc {display: inline;}
	.sp {display: none;}
	#area01 img.ttl.pc {
		width: 100%;
		max-width: 754px;
		margin: 0 auto;
    	display: block;
	}
	#area01 img.ttl.sp {
		display: none;
	}
	main #cv_area .row img.cv_tel {
		max-width:365px;
		width:92%;
		position: absolute;
	    top: 40px;
	    left: 50px;
	}
	main #cv_area .row img.cv_tel.pc {display: block;}
	main #cv_area .sp {display: none;}
	main #cv_area .row img.cv_btn {
		position: absolute;
	    top: 20px;
	    right: 20px;
	    max-width: 469px;
	    width:100%;
	}
	main #area04 #box01 img.flow_img.sp {
		display: none;
	}
	main #area04 #box01 img.flow_img.pc {
		display: block;
		width:100%;
		max-width:874px;
	}
	.footer_fix_btn {display: none;}
}

/*768px以下*/
@media (max-width: 768px) {
	.pc {display: none;}
	.sp {display: inline;}
	#page_top{
		width: 40px;
		height: 40px;
		position: fixed;
		right: 10px;
		bottom: 75px !important;
		background: #923f38;
		opacity: 0.6;
	}
	#page_top a{
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		text-decoration: none;
	}

	#page_top a::after{
		content: '▲';
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		position: absolute;
		top: 5px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}

	.fixed-top {
	    /*position: fixed !important;*/
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 1030;
	    background: #fbda1d;
	    height: 70px;
	}
	.navbar .left p {
		line-height: initial;
		font-size: 11px;
		padding-top: 8px;
	}
	.navbar .left p br {
		display: inline-block;
	}
	body header #mv {
		background: url(../img/sp_mv_bg@2x.png) center;
	    background-size: cover;
	    width: 100%;
	    padding-top: 110%;
	    height: auto;
	}
	body header #mv h1 {
		width: 100%;
	    max-width: 580px;
	}
	body header #mv h1 img {
		max-width: 785px;
		width:90%;
		margin: 0 auto;
    	display: block;
	}
	body header .navbar .left {width: 52%;}
	body header .navbar .right {
		width: 46%;
		text-align: right;
	}
	.container {
	    max-width: 960px !important;
	    width: 90%;
	    margin: 0 auto;
	}
	main #cv_area {
		background-size:cover;
		padding: 8% 2% 10%;
		height: 300px;
	}
	main #cv_area img.center {
		max-width: 796px;
		width: 100%;
	}
	main #cv_area .row img.cv_tel {
		max-width: 467px;
	    width: 100%;
	    display: block;
	    margin: 30px auto;
	}
	main #cv_area .row img.cv_btn {
	    max-width: 469px;
	    width:100%;
	    display: block;
	    margin: -7px auto;
	}
	main #cv_area .row img.cv_tel.pc {display: none;}
	main #cv_area .sp {display: block;}
	#area01 {
		max-width: 1000px;
		width: 100%;
	}
	#area01 img.ttl.pc {
		display: none;
	}
	#area01 img.ttl.sp {
		width: 100%;
		max-width: 1000px;
	}
	#area01 .row.box img {
		max-width: 300px;
    	padding-right: 0;
    	width: 48.555555%;
	}
	main #area02 .row div p {
		line-height: 1.5em;
	}
	main #area02 img.center {
		max-width: 652px;
		width: 100%;
	}
	main #area02 .row div img {
		max-width: 288px;
		width: 100%;
	}
	main #area02 .row div {
	    width: 31.333333%;
	    float: left;
	    margin-right: 20px;
	    text-align: center;
	}
	main #area02 .row div:nth-child(3) {
		margin-right:0;
	}
	main #area03 .box div img {
		max-width: 475px;
		width: 100%;
	}
	main #area03 .box img.point {
	    position: absolute;
	    top: -52px;
	    right: 36%;
	    max-width:181px;
	    width:100%;
	}
	main #area04 {
		padding-bottom: 1px;
	}
	main #area04 .ttl_img {
		max-width:336px;
		width: 100%;
	}
	main #area04 #box01 .detail_area p {
		margin-top:30px;
	}
	main #area04 #box01 div dl {
		padding: 10px 20px;
	}
	main #area04 .scroll_area ul {
		width: 100%;
		max-width:675px;
		margin: 0 auto;
	}
	main #area04 .scroll_area ul li {
		width:31.33333333%;
		max-width:300px;
	}
	main #area04 .scroll_area ul li img.center {
		max-width: 300px;
		width:100%;
	}
	main #area04 #box02 .row .right p {padding-top: 0;}
	li.btn a {
	    display: block;
	    background-color: #41a39e;
	    border-radius: 30px;
	    -webkit-border-radius: 30px;
	    -moz-border-radius: 30px;
	    padding: 10px;
	    width: 180px;
	    height: 50px;
	    text-align: center;
	    text-decoration: none;
	    font-size: 15px;
	    color: #fff;
	    position: relative;
	}
	li.btn a::after {
	    content: "";
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    border-top: 3px solid #fff;
	    border-right: 3px solid #fff;
	    transform: translateX(-50%) rotate(135deg);
	    right: 43%;
	    top: 50%;
	    transition: 0.3s;
	}
	li.btn a:hover:after{
	      top: 40px;
	}

	main #area04 #box01 #slider {
	    margin: 0 auto;
	    width:100%;
	    display: block;
	    float: none !important;
	}
	
	main #area04 #box01 div .right p.ttl_txt {
		margin-top:30px;
	}
	main #area04 #box01 .detail_area {
		width:100%;
	}
	main #area04 #box01 .btn, main #area04 #box02 .btn, main #area04 #box03 .btn {
		max-width: 467px;
		width:100%;
	}
	main #area04 #box01 img.center.ttl, main #area04 #box02 img.center.ttl, main #area04 #box03 img.center.ttl {
		width: 400px;
		left: 50%;
		top: -99px;
		margin-left: -200px;
	}
	main #area04 #box01 .ttl_txt {
		text-align: center;
	}
	main #area04 #box01 img.flow_img.sp {
		margin: 45px auto 0;
	    display: block;
    	width: 100%;
    	max-width: 411px;
	}
	main #area04 #box01 .can_area ul {
		max-width: 358px;
		width:100%;
	}
	main #area04 #box01 .can_area ul li:nth-child(4) {
		margin-right: 0;
	}
	main #area04 #box01 div p.right_txt {
		text-align: center;
		width:auto;
		font-size: 14px;
	}
	main #area04 #box02 .ttl_txt {
		width: 100%;
		text-align: center;
	}
	main #area04 #box03 .ttl_txt {
		width:100%;
		text-align: center;
	}
	main #area04 #box02 .row .left, main #area04 #box03 .row .left {
		float: none !important;
	    margin: 30px auto 5px;
	    padding-right: 0;
	    display: block;
	    max-width: 274px;
    	width: 100%;
	}
	main #area04 #box02 .row .right, main #area04 #box03 .row .right {
		max-width: 595px;
		width: 100%;
	}
	main #area04 #box03 .row .right p {
		padding-top:0;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no1 {
	padding-left:30px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no2 {
		padding-left:15px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no3 {
		padding-left:15px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no4 {
		padding-left:45px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no5 {
		padding-left:45px;
	}
	main #area04 #box01 .catch {
		max-width:493px;
		width: 100%;
	}
	main #area05 .ttl_img {
		max-width:303px;
		width:100%;
	}
	main #area05 .row {
		max-width: 673px;
	    margin: 0 auto;
	    width: 96%;
	    padding: 0 2% 20px;
	}
	main #area05 .graf_area {
		max-width: 673px;
	    margin: 0 auto;
	    width: 91%;
	    padding: 0 2% 20px;
	}
	main #area05 .graf_area p {
		margin-top:20px;
		font-size: 18px;
	}
	main #area05 .graf_area p.txt_right {
	    text-align: right;
	    font-size: 14px;
	    padding-right: 30px;
	}
	main #area05 .graf_area .graf_box {
	    width:100%;
	    padding: 0 1%;
	}
	main #area05 .graf_area .graf_box img.img01 {
		width:100%;
	}
	main #area05 .graf_area .graf_box img.img02 {
		width:100%;
	}
	main #area05 .graf_area .graf_box img.img03 {
		max-width:300px;
		width:100%;
	}
	main #area05 .row .box:nth-child(2) {
		margin-right: 0px;
	}
	main #area05 .row .box:nth-child(3) {
		margin-right: 25px;
	}
	main #area05 .row .box:nth-child(4) {
		margin-right: 0px;
	}
	main #area05 .row .box:nth-child(6) {
		margin-right: 0px;
	}
	main #area05 .row .box {
		width: 41.333333333%;
	}
	main #area06 .ttl_img {
		max-width:369px;
		width:100%;
	}
	#area06 .slick-box div.left {
		width: 100%;
		float: none;
	}
	#area06 .slick-box div.box01 .left, #area06 .slick-box div.box02 .left, #area06 .slick-box div.box03 .left, #area06 .slick-box div.box04 .left {
		top:-20px;
	}
	#area06 .slick-box div.right {
	    width: 90%;
	    font-size: 14px;
	    margin: 0 auto;
	    padding: 0 20px;
	    display: block;
	    float: none !important;
	    left: 0px;
	}
	.slick-slide img {
		max-width: 90px;
		width: 100%;
		margin: 0 auto;
	}
	.slick-prev {left: -25px !important;}
	.slick-next {right: -25px !important;}
	main #area07 {padding-bottom: 60px;}
	main #area07 .ttl_img {
		max-width:232px;
		width:100%;
	}
	main #area07 .box p.btn {
		padding: 10px;
	}
	main #area07 .catch_area p {
		font-size: 15px;
	}
	main #area07 .catch_area p br {
		display: none;
	}
	main #area07 .catch_area .img01 {
		max-width:718px;
		width: 100%;
	}
	main #area07 .catch_area .img02 {
		max-width:495px;
		width: 100%;
	}
	main #area07 .box {
		width: 38.3333333%;
	}
	main #area07 .box:nth-child(2) {margin-right:0px;}
	main #area07 .box:nth-child(4) {margin-right:0px;}
	main #area07 .box:nth-child(3) {margin-right:25px;}
	main #area07 .hidden {
		width: 100%;
	    max-width: 675px;
	    margin: 0 auto;
	    display: block;
	}
	main #area07 .box {
		float: none;
	    width: 80% !important;
	    text-align: center;
	    margin: 0 auto 20px !important;
    	display: block;
	}
	main #area07 div.w620 .box {
		float: none;
	    width: 87% !important;
	    text-align: center;
	    margin: 0 auto 20px !important;
	    display: block;
	}
	main #area07 div.w620 {
	    /* max-width: 620px; */
	    width: 92%;
	    margin: 0 auto;
	}
	main #area08 .ttl_img {
		max-width:263px;
		width:100%;
	}
	main #area08 .box dl dd {
		font-size: 14px;
	}
	main #area08 .box {
		max-width: 675px;
		width:100%;
	}
	main #area08 .box .left {
		width:60%;
	}
	main #area08 .box .right img {
		max-width: 156px;
		width:100%;
	}
	main #area08 .row {
		max-width: 750px;
		width:100%;
    	margin: 0 auto 80px;
	}
	main #area08 img.line {
		max-width: 747px;
    	width: 100%;
	}
	main #area09 .ttl_img {
		max-width: 194px;
		width:100%;
	}
	main #area09 .box {
		float: none;
		width: 90%;
		max-width:607px;
		margin: 0 auto 25px;
	}
	main #area09 .box:nth-child(2) {margin:0 auto 25px;}
	main #area09 .box:nth-child(4) {margin:0 auto 25px;}
	main #area09 .box:nth-child(6) {margin:0 auto 25px;}
	main #area10 .ttl_img {
		max-width:266px;
		width:100%;
	}
	.footer_fix_btn {
	    position: fixed;
	    bottom: 0px;
	}
	.footer-nav-sp-content li, ul.footer-nav-sp-content {
        margin-bottom: 0 !important;
		list-style: none;
    }
	.footer-nav-sp-content {
        display: block;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
	.footer_fix_btn a {
        display: block;
        width: 100%;
        text-decoration: none;
        color: #fff;
    }
		.footer_fix_btn a img {
        width: 100%;
			vertical-align: bottom;
    }
}
/*757px以下*/
@media (max-width: 757px) {
	main #area02 .row div {
		width:30.33333333%;
	}
}
/*718px以下*/
@media (max-width: 718px) {
	.navbar:not(.top-nav-collapse) {
	    background: #fbda1d;
	    padding-top: 20px;
	}

	main #area05 .row .box {
	    width: 39.333333%;
	}

	main #area04 #box01 div dl dd, main #area04 #box01 div dl dt {
		font-size: 14px;
	}
	li.btn a {
		width:88%;
		font-size: 14px;
	}
}

/*679px以下*/
@media (max-width: 679px) {
	main #area04 #box01 .detail_area dl dt span.circle.no1 {
	padding-left:10px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no2 {
		padding-left:10px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no3 {
		padding-left:10px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no4 {
		padding-left:10px;
	}
	main #area04 #box01 .detail_area dl dt span.circle.no5 {
		padding-left:10px;
	}
	main #area04 #box01 div dl dt {
		font-size: 13px;
	}
	main #area04 #box01 div dl dd {
		font-size: 14px;
	}
}


/*670px以上*/
@media (min-width: 670px) {
	main #area04 .scroll_area ul li img.pc {
		display: inline-block;
	}
	main #area04 .scroll_area ul li img.tab {
		display: none;
	}
}
/*669px以下*/
@media (max-width: 669px) {
	main #area04 .scroll_area ul li img.pc {
		display: none;
	}
	main #area04 .scroll_area ul li img.tab {
		display: inline-block;
	}
}
/*659px以下*/
@media (max-width: 659px) {
	main #area04 #box01 .cp_title {
		font-size: 18px;
		padding: 10px 45px;
	}
}
/*649px以下*/
@media (max-width: 649px) {
	body header #mv {
		background: url(../img/sp649_mv_bg@2x.png) center;
	    background-size: cover;
	    width: auto;
	    padding-top: 130%;
	    height: auto;
	}
}

/*639px以下*/
@media (max-width: 639px) {
	main #area04 .scroll_area ul li {
		width:100%;
		padding-bottom: 20px;
	}
	main #area04 .scroll_area ul li {
		width: 100%;
	}
	li.btn a {
		width:100%;
		font-size: 14px;
	}
	li.btn a::after {
	    content: "";
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    border-top: 3px solid #fff;
	    border-right: 3px solid #fff;
	    transform: translateX(-50%) rotate(135deg);
	    right: 46%;
	    top: 50%;
	    transition: 0.3s;
	}
}

/*615px以下*/
@media (max-width: 615px) {
	main #area04 #box01 .detail_area dl dt span.circle {
		display: none;
	}
	main #area04 #box01 div dl {margin-bottom: 0;}
	main #area04 #box01 div dl dd span.f22 {
		font-size:20px;
	}
	main #area04 #box01 div dl dt {
		width:100%;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	main #area04 #box01 div dl dd {
		width:100%;
		text-align: center;
		margin-bottom: 15px;
		font-size: 13.5px;
	}
}

/*586px以下*/
@media (max-width: 586px) {
	main #area04 #box01 {
		padding: 40px 20px;
	}
	main #area04 #box01 div dl dt {
		width:100%;
		text-align: center;
	}
	main #area04 #box01 div dl dd {
		width:100%;
		text-align: center;
		margin-bottom: 20px;
	}
	main #area04 #box01 div dl dd span.f22 {
		font-size: 18px;
	}
	main #area04 #box01 div.row {margin-bottom: 0;}
	main #area04 #box01 .can_area ul {margin:10px auto 0px;}
	main #area05 .row {width:auto;}
	main #area05 .row .box:nth-child(3) {
	    margin-right: 0;
	}
	main #area05 .row .box {
	    width: auto;
	    max-width: 450px;
	    margin: 0 auto 30px;
	}
	main #area05 .graf_area {
		max-width: 440px;
	    margin: 0 auto;
	    width: 80%;
	    padding: 0 2% 20px;
	}
	main #area05 .graf_area p {
		margin-top: 30px;
		margin-bottom: 0px;
	}
	main #area05 .graf_area p.center {
		margin-top:30px;
	}
	main #area05 .graf_area .graf_box img.img03 {
		padding-top:0;
	}
	main #area05 .graf_area .graf_box {
		width:100%;
		float: none;
	}
	main #area09 .row {
		width:100%;
	}
	main #area09 .row .box {
		width:85%;
		max-width:508px;
		margin:0 auto 25px;
	}
	main #area10 dl dt {
	    float: left;
	    width: 90px;
	    height: 30px;
	}
	main #area10 dl {
		font-size: 14px;
	}
	main #area02 .row div {
		width:100%;
		margin-bottom: 30px;
	}
	main #area03 .box img.point {
		right:32%;
	}
	main #area05 .graf_area p.txt_right {
	    margin-top: 10px;
	}
}
/*579px以下*/
@media (max-width: 579px) {
	main #area07 .catch_area p.center {
		text-align: left;
	}

	#riyu_waku .tit {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}
	.sppu_li {
	width: 100%;
    letter-spacing: -1em;
    text-align: center;
    display: inherit;
    flex-wrap: wrap;
    justify-content: space-between;
	list-style: none;
	margin: 0 auto;
}

#sppu_waku .tit {
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #923f38;
	border-radius: 5px;
	padding: 10px;
}
		.sppu_li li {
	margin-bottom: 20px;
}
	
	
	
	
	
}
/*550px以下*/
@media (max-width: 550px) {
	main #area04 #box01 .cp_title {
		font-size: 18px;
		line-height: 1.4em;
	}
	main #area02 {padding-bottom: 30px;}
	main #area03 .box.p03 div {
		margin-bottom: 60px;
	}
	main #area06 {
		margin-top:60px;
		padding-bottom: 60px;
	}
	main #area07 {
		padding-top: 0;
		padding-bottom: 30px;
	}
	main #area09 .box dl dt p {font-size: 15px;}
	main #area09 .box dl dd {font-size: 14px;}
	main #cv_area {
		padding: 7% 2% 4%;
	}
}

/*550px以上*/
@media (min-width: 550px) {
	main #area04 #box01 img.center.ttl.sp {
		display: none;
	}
	main #area04 #box02 img.center.ttl.sp {
		display: none !important;
	}
	main #area04 #box03 img.center.ttl.sp {
		display: none;
	}
	main #area04 #box01 img.center.ttl.pc, main #area04 #box02 img.center.ttl.pc, main #area04 #box03 img.center.ttl.pc {
		display: inline;
	}
}
/*549px以下*/
@media (max-width: 549px) {
	body header #mv {
		background: url(../img/sp549_mv_bg@2x.png) center;
	    background-size: cover;
	    width: auto;
	    padding-top: 140%;
	    height: auto;
	}
	body header #mv h1 {
	    position: absolute;
	    top: 32%;
	    left: 50%;
	}
	main #area04 #box01 img.center.ttl.sp, main #area04 #box02 img.center.ttl.sp, main #area04 #box03 img.center.ttl.sp {
		display: block;
		top: -120px !important;
		width: 85%;
		left: 50%;
		margin-left: -42.5%;
	}
}
/*541px以下*/
@media (max-width: 541px) {
	main #area04 #box01 .cp_title {
		padding: 10px 30px;
	}
	#area04 #box02 img.center.ttl, main #area04 #box03 img.center.ttl {
	    position: absolute;
	    top: -20px !important;
	}
}
/*530px以下*/
@media (max-width: 530px) {
	main #area04 #box01 .cp_title {
		font-size: 16px;
		padding: 10px 20px;
	}
}
/*497px以下*/
@media (max-width: 497px){
	body header .navbar .left {
	    width: 54%;
	}
}
/*485px以下*/
@media (max-width: 485px) {
	main #area04 #box01 .cp_title {
		font-size: 15px;
		padding: 10px 20px;
	}
}

/*480px以上*/
@media (min-width: 480px) {
	#area01 .row.box.sp {display: none;}
	main #area04 .scroll_area ul li img.sp {
		display: none;
	}
	#area01 .row.box.pc {display:inline-block;}
	main #area04 .scroll_area {
	    margin-bottom: 35px;
	}
	main #area07 .pc_area {display: block;margin:0 auto;}
	main #area07 .sp_area {display: none;}
	main #cv_area img.center.pc {display: block;}
	main #cv_area img.center.sp {display: none;}
}

/*479px以下*/
@media (max-width: 479px) {
	body header #mv h1 {
		max-width: 400px;
		width:100%;
	}
	body header .navbar .left img {
		max-width:258px;
		width:100%;
	}
	#area01 .row.box img {
		width:100%;
	}
	#area01 .row.box {
		display:none;
		margin-top: 10px !important;
	}
	#area01 .row.box.sp {display: inline-block;}
	
	main #area03 .box img.point {
		right:28%;
	}
	main #area03 .box div {padding:30px;}
	main #area03 .box div p {font-size: 14px;}
	main #cv_area {
		height: 260px;
	}
	main #area03 {
	    padding-top: 100px;
	}
	main #area03 .box div {
		margin:0 auto 90px;
	}
	main #area04 #box01 .detail_area p {
		font-size: 14px;
		line-height:1.6em;
	}
	main #area04 #box01 div p.right_txt {
		font-size: 14px;
	}
	main #area04 .scroll_area {
	    margin-bottom: 35px;
	}
	main #area04 .scroll_area ul li {
		width:100%;
	}
	main #area04 .scroll_area ul li img.pc {
		display: none;
	}
	main #area04 .scroll_area ul li img.tab {
		display: none;
	}
	main #area04 .scroll_area ul li img.sp {
		display: inline-block;
	}
	main #area04 #box01 .catch {
		max-width: 493px;
		width:100%;
	}
	main #area04 #box01 .btn, main #area04 #box02 .btn {
		max-width: 467px;
		width:100%;
	}
	main #area04 #box03 .row .right {
		font-size: 14px;
	}
	main #area04 #box02 .row .left, main #area04 #box03 .row .left {
		margin: 10px auto;
	}
	main #area04 #box02 div .right p.ttl_txt, main #area04 #box03 div .right p.ttl_txt {
		margin-top: 20px;
		font-size: 17px;
	}
	main #area04 #box02 .row .right, main #area04 #box03 .row .right {
		font-size: 14px;
		line-height: 1.7em;
	}
	main #area05 .graf_area {
		width:90%;
	}
	.slick-slide img {
		margin: 0 auto;
		max-width:91px;
	}
	#area06 .slick-box div.left {
		width: 100%;
		float: none;
	}
	#area06 .slick-box div.right {
	    width: 90%;
	    font-size: 14px;
	}
	#area06 .slick-box div.right p {
		padding:0 4px;
	}
	main #area07 .hidden {
		width: 100%;
	    max-width: 410px;
	    margin: 0 auto;
	    display: block;
	}
	main #area07 .box {
		float: none;
	    width: 80%;
	    text-align: center;
	    margin: 0 auto 20px !important;
    	display: block;
	}
	main #area07 .pc_area {display: none;}
	main #area07 .sp_area {display: block; margin:0 auto;}

	main #area08 .box .left {
		width:100%;
	}
	main #area08 .box dl dd {
		float: left;
	    font-size: 12px;
	    width: 50%;
	}
	main #area08 .box img {
		position: absolute;
	    right: 0;
	    top: 14%;
	    width:40%;
	}
	main #area08 .box dl dd br {display: none;}
	main #area09 .box dl dt p {
		display: block;
    	text-align: center;
	}
	main #area09 .box dl dt img {
		display: block;
    	margin: 0 auto 10px;
	}
	main #cv_area .row img.cv_btn {
		margin: -9px auto;
	}
	main #cv_area {
	    padding: 7% 2% 19%;
	}
	main #cv_area img.center.pc {display: none;}
	main #cv_area img.center.sp {
		max-width:479px;
		width:100%;
		display: inline-block;
	}
	main #area04 #box01 img.center.ttl.sp, main #area04 #box02 img.center.ttl.sp, main #area04 #box03 img.center.ttl.sp {
		top:-100px !important;
	}

}
/*479px以下*/
@media (max-width: 479px) {
	.navbar .left p {padding-left: 0;}
	body header .navbar .left {
	    width: 54%;
	}
	body header .navbar .right {
	    width: 36%;
	    text-align: right;
	}
	body header #mv {
		background: url(../img/sp479_mv_bg@2x.png) center;
	    background-size: cover;
	    width: auto;
	    padding-top: 138%;
	    height: auto;
	}
	body header #mv h1 {
	    position: absolute;
	    top: 35%;
	}
	body header #mv h1 img {
	    max-width: 785px;
	    width: 85%;
	    margin: 0 auto;
	    display: block;
	}
	main #area04 .scroll_area ul {
		max-width:320px;
		width:100%;
		margin: 0 auto;
	}
	main #area04 .scroll_area li.btn a {
		max-width:300px;
		width:96%;
	}
	li.btn a::after {
	    content: "";
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    border-top: 3px solid #fff;
	    border-right: 3px solid #fff;
	    transform: translateX(-50%) rotate(135deg);
	    right: 10%;
	    top: 35%;
	    transition: 0.3s;
	}
	li.btn a {height: 30px;}
	li.btn a:hover:after{
	      top: 25px;
	}
	main #area04 .scroll_area ul li {
	    width: 100%;
	    padding-bottom: 0px;
	}
	main #area04 #box01 img.center.ttl, #area04 #box02 img.center.ttl, main #area04 #box03 img.center.ttl{
		position: absolute;
    	top: -10px !important;
	}
	main #area04 #box01 div.row {margin-top:0;}
}
/*469px以下*/
@media (max-width: 469px) {
	main #area07 div.w620 {width:90%;}
}

/*459px以下*/
@media (max-width: 459px) {
	main #area04 #box01 .can_area ul li:nth-child(3) {
		margin-right: 0px;
	}
	main #area04 #box01 .can_area ul li:nth-child(4) {
		margin-right: 10px;
	}
	main #area04 #box01 .can_area ul li:nth-child(6) {
		margin-right: 0px;
	}
	main #area04 #box01 .can_area ul {
	    max-width: 276px;
	    width: 95%;
	}
	#area07 .select_area select {
		display: block;
	}
	main #area04 #box01 img.center.ttl.sp, main #area04 #box02 img.center.ttl.sp, main #area04 #box03 img.center.ttl.sp {
		display: block;
		width: 300px;
		margin-left: -150px;
		left: 50%;
		top: -85px !important;
	}
}

/*449px以下*/
@media (max-width: 449px) {
	main #area10 dl dt {
		width:100%;
		float: none;
	}
	main #area10 dl {
		text-align: center;
	}
	main #area09 .box dl dt p {
		line-height: 1.5em;
	}
}
/*422px以下*/
@media (max-width: 422px) {
	main #area04 #box01 .cp_title {
		font-size: 14px;
	}
}
/*414px以下*/
@media (max-width: 414px) {
	.navbar:not(.top-nav-collapse) {
	    background: #fbda1d;
	    padding-top: 15px;
	}
	main #area03 {
	    padding-top: 90px;
	}
	main #area03 .box img.point {
	    max-width: 150px;
	    right: 29%;
    	top: -17%;
	}
	main #area04 #box01 .cp_title {
	    font-size: 14px;
	    line-height: 1.4em;
	    padding: 10px;
	}
	main #cv_area {
	    padding: 7% 2% 14%;
	}
	body header #mv {
		background: url(../img/sp411_mv_bg@2x.png) center;
	    background-size: cover;
	    width: auto;
	    padding-top: 138%;
	    height: auto;
	}
	body header #mv h1 img {
	    max-width: 785px;
	    width: 90%;
	    margin: 20px auto 0;
	    display: block;
	}
	body header #mv h1 {
	    position: absolute;
	    top: 35%;
	}
	main #area07 .hit_results, main #area07 .search_results {
		font-size:14px;
	}
	main #area03 .box img.point.p01 {
		top:-13%;
	}
}
/*410px以下*/
@media (max-width: 410px) {
	main #area03 .box img.point.p01 {
		position: absolute;
	    top: -42px !important;
    	right: 28%;
	}
	main #area04 #box01 .cp_title {
		font-size: 14px;
		padding: 10px;
	}
}

/*389px以下*/
@media (max-width: 389px) {
	main #area05 .row .box {
	    width: auto;
	    max-width: 332px;
	    margin: 0 auto 30px;
	}
	main #area08 .box {
		height: auto;
		padding-bottom: 15px;
	}
	main #area08 .box dl dd {
		width: 100%;
		padding-bottom: 20px;
	}
	main #area08 .box img {
		position: static;
		margin: 0px auto;
    	display: block;
    	max-width:156px;
    	width: 100%;
	}
	main #area08 .box .left {float: none !important;}
	main #area09 .box dl dt {
		font-size: 16px;
	}
	main #area09 .box dl dd {
		font-size: 14px;
	}
	main #cv_area {
	    padding: 7% 2% 10%;
	}
	#area06 .slick-box div.right {
	    width: 85%;
	    font-size: 14px;
	}
	#area06 .slick-box div.right p {
		padding: 0 4px;
	}
	main #area04 .scroll_area li.btn a {
	    max-width: 300px;
	    width: 94%;
	}
	main #area04 #box01 .cp_title {
		font-size: 13.8px;
		padding: 10px;
	}
}

/*375px以下*/
@media (max-width: 375px) {
	main #area09 .row .box {
		width: 80%;
	}
	li.btn a::after {
	    content: "";
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    border-top: 3px solid #fff;
	    border-right: 3px solid #fff;
	    transform: translateX(-50%) rotate(135deg);
	    right: 10%;
	    top: 30%;
	    transition: 0.3s;
	}
	main #area03 .box img.point.p01 {
	    max-width: 150px;
	    top: -42px;
    	right: 26%;
	}
	main #area03 .box img.point.p02 {
	    max-width: 150px;
	    right: 26%;
	    top: -17%;
	}
	main #area03 .box img.point.p03 {
	    max-width: 150px;
	    right: 26%;
	    top: -20%;
	}
	main #cv_area img.center.sp {
		margin-top:5px;
	}
	main #area04 #box01, main #area04 #box02, main #area04 #box03 {padding:15px;}
	main #area04 #box01 .cp_title {
		font-size: 12px;
		padding: 10px 20px;
	}
	main #area04 #box01 .btn {
	    margin: 15px auto;
	}
	main #area04 #box02 img.btn {
	    margin-top: 10px;
	}
	main #area04 #box01 img.center.ttl, #area04 #box02 img.center.ttl, main #area04 #box03 img.center.ttl {
		top: -20px !important;
	}
	#area07 #search {
	    padding: 10px 20px 20px;
	}
	.slider-pro {padding-top:10px;}
}

/*372px以下*/
@media (max-width: 372px) {
	main #area04 #box01 .can_area ul li:nth-child(3) {
		margin-right: 10px;
	}
	main #area04 #box01 .can_area ul li:nth-child(2) {
		margin-right: 0px;
	}
	main #area04 #box01 .can_area ul li:nth-child(4) {
		margin-right: 0px;
	}
	main #area04 #box01 .can_area ul li:nth-child(6) {
		margin-right: 0px;
	}
	main #area04 #box01 .can_area ul li:nth-child(8) {
		margin-right: 0px;
	}
	main #area04 #box01 .can_area ul {
	    max-width: 184px;
	    width: 100%;
	}
	main #area04 #box01 .cp_title {
		font-size: 12.5px;
		padding: 10px 20px;
	}
}
/*364px以下*/
@media (max-width: 364px) {
	main #area04 #box01 .cp_title {
		font-size: 12px;
		padding: 10px 20px;
	}
}
/*354px以下*/
@media (max-width: 354px) {
	main #area04 #box01 .cp_title {
		font-size: 12px;
		padding: 10px 15px;
	}
	#area07 .select_area select {
	    height: 40px !important;
	    padding: 5px !important;
	}
}
/*349px以下*/
@media (max-width: 349px) {
	body header #mv {
		background: url(../img/sp349_mv_bg@2x.png) center;
	    background-size: cover;
	    width: auto;
	    padding-top: 140%;
	    height: auto;
	}
	body header #mv h1 img {
	    max-width: 785px;
	    width: 90%;
	    margin: 10px auto 0;
	    display: block;
	}
	#area01 {
		padding-top: 20px;
	}
}
/*342px以下*/
@media (max-width: 342px) {
	main #area04 #box01 .cp_title {
		font-size: 12px;
		padding: 10px;
	}
}
/*325px*/
@media (max-width: 325px) {
	main #area04 #box01 .cp_title {
		font-size: 11.5px;
		line-height: 1.5em;
		padding: 10px;
	}
}
/*320px*/
@media (max-width: 320px) {
	main #area04 #box01 .can_area ul {
	    max-width: 175px;
	    width: 100%;
	}
	main #cv_area {
	    padding: 9% 2% 0%;
	}
	body header #mv h1 img {
		margin: 10px auto 0;
	}
	.navbar .left p {padding-left: 0}
	main #area03 .box img.point.p01 {
	    max-width: 150px;
	    top: -42px;
    	right: 22%;
	}
	main #area03 .box img.point.p02 {
	    max-width: 150px;
	    right: 22%;
	    top: -17%;
	}
	main #area03 .box img.point.p03 {
	    max-width: 150px;
	    right: 22%;
	    top: -17%;
	}
	main #area04 #box01 .cp_title {
		font-size: 11.5px;
		line-height: 1.5em;
		padding: 10px;
	}
	main #area04 #box02 img.center.ttl.sp {
		left: 9%;
	}
}