@charset "UTF-8";



@media screen and (min-width: 768px),print {


#contentsmain {margin: 0 auto 63px;position: relative;padding: 65px 0 0;}
#contentsmain h2 {margin-bottom: 66px;position: relative;font-size: 40px;line-height: 1.75;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsmain h2::before{content: "";width: 100px;height: 2px;display: block;background: #18382E;position: absolute;bottom: -31px;left: 50%;transform: translateX(-50%);}

#contentsmain p.subttl {margin-bottom: 61px;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contentsmain p.subttl span {font-size: 13px;line-height: 2.46;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1280px;height: 417px;padding: 99px 540px 0 0;}
#contentsmain .inner-Box h3.f-min {margin-bottom: 0px;position: relative;font-size: 32px;line-height: 1.81;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsmain .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contentsmain .inner-Box figure.photo img{  }

#contents01 {margin: 0 auto 80px;position: relative;background: url('../images/product/contents01-back01.png')no-repeat top center;padding: 25px 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 10px;}
#contents01 .inner-Box h2 {margin-bottom: 25px;position: relative;font-size: 32px;line-height: 1.81;letter-spacing: 0.05em;font-weight: 500;text-align: left;border-bottom: #EDEDE9 1px solid;width: 505px;padding-bottom: 17px;}
#contents01 .inner-Box h2 span.f-en {font-size: 42px;line-height: 1.95;letter-spacing: 0.05em;font-weight: 400;color: #18382E;display: block;margin-bottom: -4px;}
#contents01 .inner-Box h2 span.line {border-bottom: #18382E 1px solid;}
#contents01 .inner-Box figure.img {position: absolute;top: 56px;right: 0;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box p.text {margin-bottom: 31px;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;width: 485px;}

#contents02 {margin: 0 auto 80px;position: relative;background: url('../images/product/contents02-back01.png')no-repeat top center;padding: 17px 0 0;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 66px;padding-left: 595px;}
#contents02 .inner-Box h2 {margin-bottom: 25px;position: relative;font-size: 32px;line-height: 1.81;letter-spacing: 0.05em;font-weight: 500;text-align: left;border-bottom: #EDEDE9 1px solid;width: 505px;padding-bottom: 17px;}
#contents02 .inner-Box h2 span.f-en {font-size: 42px;line-height: 1.95;letter-spacing: 0.05em;font-weight: 400;color: #18382E;display: block;margin-bottom: -4px;}
#contents02 .inner-Box h2 span.line {border-bottom: #18382E 1px solid;}
#contents02 .inner-Box figure.img {position: absolute;top: 56px;left: 0;}
#contents02 .inner-Box figure.img img{  }
#contents02 .inner-Box p.text {margin-bottom: 31px;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;width: 485px;}

#contents03 {margin: 0 auto 80px;position: relative;background: url('../images/product/contents01-back01.png')no-repeat top center;padding: 25px 0 0;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 100px;}
#contents03 .inner-Box h2 {margin-bottom: 25px;position: relative;font-size: 32px;line-height: 1.81;letter-spacing: 0.05em;font-weight: 500;text-align: left;border-bottom: #EDEDE9 1px solid;width: 505px;padding-bottom: 17px;}
#contents03 .inner-Box h2 span.f-en {font-size: 42px;line-height: 1.95;letter-spacing: 0.05em;font-weight: 400;color: #18382E;display: block;margin-bottom: -4px;}
#contents03 .inner-Box h2 span.line {border-bottom: #18382E 1px solid;}
#contents03 .inner-Box figure.img {position: absolute;top: 56px;right: 0;}
#contents03 .inner-Box figure.img img{  }
#contents03 .inner-Box p.text {margin-bottom: 31px;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;width: 485px;}


#contents04 {margin: 0 auto 127px;position: relative;text-align: center;}
#contents04 .inner-Box { margin: 0 auto; position: relative; }
#contents04 .inner-Box p.btn {  }
#contents04 .inner-Box p.btn img {  }

#contentsbottom {margin: 0 auto 100px;position: relative;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box h2 {margin-bottom: 28px;position: relative;font-size: 23px;line-height: 2.52;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsbottom .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;width: 1040px;}
#contentsbottom .inner-Box ul li {  }
#contentsbottom .inner-Box ul li:nth-child(2) {margin-right: 0px;position: relative;right: -80px;}
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }

}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width: 767px) {



#contentsmain {margin: 0 auto 9.42vw;position: relative;padding: 2.9vw 0 0;}
#contentsmain h2 {margin-bottom: 10.9vw;position: relative;font-size: 6.28vw;line-height: 1.85;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsmain h2::before{content: "";width: 14.25vw;height: 0.48vw;display: block;background: #18382E;position: absolute;bottom: -5vw;left: 50%;transform: translateX(-50%);}

#contentsmain p.subttl {margin: 0 5.4vw 4.73vw;position: relative;font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain p.subttl span {font-size: 3.14vw;line-height: 2.46;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inner-Box {position: relative;padding: 7.81vw 0vw 0 0;}
#contentsmain .inner-Box h3.f-min {margin-bottom: 6.3vw;position: relative;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;right: 0;}
#contentsmain .inner-Box figure.photo img{  }

#contents01 {margin: 0 auto 1.52vw;position: relative;background-size: 100% auto;}
#contents01 .inner-Box {position: relative;padding-bottom: 2.42vw;}
#contents01 .inner-Box h2 {margin-bottom: 0.04vw;position: relative;border-bottom: #EDEDE9 0.24vw solid;padding-bottom: 4.11vw;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents01 .inner-Box h2 span.f-en {color: #18382E;display: block;margin-bottom: -1vw;font-size: 7.25vw;line-height: 1.97;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents01 .inner-Box h2 span.line {border-bottom: #18382E 0.24vw solid;}
#contents01 .inner-Box figure.img {position: relative;right: 0;margin-bottom: 4.4vw;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box p.text {margin: 0 5.2vw 7.49vw;position: relative;font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#contents02 {margin: 0 auto 2.32vw;position: relative;background-size: 100% auto;}
#contents02 .inner-Box {position: relative;padding-bottom: 2.42vw;}
#contents02 .inner-Box h2 {margin-bottom: 0.04vw;position: relative;border-bottom: #EDEDE9 0.24vw solid;padding-bottom: 4.11vw;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents02 .inner-Box h2 span.f-en {color: #18382E;display: block;margin-bottom: -1vw;font-size: 7.25vw;line-height: 1.97;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents02 .inner-Box h2 span.line {border-bottom: #18382E 0.24vw solid;}
#contents02 .inner-Box figure.img {position: relative;right: 0;margin-bottom: 4.4vw;}
#contents02 .inner-Box figure.img img{  }
#contents02 .inner-Box p.text {margin: 0 5.2vw 7.49vw;position: relative;font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#contents03 {margin: 0 auto -1.38vw;position: relative;background-size: 100% auto;}
#contents03 .inner-Box {position: relative;padding-bottom: 2.42vw;}
#contents03 .inner-Box h2 {margin-bottom: 0.04vw;position: relative;border-bottom: #EDEDE9 0.24vw solid;padding-bottom: 4.11vw;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents03 .inner-Box h2 span.f-en {color: #18382E;display: block;margin-bottom: -1vw;font-size: 7.25vw;line-height: 1.97;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents03 .inner-Box h2 span.line {border-bottom: #18382E 0.24vw solid;}
#contents03 .inner-Box figure.img {position: relative;right: 0;margin-bottom: 4.4vw;}
#contents03 .inner-Box figure.img img{  }
#contents03 .inner-Box p.text {margin: 0 5.2vw 7.49vw;position: relative;font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#contents04 {margin: 0 1.2vw 16.68vw;position: relative;text-align: center;}
#contents04 .inner-Box { margin: 0 4vw; position: relative; }
#contents04 .inner-Box p.btn {  }
#contents04 .inner-Box p.btn img {  }

#contentsbottom {margin: 0 auto 5.15vw;position: relative;}
#contentsbottom .inner-Box { margin: 0 4vw; position: relative; }
#contentsbottom .inner-Box h2 {margin-bottom: 5.56vw;position: relative;font-size: 4.11vw;line-height: 1.76;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsbottom .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {margin-bottom: 7vw;}
#contentsbottom .inner-Box ul li:nth-child(2) {margin-right: 0.0vw;position: relative;right: 0vw;}
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }

}