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

@media screen and (max-width:750px){
html, body {
	width:100%;
}
.inr {
	max-width: 100%;
	width: 100%;
}
.pc {
	display:none;
}	
.sp {
	display:block;
}
.slide_btn {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.slide_inr {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/*header------------------------------------------*/
header .logo {
	position: static;
	width: 48%;
	max-width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*contents------------------------------------------*/
#main {
  background-image: url(../images/bg_main_sp.jpg);
    background-position: center top;
  padding-bottom: 730px;
  background-size: cover;
  padding-bottom: 96%;
}
#main h1 {
  top: 0;
  right: 0;
  width: 100%;
  padding: 0;
}

h2 {
	width: 100%;
	max-width: 100%;
	padding-top: 6.5%;
	padding-bottom: 6.5%;
}

#btn0 {
	padding: 5% 0 6%;
}
#btn0 .inr {
	max-width: 100%;
	width: 100%;
}

.btn0 {
	padding: 5% 0 6%;
}
.btn0 .inr {
	max-width: 100%;
	width: 100%;
}
.btn1 {
	padding: 5% 0 6%;
	border-top: 5px solid #fff;
}
.btn1.btn01 {
	border-top: none;
}
.btn1 .inr {
	max-width: 100%;
	width: 100%;
}

#sec01 {
  margin-bottom: 1px;
}
#sec01 .photo {
	background: #94aa0d;
	padding-bottom: 0;
	position: relative;
}
#sec01 .arw01 {
	margin-bottom: 0;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -5%;
}
#movie {
	padding: 160% 0 0;
  width: 100%;
}

#sec02 .photo {
	background: #94aa0d;
	padding-bottom: 0;
	position: relative;
}
#sec02 .arw01 {
	margin-bottom: 0;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -5%;
}
#sec02 .youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  padding: 25% 0 0 25%;
}

