@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
.title_content, .title_inner, .title_section, .title_section_lg {
	color: #0268c6;
	text-align: center
}
.container_water .title_sec02, .sec_03_water .title_sec03, .sec_04_water .embed-responsive-16by9, .sec_04_water .title_sec04, .sec_05_water .img_comment, .sec_05_water .lead_sec05, .sec_05_water .price_container {
	top: 100px;
	opacity: 0;
	position: relative
}
.bg_section, .container_faq {
	overflow: hidden
}
.btn_goshop, .btn_sold, .btn_submit, .img_tex, .sec_05_jelly .item_price, .sec_05_water .item_price, .title_item i {
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	display: block
}
.jumbotron {
	position: relative;
	height: 310px;
	margin-bottom: 0
}

@media only screen and (max-width:768px) {
.jumbotron {
	height: 200px
}
}

@media only screen and (max-width:600px) {
.jumbotron {
	height: 140px
}
}
.jumbotron>.container {
	display: table;
	height: 100%
}
.title_page {
	color: #0268c6;
	display: table-cell;
	vertical-align: middle;
	font-size: 46px;
	font-size: 4.6rem;
	padding-left: 100px
}
.title_page span {
	font-size: 32px;
	font-size: 3.2rem;
	padding-left: 1em
}

@media only screen and (max-width:768px) {
.title_page {
	font-size: 36px;
	font-size: 3.6rem;
	padding-left: 60px
}
.title_page span {
	font-size: 24px;
	font-size: 2.4rem;
	padding-left: 1em
}
}

@media only screen and (max-width:600px) {
.title_page {
	font-size: 30px;
	font-size: 3rem;
	padding-left: 0
}
.title_page span {
	font-size: 19px;
	font-size: 1.9rem;
	padding-left: 1em
}
}
.has_shadow {
	background: 0 0;
	text-shadow: 1px 1px 8px rgba(255,255,255,.7), -1px -1px 8px rgba(255,255,255,.7);
	box-shadow: none
}
.title_content {
	font-size: 54px;
	font-size: 5.4rem
}

@media only screen and (max-width:768px) {
.title_content {
	font-size: 40px;
	font-size: 4rem
}
}

@media only screen and (max-width:600px) {
.title_content {
	font-size: 32px;
	font-size: 3.2rem
}
}
.title_inner {
	font-size: 24px;
	font-size: 2.4rem
}

@media only screen and (max-width:768px) {
.title_inner {
	font-size: 18px;
	font-size: 1.8rem
}
}
.title_exlg {
	font-size: 60px;
	font-size: 6rem
}

@media only screen and (max-width:768px) {
.title_exlg {
	font-size: 30px;
	font-size: 3rem
}
}

@media only screen and (max-width:600px) {
.title_exlg {
	font-size: 22px;
	font-size: 2.2rem
}
}
.title_lg {
	font-size: 54px;
	font-size: 5.4rem
}

@media only screen and (max-width:768px) {
.title_lg {
	font-size: 30px;
	font-size: 3rem
}
}

@media only screen and (max-width:600px) {
.title_lg {
	font-size: 22px;
	font-size: 2.2rem
}
}
.title_md {
	font-size: 48px;
	font-size: 4.8rem
}

@media only screen and (max-width:768px) {
.title_md {
	font-size: 30px;
	font-size: 3rem
}
}

@media only screen and (max-width:600px) {
.title_md {
	font-size: 22px;
	font-size: 2.2rem
}
}
.title_sm {
	font-size: 40px;
	font-size: 4rem
}

@media only screen and (max-width:768px) {
.title_sm {
	font-size: 28px;
	font-size: 2.8rem
}
}

@media only screen and (max-width:600px) {
.title_sm {
	font-size: 22px;
	font-size: 2.2rem
}
}
.lead {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.6;
	color: #4f4f4f
}

@media only screen and (max-width:768px) {
.lead {
	font-size: 20px;
	font-size: 2rem
}
}

@media only screen and (max-width:600px) {
.lead {
	font-size: 19px;
	font-size: 1.9rem
}
}
.lead_on_title {
	font-size: 40px;
	font-size: 4rem;
	line-height: 1.2
}
.youtube iframe {
	width: 100%
}
.bg_section {
	position: relative
}
.sec_01_water {
	background: url(../image/item01/bg_main_pc.jpg) center top no-repeat #EEE;
	height: 620px;
	opacity: 0
}

