@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap);

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

button, hr, input {
	overflow: visible
}
img, legend {
	max-width: 100%
}
audio, canvas, progress, video {
	display: inline-block
}
progress, sub, sup {
	vertical-align: baseline
}
a:hover, abbr[title] {
	text-decoration: underline
}
a, a:hover {
	color: #0A6593;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	color: #0A6593;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	-webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
	text-decoration: none;
	word-break: break-all;
}
a:active, a:hover {
	outline-width: 0;
	opacity: .7;
	transition: .5s all ease-in-out;
	text-decoration: none;
}
abbr[title] {
	text-decoration: underline dotted;
	border-bottom: none;
	-webkit-text-decoration: underline dotted
}
b {
	font-weight: bolder;
}
strong {
	font-weight: bold;
}
mark {
	color: #000;
	background-color: #ff0
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	border-style: none;
	height: auto;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	padding: 0;
	border-style: none
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: ButtonText dotted 1px
}
fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid silver
}
legend {
	display: table;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	white-space: normal;
	color: inherit
}
textarea {
	overflow: auto
}
#wrap, .camera_bar, .camera_overlayer, .camera_target, .slick-list {
	overflow: hidden
}
[type=checkbox], [type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
.slick-slider, html {
	-webkit-box-sizing: border-box
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}
body, cite, dfn, em {
	font-style: normal
}
em {
	color: #c00;
}
summary {
	display: list-item
}
[hidden], template {
	display: none
}
html {
	font-size: 62.5%;
	box-sizing: border-box;
	height: 100%;
	overflow-x: hidden;
}
html * {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}
body {
	margin: 0;
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
	color: #222;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
a img, a svg {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
dl, dl dd, dl dt, p, ul, ul li {
	margin: 0;
	padding: 0
}
ul {
	list-style: none
}
figure, ol {
	margin: 0
}
table {
	border-collapse: collapse
}
table td, table th {
	vertical-align: top
}
button, html [type=button], html [type=submit], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	font-family: 'Noto Sans JP', sans-serif;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
button {
	padding: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	outline: 0;
	background: 0 0
}
.visible-sp, .visible-tablet {
	display: none
}
.clearfix:after {
	display: block;
	clear: both;
	content: ' '
}

/* icons */

@font-face {
	font-family: icon;
	font-weight: 400;
	font-style: normal;
	src:  url(/assets/fonts/icon.ttf?gkbnvs) format("truetype"),  url(/assets/fonts/icon.woff?gkbnvs) format("woff"),  url(/assets/fonts/icon.svg?gkbnvs#icon) format("svg");
	font-display: block
}
[class*=' icon-'], [class^=icon-] {
	font-family: icon !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.copyright, .en {
	font-family: Roboto, sans-serif
}
.icon-activity:before {
	content: '\e900'
}
.icon-airplay:before {
	content: '\e901'
}
.icon-alert-circle:before {
	content: '\e902'
}
.icon-alert-octagon:before {
	content: '\e903'
}
.icon-alert-triangle:before {
	content: '\e904'
}
.icon-align-center:before {
	content: '\e905'
}
.icon-align-justify:before {
	content: '\e906'
}
.icon-align-left:before {
	content: '\e907'
}
.icon-align-right:before {
	content: '\e908'
}
.icon-anchor:before {
	content: '\e909'
}
.icon-aperture:before {
	content: '\e90a'
}
.icon-archive:before {
	content: '\e90b'
}
.icon-arrow-down:before {
	content: '\e90c'
}
.icon-arrow-down-circle:before {
	content: '\e90d'
}
.icon-arrow-down-left:before {
	content: '\e90e'
}
.icon-arrow-down-right:before {
	content: '\e90f'
}
.icon-arrow-left:before {
	content: '\e910'
}
.icon-arrow-left-circle:before {
	content: '\e911'
}
.icon-arrow-right:before {
	content: '\e912'
}
.icon-arrow-right-circle:before {
	content: '\e913'
}
.icon-arrow-up:before {
	content: '\e914'
}
.icon-arrow-up-circle:before {
	content: '\e915'
}
.icon-arrow-up-left:before {
	content: '\e916'
}
.icon-arrow-up-right:before {
	content: '\e917'
}
.icon-at-sign:before {
	content: '\e918'
}
.icon-award:before {
	content: '\e919'
}
.icon-bar-chart:before {
	content: '\e91a'
}
.icon-bar-chart-2:before {
	content: '\e91b'
}
.icon-battery:before {
	content: '\e91c'
}
.icon-battery-charging:before {
	content: '\e91d'
}
.icon-bell:before {
	content: '\e91e'
}
.icon-bell-off:before {
	content: '\e91f'
}
.icon-bluetooth:before {
	content: '\e920'
}
.icon-bold:before {
	content: '\e921'
}
.icon-book:before {
	content: '\e922'
}
.icon-book-open:before {
	content: '\e923'
}
.icon-bookmark:before {
	content: '\e924'
}
.icon-box:before {
	content: '\e925'
}
.icon-briefcase:before {
	content: '\e926'
}
.icon-calendar:before {
	content: '\e927'
}
.icon-camera:before {
	content: '\e928'
}
.icon-camera-off:before {
	content: '\e929'
}
.icon-cast:before {
	content: '\e92a'
}
.icon-check:before {
	content: '\e92b'
}
.icon-check-circle:before {
	content: '\e92c'
}
.icon-check-square:before {
	content: '\e92d'
}
.icon-chevron-down:before {
	content: '\e92e'
}
.icon-chevron-left:before {
	content: '\e92f'
}
.icon-chevron-right:before {
	content: '\e930'
}
.icon-chevron-up:before {
	content: '\e931'
}
.icon-chevrons-down:before {
	content: '\e932'
}
.icon-chevrons-left:before {
	content: '\e933'
}
.icon-chevrons-right:before {
	content: '\e934'
}
.icon-chevrons-up:before {
	content: '\e935'
}
.icon-chrome:before {
	content: '\e936'
}
.icon-circle:before {
	content: '\e937'
}
.icon-clipboard:before {
	content: '\e938'
}
.icon-clock:before {
	content: '\e939'
}
.icon-cloud:before {
	content: '\e93a'
}
.icon-cloud-drizzle:before {
	content: '\e93b'
}
.icon-cloud-lightning:before {
	content: '\e93c'
}
.icon-cloud-off:before {
	content: '\e93d'
}
.icon-cloud-rain:before {
	content: '\e93e'
}
.icon-cloud-snow:before {
	content: '\e93f'
}
.icon-code:before {
	content: '\e940'
}
.icon-codepen:before {
	content: '\e941'
}
.icon-codesandbox:before {
	content: '\e942'
}
.icon-coffee:before {
	content: '\e943'
}
.icon-columns:before {
	content: '\e944'
}
.icon-command:before {
	content: '\e945'
}
.icon-compass:before {
	content: '\e946'
}
.icon-copy:before {
	content: '\e947'
}
.icon-corner-down-left:before {
	content: '\e948'
}
.icon-corner-down-right:before {
	content: '\e949'
}
.icon-corner-left-down:before {
	content: '\e94a'
}
.icon-corner-left-up:before {
	content: '\e94b'
}
.icon-corner-right-down:before {
	content: '\e94c'
}
.icon-corner-right-up:before {
	content: '\e94d'
}
.icon-corner-up-left:before {
	content: '\e94e'
}
.icon-corner-up-right:before {
	content: '\e94f'
}
.icon-cpu:before {
	content: '\e950'
}
.icon-credit-card:before {
	content: '\e951'
}
.icon-crop:before {
	content: '\e952'
}
.icon-crosshair:before {
	content: '\e953'
}
.icon-database:before {
	content: '\e954'
}
.icon-delete:before {
	content: '\e955'
}
.icon-disc:before {
	content: '\e956'
}
.icon-dollar-sign:before {
	content: '\e957'
}
.icon-download:before {
	content: '\e958'
}
.icon-download-cloud:before {
	content: '\e959'
}
.icon-droplet:before {
	content: '\e95a'
}
.icon-edit:before {
	content: '\e95b'
}
.icon-edit-2:before {
	content: '\e95c'
}
.icon-edit-3:before {
	content: '\e95d'
}
.icon-external-link:before {
	content: '\e95e'
}
.icon-eye:before {
	content: '\e95f'
}
.icon-eye-off:before {
	content: '\e960'
}
.icon-facebook:before {
	content: '\e961'
}
.icon-fast-forward:before {
	content: '\e962'
}
.icon-feather:before {
	content: '\e963'
}
.icon-figma:before {
	content: '\e964'
}
.icon-file:before {
	content: '\e965'
}
.icon-file-minus:before {
	content: '\e966'
}
.icon-file-plus:before {
	content: '\e967'
}
.icon-file-text:before {
	content: '\e968'
}
.icon-film:before {
	content: '\e969'
}
.icon-filter:before {
	content: '\e96a'
}
.icon-flag:before {
	content: '\e96b'
}
.icon-folder:before {
	content: '\e96c'
}
.icon-folder-minus:before {
	content: '\e96d'
}
.icon-folder-plus:before {
	content: '\e96e'
}
.icon-framer:before {
	content: '\e96f'
}
.icon-frown:before {
	content: '\e970'
}
.icon-gift:before {
	content: '\e971'
}
.icon-git-branch:before {
	content: '\e972'
}
.icon-git-commit:before {
	content: '\e973'
}
.icon-git-merge:before {
	content: '\e974'
}
.icon-git-pull-request:before {
	content: '\e975'
}
.icon-github:before {
	content: '\e976'
}
.icon-gitlab:before {
	content: '\e977'
}
.icon-globe:before {
	content: '\e978'
}
.icon-grid:before {
	content: '\e979'
}
.icon-hard-drive:before {
	content: '\e97a'
}
.icon-hash:before {
	content: '\e97b'
}
.icon-headphones:before {
	content: '\e97c'
}
.icon-heart:before {
	content: '\e97d'
}
.icon-help-circle:before {
	content: '\e97e'
}
.icon-hexagon:before {
	content: '\e97f'
}
.icon-home:before {
	content: '\e980'
}
.icon-image:before {
	content: '\e981'
}
.icon-inbox:before {
	content: '\e982'
}
.icon-info:before {
	content: '\e983'
}
.icon-instagram:before {
	content: '\e984'
}
.icon-italic:before {
	content: '\e985'
}
.icon-key:before {
	content: '\e986'
}
.icon-layers:before {
	content: '\e987'
}
.icon-layout:before {
	content: '\e988'
}
.icon-life-buoy:before {
	content: '\e989'
}
.icon-link:before {
	content: '\e98a'
}
.icon-link-2:before {
	content: '\e98b'
}
.icon-linkedin:before {
	content: '\e98c'
}
.icon-list:before {
	content: '\e98d'
}
.icon-loader:before {
	content: '\e98e'
}
.icon-lock:before {
	content: '\e98f'
}
.icon-log-in:before {
	content: '\e990'
}
.icon-log-out:before {
	content: '\e991'
}
.icon-mail:before {
	content: '\e992'
}
.icon-map:before {
	content: '\e993'
}
.icon-map-pin:before {
	content: '\e994'
}
.icon-maximize:before {
	content: '\e995'
}
.icon-maximize-2:before {
	content: '\e996'
}
.icon-meh:before {
	content: '\e997'
}
.icon-menu:before {
	content: '\e998'
}
.icon-message-circle:before {
	content: '\e999'
}
.icon-message-square:before {
	content: '\e99a'
}
.icon-mic:before {
	content: '\e99b'
}
.icon-mic-off:before {
	content: '\e99c'
}
.icon-minimize:before {
	content: '\e99d'
}
.icon-minimize-2:before {
	content: '\e99e'
}
.icon-minus:before {
	content: '\e99f'
}
.icon-minus-circle:before {
	content: '\e9a0'
}
.icon-minus-square:before {
	content: '\e9a1'
}
.icon-monitor:before {
	content: '\e9a2'
}
.icon-moon:before {
	content: '\e9a3'
}
.icon-more-horizontal:before {
	content: '\e9a4'
}
.icon-more-vertical:before {
	content: '\e9a5'
}
.icon-mouse-pointer:before {
	content: '\e9a6'
}
.icon-move:before {
	content: '\e9a7'
}
.icon-music:before {
	content: '\e9a8'
}
.icon-navigation:before {
	content: '\e9a9'
}
.icon-navigation-2:before {
	content: '\e9aa'
}
.icon-octagon:before {
	content: '\e9ab'
}
.icon-package:before {
	content: '\e9ac'
}
.icon-paperclip:before {
	content: '\e9ad'
}
.icon-pause:before {
	content: '\e9ae'
}
.icon-pause-circle:before {
	content: '\e9af'
}
.icon-pen-tool:before {
	content: '\e9b0'
}
.icon-percent:before {
	content: '\e9b1'
}
.icon-phone:before {
	content: '\e9b2'
}
.icon-phone-call:before {
	content: '\e9b3'
}
.icon-phone-forwarded:before {
	content: '\e9b4'
}
.icon-phone-incoming:before {
	content: '\e9b5'
}
.icon-phone-missed:before {
	content: '\e9b6'
}
.icon-phone-off:before {
	content: '\e9b7'
}
.icon-phone-outgoing:before {
	content: '\e9b8'
}
.icon-pie-chart:before {
	content: '\e9b9'
}
.icon-play:before {
	content: '\e9ba'
}
.icon-play-circle:before {
	content: '\e9bb'
}
.icon-plus:before {
	content: '\e9bc'
}
.icon-plus-circle:before {
	content: '\e9bd'
}
.icon-plus-square:before {
	content: '\e9be'
}
.icon-pocket:before {
	content: '\e9bf'
}
.icon-power:before {
	content: '\e9c0'
}
.icon-printer:before {
	content: '\e9c1'
}
.icon-radio:before {
	content: '\e9c2'
}
.icon-refresh-ccw:before {
	content: '\e9c3'
}
.icon-refresh-cw:before {
	content: '\e9c4'
}
.icon-repeat:before {
	content: '\e9c5'
}
.icon-rewind:before {
	content: '\e9c6'
}
.icon-rotate-ccw:before {
	content: '\e9c7'
}
.icon-rotate-cw:before {
	content: '\e9c8'
}
.icon-rss:before {
	content: '\e9c9'
}
.icon-save:before {
	content: '\e9ca'
}
.icon-scissors:before {
	content: '\e9cb'
}
.icon-search:before {
	content: '\e9cc'
}
.icon-send:before {
	content: '\e9cd'
}
.icon-server:before {
	content: '\e9ce'
}
.icon-settings:before {
	content: '\e9cf'
}
.icon-share:before {
	content: '\e9d0'
}
.icon-share-2:before {
	content: '\e9d1'
}
.icon-shield:before {
	content: '\e9d2'
}
.icon-shield-off:before {
	content: '\e9d3'
}
.icon-shopping-bag:before {
	content: '\e9d4'
}
.icon-shopping-cart:before {
	content: '\e9d5'
}
.icon-shuffle:before {
	content: '\e9d6'
}
.icon-sidebar:before {
	content: '\e9d7'
}
.icon-skip-back:before {
	content: '\e9d8'
}
.icon-skip-forward:before {
	content: '\e9d9'
}
.icon-slack:before {
	content: '\e9da'
}
.icon-slash:before {
	content: '\e9db'
}
.icon-sliders:before {
	content: '\e9dc'
}
.icon-smartphone:before {
	content: '\e9dd'
}
.icon-smile:before {
	content: '\e9de'
}
.icon-speaker:before {
	content: '\e9df'
}
.icon-square:before {
	content: '\e9e0'
}
.icon-star:before {
	content: '\e9e1'
}
.icon-stop-circle:before {
	content: '\e9e2'
}
.icon-sun:before {
	content: '\e9e3'
}
.icon-sunrise:before {
	content: '\e9e4'
}
.icon-sunset:before {
	content: '\e9e5'
}
.icon-tablet:before {
	content: '\e9e6'
}
.icon-tag:before {
	content: '\e9e7'
}
.icon-target:before {
	content: '\e9e8'
}
.icon-terminal:before {
	content: '\e9e9'
}
.icon-thermometer:before {
	content: '\e9ea'
}
.icon-thumbs-down:before {
	content: '\e9eb'
}
.icon-thumbs-up:before {
	content: '\e9ec'
}
.icon-toggle-left:before {
	content: '\e9ed'
}
.icon-toggle-right:before {
	content: '\e9ee'
}
.icon-tool:before {
	content: '\e9ef'
}
.icon-trash:before {
	content: '\e9f0'
}
.icon-trash-2:before {
	content: '\e9f1'
}
.icon-trello:before {
	content: '\e9f2'
}
.icon-trending-down:before {
	content: '\e9f3'
}
.icon-trending-up:before {
	content: '\e9f4'
}
.icon-triangle:before {
	content: '\e9f5'
}
.icon-truck:before {
	content: '\e9f6'
}
.icon-tv:before {
	content: '\e9f7'
}
.icon-twitch:before {
	content: '\e9f8'
}
.icon-twitter:before {
	content: '\e9f9'
}
.icon-type:before {
	content: '\e9fa'
}
.icon-umbrella:before {
	content: '\e9fb'
}
.icon-underline:before {
	content: '\e9fc'
}
.icon-unlock:before {
	content: '\e9fd'
}
.icon-upload:before {
	content: '\e9fe'
}
.icon-upload-cloud:before {
	content: '\e9ff'
}
.icon-user:before {
	content: '\ea00'
}
.icon-user-check:before {
	content: '\ea01'
}
.icon-user-minus:before {
	content: '\ea02'
}
.icon-user-plus:before {
	content: '\ea03'
}
.icon-user-x:before {
	content: '\ea04'
}
.icon-users:before {
	content: '\ea05'
}
.icon-video:before {
	content: '\ea06'
}
.icon-video-off:before {
	content: '\ea07'
}
.icon-voicemail:before {
	content: '\ea08'
}
.icon-volume:before {
	content: '\ea09'
}
.icon-volume-1:before {
	content: '\ea0a'
}
.icon-volume-2:before {
	content: '\ea0b'
}
.icon-volume-x:before {
	content: '\ea0c'
}
.icon-watch:before {
	content: '\ea0d'
}
.icon-wifi:before {
	content: '\ea0e'
}
.icon-wifi-off:before {
	content: '\ea0f'
}
.icon-wind:before {
	content: '\ea10'
}
.icon-x:before {
	content: '\ea11'
}
.icon-x-circle:before {
	content: '\ea12'
}
.icon-x-octagon:before {
	content: '\ea13'
}
.icon-x-square:before {
	content: '\ea14'
}
.icon-youtube:before {
	content: '\ea15'
}
.icon-zap:before {
	content: '\ea16'
}
.icon-zap-off:before {
	content: '\ea17'
}
.icon-zoom-in:before {
	content: '\ea18'
}
.icon-zoom-out:before {
	content: '\ea19'
}

/* Color Scheme
	dark blue: #0A6593
	blue: #6BC2E5
	light blue: #E6FBFF
	red: #E0414F
 */

/* 共通スタイル */
@media screen and (mix-width: 769px) {
	a[href^="tel:"] {
	    pointer-events: none;
	}
}
.p-sp__on {
	display: none;
}
.p-tablet__on {
	display: none;
}
.p-pc__on {
	display: inline;
}
.p-pc__on-block {
	display: block;
}
@media screen and (max-width: 1024px) {
	.p-tablet__on {
		display: inline;
	}
}
@media screen and (max-width: 768px) {
	.p-sp__on {
		display: inline;
	}
	.p-pc__on {
		display: none;
	}
	.p-pc__on-block {
		display: none;
	}
}
.p-heading__h2 {
	font-size: 3rem;
	width: 100%;
	color: #6BC2E5;
	text-align: center;
	line-height: 1.5;
	margin: 4rem 0 2rem;
}
.p-heading__h2 strong {
	color: #0A6593;
	font-size: 120%;
}
.p-heading__h2 span {
	font-size: 80%;
}
@media screen and (max-width: 768px) {
	.p-heading__h2 {
		font-size: 2rem;
		margin: 3rem 0 1.5rem;
	}
}
.p-heading__h2-white {
	font-size: 3rem;
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	margin: 4rem 0 2rem;
}
.p-heading__h2-white strong {
	color: #fff;
	font-size: 120%;
}
.p-heading__h2-white span {
	font-size: 80%;
}
@media screen and (max-width: 768px) {
	.p-heading__h2-white {
		font-size: 2rem;
		margin: 3rem 0 1.5rem;
	}
}
.p-heading__h3 {
	font-size: 2.5rem;
	width: 100%;
	color: #0A6593;
	text-align: center;
	line-height: 1.5;
	margin: 4rem 0 2rem;
}
@media screen and (max-width: 768px) {
	.p-heading__h3 {
		font-size: 2.2rem;
		margin: 3rem 0 2rem;
	}
}
.p-text__lead {
	margin: 0 auto 2rem;
	font-size: 2rem;
	text-align: center;
	color: #6BC2E5;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.p-text__lead {
		font-size: 1.5rem;
	}
}
.p-text__lead-small {
	margin: 0 auto 2rem;
	font-size: 1.5rem;
	text-align: center;
	color: #6BC2E5;
}
@media screen and (max-width: 768px) {
	.p-text__lead-small {
		font-size: 1.2rem;
	}
}
.p-text__lead-large {
	font-size: 2.5rem;
	width: 100%;
	color: #6BC2E5;
	text-align: center;
	line-height: 1.5;
	margin: 3rem 0 1.5rem;
}
.p-text__lead-large strong {
	color: #0A6593;
	font-size: 100%;
}
.p-text__lead-large span {
	font-size: 80%;
}
@media screen and (max-width: 768px) {
	.p-text__lead-large {
		font-size: 1.5rem;
	}
}
.p-text__note {
	margin: 2rem 0;
	color: #0A6593;
	font-size: 1.5rem;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.p-text__note {
		font-size: 1.2rem;
	}
}
.p-text__note-right {
	margin: 2rem 0;
	color: #666666;
	font-size: 1.5rem;
	text-align: right;
}
@media screen and (max-width: 768px) {
	.p-text__note-right {
		font-size: 1.2rem;
	}
}
.p-text__caution {
	color: #c00;
}
.p-image {
	margin: 2rem 0;
	text-align: center;
}
.p-button__detail {
	margin:  3rem auto;
	text-align: center;
}
.p-button__detail a {
	display: inline-block;
	padding: .3em 4em;
	border: 1px solid;
	border-radius: 3rem;
	background-color: #fff;
	color: #6BC2E5;
	font-weight: bold;
	font-size: 2rem;
}
@media screen and (max-width: 768px) {
	.p-button__detail {
		margin:  2rem auto;
	}
	.p-button__detail a {
		font-size: 1.5rem;
	}
}
.p-button__offer {
	margin:  3rem auto 2rem;
	text-align: center;
}
.p-button__offer a {
	display: inline-block;
	padding: .7em 4em .7em 3em;
	border-radius: 6rem;
	background-image: url(/assets/img/bg-right-arrow.svg);
	background-repeat: no-repeat;
	background-position: center right 2rem;
	background-color: #E0414F;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
}
.p-button__offer a span {
	font-size: 80%;
}
.p-button__offer a strong {
	color: #fff;
	font-size: 140%;
}
@media screen and (max-width: 768px) {
	.p-button__offer {
		margin:  2rem auto;
	}
	.p-button__offer a {
		font-size: 1.2rem;
	}
}
.p-link__ocn {
	color: #0A6593;
	margin: 2rem auto 3rem;
	text-align: center;
	font-size: 1.5rem;
	text-decoration: underline;
	line-height: 1.5;
}
.p-link__ocn a {
	color: #0A6593;
}
@media screen and (max-width: 768px) {
	.p-link__ocn {
		font-size: 1.2rem;
	}
}
.p-link__detail {
	margin: 2rem auto 3rem;
	text-align: center;
}
.p-link__detail a {
	display: inline-block;
	border: 2px solid #6BC2E5;
	padding: 1em;
	font-size: 1.5rem;
	font-weight: bold;
}
.p-link__back-to-top {
	margin: 2rem auto;
	max-width: 1194px;
	text-align: right;
}
.p-link__back-to-top a {
	padding-right: 1em;
	background-image: url(/assets/img/raindrop.svg);
	background-repeat: no-repeat;
	background-position: center right;
}
@media screen and (max-width: 1194px) {
	.p-link__back-to-top {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* **************************************
	ホーム
 ************************************** */

/* ヘッダー */
.p-header,
.p-header__ocn {
	position: fixed;
	z-index: 100;
	width: 100%;
	background-color: #fff;
}
.p-header__inner {
	max-width: 1194px;
	height: 76px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 1194px) {
	.p-header__inner {
		padding: 0 1rem 0 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-header,
	.p-header__ocn {
		background-color: #fff;
	}
	.p-header__inner {
		height: 48px;
	}
}
.p-header h1,
.p-header__ocn h1 {
	margin: 0;
	margin-top: -1rem;
	padding: 0;
}
.p-header .p-header__button,
.p-header__ocn .p-header__button {
	display: flex;
	justify-content: end;
}
.p-header .p-header__button li,
.p-header__ocn .p-header__button li {
	display: inline-block;
	padding: 0;
	margin-left: 1rem;
}
.p-header__myaccount a {
	display: inline-block;
	padding: 1rem 2rem;
	border: 1px solid #6BC2E5;
	border-radius: 3rem;
	background-color: #fff;
	color: #6BC2E5;
	font-size: 1.5rem;
}
.p-header__offer a {
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 3rem;
	background-color: #E0414F;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}
.p-header__nav {
	display: none;
}
.p-header__drawer-menu,
.p-header__drawer-menu span {
	display: none;
}
@media screen and (max-width: 768px) {
	.p-header h1,
	.p-header__ocn h1 {
		margin-top: -2.7rem;
	}
	.p-header h1 img,
	.p-header__ocn h1 img {
		width: 120px;
	}
	.p-header .p-header__button li,
	.p-header__ocn .p-header__button li {
		margin-left: .5rem;
	}
	.p-header__offer a span {
		display: none;
	}
	.p-header__myaccount a,
	.p-header__offer a {
		font-size: 1.1rem;
		padding: .6rem 1rem .4rem;
	}
	.p-header__drawer-menu,
	.p-header__drawer-menu span {
		display: inline-block;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		box-sizing: border-box;
	}
	.p-header__drawer-menu {
		position: fixed;
		top: 12px;
		right: 16px;
		width: 28px;
		height: 24px;
		z-index: 101;
		outline: none;
		border: none;
		background-color: transparent;
		cursor: pointer;
	}
	.p-header__drawer-menu span {
		display: inline-block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #6BC2E5;
		z-index: 102;
	}
	.p-header__drawer-menu span:nth-of-type(1) {
		top: 0px
	}
	.p-header__drawer-menu span:nth-of-type(2) {
		top: 11px
	}
	.p-header__drawer-menu span:nth-of-type(3) {
		bottom: 0px
	}
	.p-header__drawer-menu.active {
		top: 18px;
	}
	.p-header__drawer-menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(4px) rotate(45deg);
		transform: translateY(4px) rotate(45deg)
	}
	.p-header__drawer-menu.active span:nth-of-type(2) {
		opacity: 0
	}
	.p-header__drawer-menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-18px) rotate(-45deg);
		transform: translateY(-18px) rotate(-45deg)
	}
	.p-header__nav {
		display: block;
		width: 100%;
		visibility: hidden;
		background-color: rgba(255, 255, 255, 1);
		padding-bottom: 4rem;
		opacity: 0;
		transition: .3s all;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.p-header__nav.active {
		visibility: visible;
		opacity: 1;
	}
	.p-header__nav.none {
		display: none;
	}
	.p-header__nav-inner {
		padding-top: 64px;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.p-header__nav-inner li {
		display: inline-block;
		width: 40%;
		font-size: 1.2rem;
		margin: 0;
		padding: 0;
	}
	.p-header__nav-inner li a {
		display: inline-block;
		width: 100%;
		color: #6BC2E5;
		font-weight: bold;
		line-height: 2.4;
		padding: 1rem 0;
	}
	.p-header__nav-inner li:nth-child(odd) {
		border-right: 1px solid #6BC2E5;
	}
	.p-header__nav-inner li:nth-child(1),
	.p-header__nav-inner li:nth-child(3) {
		border-bottom: 1px solid #6BC2E5;
	}
	.p-header__nav-inner li:nth-child(2),
	.p-header__nav-inner li:nth-child(4) {
		border-bottom: 1px solid #6BC2E5;
	}
	.p-header__nav-button {
		margin-top: 4rem;
		display: flex;
		justify-content: center;
	}
	.p-header__nav-button li {
		display: inline-block;
		font-size: 1.2rem;
		margin: 0 1rem;
		padding: 0;
		text-align: center;
	}
	.p-header__nav-button .p-header__myaccount a {
		display: inline-block;
		padding: 1rem 2rem;
		border: 1px solid #6BC2E5;
		border-radius: 3rem;
		background-color: #fff;
		color: #6BC2E5;
		font-size: 1.5rem;
	}
	.p-header__nav-button .p-header__offer a {
		display: inline-block;
		padding: 1rem 2rem;
		border-radius: 3rem;
		background-color: #E0414F;
		color: #fff;
		font-size: 1.5rem;
		font-weight: bold;
	}
}
.p-header__nav-after {
	position: fixed;
	z-index: 99;
	top: 76px;
  height: 40px;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding: 0;
	display: block;
}
.p-header__nav-after-inner {
	max-width: 1194px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.p-header__nav-after li {
	display: inline-block;
}
.p-header__nav-after li a {
	display: inline-block;
	width: 160px;
	color: #6BC2E5;
	font-weight: bold;
	line-height: 1.8;
}
@media screen and (max-width: 1194px) {
	.p-header__nav-after-inner {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.p-header__nav-after li a {
		font-size: 1.5rem;
		width: auto;
		max-width: 160px;
	}
}
@media screen and (max-width: 768px) {
	.p-header__nav-after {
		display: none !important;
	}
}

/* キービジュアル */
.p-home__key-visual {
	position: relative;
	top: 76px;
	width: 100%;
	background-image: url(/assets/img/key-visual-01.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (min-width: 1600px) {
	.p-home__key-visual {
		background-size: cover;
	}
}
@media screen and (max-width: 1480px) {
	.p-home__key-visual {
		background-size: cover;
		background-position: right;
	}
}
@media screen and (max-width: 768px) {
	.p-home__key-visual {
		top: 48px;
	}
}
.p-home__key-visual-inner {
	position: relative;
	max-width: 1194px;
	height: 640px;
	margin: 0 auto;
}
.p-group__copy-right,
.p-group__copy-left {
	position: absolute;
 	padding: .6em .8rem 1rem 0;
	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
 	background-color: #fff;
 	font-weight: bold;
 	font-size: 4.2rem;
 	letter-spacing: .3em;
}
.p-group__copy-right {
	top: 14rem;
	left: 49.5rem;
 }
.p-group__copy-left {
	top: 14rem;
	left: 40rem;
 }
.p-group__server {
	position: absolute;
	bottom: 4rem;
	left: -2rem;
}
.p-group__server li {
	display: inline-block;
}
.p-group__temperature {
	position: absolute;
	left: 2rem;
	bottom: 10rem;
}
.p-group__temperature li {
	display: inline-block;
	padding: .15em .2em .15em .5em;
	font-size: 1.5rem;
	background-color: #fff;
	font-weight: bold;
	letter-spacing: .3rem;
}
.p-group__temperature-hot {
	border: 1px solid;
	color: #E41F31;
}
.p-group__temperature-cold {
	border: 1px solid;
	color: #6BC2E5;
}
@media screen and (max-width: 1024px) {
	.p-home__key-visual {
		background-size: cover;
		background-position: top 0 right -100px;
	}
	.p-group__copy-right,
	.p-group__copy-left {
		font-size: 4rem;
	}
	.p-group__copy-right {
		top: 17rem;
		left: 39rem;
	 }
	.p-group__copy-left {
		top: 17rem;
		left: 30rem;
	 }
	.p-group__server {
		left: -1rem;
	}
	.p-group__server-white img {
		width: 150px;
	}
	.p-group__server-black img {
		width: 135px;
	}
}
@media screen and (max-width: 768px) {
	.p-home__key-visual {
		background-position: top 0 right -200px;
	}
	.p-home__key-visual-inner {
		height: 400px;
	}
	.p-group__copy-right,
	.p-group__copy-left {
		font-size: 2rem;
 		padding: 1rem .4rem 1rem 0;
	}
	.p-group__copy-right {
		top: 2rem;
		left: 16.5rem;
	 }
	.p-group__copy-left {
		top: 2rem;
		left: 12rem;
	 }
	 .p-group__copy-left span {
	 	display: none;
	 }
	.p-group__server {
		bottom: 0;
	}
	.p-group__server-white img {
		width: 120px;
	}
	.p-group__server-black img {
		display: none;
	}
	.p-group__temperature {
		left: 1rem;
		bottom: 2rem;
	}
	.p-group__temperature li {
		font-size: 1.2rem;
	}
}

/* ナビゲーション */
.p-home__nav {
	height: 176px;
	background-image: url(/assets/img/line-wave-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	top: -1.5rem;
	z-index: 1;
	padding-top: 6.5rem;
}
.p-home__nav-inner {
	max-width: 1194px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-home__nav li {
	display: inline-block;
}
.p-home__nav li a {
	display: inline-block;
	width: 160px;
	color: #6BC2E5;
	font-weight: bold;
	line-height: 2.4;
}
@media screen and (max-width: 1194px) {
	.p-home__nav-inner {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.p-home__nav-inner li a {
		font-size: 1.5rem;
		width: auto;
		max-width: 160px;
	}
}
@media screen and (max-width: 768px) {
	.p-home__nav li {
		width: 50%;
		font-size: 1.2rem;
	}
	.p-home__nav li a {
		padding: 1rem 0;
	}
	.p-home__nav li:nth-child(odd) {
		border-right: 1px solid #6BC2E5;
	}
	.p-home__nav li:nth-child(1),
	.p-home__nav li:nth-child(3) {
		border-bottom: 1px solid #6BC2E5;
	}
	.p-home__nav li:nth-child(2),
	.p-home__nav li:nth-child(4) {
		border-bottom: 1px solid #6BC2E5;
	}
}

/* 上部ラッパー */
.p-home__wrapper {
	max-width: 1194px;
	margin: 1rem auto 3rem;
	padding-top: 1rem;
}
@media screen and (max-width: 1194px) {
	.p-home__wrapper {
		margin-top: 0rem;
	}
}
@media screen and (max-width: 768px) {
	.p-home__wrapper {
		margin-top: 14rem;
	}
}

/* おすすめ情報、お知らせ、暮らしと水 */
.p-group__campaign {
	display: flex;
	justify-content: center;
	/*justify-content: space-between;*/
}
.p-group__campaign li {
	margin: 1rem;
}
@media screen and (max-width: 768px) {
	.p-group__campaign {
		display: block;
		text-align: center;
	}
	.p-group__campaign li {
		width: 85%;
		margin: 1rem auto;
	}
}
.p-group__news {
	width: 80%;
	margin: 0 auto;
}
.p-group__news a {
	display: flex;
	border-bottom: 1px solid #0A6593;
	padding: 1rem 0;
}
.p-group__news a:hover p,
.p-group__news a:focus p,
.p-group__news a:active p {
	text-decoration: underline;
}
.p-group__news a h3 {
	margin: 0;
	width: 16%;
	color: #222;
	font-size: 1.5rem;
}
.p-group__news a p {
	width: 84%;
	color: #222;
}
@media screen and (max-width: 768px) {
	.p-group__news {
		width: 100%;
		padding: 0 2rem;
	}
	.p-group__news a {
		display: block;
	}
	.p-group__news a h3 {
		width: 100%;
		font-size: 1.4rem;
	}
	.p-group__news a p {
		width: 100%;
		font-size: 1.4rem;
	}
}
.p-group__feature {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.p-group__feature {
		margin-top: 2rem;
	}
}
.p-group__feature li {
	width: 48%;
	margin-bottom: 2rem;
}
.p-group__feature li a {
	display: flex;
}
.p-group__feature li a:hover h3,
.p-group__feature li a:focus h3,
.p-group__feature li a:active h3 {
	text-decoration: underline;
}
.p-group__feature li a img {
	margin-right: 2rem;
}
.p-group__feature li a p {
	display: inline-block;
	padding: 0 1rem .1rem;
	background-color: #666;
	color: #fff;
}
.p-group__feature li a h3 {
	margin: 0;
	color: #222;
	font-size: 1.8rem;
}
@media screen and (max-width: 1194px) {
	.p-group__feature {
		padding: 0 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-group__feature {
		display: block;
	}
	.p-group__feature li {
	width: 100%;
	}
	.p-group__feature li a {
	}
	.p-group__feature li a img {
		margin-right: 1rem;
	}
	.p-group__feature li a p {
		font-size: 1.2rem;
	}
	.p-group__feature li a h3 {
		font-size: 1.4rem;
	}
}

/* 国産天然水 */
.p-section__water-texture {
	padding: 3rem 0 12rem;
	background-image: url(/assets/img/line-wave-layer-lightblue.svg), url(/assets/img/bg-water-texture.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center bottom, center top;
	background-size: contain, cover;
}
@media screen and (max-width: 768px) {
	.p-section__water-texture {
		padding-bottom: 8rem;
	}
}
.p-group__figure {
	max-width: 1194px;
	margin: 4rem auto 4rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.p-group__figure figure {
	position: relative;
	margin: 1rem;
}
.p-group__figure figure figcaption {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 0 0 5px #000;
}
@media screen and (max-width: 768px) {
	.p-group__figure {
		margin: 2rem auto 2rem;
	}
	.p-group__figure figure {
		width: 224px;
		margin: .5rem;
	}
	.p-group__figure figure figcaption {
		font-size: 1.6rem;
	}
}

/* 選ぶ理由 */
.p-home__reason {
	max-width: 1194px;
	margin: 0 auto;
	padding: 0 2rem 3rem;
}
.p-group__water-merit,
.p-group__water-demerit {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.p-group__water-merit li,
.p-group__water-demerit li {
	margin: .5rem;
	background-image: url(/assets/img/bg-raindrop-blue.svg);
	background-size: cover;
	width: 212px;
	height: 270px;
	color: #fff;
	text-align: center;
}
.p-group__water-demerit li {
	background-image: url(/assets/img/bg-raindrop-lightblue.svg);
	color: #0A6593;
}
.p-group__water-merit li h3,
.p-group__water-demerit li h3 {
	width: 50%;
	margin: 0 auto;
	margin-top: 3em;
	padding-bottom: .5em;
	font-size: 1.6rem;
	border-bottom: 1px solid;
}
.p-group__water-merit li p,
.p-group__water-demerit li p {
	width: 80%;
	margin: 0 auto;
	margin-top: .5em;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
}
.p-group__water-merit li:nth-of-type(2) p,
.p-group__water-merit li:nth-of-type(3) p,
.p-group__water-merit li:nth-of-type(4) p {
	margin-top: 1.2em;
}
.p-group__water-merit li:nth-of-type(5) p {
	margin-top: 1.8em;
}
.p-group__water-demerit li:nth-of-type(1) p,
.p-group__water-demerit li:nth-of-type(2) p {
	margin-top: 1.8em;
}
.p-group__water-demerit li:nth-of-type(3) p {
	margin-top: 1.2em;
}
@media screen and (max-width: 768px) {
	.p-group__water-merit li,
	.p-group__water-demerit li {
		margin: .5rem 1rem;
		width: 106px;
		height: 135px;
	}
	.p-group__water-merit li h3,
	.p-group__water-demerit li h3 {
		margin-top: 3.5em;
		font-size: 0.8rem;
		border-bottom: 1px solid;
	}
	.p-group__water-merit li p,
	.p-group__water-demerit li p {
		font-size: 1.2rem;
		line-height: 1.4;
	}
}
.p-heading__water-arrow {
	padding: .5em 1em 1em;
	background-image: url(/assets/img/bg-arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-shadow: 0 0 10px #fff;
	line-height: 1.2;
	font-size: 1.5rem;
}
.p-group__water-circle {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.p-group__water-circle li {
	margin: .5em .5em;
	background-image: url(/assets/img/bg-circle-lightblue.svg);
	background-size: cover;
	width: 368px;
	height: 368px;
	color: #fff;
	text-align: center;
}
.p-group__water-circle li h3 {
	width: 80%;
	margin: 0 auto;
	margin-top: 1em;
	font-size: 2.4rem;
	line-height: 1.6;
}
.p-group__water-circle li p {
	width: 80%;
	margin: 0 auto;
	margin-top: 2.2em;
	color: #0A6593;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
}
.p-group__water-circle li p:nth-of-type(2) {
	margin-top: 1em;
	font-size: 1.5rem;
	font-weight: normal;
}
.p-group__water-circle li p strong {
	color: #0A6593;
	font-size: 130%;
}
@media screen and (max-width: 768px) {
	.p-group__water-circle li {
		width: 256px;
		height: 256px;
	}
	.p-group__water-circle li h3 {
		font-size: 1.7rem;
	}
	.p-group__water-circle li p {
		margin-top: 1.5em;
		font-size: 1.5rem;
	}
	.p-group__water-circle li p:nth-of-type(2) {
		margin-top: 1em;
		font-size: 1.2rem;
	}
}
.p-group__ecobottle {
	text-align: center;
}
.p-group__ecobottle img {
	margin: 0 1rem;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.p-group__ecobottle img {
		margin: 0 .3rem;
		width: 128px;
	}
	.p-group__ecobottle img:nth-of-type(2) {
		width: 20px;
	}
}

/* ウォーターサーバー */
.p-home__waterserver {
	background-color: #E6FBFF;
	background-image: url(/assets/img/line-wave-lightblue.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	padding: 5rem 0;
}
@media screen and (max-width: 1194px) {
	.p-home__waterserver {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-home__waterserver {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
.p-group__server-chart {
	max-width: 1194px;
	margin: 0 auto;
	text-align: center;
}
.p-group__server-type {
	display: flex;
	justify-content: space-between;
	max-width: 1194px;
	margin: 0 auto;
}
.p-group__server-type-item {
	width: 30%;
}
.p-group__server-type-item h3 {
	text-align: center;
	margin-bottom: 0;
}
.p-group__server-type-name {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.p-group__server-type-image {
	display: none;
}
.p-group__server-type-item h4 {
	color: #6BC2E5;
	margin-top: .5em;
	margin-bottom: 0;
}
.p-group__server-type-link {
	margin-top: 1em;
	font-size: 90%;
}
@media screen and (max-width: 768px) {
	.p-group__server-type {
		display: block;
		margin-top: 3rem;
	}
	.p-group__server-chart img[src*=water-server-type-sp] {
		width: 90%;
	}
	.p-group__server-type-item {
		width: 100%;
		position: relative;
		font-size: 90%;
		border-bottom: 1px solid #6BC2E5;
		padding-bottom: 2rem;
	}
	.p-group__server-type-item:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	.p-group__server-type-item img[src*=water-server-type-colors-01],
	.p-group__server-type-item img[src*=water-server-type-colors-02] {
		width: 152px;
	}
	.p-group__server-type-item img[src*=water-server-type-colors-03] {
		width: 112px;
	}
	.p-group__server-type-detail div {
		padding-left: 10rem;
	}
	.p-group__server-type-image {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.p-group__server-type-image-01,
	.p-group__server-type-image-02,
	.p-group__server-type-image-03 {
		position: relative;
		top: 6rem;
		width: 80px;
	}
	.p-group__server-type-temperature-01 {
		position: absolute;
		top: 34.5rem;
		left: .7rem;
	}
	.p-group__server-type-temperature-02 {
		position: absolute;
		top: 25rem;
		left: .7rem;
	}
	.p-group__server-type-temperature-03 {
		position: absolute;
		top: 33.5rem;
		left: .7rem;
	}
}

/* 料金体系 */
.p-home__water-fee {
	background-color: #6BC2E5;
	background-image: url(/assets/img/line-wave-layer-blue.svg);
	background-repeat: no-repeat;
	background-position: top -1px left 0;
	background-size: contain;
	padding: 5rem 0 3rem;
}
@media screen and (max-width: 1194px) {
	.p-home__water-fee {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__water-fee {
	max-width: 1194px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.p-group__water-fee {
	}
	.p-group__water-fee li img {
		width: 160px;
	}
}
.p-group__offer-large {
	max-width: 876px;
	margin: 4rem auto 0;
	padding: 4rem 3rem 1rem;
	border-radius: 5rem;
	background-color: #fff;
}
.p-group__offer-large-lightblue {
	background-color: #E6FBFF;
}
.p-group__offer-large-inner {
	display: flex;
}
.p-group__offer-large-inner div:first-child {
	margin-top: -7rem;
	margin-left: -7rem;
	margin-right: 5rem;
}
.p-group__offer-large-inner p {
	color: #0A6593
}
.p-group__offer-volume {
	font-weight: bold;
	font-size: 3.5rem;
	line-height: 1.2;
}
.p-group__offer-volume span {
	font-size: 80%;
}
.p-group__offer-price {
	font-weight: bold;
	font-size: 6rem;
	line-height: 1.2;
}
.p-group__offer-price span {
	font-size: 80%;
}
.p-group__offer-note {
	margin-top: 2rem;
	font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
	.p-group__offer-large-inner {
		display: block;
	}
	.p-group__offer-large-inner div:first-child {
		margin-top: -7rem;
		margin-left: -5rem;
		margin-right: 0;
	}
	.p-group__offer-volume {
		margin-top: 2rem;
		font-size: 2.5rem;
	}
	.p-group__offer-price {
		font-size: 3.5rem;
	}
	.p-group__offer-note {
		font-size: 1.2rem;
	}
}

/* 月額費用目安 */
.p-home__water-cost {
	background-color: #fff;
	background-image: url(/assets/img/line-wave-layer-white.svg);
	background-repeat: no-repeat;
	background-position: top -1px left 0;
	background-size: contain;
	padding: 8rem 0 3rem;
}
@media screen and (max-width: 768px) {
	.p-home__water-cost {
		padding: 3rem 0;
	}
}
.p-group__water-cost {
	max-width: 1194px;
	margin: 2rem auto 0;
	display: flex;
	justify-content: space-around;
}
.p-group__water-cost li {
	max-width: 360px;
	margin: 2rem 0;
	border: 2px solid #6BC2E5;
	padding: 1rem 3rem 3rem;
	background-color: #fff;
}
.p-group__water-cost li h3 {
	color: #6BC2E5;
	text-align: center;
	line-height: 1.2;
}
.p-group__water-cost li h3 img {
	margin-bottom: .5em;
}
.p-group__water-cost li p {
	color: #0A6593;
	line-height: 1.5;
	margin-bottom: .5em;
}
.p-group__water-cost li p span {
	display: inline-block;
	width: 100%;
}
.p-group__water-cost li p span:last-child {
	text-align: right;
}
.p-group__water-cost li p strong {
	color: #0A6593;
	font-size: 140%;
}
@media screen and (max-width: 1194px) {
	.p-group__water-cost {
		padding: 0 1rem;
	}
	.p-group__water-cost li {
		max-width: 32%;
		margin: 2rem 1rem;
	}
}
@media screen and (max-width: 960px) {
	.p-group__water-cost li {
		margin: 1rem .5rem;
		padding: 0rem 1.5rem 1.5rem;
	}
}
@media screen and (max-width: 768px) {
	.p-group__water-cost li h3 {
		font-size: 1.5rem;
	}
	.p-group__water-cost img {
		height: 48px;
	}
	.p-group__water-cost li p {
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 480px) {
	.p-group__water-cost li {
		margin: 1rem .2rem;
		padding: 0rem 1rem 1rem;
	}
	.p-group__water-cost li h3 {
		font-size: 1rem;
	}
	.p-group__water-cost li p {
		font-size: 1rem;
	}
	.p-group__water-cost li p strong {
		color: #0A6593;
		font-size: 120%;
	}
}


/* キャンペーン */
.p-section__campaign {
	padding: 1rem 0;
	background-image: url(/assets/img/bg-water-texture.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.p-group__campaign {
	max-width: 1194px;
	margin: 0 auto;
}

/* お問い合わせ */
.p-group__contact {
	background-image: url(/assets/img/bg-contact.jpg);
	background-color: #E6FBFF;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: top left;
}
@media screen and (max-width: 1194px) {
	.p-group__contact {
		background-size: contain;
	}
}
@media screen and (max-width: 768px) {
	.p-group__contact {
		padding-top: 20rem ;
	}
}
.p-group__contact-inner {
	max-width: 1194px;
	margin: 0 auto;
}
.p-group__contact-inner-inner {
	width: 524px;
	margin: 0 0 0 auto;
	padding: 5rem 0 10rem;
	background-color: #E6FBFF;
	color: #6BC2E5;
	text-align: center;
	font-weight: bold;
}
.p-group__contact-inner-inner * {
	margin: 0;
}
.p-group__contact-inner-inner h2 {
	color: #0A6593;
	font-size: 2.5rem
}
.p-group__contact-tel {
	margin-top: 2.5rem;
	padding-left: 4.5rem;
	font-size: 3.5rem;
	font-weight: bold;
}
.p-group__contact-tel a {
	display: flex;
	justify-content: center;
	color: #222;
}
.p-group__contact-tel a img {
	margin-right: 1rem;
}
.p-group__contact-tel a span {
	text-align: left;
	line-height: .7;
}
.p-group__contact-tel a span em {
	font-size: 1.4rem;
	font-weight: normal;
	color: #222;
}
.p-group__contact-mail {
	margin-top: 1.5rem;
	font-size: 3.5rem;
	font-weight: bold;
}
.p-group__contact-mail a {
	display: flex;
	justify-content: center;
	color: #222;
}
.p-group__contact-mail a img {
	margin-right: 1rem;
}
@media screen and (max-width: 768px) {
	.p-group__contact-inner-inner {
		width: 100%;
		padding: 3rem 0 8rem;
	}
	.p-group__contact-tel {
		padding-left: 3.2rem;
		font-size: 3rem;
	}
	.p-group__contact-tel a span {
		line-height: .7;
	}
	.p-group__contact-mail {
		font-size: 2.3rem;
	}
}

/* フッター */
.p-footer {
	background-image: url(/assets/img/line-wave-layer-footer.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	padding-top: 4rem;
	margin-top: -6rem;
}
@media screen and (max-width: 1194px) {
	.p-footer {
		padding-top: 1rem;
	}
}
@media screen and (max-width: 768px) {
	.p-footer {
		padding-top: .1rem;
	}
}
.p-footer__inner {
	padding: 0;
	background-color: #6BC2E5;
}
@media screen and (max-width: 1194px) {
	.p-footer__inner {
		margin-top: -2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-footer__inner {
		margin-top: -8rem;
	}
}
.p-footer ul {
	max-width: 1194px;
	margin: 3rem auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.p-footer ul {
		display: block;
	}
}
.p-footer ul:first-child {
	padding-top: 3rem;
}
@media screen and (max-width: 1194px) {
	.p-footer ul:first-child {
		margin-top: 8rem;
	}
}
@media screen and (max-width: 768px) {
	.p-footer ul:first-child {
		margin-top: 10rem;
	}
}
.p-footer ul li {
	border-right: 1px solid #fff;
}
@media screen and (max-width: 768px) {
	.p-footer ul li {
		border-right: none;
	}
}
.p-footer ul li:last-child {
	border-right: none;
}
.p-footer ul li a {
	color: #fff;
	padding: 0 2rem;
}
.p-footer .p-copyright {
	max-width: 1194px;
	margin: 3rem auto 0;
	padding-bottom: 3rem;
	text-align: center;
	color: #fff;
}
.p-footer .p-copyright small {
	font-size: 1.2rem;
}

/* **************************************
	ページ別
 ************************************** */

.p-section__heading {
	position: relative;
	z-index: -1;
	top: 76px;
	padding: 8rem 0 10rem;
	background-image: url(/assets/img/line-wave-layer-lightblue.svg), url(/assets/img/bg-water-texture.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center bottom, center top;
	background-size: contain, cover;
}
.p-section__heading h1 {
	max-width: 1194px;
	margin: 0 auto;
	color: #6BC2E5;
	font-size: 3.5rem;
	text-align: center;
	letter-spacing: .2em;
}
@media screen and (max-width: 1194px) {
	.p-section__heading {
		padding: 6rem 0 8rem;
	}
}
@media screen and (max-width: 768px) {
	.p-section__heading {
		padding: 4rem 0 4rem;
		top: 48px;
	}
	.p-section__heading h1 {
		font-size: 2.5rem;
	}
}

.p-link__topic-path {
	max-width: 1194px;
	margin: 5rem auto 0;
	font-size: 1.2rem;
}
@media screen and (max-width: 1194px) {
	.p-link__topic-path {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* お届けする天然水 */
.p-section__water-feature {
	margin-top: 2rem;
	background-image: url(/assets/img/water/glass-of-water.jpg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: top left;
}
.p-section__water-feature-inner {
	max-width: 1194px;
	margin: 0 auto;
}
.p-section__water-feature-inner-inner {
	position: relative;
	top: 5rem;
	max-width: 680px;
	margin-left: auto;
	padding: .1rem 4rem 4rem;
	background-color: rgba(255, 255, 255, .85);
}
.p-section__water-feature h2 {
	text-align: left;
}
.p-section__water-feature p {
	margin-top: .5em;
}
@media screen and (max-width: 1194px) {
	.p-section__water-feature {
		margin-bottom: -8rem;
	}
}
@media screen and (max-width: 768px) {
	.p-section__water-feature {
		margin-bottom: 2rem;
		background-size: 100%;
	}
	.p-section__water-feature-inner-inner {
		top: 15rem;
		width: 90%;
	}
}
.p-section__water-resource {
	max-width: 1194px;
	margin: 0 auto;
	padding: 3rem 0 1rem;
}
@media screen and (max-width: 1194px) {
	.p-section__water-resource {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media screen and (max-width: 1194px) {
	.p-section__water-resource {
		padding-top: 12rem;
	}
}
.p-group__water-resource {
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-group__water-resource li {
	width: 23%;
	display: flex;
	flex-direction: column;
	margin: 2rem 0;
}
.p-group__water-resource li :last-child {
	margin-top: auto;
}
.p-group__water-resource img {
	width: 100%;
}
.p-group__water-resource h3 {
	color: #0A6593;
	margin: .5em 0 0;
}
.p-group__water-resource h3 span {
	font-size: 80%;
}
.p-group__water-resource p {
	margin-top: .5em;
}
@media screen and (max-width: 1194px) {
	.p-group__water-resource li {
		width: 48%;
	}
}
@media screen and (max-width: 768px) {
	.p-group__water-resource li {
		width: 100%;
	}
}
.p-group__area-delivery {
	margin-top: 3rem;
}
.p-group__area-delivery dt {
	padding: .5em;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background-image: url(/assets/img/bg-down-arrow.svg);
	background-repeat: no-repeat;
	background-position: center right 1rem;
}
.p-group__area-delivery dt.active {
	background-image: url(/assets/img/bg-up-arrow.svg);
}
.p-group__area-delivery dd {
	display: none;
	padding: .5em;
	background-color: #fff;
	color: #0A6593;
	font-size: 1.5rem;
}
.p-group__area-delivery dt:nth-of-type(1) {
	background-color: #9ED4ED;
	border: 1px solid #9ED4ED;
}
.p-group__area-delivery dd:nth-of-type(1) {
	border-bottom: 1px solid #9ED4ED;
	border-right: 1px solid #9ED4ED;
	border-left: 1px solid #9ED4ED;
}
.p-group__area-delivery dt:nth-of-type(2) {
	background-color: #AED03A;
	border: 1px solid #AED03A;
}
.p-group__area-delivery dd:nth-of-type(2) {
	border-bottom: 1px solid #AED03A;
	border-right: 1px solid #AED03A;
	border-left: 1px solid #AED03A;
}
.p-group__area-delivery dt:nth-of-type(3) {
	background-color: #EDC00D;
	border: 1px solid #EDC00D;
}
.p-group__area-delivery dd:nth-of-type(3) {
	border-bottom: 1px solid #EDC00D;
	border-right: 1px solid #EDC00D;
	border-left: 1px solid #EDC00D;
}
.p-group__area-delivery dt:nth-of-type(4) {
	background-color: #D79681;
	border: 1px solid #D79681;
}
.p-group__area-delivery dd:nth-of-type(4) {
	border-bottom: 1px solid #D79681;
	border-right: 1px solid #D79681;
	border-left: 1px solid #D79681;
}
@media screen and (min-width: 769px) {
	.p-group__area-delivery {
		display: none;
	}
}

.p-section__water-process {
	padding-bottom: 16rem;
}
@media screen and (max-width: 1194px) {
	.p-section__water-process {
		padding-left: 2rem;
		padding-right: 2rem;
		padding-bottom: 6rem;
	}
}
.p-group__boxed {
	padding: 3rem;
	border-radius: 3rem;
	background-color: #fff;
	max-width: 1124px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-group__boxed {
		max-width: 100%;
		padding: 2rem;
	}
}
.p-group__water-class {
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #6BC2E5;
}
.p-group__water-class dt {
	display: flex;
	justify-content: center;
  	align-items: center;
  	width: 30%;
	padding: 1rem;
	color: #0A6593;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	border-left: 1px solid #6BC2E5;
	border-bottom: 1px solid #6BC2E5;
	border-right: 1px solid #6BC2E5;
}
.p-group__water-class dd {
	width: 70%;
	padding: 1rem;
	background-color: #fff;
	color: #0A6593;
	border-bottom: 1px solid #6BC2E5;
	border-right: 1px solid #6BC2E5;
}
.p-group__water-class dt:nth-of-type(1) {
	background-color: #6BC2E5;
	color: #fff;
	border-right: 1px solid #fff;
}
.p-group__water-class dd:nth-of-type(1) {
	background-color: #6BC2E5;
	color: #fff;
}
@media screen and (max-width: 768px) {
	.p-group__water-class dt {
		width: 100%;
		background-color: #E6FBFF;
		font-size: 1.5rem;
	}
	.p-group__water-class dd {
		width: 100%;
		border-left: 1px solid #6BC2E5;
		font-size: 1.5rem;
	}
	.p-group__water-class dd:nth-of-type(1) {
		background-color: #fff;
		color: #0A6593;
	}
	.p-group__water-class dt:nth-of-type(1) {
		position: relative;
	}
	.p-group__water-class dt:nth-of-type(1) img {
		position: absolute;
		top: -2rem;
		left: -1rem;
	}
}
.p-group__water-process {
	padding-top: 1rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.p-group__water-process li {
	margin: 0 2rem;
}
.p-group__water-process li:first-child {
	position: relative;
}
.p-group__water-process img[src*=logo-bubble] {
	position: absolute;
	top: -5rem;
	left: -7rem;
}
@media screen and (max-width: 768px) {
	.p-group__water-process {
	}
	.p-group__water-process li {
		margin: 1rem;
	}
	.p-group__water-process img[src*=logo-bubble] {
		width: 120px;
		top: 0;
		left: -1rem;
	}
	.p-group__water-process img[src*=water-process] {
		width: 300px;
	}
}
.p-section__mum-baby {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-section__mum-baby {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* ウォーターサーバー */
.p-section__waterserver-feature {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1124px) {
	.p-section__waterserver-feature {
		padding: 0 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-section__waterserver-feature {
		padding-top: 2rem;
	}
}
.p-group__waterserver-feature {
	display: flex;
	justify-content: space-between;
	margin-bottom: 6rem;
}
.p-group__waterserver-feature li {
	width: 30%;
}
.p-group__waterserver-feature h3 {
	text-align: center;
	color: #0A6593;
	margin-bottom: .5em;
}
.p-group__waterserver-feature h3 img {
	margin-bottom: .5em;
}
.p-group__waterserver-feature p {
	color: #6BC2E5;
}
@media screen and (max-width: 768px) {
	.p-group__waterserver-feature {
		display: block;
	}
	.p-group__waterserver-feature li {
		width: 80%;
		margin: 0 auto;
	}
}
.p-section__waterserver-type {
	margin-top: 8rem;
}
.p-section__waterserver-type h2 {
	margin-bottom: 0;
}
@media screen and (max-width: 1194px) {
	.p-section__waterserver-type {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__waterserver-type {
	display: flex;
	justify-content: space-between;
	max-width: 1194px;
	margin: 0 auto;
}
.p-group__waterserver-type-item {
	width: 32%;
}
@media screen and (max-width: 768px) {
	.p-group__waterserver-type {
		display: block;
	}
	.p-group__waterserver-type-item {
		width: 100%;
		margin-top: 3rem;
		border-bottom: 1px solid #6BC2E5;
		padding-bottom: 3rem;
	}
	.p-group__waterserver-type-item:last-of-type {
		border-bottom: none;
	}
}
.p-group__waterserver-type-item h3 {
	text-align: center;
	margin-bottom: 0;
}
.p-group__waterserver-type-item h3 img {
	margin-bottom: .5em;
}
.p-group__waterserver-type-name {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.p-group__waterserver-type-item h4 {
	color: #6BC2E5;
	margin-top: .5em;
	margin-bottom: 0;
}
.p-group__waterserver-type-icon {
	margin: 1em 0;
}
.p-group__waterserver-type-icon img {
	vertical-align: middle;
}
.p-group__waterserver-type-feature {
	background-color: #E6FBFF;
	padding: .1em 1em 1em;
}
.p-group__waterserver-type-feature li {
	padding-left: 1.5em;
	font-size: 1.5rem;
	background-image: url(/assets/img/check.svg);
	background-repeat: no-repeat;
	background-position: center left;
}
.p-group__waterserver-type-link {
	margin-top: 1.5rem;
	font-size: 80%;
	text-align: center;
}
.p-group__waterserver-type-offer {
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
	text-align: center;
}
.p-group__waterserver-type-button {
	display: inline-block;
	margin: 1.5rem 0 .5rem;
	background-color: #4ea842;
	padding: 1em 1.5em;
	border-radius: 3em;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}
.p-group__waterserver-type-button span {
	font-size: 80%;
}
.p-group__waterserver-type-button:hover,
.p-group__waterserver-type-button:focus,
.p-group__waterserver-type-button:active {
	color: #fff;
}
.p-section__waterserver-maintenance {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1124px) {
	.p-section__waterserver-maintenance {
		padding: 0 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-section__waterserver-maintenance {
		padding-top: 2rem;
	}
}
.p-group__waterserver-maintenance {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
.p-group__waterserver-maintenance li {
	width: 30%;
}
.p-group__waterserver-maintenance h3 {
	text-align: center;
	color: #0A6593;
	margin-bottom: .5em;
}
.p-group__waterserver-maintenance h3 img {
	margin-bottom: .5em;
}
.p-group__waterserver-maintenance p {
	color: #0A6593;
}
@media screen and (max-width: 768px) {
	.p-group__waterserver-maintenance {
		display: block;
	}
	.p-group__waterserver-maintenance li {
		width: 80%;
		margin: 0 auto;
	}
}
.p-group__waterserver-kit {
	display: flex;
	align-items: flex-start;
	padding: 5rem;
	width: 800px;
}
.p-group__waterserver-kit img {
	margin-right: 4rem;
	margin-bottom: 2rem;
}
.p-group__waterserver-kit div {
	color: #0A6593;
}
.p-group__waterserver-kit h4 {
	font-size: 2.5rem;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 1em;
}
.p-group__waterserver-kit h4 span {
	font-size: 75%;
}
.p-group__waterserver-kit h4 strong {
	font-size: 180%;
}
@media screen and (max-width: 768px) {
	.p-group__waterserver-kit {
		display: block;
		text-align: center;
		padding: 3rem;
	}
	.p-group__waterserver-kit div {
		text-align: left;
		font-size: 1.5rem;
	}
	.p-group__waterserver-kit h4 {
		text-align: center;
		font-size: 2rem;
	}
	.p-group__waterserver-kit img {
		margin-right: 0;
	}
}
.p-section__waterserver-treatment {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1124px) {
	.p-section__waterserver-treatment {
		padding: 0 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-section__waterserver-treatment {
		padding-top: 1rem;
	}
}
.p-group__waterserver-treatment {
	margin: 5rem auto 10rem;
	width: 70%;
}
.p-group__waterserver-treatment li {
	list-style-type: disc;
	margin-left: 1em;
	color: #0A6593;
}
.p-group__waterserver-treatment a {
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	.p-group__waterserver-treatment {
		margin: 3rem auto 7rem;
		width: 100%;
	}
}

/* 料金・ご利用案内 */
.p-section__guide-merit {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-section__guide-merit {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__guide-merit {
	max-width: 1194px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.p-group__guide-merit li img {
		width: 160px;
	}
}
.p-section__guide-detail {
	padding: 1rem 0 4rem;
	background-image: url(/assets/img/bg-water-texture.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
@media screen and (max-width: 1194px) {
	.p-section__guide-detail {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__guide-detail {
	max-width: 1194px;
	margin: 3rem auto 0;
	display: flex;
	justify-content: center;
}
.p-group__guide-detail li {
	margin: 0 2rem;
	padding: 3rem 2rem 2rem;
	background-color: #fff;
	text-align: center;
	width: 260px;
}
.p-group__guide-detail > li > a {
	display: flex;
	flex-direction: column;
}
.p-group__guide-detail h3 {
	font-size: 3rem;
	color: #0A6593;
	line-height: 1.5;
}
.p-group__guide-detail h3 span {
	font-size: 80%;
	line-height: 1.2;
	display: inline-block;
	padding-bottom: 0;
}
.p-group__guide-detail p {
	margin-top: auto;
}
@media screen and (max-width: 768px) {
	.p-group__guide-detail {
		display: block;
	}
	.p-group__guide-detail li {
		margin: 2rem auto;
		padding: 2rem;
		width: 85%;
	}
	.p-group__guide-detail div {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.p-group__guide-detail img {
		width: 64px;
		margin-right: 2rem;
	}
	.p-group__guide-detail h3 {
		text-align: left;
		font-size: 2rem;
		width: 6em;
	}
}
.p-section__guide-area {
	max-width: 1194px;
	margin: 0 auto;
	padding-top: 2rem;
}
@media screen and (max-width: 1194px) {
	.p-section__guide-area {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-section__guide-flow {
	padding: 1rem 0 4rem;
	background-image: url(/assets/img/bg-water-texture.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	text-align: center;
}
@media screen and (max-width: 1194px) {
	.p-section__guide-flow {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__guide-flow {
	width: 740px;
	margin: 2rem auto 1rem;
	padding: 2rem;
	border-radius: 3rem;
	background-color: #fff;
}
.p-group__guide-flow h3 {
	margin: .5em 0;
	color: #6BC2E5;
	line-height: 1.5;
	font-size: 2.5rem;
}
.p-group__guide-flow h3 strong {
	color: #0A6593;
}
.p-group__guide-flow p {
	margin: .5em 0;
	color: #6BC2E5;
}
@media screen and (max-width: 768px) {
	.p-group__guide-flow {
		max-width: 100%;
	}
	.p-group__guide-flow h3 {
		font-size: 2rem;
	}
	.p-group__guide-flow p {
		font-size: 1.5rem;
	}
}
.p-section__guide-agreement {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-section__guide-agreement {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__guide-agreement {
	width: 680px;
	margin: 3rem auto;
}
.p-group__guide-agreement h3 {
	margin: 0;
	padding: .3em;
	background-color: #6BC2E5;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.5;
}
.p-group__guide-agreement h3.p-group__guide-agreement-other {
	background-color: #E6FBFF;
	color: #0A6593;
}
.p-group__guide-agreement dl {
	display: flex;
	flex-wrap: wrap;
}
.p-group__guide-agreement dt {
	width: 25%;
	padding: .3em;
	border-bottom: 1px solid #6BC2E5;
	color: #6BC2E5;
	font-weight: bold;
}
.p-group__guide-agreement dt img {
	margin-top: .5em;
}
.p-group__guide-agreement dd {
	width: 75%;
	padding: .3em;
	border-bottom: 1px solid #6BC2E5;
	line-height: 1.8;
}
.p-group__guide-agreement dl dt:last-of-type {
	border-bottom: none;
}
.p-group__guide-agreement dl dd:last-of-type {
	border-bottom: none;
}
.p-group__guide-agreement dd span {
	font-size: 80%;
}
.p-group__guide-agreement dd a {
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	.p-group__guide-agreement {
		width: 100%;
	}
	.p-group__guide-agreement dl {
		display: block;
	}
	.p-group__guide-agreement dt {
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
		font-size: 1.5rem;
	}
	.p-group__guide-agreement dt img {
		display: block;
		margin: .5em auto;
	}
	.p-group__guide-agreement dd {
		width: 100%;
		padding-top: 0;
		padding-bottom: .5em;
		font-size: 1.5rem;
	}
}
.p-group__guide-additional {
	max-width: 1194px;
	margin: 2rem auto 0;
	display: flex;
	justify-content: center;
}
.p-group__guide-additional li {
	margin: 0 2rem;
	padding: 3rem 2rem 2rem;
	border: 1px solid #6BC2E5;
	background-color: #fff;
	text-align: center;
	width: 260px;
}
.p-group__guide-additional h3 {
	font-size: 3rem;
	color: #0A6593;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.p-group__guide-additional {
		display: block;
	}
	.p-group__guide-additional li {
		margin: 2rem 0;
		padding: 1rem;
		width: 100%;
	}
	.p-group__guide-additional div {
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.p-group__guide-additional img {
		width: 64px;
		margin-right: 2rem;
	}
	.p-group__guide-additional h3 {
		text-align: left;
		font-size: 2rem;
	}
}

/* キャンペーン */
.p-section__campaign-list {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-section__campaign-list {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__campaign-list {
	margin: 3rem 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-group__campaign-list li {
	width: 560px;
	margin-bottom: 3rem;
	border: 1px solid #6BC2E5;
	display: flex;
	flex-direction: column;
}
.p-group__campaign-list img {
	width: 100%;
}
.p-group__campaign-note {
	padding: .5rem 1.5rem;
	background-color: #0A6593;
	color: #fff;
	font-weight: bold;
}
.p-group__campaign-endsoon {
	padding: .5rem 1.5rem;
	background-color: #c00;
	color: #fff;
	font-weight: bold;
}
.p-group__campaign-image {
	padding: 0;
}
.p-group__campaign-list h3 {
	padding: 1rem 1.5rem 0rem;
	color: #0A6593;
	margin: 0;
	font-size: 2rem;
	line-height: 1.5;
}
.p-group__campaign-date {
	padding: 0 1.5rem;
	color: #6BC2E5;
	font-weight: bold;
	font-size: 1.8rem;
}
.p-group__campaign-summary {
	padding: 1rem 1.5rem 1.5rem;
}
.p-group__campaign-link {
	margin-top: auto;
	padding: 0;
}
.p-group__campaign-link a {
	display: block;
	padding: 1rem 1.5rem;
	margin-top: auto;
	background-color: #6BC2E5;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.p-group__campaign-list dt {
	padding: .5rem 1rem;
	background-color: #E6FBFF;
	color: #0A6593;
	font-weight: bold;
	text-align: center;
}
.p-group__campaign-list dd {
	padding: .5rem 1rem;
}
@media screen and (max-width: 1194px) {
	.p-group__campaign-list {
		justify-content: space-around;
	}
	.p-group__campaign-list li {
		width: 560px;
	}
}
@media screen and (max-width: 768px) {
	.p-group__campaign-list li {
		width: 100%;
	}
	.p-group__campaign-list h3 {
		font-size: 1.8rem;
	}
	.p-group__campaign-date {
		font-size: 1.3rem;
	}
	.p-group__campaign-list dt,
	.p-group__campaign-list dd {
		font-size: 1.5rem;
	}
}
.p-section__campaign-privacy {
	max-width: 1194px;
	margin: 3rem auto;
}
@media screen and (max-width: 1194px) {
	.p-section__campaign-privacy {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-section__campaign-privacy p {
	max-width: 80%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.p-section__campaign-privacy p {
		max-width: 100%;
	}
}

/* LP - OCN */
.p-header__offer.p-header__offer-ocn a {
	background-color: #0A6593;
}
.p-heading__h2-ocn {
	font-size: 2.3rem;
	width: 100%;
	color: #6BC2E5;
	text-align: center;
	line-height: 1.5;
	margin: 3rem 0 1.5rem;
}
.p-heading__h2-ocn strong {
	color: #0A6593;
	font-size: 100%;
}
.p-heading__h2-ocn span {
	font-size: 80%;
}
@media screen and (max-width: 768px) {
	.p-heading__h2-ocn {
		font-size: 2rem;
	}
}
.p-text__lead-ocn {
	margin: 2rem 0;
	color: #0A6593;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.p-text__lead-ocn {
		font-size: 1.5rem;
	}
}
/* キービジュアル */
.p-ocn__key-visual {
	position: relative;
	top: 76px;
	width: 100%;
	background-image: url(/assets/img/lp/ocn/key-visual.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.p-ocn__key-visual {
		top: 48px;
	}
}
.p-ocn__key-visual-inner {
	position: relative;
	max-width: 1194px;
	height: 600px;
	margin: 0 auto;
}
.p-ocn__key-visual-pop {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(/assets/img/lp/ocn/key-visual-pop.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 530px;
	height: 530px;
	margin: 0 auto;
	text-align: center;
}
.p-ocn__key-visual-label {
	display: inline-block;
	padding: .1em 2em;
	background-color: #6BC2E5;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	margin-top: 172px;
}
.p-ocn__key-visual-pop h1 {
	color: #222;
	font-size: 3.5rem;
	line-height: 1.4;
}
.p-group__ocn-server {
	position: absolute;
	bottom: 0rem;
	left: -10rem;
}
.p-group__ocn-server li {
	display: inline-block;
}
.p-group__ocn-temperature {
	position: absolute;
	left: 30rem;
	bottom: 1rem;
}
.p-group__ocn-temperature li {
	display: inline-block;
	padding: .2em .3em .2em .6em;
	font-size: 1.5rem;
	background-color: #fff;
	font-weight: bold;
	letter-spacing: .3rem;
}
.p-group__ocn-temperature-hot {
	border: 1px solid;
	color: #E41F31;
}
.p-group__ocn-temperature-cold {
	border: 1px solid;
	color: #6BC2E5;
}
@media screen and (max-width: 1194px) {
	.p-group__ocn-server {
		left: 0;
	}
	.p-group__ocn-server-white img {
		width: 150px;
	}
	.p-group__ocn-server-black img {
		width: 135px;
	}
}
@media screen and (max-width: 960px) {
	.p-ocn__key-visual-inner {
		height: 400px;
	}
	.p-ocn__key-visual-pop {
		width: 340px;
		height: 340px;
	}
	.p-ocn__key-visual-label {
		margin-top: 108px;
		font-size: 1.5rem;
	}
	.p-ocn__key-visual-pop h1 {
		font-size: 2.5rem;
		margin-top: .7em;
		margin-bottom: 0;
	}
	.p-ocn__key-visual-pop .p-button__offer.p-button__offer-ocn a {
		margin-top: -1.2rem;
		padding: .5em 1.5em;
		font-size: 80%;
	}
	.p-group__ocn-server-white img {
		width: 120px;
	}
	.p-group__ocn-server-black img {
		display: none;
	}
	.p-group__ocn-temperature {
		left: 12rem;
	}
	.p-group__ocn-temperature li {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-ocn__key-visual-pop .p-button__offer.p-button__offer-ocn a {
		margin-top: -0.6rem;
	}
	.p-group__ocn-temperature {
		left: auto;
		bottom: .5rem;
		right: .5rem;
		font-size: 1rem;
	}
}
@media screen and (max-width: 480px) {
	.p-ocn__key-visual-pop {
		position: absolute;
		top: 50%;
		left: auto;
		right: -3rem;
		transform: translate(0, -50%);
	}
	.p-ocn__key-visual-pop h1 {
		font-size: 2.2rem;
	}
}
.p-section__ocn-introduction {
	max-width: 1194px;
	margin: 12rem auto 0;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-introduction {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-section__ocn-introduction {
		margin-top: 8rem;
	}
}
.p-section__ocn-example {
	max-width: 1194px;
	margin: 4rem auto;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-example {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__ocn-example {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 1rem 3rem 3rem;
	border: 1px dotted #6BC2E5;
	background-image: url(/assets/img/lp/ocn/bg-example-01.svg), url(/assets/img/lp/ocn/bg-example-02.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom 2rem left -7rem, bottom -2rem right -7rem;
}
.p-group__ocn-example figure {
	width: 20%;
	margin: 1rem;
	color: #6BC2E5;
	text-align: center;
	font-weight: bold;
}
.p-group__ocn-example figcaption {
	margin-top: .5em;
}
@media screen and (max-width: 768px) {
	.p-group__ocn-example {
		background-position: bottom 2rem left -5rem, bottom -2rem right -5rem;
		background-size: 120px, 200px;
	}
	.p-section__ocn-example figure {
		width: 42%;
	}
	.p-group__ocn-example figcaption {
		font-size: 1.2rem;
	}
}
.p-section__ocn-banner {
	max-width: 1194px;
	margin: 4rem auto;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-banner {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-group__campaign-list.p-group__campaign-list-ocn {
	justify-content: center;
}
.p-group__campaign-link.p-group__campaign-link-ocn a {
	border-top: 1px solid #6BC2E5;
	padding: 1rem 1.5rem;
	background-color: #fff;
	color: #0A6593;
}
.p-section__ocn-detail {
	padding: 1rem 0 4rem;
	background-image: url(/assets/img/bg-water-texture.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-detail {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-section__ocn-water {
	max-width: 1194px;
	margin: 6rem auto 3rem;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-water {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-section__ocn-water-resource,
.p-section__ocn-water-process {
	margin: 3rem 0;
	padding: 2rem;
	background-color: #E6FBFF;
	color: #0A6593;
	text-align: center;
}
.p-section__ocn-water-resource h3,
.p-section__ocn-water-process h3 {
	font-size: 2.5rem;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-water-resource h3,
	.p-section__ocn-water-process h3 {
		font-size: 2rem;
	}
}
.p-group__ocn-water-resource {
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-group__ocn-water-resource li {
	width: 24%;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: .5em;
}
.p-group__ocn-water-resource li span {
	font-size: 70%;
}
.p-group__ocn-water-resource li img {
	margin-bottom: .2em;
}
@media screen and (max-width: 768px) {
	.p-group__ocn-water-resource li {
		width: 48%;
	}
}
.p-button__offer.p-button__offer-ocn a {
	background-color: #0A6593;
	background-image: none;
	padding-left: 4em;
}
.p-lp .p-home__waterserver {
	margin-bottom: 0;
}
.p-section__ocn-maintenance {
	padding-top: 1px;
	padding-bottom: 10rem;
	background-color: #E6FBFF;
	background-image: url(/assets/img/line-wave-layer-lightblue.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	.p-section__ocn-maintenance-inner {
		max-width: 1194px;
		margin: 0 auto;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-section__ocn-maintenance {
		padding-bottom: 6rem;
	}
}
.p-section__ocn-fee {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-fee {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-section__ocn-cost {
	padding: 3rem 0;
	background-image: url(/assets/img/bg-water-texture.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.p-section__ocn-cost-inner {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-cost-inner {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.p-section__ocn-cost .p-group__water-cost {
		padding: 0;
	}
}
.p-section__ocn-campaign {
	max-width: 1194px;
	margin: 0 auto;
}
.p-group__campaign-list.p-group__campaign-list-large-ocn {
	justify-content: center;
	margin: 0 2rem;
}
.p-group__campaign-list.p-group__campaign-list-large-ocn li {
	width: 720px;
}
@media screen and (max-width: 1194px) {
	.p-group__campaign-list.p-group__campaign-list-large-ocn li {
		width: 100%;
	}
}
.p-section__ocn-offer h2 {
	padding: .5em;
	background-color: #0A6593;
	color: #fff;
	font-size: 2.5rem;
	text-align: center;
}
.p-section__ocn-offer-inner {
	max-width: 1194px;
	margin: 0 auto;
}
@media screen and (max-width: 1194px) {
	.p-section__ocn-offer-inner {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.p-lp .p-group__offer-large {
	padding-bottom: 3rem;
	margin: 5rem auto 3rem;
}
.p-lp .p-group__waterserver-type-button {
	padding-top: .6em;
}
.p-group__guide-agreement {
	margin-top: 6rem;
}