#sec03 .photo {
	padding-bottom: 0;
}
#sec03 .arw01 {
	margin-bottom: 0;
}
#sec03 .inr {
	max-width: 100%;
	width: 100%;
}
#sec04 .photo {
	padding-bottom: 9%;
}
#sec04 .arw01 {
	margin-bottom: 0;
}
#sec04 .inr {
	max-width: 100%;
	width: 100%;
}
#sec04 .img01 {
	margin-bottom: 0;
}
#sec04 .left {
	float: none;
	box-shadow: none;
	max-width: 100%;
	width: 100%;
}
#sec04 .right {
	float: none;
	box-shadow: none;
	max-width: 100%;
	width: 100%;
}
#sec04 .slide_btn {
	background: url(../images/sec04_img03_sp_btn_close.png) no-repeat center center;
	background-size: 100% auto;
	padding-bottom: 23.5%;
}
#sec04 .slide_btn.open {
	background: url(../images/sec04_img03_sp_btn_open.png) no-repeat center center;
	background-size: 100% auto;
}
#sec04 .slide_inr {
	display: none;
}
#sec04 .line {
	background: url(../images/sec04_line01.jpg) repeat-x left center;
	background-size: 2% auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#sec04 .line img {
	width: 10%;
}
#sec05 .photo {
	position: relative;
	background: #000;
	padding-bottom: 0;
}
#sec05 .photo2 {
	padding-top: 0;
	padding-bottom: 0;
}
#sec05 .inr {
	max-width: 100%;
	width: 100%;
}
#sec05 .arw01 {
	left: 50%;
    margin-bottom: 0;
    margin-left: -5%;
    position: absolute;
    top: 0;
}
#sec06 .photo {
	padding-bottom: 40px;
}
#sec06 .inr {
	max-width: 100%;
	width: 100%;
}
#sec06 .arw01 {
	margin-bottom: 30px;
}
#sec06 .box_ttl {
	margin-bottom: 5%;
}
#sec06 .box1,
#sec06 .box2 {
	margin-bottom: 7%;
}
#sec06 .box2 {
	margin-top: 7%;
}
#sec06 .box1 .left,
#sec06 .box2 .left {
	max-width: 50%;
	width: 50%;
	margin-left: 6%;
}
#sec06 .box1 .right,
#sec06 .box2 .right {
	max-width: 32%;
	width: 32%;
	margin-right: 6%;
}
#sec06 p {
	font-size: 3.35vw;
	line-height: 190%;
	padding-top: 0;
	text-align: justify;
	margin-top: -5px;
}
#sec06 .box3 {
	margin-top: 7%;
}
#sec06 .box3 p.right {
	padding-top: 0;
	margin-top: 0;
}
#sec06 .box3 .left p {
	padding-top: 10px;
	line-height: 130%;
	font-size: 2.4vw;
}
#sec06 .box3 .left {
	max-width: 32%;
	width: 32%;
	float: right;
	margin: 2% 6% 0px 5%;
}
#sec06 .box3 .right {
	max-width: 88%;
	width: 88%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#sec06 .slide_btn {
	background: url(../images/sec06_box_ttl02_sp_btn_close.png) no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 16%;
	margin-bottom: 0;
}
#sec06 .slide_btn.open {
	background: url(../images/sec06_box_ttl02_sp_btn_open.png) no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 23%;
}
#sec06 .slide_inr {
	display: none;
}
#sec07 .photo {
	padding-bottom: 10%;
	position: relative;
}
#sec07 .inr {
	max-width: 100%;
	width: 100%;
}
#sec07 .arw01 {
	left: 50%;
    margin-bottom: 0;
    margin-left: -5%;
    position: absolute;
    top: 0;
}
#sec07 ul {
	margin-top: 0;
	position: relative;
	padding-bottom: 2%;
}
#sec07 li {
	max-width: 100%;
	width: 100%;
	margin-bottom: 5%;
}
#sec07 li p {
	font-size: 3.5vw;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
}
#sec07 .li01 {
	position: static;
	padding-top:40px;
}
#sec07 .li02 {
	position: static;
}
#sec07 .li03 {
	position: static;
}
#sec07 .line1 {
	background: url(../images/sec04_line01.jpg) repeat-x;
	background-size: 3% auto;
	height: 5px;
	margin: 0 auto 2.4%;
	width: 88%;
}
#sec07 .center {
	font-size: 3.5vw;
	font-weight: bold;
	color: #6c5f58;
	text-align: center;
}
#sec07 .line2 {
	background: url(../images/sec04_line01.jpg) repeat-x;
	background-size: 3% auto;
	height: 5px;
	margin: 2.4% auto 0;
	width: 88%;
}
#sec08 .photo {
	padding-bottom: 5%;
}
#sec08 .inr {
	max-width: 88%;
	width: 88%;
}
#sec08 .arw01 {
	margin-bottom: 8%;
}
#sec08 table {
	margin-bottom: 6%;	
}
#sec08 .left {
	font-size: 3.7vw;
	width: 10%;
	padding: 2% 1.2%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	font-weight: bold;
}
#sec08 .right {
	font-size: 3.7vw;
	width: 90%;
	padding: 3%;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	line-height: 130%;
}
#sec08 .box_a .right {
	font-size: 3.3vw;
	padding: 4%;
}
#sec08 .box_a {
	border-radius: 4px;
	-moz-radius-topright: 4px;
	margin-top: -3%;
	margin-bottom: 6%;
}
#sec08 .box_q .right {
	background: #94aa0d url(../images/sec08_sp_btn_close.png) no-repeat 98% center;
	background-size: auto 48%;
	padding-right: 10%;
	font-weight: bold;
}
#sec08 .slide_btn.open > tbody > tr > .right {
	background: #94aa0d url(../images/sec08_sp_btn_open.png) no-repeat 98% center;
	background-size: auto 48%;
}
#sec08 .slide_inr {
	display: none;
}
#sec08 .high {
	line-height: 260%;
}
#sec09 .photo1 {
	background: #000;
	padding-bottom: 0;
	position: relative;
}
#sec09 .photo2 {
	background: #f5f7ea;
	padding-bottom: 10%;
	padding-top: 0;
}
#sec09 .inr {
	max-width: 100%;
	width: 100%;
}
#sec09 .arw01 {
	left: 50%;
    margin-bottom: 0;
    margin-left: -5%;
    position: absolute;
    top: 0;
}
#sec09 .left {
	float: none;
	width:100%;
}
#sec09 .right {
	float: none;
	width: 100%;
}
#sec09 .slide_btn {
	background: url(../images/sec09_img03_pc_btn_close.png) no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 16%;
}
#sec09 .slide_btn.open {
	background: url(../images/sec09_img03_pc_btn_open.png) no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 20%;
}
#sec09 .slide_inr {
	display: none;
}
#sec10_sp .photo {
	background: #94aa0d;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05) inset;
	padding-bottom: 0;
	position: relative;
}
#sec10_sp .arw01 {
	left: 50%;
    margin-bottom: 0;
    margin-left: -5%;
    position: absolute;
    top: 0;
}

#sec11 {
  margin-bottom: -1px;
}
#sec11 .arw01 {
	margin-bottom: -13px;
}
#sec11 .left {
  float: none;
  width: 100%;
  background: url(../images/sec11_left_bg_sp.jpg) center top no-repeat;
  background-size: 100% auto;
  padding-bottom: 132.3%;
}
#sec11 .left img {
  padding: 89% 0 0;
  width: 100%;
}
#sec11 .right {
  float: none;
  width: 100%;
  background: url(../images/sec11_right_bg_sp.jpg) center top no-repeat;
  background-size: 100% auto;
  padding-bottom: 132.3%;
  margin: -1px 0;
}
#sec11 .right img {
  padding: 88% 0 0;
  width: 100%;
}
#sec11 .letter {
  background: url(../images/sec11_letter_bg_sp.jpg) center top repeat-x;
  background-size: 100% auto;
  padding-bottom: 165%;
}
#sec11 .letter .inr > h3 > img {
  width: 100%;
  padding: 12% 0 0;
}
#sec11 .letter .inr > img {
  width: 100%;
  padding: 28% 0 0;
}

/*footer------------------------------------------*/
footer {
	padding-top: 6%;
}
footer .left {
	float: left;
	width: 37%;
	padding-left: 5%;
	padding-top: 12px;
}
footer .right {
	float: right;
	padding-right: 5%;
}
.name {
	font-size: 2.3vw;
	color: #4d4d4d;
	margin-bottom: 3%;
	text-align: left;
}
address {
	font-size: 2vw;
	padding-bottom: 10%;
}
footer p {
	font-size: 1.7vw;
	padding-top: 3%;
	display: block;
	padding-bottom: 1%;
}
small {
	font-size: 1.7vw;
	padding-bottom: 3%;
	display: block;
}
}