@media only screen and (max-width:768px) {
.lead_on_title {
	font-size: 30px;
	font-size: 3rem
}
.sec_01_water {
	background: url(../image/item01/bg_main_pc@2x.jpg) center top no-repeat;
	height: 0;
	padding-bottom: 50%;
	background-size: cover
}
}

@media only screen and (max-width:600px) {
.lead_on_title {
	font-size: 22px;
	font-size: 2.2rem
}
.sec_01_water {
	background: url(../image/item01/bg_main_sp@2x.jpg) center top no-repeat;
	height: 0;
	padding-bottom: 144.0625%;
	background-size: cover
}
}
.sec_02_water {
	background: url(../image/item01/bg_sec_02.jpg) center top no-repeat #EEE;
	height: 1811px
}

@media (min-width:1900px) {
.sec_02_water {
	background: url(../image/item01/bg_sec_02.jpg) center top no-repeat;
	height: 1811px;
	background-size: cover
}
}

@media only screen and (max-width:768px) {
.sec_02_water {
	background: url(../image/item01/bg_sec_02.jpg) center top no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 145%;
	background-size: cover;
	overflow: hidden
}
}

@media only screen and (max-width:600px) {
.sec_02_water {
	background: url(../image/item01/bg_sec_02.jpg) center top no-repeat;
	height: 0;
	padding-bottom: 285%;
	background-size: cover
}
}
.container_water {
	background: url(../image/item01/img_sec_02_01_pc.png) center top no-repeat;
	height: 1811px;
	padding-top: 120px;
	opacity: 0
}

@media only screen and (max-width:768px) {
.container_water {
	margin: auto;
	padding-top: 5%;
	width: 100%;
	height: 0;
	padding-bottom: 145%;
	background-size: cover
}
}

@media only screen and (max-width:600px) {
.container_water {
	background: url(../image/item01/img_sec_02_01_sp.png) center -50px no-repeat;
	width: 100%;
	padding-bottom: 280%;
	background-size: cover
}
}
.sec_03_water {
	background: url(../image/item01/bg_sec_03.jpg) center top no-repeat #EEE;
	height: 1370px;
	padding-top: 120px
}

@media (min-width:1900px) {
.sec_03_water {
	background: url(../image/item01/bg_sec_03.jpg) center top no-repeat;
	height: 1370px;
	background-size: cover
}
}
.sec_03_water .col-md-6 {
	margin-bottom: 30px
}

@media only screen and (max-width:768px) {
.sec_03_water {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item01/bg_sec_03.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_03_water .col-md-6 {
	margin-bottom: 15px
}
}
.sec_03_water .inner {
	padding: 15px 30px 30px
}

@media only screen and (max-width:600px) {
.sec_03_water .inner {
	padding: 15px
}
}
.sec_03_water .inner.side_left {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_03_water .inner.side_right {
	position: relative;
	right: -200px;
	opacity: 0
}
.sec_03_water .same_h {
	min-height: 452px
}
.bg_w_rad {
	background: rgba(255,255,255,.8);
	border-radius: 10px
}
.sec_04_water {
	background: url(../image/item01/bg_sec_04.jpg) center top no-repeat #EEE;
	height: 974px;
	padding-top: 120px
}

@media (min-width:1900px) {
.sec_04_water {
	background: url(../image/item01/bg_sec_04.jpg) center top no-repeat;
	height: 974px;
	background-size: cover
}
}

@media only screen and (max-width:768px) {
.sec_03_water .same_h {
	min-height: inherit
}
.bg_w_rad p {
	text-align: center
}
.sec_04_water {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item01/bg_sec_04.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
}
.sec_05_water {
	background: url(../image/item01/bg_sec_05.jpg) center -20px no-repeat #C1DBEC;
	height: 1445px;
	padding-top: 120px
}

@media (min-width:1900px) {
.sec_05_water {
	background: url(../image/item01/bg_sec_05.jpg) center -20px no-repeat;
	height: 1445px;
	background-size: cover
}
}
.sec_05_water .img_package_01 {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_05_water .item_01_detail {
	position: relative;
	right: -200px;
	opacity: 0
}

@media only screen and (max-width:768px) {
.sec_05_water {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item01/bg_sec_05.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_05_water .item_01_detail .title_item {
	margin-left: -2em
}
}

@media only screen and (max-width:600px) {
.sec_05_water .item_01_detail .title_item {
	margin-left: -3em
}
}
.sec_05_water .item_price {
	background: url(../image/item01/water_price@2x.png) left top no-repeat;
	width: 230px;
	height: 85px;
	background-size: contain;
	margin: auto
}
.btn_goshop {
	background: url(../image/item01/btn_shop_now_water_main@2x.png) left top no-repeat;
	width: 370px;
	height: 48px;
	background-size: contain;
	margin: auto;
	border: 0;
	opacity: 1;
	transition: .3s, .3s
}
.btn_goshop:hover {
	opacity: .7
}

.btn_sold {
	background: url(../image/item01/btn_sold_main@2x.png) left top no-repeat;
	width: 370px;
	height: 48px;
	background-size: contain;
	margin: auto;
	border: 0;
	opacity: 1;
	transition: .3s, .3s;
}

@media only screen and (max-width:600px) {
.btn_goshop {
	background: url(../image/item01/btn_shop_now_water_main@2x.png) left top no-repeat;
	width: 95%;
	height: 0;
	padding-bottom: 12%;
	background-size: contain;
	margin-top: 15px
}
.btn_sold {
	background: url(../image/item01/btn_sold_main@2x.png) left top no-repeat;
	width: 95%;
	height: 0;
	padding-bottom: 12%;
	background-size: contain;
	margin-top: 15px;
}
}
.title_item {
	color: #0268c6;
	font-size: 56px;
	font-size: 5.6rem;
	line-height: 1.1;
	position: relative;
	display: inline-block
}
.sec_02_jelly .title_md, .sec_05_jelly .title_md, .title_box {
	line-height: 1.2;
	text-align: center
}
.title_item span {
	display: block;
	font-size: 50%
}
.title_item i {
	display: block;
	background: url(../image/item01/img_sec_05_com@2x.png);
	width: 175px;
	height: 97px;
	background-size: contain;
	position: absolute;
	top: -10px;
	left: 5.2em
}

@media only screen and (max-width:768px) {
.title_item i {
	width: 109.38px;
	height: 60.63px;
	background-size: contain
}
.title_item {
	font-size: 42px;
	font-size: 4.2rem
}
}
.item_detail .list_xs li {
	text-align: left;
	border-bottom: 1px solid #d8d8d8;
	padding-top: 8.57px!important;
	padding-bottom: 8.57px!important;
	display: table;
	width: 100%
}
.item_detail .list_xs li span {
	font-weight: 700;
	display: table-cell;
	width: 9em
}
.img_comment {
	background: url(../image/item01/img_sec_05_02_pc@2x.png) center top no-repeat;
	width: 1169px;
	height: 484px;
	background-size: contain
}

@media only screen and (max-width:768px) {
.item_detail .list_xs li span {
	display: block
}
.item_detail {
	text-align: center
}
.img_comment {
	background: url(../image/item01/img_sec_05_02_sp@2x.png) center top no-repeat;
	width: 80%;
	height: 0;
	padding-bottom: 205%;
	background-size: contain;
	margin: auto
}
}
.img_tex {
	display: block
}
.img_sec_01_water {
	background: url(../image/home/img_sec_01_pc@2x.png);
	width: 993px;
	height: 523px;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}
.sec_02_jelly .lead_sec02, .sec_02_jelly .sec_02_tex, .sec_03_jelly .embed-responsive-16by9, .sec_03_jelly .title_sec03 {
	top: 100px;
	opacity: 0;
	position: relative
}

@media only screen and (max-width:768px) {
.img_sec_01_water {
	background: url(../image/home/img_sec_01_pc@2x.png) center center no-repeat;
	width: 80%;
	height: 0;
	padding-bottom: 53.575%;
	background-size: contain;
	margin: auto
}
}

@media only screen and (max-width:600px) {
.title_item {
	font-size: 32px;
	font-size: 3.2rem
}
.img_sec_01_water {
	background: url(../image/home/img_sec_01_sp@2x.png);
	width: 348px;
	height: 614px;
	background-size: contain;
	margin: auto
}
}
.item02 {
	font-family: "Myriad Pro", Myriad, helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif
}
.item02 .tex_lg {
	font-size: 18px;
	font-size: 1.8rem
}

@media only screen and (max-width:600px) {
.item02 .tex_lg {
	font-size: 17px;
	font-size: 1.7rem
}
}
.item02 .title_inner {
	font-size: 23px;
	font-size: 2.3rem;
	color: #0268c6;
	text-align: center
}
.col_item02 {
	color: #f77229
}
.col_item03 {
	color: #f7297b
}
.col_item04 {
	color: #4C4948
}
.tex_semi_bold {
	font-weight: 600
}
.sec_01_jelly {
	background: url(../image/item02/bg_main_pc.jpg) center top no-repeat #EEE;
	height: 620px;
	opacity: 0
}
.sec_01_nmn {
	background: url("../image/item03/bg_main_pc.jpg") center top no-repeat #EEE;
	height: 620px;
}

@media only screen and (max-width:768px) {
.item02 .title_inner {
	font-size: 18px;
	font-size: 1.8rem
}
.sec_01_jelly {
	background: url(../image/item02/bg_main_pc@2x.jpg) center top no-repeat;
	height: 0;
	padding-bottom: 50%;
	background-size: cover
}
.sec_01_nmn {
	background: url(../image/item03/bg_main_pc@2x.jpg) center top no-repeat;
	height: 0;
	padding-bottom: 50%;
	background-size: cover
}
}

@media only screen and (max-width:600px) {
.sec_01_jelly {
	background: url(../image/item02/bg_main_sp@2x.jpg) center top no-repeat;
	height: 0;
	padding-bottom: 118.75%;
	background-size: cover
}
.sec_01_nmn {
	background: url(../image/item03/bg_main_sp@2x.jpg) center top no-repeat;
	height: 0;
	padding-bottom: 118.75%;
	background-size: cover
}
}
.sec_02_jelly {
	background: url(../image/item02/bg_sec_02.jpg) center top no-repeat #EEE;
	height: 935px;
	padding-top: 120px
}
.sec_02_nmn {
	background: url(../image/item03/bg_sec_02.png) center bottom no-repeat #EEE;
	height: 935px;
	padding-top: 120px
}

@media (min-width:1900px) {
.sec_02_jelly {
	background: url(../image/item02/bg_sec_02.jpg) center top no-repeat;
	height: 935px;
	background-size: cover
}
.sec_02_nmn {
	background: url(../image/item03/bg_sec_02.png) center bottom no-repeat;
	height: 935px;
	background-size: cover
}
}
.sec_02_jelly .title_md {
	font-weight: 600
}
.sec_02_jelly .col-md-6 {
	margin-bottom: 30px
}
.sec_02_nmn .title_md {
	font-weight: 600
}

@media only screen and (max-width:768px) {
.sec_02_jelly {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item02/bg_sec_02.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_02_jelly .col-md-6 {
	margin-bottom: 15px
}
.sec_02_nmn {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item03/bg_sec_02.png) center bottom no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_02_nmn .col-md-6 {
	margin-bottom: 15px
}
}
.sec_02_jelly .side_left_sec02 {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_02_jelly .side_right_sec02 {
	position: relative;
	right: -200px;
	opacity: 0
}
.sec_02_jelly .inner {
	padding: 20px 30px
}
.sec_02_nmn .side_left_sec02 {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_02_nmn .side_right_sec02 {
	position: relative;
	right: -200px;
	opacity: 0
}
.sec_02_nmn .inner {
	padding: 20px 30px
}

@media only screen and (max-width:600px) {
.sec_02_jelly .inner {
	padding: 15px
}
.sec_02_nmn .inner {
	padding: 15px
}
}
.sec_03_jelly {
	background: url(../image/item02/bg_sec_03_sht.jpg) center top no-repeat #EEE;
	height: 700px;
	padding-top: 120px
}
.sec_03_nmn {
	background: url(../image/item03/bg_sec_03_sht.jpg) center top no-repeat #EEE;
	height: 1060px;
	padding-top: 120px
}

@media (min-width:1900px) {
.sec_03_jelly {
	background: url(../image/item02/bg_sec_03_sht.jpg) center top no-repeat;
	height: 700px;
	background-size: cover
}
.sec_03_nmn {
	background: url(../image/item03/bg_sec_03_sht.jpg) center top no-repeat;
	height: 1060px;
	background-size: cover
}
}
.sec_03_jelly .side_left_sec03 {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_03_jelly .side_right_sec03 {
	position: relative;
	right: -200px;
	opacity: 0
}
.sec_03_jelly .col-md-6 {
	margin-bottom: 30px
}
.sec_03_jelly .same_h:first-child, .sec_03_jelly .same_h:nth-child(2) {
	min-height: 160px
}
.sec_03_jelly .same_h:last-child, .sec_03_jelly .same_h:nth-child(3) {
	min-height: 182px
}
.sec_03_nmn .side_left_sec03 {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_03_nmn .side_right_sec03 {
	position: relative;
	right: -200px;
	opacity: 0
}
.sec_03_nmn .col-md-6 {
	margin-bottom: 30px
}
.sec_03_nmn .same_h:first-child, .sec_03_jelly .same_h:nth-child(2) {
	min-height: 160px
}
.sec_03_nmn .same_h:last-child, .sec_03_jelly .same_h:nth-child(3) {
	min-height: 182px
}

@media only screen and (max-width:768px) {
.sec_03_jelly {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item02/bg_sec_03_sht.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_03_jelly .col-md-6 {
	margin-bottom: 15px
}
.sec_03_jelly .same_h {
	min-height: inherit!important
}
.sec_03_nmn {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item03/bg_sec_03_sht.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_03_nmn .col-md-6 {
	margin-bottom: 15px
}
.sec_03_nmn .same_h {
	min-height: inherit!important
}
}
.sec_04_nmn {
	background: url(../image/item03/bg_sec_04.png) left top no-repeat #EEE;
	height: 1080px;
	padding-top: 120px
}
.sec_04_nmn .tex_nmn {
	font-size:25px;
	font-size:2.5rem
}
@media only screen and (max-width:600px){
	.sec_04_nmn .tex_nmn{
		font-size:18px;
		font-size:1.8rem
	}
}

@media (min-width:1900px) {
.sec_04_jelly {
	background: url(../image/item02/bg_sec_04.jpg) left top no-repeat;
	height: 376px;
	background-size: cover
}
.sec_04_nmn {
	background: url(../image/item03/bg_sec_04.png) left top no-repeat;
	height: 1080px;
	background-size: cover
}
}

@media only screen and (max-width:768px) {
.sec_04_jelly {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item02/bg_sec_04.jpg) 30% top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_04_nmn {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item03/bg_sec_04.png) 30% top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
}
.sec_04_jelly .sec_04_tex {
	opacity: 0;
	position: relative;
	top: -.5em;
	font-family: 'Open Sans', sans-serif
}
.sec_04_jelly .sec_04_tex.has_shadow {
	background: 0 0;
	text-shadow: 1px 1px 5px rgba(255,255,255,.8), -1px -1px 5px rgba(255,255,255,.8);
	box-shadow: none
}
.sec_05_jelly {
	background: url(../image/item02/bg_sec_05.jpg) center top no-repeat #FFFBFC;
	height: 1216px;
	padding-top: 120px
}
.sec_04_nmn .sec_04_tex {
	opacity: 0;
	position: relative;
	top: -.5em;
	font-family: 'Open Sans', sans-serif
}
.sec_04_nmn .sec_04_tex.has_shadow {
	background: 0 0;
	text-shadow: 1px 1px 5px rgba(255,255,255,.8), -1px -1px 5px rgba(255,255,255,.8);
	box-shadow: none
}
.sec_05_nmn {
	background: url(../image/item03/bg_sec_05.jpg) center top no-repeat #FFFBFC;
	height: 1216px;
	padding-top: 120px
}

@media (min-width:1900px) {
.sec_05_jelly {
	background: url(../image/item02/bg_sec_05.jpg) center top no-repeat;
	height: 1216px;
	background-size: cover
}
.sec_05_nmn {
	background: url(../image/item03/bg_sec_05.jpg) center top no-repeat;
	height: 1216px;
	background-size: cover
}
}
.sec_05_jelly .title_md {
	font-weight: 600;
	margin-bottom: 180px
}
.sec_05_nmn .title_md {
	font-weight: 600;
	margin-bottom: 180px
}

@media only screen and (max-width:768px) {
.sec_05_jelly {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item02/bg_sec_05.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_05_jelly .title_md {
	margin-bottom: 90px
}
.sec_05_nmn {
	padding-top: 45px;
	padding-bottom: 45px;
	background: url(../image/item02/bg_sec_05.jpg) center top no-repeat;
	width: 100%;
	height: auto;
	background-size: cover
}
.sec_05_nmn .title_md {
	margin-bottom: 90px
}
}

@media only screen and (max-width:600px) {
.sec_05_jelly .title_md {
	margin-bottom: 30px
}
.sec_05_nmn .title_md {
	margin-bottom: 30px
}
}
.sec_05_jelly .title_sec05 {
	position: relative;
	top: 100px;
	opacity: 0
}
.sec_05_jelly .img_package_02, .sec_05_jelly .img_package_03 {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_05_jelly .item_02_detail, .sec_05_jelly .item_03_detail {
	position: relative;
	right: -200px;
	opacity: 0
}
.sec_05_jelly .price_container_02, .sec_05_jelly .price_container_03, .sec_05_jelly .sec_05_tex {
	position: relative;
	top: 100px;
	opacity: 0
}
.sec_05_jelly .item_price {
	background: url(../image/item02/jelly_price@2x.png) left top no-repeat;
	width: 225px;
	height: 84px;
	background-size: contain;
	margin: auto
}
.sec_05_nmn .title_sec05 {
	position: relative;
	top: 100px;
	opacity: 0
}
.sec_05_nmn .img_package_02, .sec_05_nmn .img_package_03 {
	position: relative;
	left: -200px;
	opacity: 0
}
.sec_05_nmn .item_02_detail, .sec_05_nmn .item_03_detail {
	position: relative;
	right: -200px;
	opacity: 0
}
.sec_05_nmn .price_container_02, .sec_05_nmn .price_container_03, .sec_05_nmn .sec_05_tex {
	position: relative;
	top: 100px;
	opacity: 0
}
.sec_05_nmn .item_price {
	background: url(../image/item03/nmn_price@2x.png) left top no-repeat;
	width: 225px;
	height: 84px;
	background-size: contain;
	margin: auto
}
.bg_about_01, .bg_about_02, .bg_about_03, .bg_about_04, .bg_about_05 {
	width: 584px;
	height: 381px
}
.bg_about {
	background: url(../image/about/img_about_main@2x.jpg) center top no-repeat;
	background-size: cover
}
.table_box {
	display: table
}
.table_box .table_box_inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0 2em
}

@media only screen and (max-width:768px) {
.bg_about {
	background-size: 130% auto
}
.table_box .table_box_inner {
	padding: 2em
}
}

@media only screen and (max-width:600px) {
.bg_about {
	background-size: 145% auto
}
.table_box .table_box_inner {
	padding: 1em
}
}
.title_box {
	color: #0268c6;
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 15px
}
.container_about .row-nopadding {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}
.container_about .row-nopadding:first-child {
	border-top: 1px solid #e5e5e5
}
.container_about .row-nopadding:last-child {
	border-bottom: 1px solid #e5e5e5
}
.bg_about_01 {
	background: url(../image/about/img_about_01@2x.jpg) center top no-repeat;
	background-size: contain
}
.bg_about_02 {
	background: url(../image/about/img_about_02@2x.jpg) center top no-repeat;
	background-size: contain
}
.bg_about_03 {
	background: url(../image/about/img_about_03@2x.jpg) center top no-repeat;
	background-size: contain
}
.bg_about_04 {
	background: url(../image/about/img_about_04@2x.jpg) 64% top no-repeat;
	background-size: contain
}
.bg_about_05 {
	background: url(../image/about/img_about_05@2x.jpg) center top no-repeat;
	background-size: contain
}

@media only screen and (max-width:768px) {
.title_box {
	font-size: 20px;
	font-size: 2rem
}
.container_about .table_box_inner p {
	text-align: center
}
.bg_about_01, .bg_about_02, .bg_about_03, .bg_about_04, .bg_about_05 {
	width: 100%;
	height: 0;
	padding-bottom: 65.24%;
	background-size: cover
}
}
#map-canvas {
	position: relative;
	z-index: 1;
	height: 520px
}

@media only screen and (max-width:768px) {
#map-canvas {
	width: 100%;
	height: 400px;
	margin: auto
}
}
.company_info {
	width: 33em;
	margin: auto
}
.faq_box, .form-group {
	margin-bottom: 30px
}
.bg_faq {
	background: url(../image/faq/img_faq_main@2x.jpg) center top no-repeat;
	background-size: cover
}

@media only screen and (max-width:768px) {
.company_info {
	width: 100%
}
.company_info dt {
	color: #6f6f6f
}
.bg_faq {
	background-size: 130% auto
}
}

@media only screen and (max-width:600px) {
.bg_faq {
	background-size: 145% auto
}
.faq_box {
	text-align: center
}
}
.title_question {
	color: #FFF;
	line-height: 1.1;
	font-size: 19px;
	font-size: 1.9rem;
	background: #298ce7;
	width: 100%
}
.title_question span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 .7em
}
.title_question:before {
	content: "";
	display: table-cell;
	background: url(../image/faq/icn_q@2x.png) center center no-repeat #0268c6;
	width: 70px;
	height: 70px;
	padding: 20px 0;
	background-size: 34.28% auto;
	text-indent: -9999px
}
.bg_faq_01, .bg_faq_02, .bg_faq_03, .bg_faq_04, .bg_faq_05, .bg_faq_06, .bg_faq_07 {
	width: 370px;
	height: 435px
}
.faq_box {
	border: 1px solid #e5e5e5
}
.side_center_faq, .side_left_faq, .side_right_faq {
	opacity: 0;
	position: relative
}
.side_left_faq {
	left: -200px
}
.side_center_faq {
	top: 100px
}
.side_right_faq {
	right: -200px
}
.bg_faq_01 {
	background: url(../image/faq/img_faq_01@2x.jpg) center top no-repeat;
	background-size: cover
}
.bg_faq_02 {
	background: url(../image/faq/img_faq_02@2x.jpg) center top no-repeat;
	background-size: cover
}
.bg_faq_03 {
	background: url(../image/faq/img_faq_03@2x.jpg) center top no-repeat;
	background-size: cover
}
.bg_faq_04 {
	background: url(../image/faq/img_faq_04@2x.jpg) center top no-repeat;
	background-size: cover
}
.bg_faq_05 {
	background: url(../image/faq/img_faq_05@2x.jpg) center top no-repeat;
	background-size: cover
}
.bg_faq_06 {
	background: url(../image/faq/img_faq_06@2x.jpg) center top no-repeat;
	background-size: cover
}
.bg_faq_07 {
	background: url(../image/faq/img_faq_07@2x.jpg) center top no-repeat;
	background-size: cover
}

@media only screen and (max-width:768px) {
.bg_faq_01, .bg_faq_02, .bg_faq_03, .bg_faq_04, .bg_faq_05, .bg_faq_06, .bg_faq_07 {
	width: 100%;
	height: inherit;
	background-size: cover
}
}

@media only screen and (max-width:600px) {
.bg_faq_01, .bg_faq_02, .bg_faq_03, .bg_faq_04, .bg_faq_05, .bg_faq_06, .bg_faq_07 {
	width: 100%;
	height: 0;
	padding-bottom: 105%;
	background-size: cover
}
}
.bg_policy {
	background: url(../image/policy/img_policy_main@2x.jpg) center top no-repeat;
	background-size: cover
}

@media only screen and (max-width:768px) {
.bg_policy {
	background-size: 130% auto
}
}

@media only screen and (max-width:600px) {
.bg_policy {
	background-size: 145% auto
}
}
.bg_terms_of_use {
	background: url(../image/terms_of_use/img_terms_main@2x.jpg) center top no-repeat;
	background-size: cover
}

@media only screen and (max-width:768px) {
.bg_terms_of_use {
	background-size: 130% auto
}
}

@media only screen and (max-width:600px) {
.bg_terms_of_use {
	background-size: 145% auto
}
}
.title_bg {
	background: #EEE;
	padding: .5em;
	font-size: 20px;
	font-size: 2rem
}

@media only screen and (max-width:768px) {
.title_bg {
	font-size: 18px;
	font-size: 1.8rem
}
}

@media only screen and (max-width:600px) {
.title_bg {
	font-size: 16px;
	font-size: 1.6rem
}
}
.container_policy p {
	font-size: 18px;
	font-size: 1.8rem
}
.bg_contact {
	background: url(../image/contact/img_contact_main@2x.jpg) center top no-repeat;
	background-size: cover
}

@media only screen and (max-width:768px) {
.container_policy p {
	font-size: 16px;
	font-size: 1.6rem
}
.bg_contact {
	background-size: 130% auto
}
.form-group .control-label {
	margin-bottom: 7.5px
}
}

@media only screen and (max-width:600px) {
.container_policy p {
	font-size: 14px;
	font-size: 1.4rem
}
.bg_contact {
	background-size: 145% auto
}
}
.form-group .control-label {
	text-align: left
}
.form-group input, .form-group textarea {
	border-radius: 5px;
	background: #EEE;
	border: none;
	color: #222;
	font-size: 14px;
	font-size: 1.4rem
}
.form-group input:placeholder-shown, .form-group textarea:placeholder-shown {
color:#8c8c8c;
font-size:14px;
font-size:1.4rem
}
.form-group input::-webkit-input-placeholder, .form-group textarea::-webkit-input-placeholder {
color:#8c8c8c;
font-size:14px;
font-size:1.4rem
}
.form-group input:-moz-placeholder, .form-group textarea:-moz-placeholder {
color:#8c8c8c;
font-size:14px;
font-size:1.4rem;
opacity:1
}
.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder {
color:#8c8c8c;
font-size:14px;
font-size:1.4rem;
opacity:1
}
.form-group input:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder {
color:#8c8c8c;
font-size:14px;
font-size:1.4rem
}
.form-group input.form-control {
	height: 40px
}
.form-inline .form-control {
	width: 100%
}
.form-inline select.form-control {
	width: 30%;
	font-size: 14px;
	font-size: 1.4rem;
	color: #222
}

@media only screen and (max-width:768px) {
.form-inline select.form-control {
	width: 100%
}
}
.btn_submit {
	margin: auto;
	background: url(../image/contact/btn_submit@2x.png) left top no-repeat;
	width: 270px;
	height: 50px;
	background-size: contain;
	border: none;
	display: block;
	opacity: 1;
	transition: .3s, .3s
}
.btn_submit:hover {
	opacity: .7
}

@media only screen and (max-width:600px) {
.btn_submit {
	width: 50%;
	height: 0;
	padding-bottom: 8.8%
}
}


.bg_shopping {
	background: url("../image/shopping/img_shopping_main@2x.jpg") center top no-repeat;
	background-size: cover
}
.secList {
	float: right;
	display: inline-block;
	padding: 0.3em;
	transition: .3s;
	transform: scale(1);
}
.secList p {
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
	text-align: right;
	text-decoration: none;
	margin: 50px auto 35px;
	color: #4C4948;
	font-size: 3em;
	padding: 0 30px;
	border: solid 1px #4C4948;
}

.secList:link {
	text-decoration: none;
}
.secList:visited {
	text-decoration: none;
}
.secList:hover {
	transform: scale(1.08);
}
.secList:active {
	text-decoration: none;
}

.report_bg {
	width: 750px;
	height: 1060px;
	background: url("../image/item03/report_05.jpg") center no-repeat;
	background-size: contain;
}

.secList_noline {
	float: right;
	display: inline-block;
	padding: 0.3em;
	transition: .3s;
	transform: scale(1);
}
.secList_noline p {
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
	text-align: right;
	text-decoration: none;
	margin: 10px auto 20px;
	color: #4C4948;
	font-size: 2.5em;
	line-height: 0.8em;
}

.secList_noline:link {
	text-decoration: none;
}
.secList_noline:visited {
	text-decoration: none;
}
.secList_noline:hover {
	transform: scale(1.08);
}
.secList_noline:active {
	text-decoration: none;
}

@media only screen and (max-width:768px) {
.bg_shopping {
	background-size: 130% auto
}
	.secList p {
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
	text-align: right;
	text-decoration: none;
	margin: 50px auto 35px;
	color: #4C4948;
	font-size: 2.2rem;
	padding: 0 30px;
	border: solid 1px #4C4948;
}
}

@media only screen and (max-width:600px) {
.bg_shopping {
	background-size: 145% auto
}
	.secList p {
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
	text-align: right;
	text-decoration: none;
	margin: 50px auto 35px;
	color: #4C4948;
	font-size: 2.2rem;
	padding: 0 30px;
	border: solid 1px #4C4948;
}
}