/* General element styling --------------------------------------------- */

@font-face {
  font-family: 'Century Gothic';
  src: url('fonts/century-gothic.woff2') format('woff2'),
       url('fonts/century-gothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #2e2f30;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 500;
	margin: 0 0 20px;
}

h2 {
	font-size: 2em;
}

img {
	max-width: 100%;
}

button {
	cursor: pointer;
}

html {
	scroll-behavior: smooth;
}

/* General re-usable styling ------------------------------------------- */

.am-container {
	width: calc(100% - 40px);
	margin: 0 auto;
	max-width: 1440px;
}

.am-container.style2 {
	max-width: 1000px;
}

.am-container.style3 {
	max-width: 1200px;
}

.am-container.style5 {
	width: calc(100% - 120px);
}

.am-container.bg-grey {
	background: #F5F5F5;
}

.am-flex {
	display: flex;
}

.am-flex.wrap {
	flex-wrap: wrap;
}

.am-flex.between {
	justify-content: space-between;
}

.am-flex.center {
	justify-content: center;
}

.am-flex.vert-center {
	align-items: center;
}

.am-flex.vert-stretch {
	align-items: stretch;
}

.am-flex.vert-fl-end {
	align-items: flex-end;
}

.am-col1 {
	width: calc(100% / 12);
}

.am-col2 {
	width: calc(100% / 12 * 2);
}

.am-col3 {
	width: calc(100% / 12 * 3);
}

.am-col4 {
	width: calc(100% / 12 * 4);
}

.am-col5 {
	width: calc(100% / 12 * 5);
}

.am-col6 {
	width: calc(100% / 12 * 6);
}

.am-col7 {
	width: calc(100% / 12 * 7);
}

.am-col8 {
	width: calc(100% / 12 * 8);
}

.am-col9 {
	width: calc(100% / 12 * 9);
}

.am-col10 {
	width: calc(100% / 12 * 10);
}

.am-col11 {
	width: calc(100% / 12 * 11);
}

.am-hide {
	display: none;
}

.am-center {
	text-align: center;
}

.am-sp {
	display: none;
}

.am-pc {
	display: block;
}

.am-modal__min-btn {
	border: unset;
	background: unset;
	margin: 0 auto;
	display: block;
}

dialog.am-modal__max {
	width: 100%;
	height: 100%;
	border: unset;
	background: #0003;
}

.am-modal__max-cont {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #FFF;
	width: calc(100% - 80px);
	height: calc(100% - 120px);
	padding: 20px;
	border-radius: 10px
}

.am-modal__max-pix {
	width: calc(100% - 100px);
	height: calc(100% - 150px);
	overflow: auto;
	padding: 50px;
	box-shadow: 0 0 10px #8888 inset;
	border: 1px solid #888;
}

.am-modal__max-pix>img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
	margin: auto;
	/* 	cursor: zoom-in; */
}

.am-modal__max-pix.zoom>img {
	width: auto;
	height: auto;
	max-width: 200vw;
	max-height: 200vh;
	/* 	cursor: zoom-out; */
}

.am-modal__max-close.lp-btn {
	margin: 10px auto;
	display: block;
	padding: 10px;
	min-width: 140px;
}

.am-modal__max-close.lp-btn::after {
	content: unset;
}

.am-bg-layout {
    position: relative;
}

.am-bg-pix {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.am-bg-pix > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	display: block;
}

.am-bg-cont {
    position: relative;
    z-index: 1;
}

.am-bg-layout.style2 .am-bg-pix {
    position: relative;
	top: unset;
	left: unset;
	height: auto;
}

.am-bg-layout.style2 .am-bg-pix > img {
    width: 100%;
    height: auto;
    object-fit: cover;
	display: block;
}

.am-bg-layout.style2 .am-bg-cont {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
	height: auto;
}

#sect-banner .am-bg-pix > img {
    object-position: right;
}

.bnr__title {
    margin: 0;
    font-size: 50px;
    padding: 200px 0;
}

.sect-cont {
	padding: 80px 0;
}

.sect-cont.style2 {
    padding: 60px 0;
}

.af-topgap {
/*	height: 68px;*/
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
	background-color: #fff;
}

.hdr__layout {
	height: 100px;
}

.hdr__logo {
    margin: 0 -210px 0 auto;
    flex: 1 1;
    text-align: center;
}

.hdr__logo>a>img {
	height: auto;
	width: 350px;
	display: block;
}

.hdr__navi-menu {
	display: block;
}

.hdr__navi {
	margin: 0 0 0 auto;
	width: 210px;
}

.hdr__navi-menu {
	display: flex;
	justify-content: flex-end;
	padding: 0;
	margin: 0 10px 0 0;
}

.hdr__navi-menu li {
	list-style: none;
	text-align: center;
	display: block;
	line-height: 1;
}

.hdr__navi-lang {
    text-align: center;
}

.hdr__navi-menu li:last-child {
	border-width: 0;
}

.hdr__navi-menu li a {
	text-decoration: none;
	color: #000;
	font-weight: 400;
	padding: 5px 15px;
	width: calc(100% - 40px);
	display: block;
	white-space: nowrap;
}

.hdr__navi-lang a {
    color: #fff;
    text-decoration: none;
	display: flex;
    align-items: center;
}

.hdr__navi-lang a.active {
    color: #000;
}

.hdr__navi-lang {
    background-color: #C5E2EA;
    padding: 4px 56px;
    border-radius: 100px;
}

/* SP menu btn ---------------------------------------------*/

.hdr__menu-btn {
	position: absolute;
	top: calc(120px / 2);
	right: 15px;
	border: 2px solid #000;
	background: transparent;
	width: 50px;
	height: 50px;
	transform: translateY(-50%);
	display:none;
}

.hdr__menu-btn-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.hdr__menu-btn-icon::before,
.hdr__menu-btn-icon::after,
.hdr__menu-btn-icon>span {
	content: "";
	width: 30px;
	height: 1px;
	background: #000;
	display: block;
	margin: 8px 0;
	transition: 0.5s ease;
	opacity: 1;
}

/* header.hdr__menu--show {
	height: 100vh;
	overflow: auto;
} */

.bnr__pix {
    text-align: center;
	padding: 0 0 50px;
}

.bnr__pix > video {
	width: 100%;
	height: auto;
}

.bnr__ov {
	position: absolute;
	bottom: 25px;
	right: 10px;
}

.hdr__ftr.ftr__cont {
    display: none;
}

.hdr__navi-lang img {
    width: 30px;
    height: 30px;
    margin: 5px 10px 0 0;
    vertical-align: middle;
    object-fit: contain;
    object-position: top;
}

span.hdr__tel {
    font-size: 24px;
    line-height: 1;
    color: #fcae1c;
    border-bottom: 2px solid;
    border-top: 2px solid transparent;
    font-weight: 700;
}

.slider__layout {
    position: relative;
	padding: 0;
	margin: 0 0 -10px;
}

.slider__item img {
    width: 100%;
}

.slider__ov {
    position: absolute;
    left: 6%;
    top: 40%;
    color: #fff;
}

.slider__ov-main-title {
    font-weight: 700;
    font-size: 80px;
    line-height: 1.5;
    margin: 0;
	text-shadow: 2px 2px 0 #fff, 2px 2px 5px rgba(0,0,0,0.3);
	color: #39ABBE;
}

.slider__ov-sub-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.5;
	display: block;
	color: #39ABBE;
	text-shadow: 2px 2px 0 #fff, 2px 2px 5px rgba(0,0,0,0.3);
}

.slider__ov-btn {
    font-size: 24px;
    line-height: 1;
    color: #fff;
    text-decoration: unset;
    display: inline-block;
    background: #FF7495;
    padding: 18px 50px;
    border-radius: 30px;
	margin: 30px 0 0;
	text-shadow: none;
}

.slider__ov-btn > i {
	margin: 0 0 0 20px;
}

.slider__tel {
    display: block;
    font-weight: 700;
    border-bottom: 2px solid;
    width: fit-content;
    border-top: 2px solid transparent;
    color: #fcaf17;
    line-height: 1;
}

.slider__email a {
    color: #fcae1c;
    font-size: 24px;
    text-decoration: underline;
	display: block;
}

.slider__tel-cont {
    align-items: center;
	margin: 5px 0;
}

.slider__ov-sub-title img {
    width: 30px;
    height: 28px;
    display: flex;
    margin: 0 10px 0 0;
    object-fit: cover;
    object-position: top;
}

span.slider__time {
    display: block;
	margin: 0 0 20px;
}

.slider__tel a {
    color: #f7ac17;
    text-decoration: none;
	font-size: 24px;
}

.slick-slide img {
    display: block;
    filter: opacity(0.5);
}

.am-col-auto.hdr__logo img {
    max-width: 270px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.hdr__logo a {
    color: #000;
    text-decoration: none;
    font-size: 24px;
	font-family: 'Century Gothic', sans-serif;
	position: relative;
}

.slider__item video {
    width: 100%;
	height: 660px;
	object-fit: cover;
	object-position: bottom;
}

.hdr__navi-lang a {
    display: inline-block;
}

.instagram-container {
    max-width: 1100px;
    margin: 0 auto;
}

#instagram {
    padding: 80px 0;
	background-color: #F7F6F0;
}

.instagram-container-item .am-col3 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
	border: 1px solid;
}

.nano-title2 {
    text-align: center;
}

.instagram-container-item .am-col3 {
    width: calc(100% / 12 * 3 - 70px);
    margin: 0 70px 70px 0;
}

.instagram-container-item .am-col3:last-child {
    margin: 0;
}

.instagram-container-item .ig-adj {
    margin: 0;
}

.instagram-container-item {
    justify-content: space-between;
}

.instagram-cont {
    max-width: 582px;
    margin: 50px auto 0 auto;
}

.instagram-cont .am-col4 {
    margin: 0 0 20px;
}

.ig-icon {
    margin: 0 auto;
    display: block;
}

.fc-pink {
    color: #ff7495;
}

.nanopiko-title {
    font-size: 36px;
    color: #39abbe;
	text-align: center;
}

#concerns {
    padding: 80px 0;
}

.concerns-cont {
    max-width: 1000px;
    margin: 70px auto 0 auto;
	justify-content: center;
}

.concerns-item {
    width: 250px;
    height: 250px;
    text-align: center;
    background-color: #C5E2EA;
    margin: 0 30px 0 0;
    align-content: center;
    border-radius: 50%;
	position: relative;
}

.concerns-img img {
    justify-content: center;
    text-align: center;
}

.concerns-img {
    text-align: center;
}

.concerns-desc {
    display: block;
}

.concerns-number {
    position: absolute;
    top: -5%;
    font-size: 48px;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    color: #39ABBE;
}

.concerns-text {
    text-align: center;
}

.concerns-item:last-child {
    margin: 0;
}

#process {
    background-color: #E3F1FF;
    padding: 80px 0;
}

.process-banner > img {
   height: 720px;
   width: 100%;
   object-fit: cover;
}

.process-banner_text {
  font-weight: 700;
  font-size: 50px;
  line-height: 150%;
  color: #39ABBE;
  text-shadow: 2px 2px 0 #fff, 2px 2px 5px rgba(0,0,0,0.3);
}

.process-cont {
    display: flex;
    justify-content: flex-end;
    position: relative;
	max-width: 1440px;
	margin: 0 auto;
}

.process-banner {
    max-width: 995px;
    z-index: 1;
    flex: 2;
}

.process-banner-text {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 10%;
    right: 0;
    z-index: 2;
    flex: 1;
    transform: translateY(-50%);
}

.step-cont {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0 0;
}

.step-desc {
    display: block;
    text-align: center;
	margin: 30px 0 0;
}

.am-flex.step-item_cont {
    justify-self: center;
	width: 100%;
}

.am-col4.step-item {
    margin: 0 40px 0 0;
    position: relative;
}

.am-col4.step-item:last-child {
    margin: 0;
}

.am-col4.step-item:after {
    content: "▶";
    color: #39ABBE;
    font-size: 20px;
    position: absolute;
    top: 40%;
    right: 100%;
    transform: translateX(-50%);
}

.am-col4.step-item:first-child::after {
    display: none;
}

span.step-desc.tal-l {
    text-align: left;
    max-width: 270px;
    display: block;
}

.invicible-science-diagram {
    width: 500px;
}

.invicible-science-diagram__cont {
    width: 500px;
    height: 500px;
    position: relative;
    margin: -90px 0 0;
    transform: rotate(15deg);
}

.invicible-science-item {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: absolute;
}

.first.invicible-science-item {
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    background: #7BD4E38A;
}

.second.invicible-science-item {
    bottom: 0;
    left: 25px;
    background: #F0A3B58A;
}

.third.invicible-science-item {
    bottom: 0;
    right: 25px;
    background: #9BC39880;
}

.invicible-science-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    text-align: center;
    width: 100%;
}

#invicible-science {
    padding: 80px 0;
}

.invicible-science-cont {
    max-width: 1200px;
    margin: 80px auto 0 auto;
}

.invicible-science-content {
    font-size: 16px;
    line-height: 32px;
}



#reason {
    background-color: #E3F1FF;
    padding: 80px 0;
}

.reason-cont {
    max-width: 1120px;
    margin: 0 auto;
}

.reason-item__number {
    font-size: 32px;
    font-weight: 700;
    margin: 0 10px 0 0;
}

.reason-item__subtitle {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
}

.reason-item__desc {
    font-size: 16px;
    display: block;
    line-height: 28px;
    margin: 30px 0 0;
}

.reason-item__content {
	align-content: center;
	width: calc(100% - 540px);
}

.reason-item.left .reason-item__image {
    margin: 0 30px 0 0;
    max-width: 540px;
}

.reason-item.right .reason-item__image {
    margin: 0 0 0 30px;
    max-width: 540px;
}

.reason-item {
    margin: 0 0 100px 0;
}

#usage {
    padding: 80px 0;
}

.usage-cont {
    max-width: 1120px;
    margin: 80px auto 0 auto;
}

.usage-item {
    margin: 0 20px 0 0;
    text-align: center;
    border-radius: 20px;
    background-color: #fff;
}

.usage-item:last-child {
    margin: 0;
}

.usage-subtitle {
    font-size: 24px;
    font-weight: 700;
    display: block;
    color: #39ABBE;
    margin: 20px 0;
}

.usage-image {
    border-radius: 20px 20px 0 0;
}

.usage-desc {
    padding: 0 0 20px;
    display: block;
}

#usage .am-bg-pix > img {
    filter: opacity(0.7);
}

#evidence {
    background-color: #E3F1FF;
    padding: 80px 0;
    height: 500px;
}

i.fa-solid.fa-circle-arrow-left {
	color: #3C6F36;
}

i.fa-solid.fa-circle-arrow-right {
	color: #3C6F36;
}

i.fa-solid.fa-pause {
	color: #3C6F36;
}

.slider__button {
	width: auto;
	color: #000;
	margin: 130px 0 0;
}

.slider__button a {
	padding: 20px 50px;
	border-radius: 40px;
	font-size: 16px;
}

.slider__button a img {
	margin: -5px 0 0 20px;
	vertical-align: middle;
}

.slider__container-aboutus,
.slider-nav__arrows-aboutus {
	width: calc(18% - 60px);
	margin: auto;
}

.slider__item-aboutus {
	width: 100%;
	height: auto;
}

.slider__container-aboutus {
    width: 96%;
    height: 97%;
    position: absolute !important;
    left: 50%;
    top: 1%;
    transform: translateX(-50%);
    border-radius: 14%;
    overflow: hidden;
}

.slider__layout-aboutus {
    position: relative;
    width: calc(60% - 60px);
    margin: auto;
}

.slider__item-aboutus > video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider__item-aboutus {
    height: 100%;
}

.slider__container-aboutus .slick-list,
.slider__container-aboutus .slick-track {
	height: 100% !important;
}

#application-examples .am-col6 .vid-frame {
    position: relative;
    width: 100%;
    height: auto;
}

#introduction-example {
    padding: 80px 0;
}

.introduction-example {
    margin: 80px auto;
    max-width: 1120px;
}

.introduction-example-subtitle {
    font-weight: 700;
    font-size: 20px;
    display: block;
}

.introduction-example-content {
    margin: 30px 0 0;
    display: block;
	line-height: 32px;
	font-size: 18px;
}

.introduction-example-content ul {
    margin: 0;
}

i.fa.fa-pause {
    font-size: 30px;
}

button.slider-navi__pause.dl-pausevid {
    border: none;
	background-color: #fff;
}

#customer-feedback {
    padding: 80px 0;
}

.customer-feedback-content {
	background-color: #fff;
	padding: 50px;
	z-index: 1;
	position: relative;
	margin: 0;
	display: flex;
	align-items: center;
	height: auto;
	min-height: calc(400px - 100px);
}

.customer-feedback-item {
	height: auto;
	position: relative;
	margin: 0 0 40px;
	align-items: stretch;
	background: #FFF;
}

.customer-feedback-image {
    z-index: 0;
    height: auto;
    margin: 0;
    position: relative;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}

.customer-feedback-content > p {
    margin: 0;
}

.customer-feedback-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}

.customer-feedback-cont {
    margin: 60px auto 0;
    max-width: 1440px;
}

#ceo-message {
    padding: 80px 0;
}

.ceo-message-cont {
    max-width: 1200px;
    margin: 50px auto 0 auto;
}

.ceo-message-content {
    line-height: 28px;
	margin: 0 0 0 30px;
}

span.ceo-name {
    display: flex;
	text-align: right;
}

.ceo-message-image.am-col6 {
    margin: 0 40px 0 0;
}

.ceo-signature-name img {
    width: 150px;
}

.ceo-signature-container {
    justify-content: flex-end;
    margin: 30px 0 0;
}

#certification-standards-info {
    padding: 80px 0;
    background-color: #e3f1ff;
}

.certification-standards-info-cont {
    max-width: 340px;
    margin: 80px auto 0 auto;
}

#faq {
    padding: 80px 0;
}

.faq-cont {
    max-width: 1200px;
    margin: 0 auto;
}

.faq-tab__container {
    margin: 50px 0 0;
}


.faq-submenu__item {
    border-left: 1px solid #2584a0;
    padding: 15px 20px;
}

.faq-submenu__item:hover {
    border-left: 1px solid #2584a0;
}

.faq-submenu__item::after {
    content: ">";
    display: inline-block;
    transform: rotate(90deg) scale(0.7, 1.25);
    margin: 0 0 0 15px;
}

.faq-submenu__item:last-child {
    border-right: 1px solid #2584a0;
}

.faq-submenu {
    margin: 0 0 40px;
}

.faq-tab__title {
	position: relative;
	padding: 20px 0 25px;
	margin: 0 0 40px;
	font-size: 24px;
}

.faq-tab__title::after {
    content: "";
    width: 80px;
    height: 1px;
    background: #2584a0;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.faq-tab__bnr {
    width: 100%;
    height: calc(25vw - 40px);
    margin: 0 0 40px;
}

.faq-tab__bnr > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faq-item {
	margin: 0 0 20px;
}

.faq-item_q {
    background: #f7f7f7;
    color: #39ABBE;
    border: 1px solid #b8b8b8;
    text-align: left;
    display: flex;
    align-items: center;
    position: relative;
}

.faq-item_q h5 {
    font-size: 16px;
	margin: 0;
}

.faq-item_a {
    background: #f7f7f7;
    color: #2A2A2A;
    border: 1px solid #b8b8b8;
    text-align: left;
    display: flex;
    align-items: center;
    position: relative;
}

.faq-item_q::before, .faq-item_a::before {
    content: "Q";
    width: 30px;
    padding: 0 15px 10px;
    margin: 10px 0;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.faq-item_a::before {
    content: "A";
	align-content: center;
}

.faq-item_q > h5 {
    border-left: 1px solid #b8b8b8;
    padding: 0 0 0 15px;
    color: #333333;
    font-weight: 700;
}

.faq-item_a > p {
    border-left: 1px solid #b8b8b8;
    padding: 0 0 0 15px;
    color: #333333;
    font-weight: 400;
	width: calc(100% - 30px);
}

.faq-item_a {
    background: #ffffff;
    border-width: 0 1px 1px;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease;
}

.faq-item_q::after {
    content: "+";
    position: absolute;
    right: 30px;
    font-weight: bold;
    font-size: 30px;
    transition: 0.5s ease;
}

.faq-item.show .faq-item_q::after {
    content: "–";
    transform: rotate(180deg);
}

.faq-item.show .faq-item_a {
    max-height: 500px;
	padding: 10px 0;
}

#contact-us {
    padding: 80px 0;
}

.form-contol, .form-area {
	background-color: #fff;
	outline: none;
	border: 1px solid #666666;
	width: 95%;
	padding: 0 15px;
}

.form-contol ::-moz-placeholder, .form-area ::-moz-placeholder {
	color: #919191;
}
.form-contol ::placeholder, .form-area ::placeholder {
	color: #919191;
}

.form-contol {
	height: 50px;
}

.form-area {
	height: 12.7rem;
	resize: none;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.form-contact--table {
	width: 100%;
	margin: 80px 0 0;
	border-collapse: collapse;
}
.form-contact--table tr td:first-child {
	width: 350px;
	color: #000;
	padding-right: 30px;
}
.form-contact--table tr td:last-child {
	width: calc(100% - max(31.6rem, 210px));
}

.contact-stiker {
	display: flex;
	font-size: 14px;
	color: #fff;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 32px;
	border: 1px solid #888888;
	float: right;
	background: #888888
}

.form-contact {
	padding-top: 7.6rem;
}

.contact-stiker--red {
	color: #000;
	border-color: #F7F6F0;
	background: #F7F6F0;
	font-weight: 700;
}

.tr-main-area {
	vertical-align: top;
}

.txt-form-privacy {
	color: #000;
	margin-top: 2rem;
}

.form-submit {
	border: 0;
	outline: 0;
	background-color: #C5E2EA;
	box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
	display: inline-block;
	cursor: pointer;
	color: #000;
	width: 380px;
	height: 52px;
	font-size: 16px;
	border-radius: 50px;
	font-weight: 700;
}
.form-submit:after {
	content: none;
}

.submit-form {
	text-align: center;
	padding-top: 50px;
	position: relative;
}

.submit-form .wpcf7-spinner {
	margin: 0 !important;
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translateX(-50%);
}

.contact-us-cont {
	max-width: 1000px;
	margin: 0 auto;
}

.ftr {
    max-width: 1200px;
    margin: 0 auto 20px;
    justify-content: center;
}

.ftr__cont {
    justify-content: space-between;
    margin: 0 0 20px 0;
}

footer {
	padding: 80px 0 0;
}

.ftr-address {
    font-size: 18px;
}

.ftr-menu ul li {
    list-style: none;
}

.ftr-menu ul {
    padding: 0;
}

.ftr__logo a {
    font-size: 70px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
}

footer .am-col-auto {
    margin: 0 40px 0 0;
}

.am-col-auto.ftr-btn {
    margin: 0;
	align-content : center;
}

.ftr-menu p {
    font-weight: 700;
    font-size: 18px;
    font-weight: 700;
}

.ftr-menu {
    font-size: 18px;
    line-height: 32px;
}

.ftr-tel a {
    font-size: 36px;
    font-weight: 700;
    color: #39abbe;
    line-height: 32px;
    margin: 20px 0;
}

.ftr-tel img {
    width: 50px;
    vertical-align: middle;
}

img.line-icon {
    width: 58px;
}

.ftr-line {
    border: 1px solid #2F4B53;
    border-width: 1px 0 0 0;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
}

p.ftr-text {
    margin: 0;
}

.ftr__cpright {
    background: #39ABBE;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    align-content: center;
    border: none;
    color: #D9D9D9;
	filter: brightness(0.85);
}

span.wpcf7-list-item-label {
	vertical-align: top;
}

i.fa.fa-play {
    font-size: 30px;
}

#thanks {
    padding: 80px 0;
}

#thanks .am-bg-cont {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.thanks-cont {
    margin: 80px 0 0;
}

.slider__ov-sub-title .fc-pink::before, .slider__ov-sub-title .fc-pink::after {
    content: "";
    width: 70px;
    height: 3px;
    display: inline-block;
    background: #FF7495;
    vertical-align: middle;
}

.slider__ov-sub-title .fc-pink::before {
    transform: rotate(60deg);
}

.slider__ov-sub-title .fc-pink::after {
    transform: rotate(-60deg);
    margin: 0 0 0 -10px;
}

.submit-form i {
    position: absolute;
    top: 69%;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    right: 36%;
}

.np-fixed.pc {
	display: block;
	position: fixed;
	width: auto;
/* 	right: max(10px, calc(50vw - 720px)); */
	right: 100px;
	bottom: 0;
	z-index: 5;
	transition: bottom 0.5s ease;
}

.np-fixed.pc .np-fixed__btn.dload {
    background: #39ABBE;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: unset;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    width: calc(160px - 20px);
    height: calc(90px - 20px);
}

.np-fixed.pc .np-fixed__btn.dload > i.fa {
    display: block;
    margin: 0 0 5px;
}

.np-fixed.sp {
	display: none;
}

.pc-only {
	display: block;
}

.sp-only {
	display: none;
}

.ftr-logo {
    max-width: 305px;
    height: 105px;
    object-fit: contain;
}

#about {
    padding: 80px 0;
}

.about-container {
    max-width: 1200px;
    margin: 0 auto;
}

.about-content {
    margin: 0 0 0 30px;
    align-content: end;
	font-size: 20px;
    line-height: 40px;
}

.noto-serif {
	 font-family: Noto Serif JP;
}

#pickup {
    padding: 80px 0;
}

.pickup-container {
    max-width: 1200px;
    margin: 0 auto;
}

.pickup-content {
    margin: 0 0 0 30px;
	line-height: 2;
}

.pickup-subtitle {
    display: block;
    border: 1px solid;
    width: fit-content;
    padding: 10px 20px;
    margin: 0 0 20px;
}

.pickup-logo {
    display: block;
    margin: 20px 0;
    font-size: 40px;
    font-weight: 500;
}

.pickup-content1 {
    display: block;
}

.pickup-image img {
    min-height: 520px;
    object-fit: cover;
}

.pickup-subcont {
    margin: 50px 0 0;
}

.easy-to-dilute-image {
    width: 600px;
}

.easy-to-dilute-content {
    width: calc(100% - 600px);
}

#product {
    padding: 80px 0;
}

.product-container {
    max-width: 1200px;
    margin: 0 auto;
}

.fs-32 {
	font-size: 32px;
}

.hydrogen-nanogas {
    margin: 100px 0 50px;
}

.hydrogen-nanogas-content {
    line-height: 28px;
	max-width: 1000px;
    margin: 0 auto;
}

.hydrogen-nanogas-image img {
    width: 100%;
}

.hydrogen-nanogas-image:last-child {
    margin: 0 0 0 auto;
    width: 300px;
}

.hydrogen-nanogas-images__cont {
    margin: 50px auto;
	max-width: 1000px;
}

.results-strelization-title {
    font-size: 20px;
    font-weight: 700;
}

.results-strelization-image img {
    width: calc(100% - 30px);
    margin: 0 0 0 30px;
}

.arrow-img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.results-strelization-desc2 {
    color: #39ABBE;
    font-size: 20px;
    font-weight: 700;
/*     max-width: 507px; */
    margin: 30px auto 0;
	text-align: center;
}

.results-strelization-image {
    max-width: 537px;
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
    display: block;
}

.results-strelization::before,
.results-strelization::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 125px;
    border: solid #39ABBE;
}

.results-strelization {
    position: relative;
    padding: 40px 0;
}

.results-strelization::before {
    left: 0;
    border-width: 1px 0 1px 1px;
}
.results-strelization::after {
    right: 0;
	border-width: 1px 1px 1px 0;
}

.results-strelization-container {
    padding: 0 30px;
    position: relative;
    z-index: 1;
}

.easy-to-dilute-content ol {
    padding: 0 0 0 20px;
}

.features-container {
    max-width: 1200px;
    margin: 0 auto;
}

.features-subcont {
    text-align: center;
	justify-content: center;
	margin: 50px 0 0;
}

.features-subtitle2 {
    display: block;
    font-size: 20px;
    font-weight: 700;
}

.features-item {
    background-color: #C5E2EA;
    color: #fff;
    width: calc(25vw - 30px);
    height: calc(25vw - 30px);
    margin: 0 30px 0 0;
    align-content: center;
    border-radius: 50%;
    max-width: calc(250px - 30px);
    max-height: calc(250px - 30px);
}

.features-desc {
    margin: 100px 0 30px;
}

#features {
    padding: 80px 0;
}

.easy-to-dilute-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0 0;
}

.easy-to-dilute-content {
    margin: 0 0 0 30px;
	font-size: 16px;
	line-height: 40px;
}

.easy-to-dilute-subtitle {
    display: block;
    margin: 0 0 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: 58px;
}

#useful {
    padding: 0 0 80px;
}

.useful-container {
    max-width: 1200px;
    margin: 0 auto;
}

.useful-subcont img {
    text-align: center;
    width: 100%;
}

.useful-subcont {
    margin: 50px auto 0;
	max-width: 1000px;
}

#usage-scenarios {
    padding: 80px 0;
}

.usage-scenarios-container {
    max-width: 1200px;
    margin: 0 auto;
}

.usage-scenarios-subcont {
    margin: 50px 0 0;
}

.usage-scenarios-item {
    margin: 0 20px 0 0;
}

.usage-scenarios-item img {
    min-height: 190px;
    object-fit: cover;
    margin: 0 0 -8px;
}

.usage-scenarios-content {
    background-color: #F7F6F0;
    padding: 10px;
    text-align: center;
    min-height: 140px;
    align-content: center;
}

.usage-scenarios-subtitle {
    font-weight: 700;
    font-size: 20px;
    display: block;
    margin: 0 0 10px;
}

#children-growing, #disinfecting-deodorizing {
    padding: 80px 0;
}

.children-growing-container, .disinfecting-deodorizing-container {
    max-width: 1200px;
    margin: 0 auto;
}

.children-growing-subcont, .disinfecting-deodorizing-subcont {
    margin: 50px 0 0;
}

.children-growing-content, .disinfecting-deodorizing-content {
    align-content: center;
    margin: 0 0 0 30px;
    font-size: 16px;
    line-height: 28px;
}

.application-examples-container {
    max-width: 1200px;
    margin: 0 auto;
}

#application-examples {
    padding: 80px 0;
}

.ceo-message-container {
    max-width: 1150px;
    margin: 0 auto;
}

.contact-container {
    max-width: 1000px;
    margin: 0 auto;
}

#contact-us .nano-title {
    text-align: center;
}

.footer-address {
    max-width: 400px;
}

.footer-menu ul li {
    list-style: none;
    padding: 0 15px;
    border: 1px solid;
    border-width: 0 1px 0 0;
    text-align: center;
    display: block;
}

.footer-menu ul {
    padding: 0;
}

.footer-menu ul li:first-child {
    border-width: 0 1px;
}

.footer-copyright {
    text-align: right;
/*     margin: 70px 0 0 0; */
/* 	margin: 100px 0 0 0; */
}


.footer__cont .am-col7 {
    text-align: left;
    margin: 0 0 0 50px;
    width: calc(100% / 12 * 7 - 50px);
}


.footer__cont .am-col5 iframe {
    width: 100%;
}

.footer__cont {
    max-width: 1200px;
}

.ftr-copyright {
    background-color: #8E5343;
    color: #fff;
    padding: 5px;
    margin: 40px 0 -10px;
}

.ftr-address {
    display: block;
    margin: 0 0 10px;
}

.footer-menu a {
    color: #000;
    text-decoration: none;
}

.footer-menu-subcont {
	display: flex;
	justify-content: end;
}

.thanks-container {
    max-width: 1200px;
    margin: 0 auto;
}

.am-anchor {
    position: relative;
}

.am-anchor > span {
    position: absolute;
    top: -100px;
}

.form-contact--table tr td {
    border: 1px solid #CCCCCC;
    border-width: 1px 0;
}

.form-contact--table tr td:first-child {
    border: 4px solid #C5E2EA;
    border-width: 4px 0;
}

.form-dropdown {
    width: 100%;
}

.hdr__navi-submenu {
    display: none;
}

.usage-scenarios-item:last-child {
    margin: 0;
}

.br-sp {
	display: none;
}

.introduction-example-item ul li {
	line-height: 32px;
}

.nano-title {
    letter-spacing: 4pt;
}

.ftr-sns-logo_img {
    max-width: 250px;
}

.hdr__navi-lang.sp-menu-btn {
	display: none;
}

.pc-only-usage {
    display: flex;
}

.footer-menu-subcont {
    display: none;
}

/* @media screen and (max-width: 1770px) {
    .np-fixed.pc.bottom {
        bottom: 70px;
    }
} */

@media screen and (max-width: 1200px) {
	.invicible-science-diagram {
		width: 50vw;
	}

	.invicible-science-diagram__cont {
		width: 50vw;
		height: 50vw;
		margin: -7.5vw 0 0;
		transform: rotate(15deg) translateX(2vw);
	}

	.invicible-science-item {
		width: 25vw;
		height: 25vw;
	}

	.first.invicible-science-item {
		top: 7.5vw;
	}

	.second.invicible-science-item {
		left: 2vw;
	}

	.third.invicible-science-item {
		right: 2vw;
	}
}

@media screen and (max-width: 1024px) {
	.slider__ov {
		top: 28%;
	}
	
	.form-contol, .form-area {
		width: 94%;
	}
	
	.reason-cont {
		margin: 0 10px;
	}

	.usage-cont {
		margin: 80px 20px;
	}

	.ceo-message-cont {
		margin: 80px 20px;
	}

	.faq-cont {
		margin: 80px 20px;
	}

	.ftr {
		margin: 0 20px;
	}
	
	.slider__ov-btn {
		font-size: 18px;
		padding: 18px 30px;		
	}
	
	.step-cont {
		margin: 0 20px;
	}

	.concerns-cont {
		margin: 50px 20px;
	}

	.process-cont {
		margin: 0 10px;
	}

	.invicible-science-cont {
		margin: 80px 20px;
	}
	
	#about {
		margin: 0 10px;
	}

	#pickup {
		margin: 0 10px;
	}

	#product {
		margin: 0 10px;
	}

	#features {
		margin: 0 10px;
	}

	.features-item {
		width: 20vw;
		height: 20vw;
	}

	.reason-item__image {
		width: 50%;
	}

	.reason-item__content {
		width: calc(100% - 510px);
	}

	.reason-item {
		width: 100%;
	}

	.reason-item.left .reason-item__image {
		max-width: 100%;
		width: 50%;
	}

	#useful {
		margin: 0 10px;
	}

	#usage-scenarios {
		margin: 0 10px;
	}

	.usage-scenarios-content {
		min-height: 150px;
		padding: 10px 2px;
	}
	
	#children-growing, #disinfecting-deodorizing {
		margin: 0 10px;
	}
	
	#application-examples {
		margin: 0 10px;
	}
}

@media screen and (max-width: 820px) {
	.ftr__logo a {
		font-size: 40px;
	}

	.ftr__cont.am-flex {
		flex-wrap: wrap;
	}

	.am-col-auto.ftr-btn {
		margin: 0 auto;
		text-align: center;
		width: auto;
	}

	p.ftr-text {
		text-align: center;
		margin: 0 0 20px;
	}
	
	.ftr-tel a {
		font-size: 28px !important;
	}
	
	.concerns-item {
		width: 250px;
		height: 250px;
	}
	
	.reason-item.left .reason-item__image {
		max-width: 350px;
	}

	.reason-item__content {
		width: calc(100% - 350px);
	}
	
	.reason-item.right .reason-item__image {
		max-width: 350px;
	}
	
	 .form-contol, .form-area {
        width: 90%;
    }
	
	.results-strelization-image img {
		width: 90%;
	}
	
	.am-col6.introduction-example-item:first-child {
		width: calc(100% / 12 * 5);
	}

	.introduction-example {
		justify-content: center;
	}
	
	.slider__ov-main-title {
		font-size: 50px;		
	}
	
	.slider__ov-sub-title {
		font-size: 40px;
	}
	
	.customer-feedback-image {
		width: 100%;
		clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
	}

	.customer-feedback-content {
		width: 100%;
		min-height: unset;
		padding: 20px;
	}

	.customer-feedback-item {
		flex-wrap: wrap;
	}
	
	.results-strelization-image:last-child {
		margin: 30px auto 0;
	}

	.usage-scenarios-item:last-child {
		margin: 0;
	}
	
	.footer__container .am-col5 {
		width: calc(100% / 12 * 4);
	}

	.footer__cont .am-col7 {
		width: calc(100% / 12 * 8);
		margin: 0;
	}
	
	.features-subtitle2 {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	   .concerns-item {
        width: 220px;
        height: 220px;
    }
}

@media screen and (max-width: 767px) {
	.slider__ov-sub-title {
		font-size: 20px;
	}

	.slider__ov-main-title {
		font-size: 25px;
	}

	.slider__ov {
		top: 30%;
	}

	.slider__ov-btn {
		font-size: 16px;
		padding: 10px 15px;
		margin: 10px 0 0;
	}

	.nanopiko-title {
		font-size: 26px;
	}

	.concerns-cont.am-flex {
		display: block;
	}

	.concerns-text {
		margin: 0 20px;
	}

	.process-banner_text {
		font-size: 20px;
		text-shadow: unset;
	}
	
	.step-desc.tal-l.third {
		margin: 0 auto;
		width: fit-content;
	}

	.process-banner > img {
		height: auto;
	}

	.step-item_cont {
		display: block;
	}

	.step-item_cont .am-col4 {
		width: 100%;
	}

	.step-desc {
		margin: 0 0 30px;
	}
	
	.slider__ov-sub-title {
		font-size: 28px;
	}

	.slider__ov-main-title {
		font-size: 40px;
		text-align: center;
	}

	.slider__ov {
        top: 30%;
        left: 50%;
        min-width: 350px;
        text-align: center;
        transform: translateX(-50%);
    }
	
	.slider__ov-sub-title .fc-pink {
		text-align: left;
		display: inline-block;
		width: 100%;
	}

	.slider__ov-btn {
		font-size: 16px;
		padding: 15px;
		margin: 10px 0 0;
		width: 100%;
	}

	.nanopiko-title {
		font-size: 24px;
		line-height: 1.8;
	}

	.concerns-cont.am-flex {
		display: none;
	}

	.am-col4.concerns-item {
		width: calc(75vw - 20px);
		height: calc(75vw - 20px);
		max-height: 300px;
		max-width: 300px;
		margin: 0 auto 40px auto;
	}

	.concerns-text {
		margin: 0 20px;
	}

	.process-banner_text {
		font-size: 20px;
	}

	.process-banner > img {
		height: auto;
	}

	.step-item_cont {
		display: block;
	}

	.step-item_cont .am-col4 {
		width: 100%;
	}

	.step-desc {
		margin: 0 0 50px;
	}

	#invicible-science .am-bg-cont {
		margin: 0 10px;
	}

	.invicible-science-cont {
		display: block;
		margin: 40px 10px;
	}

	.invicible-science-item {
		width: 200px;
		height: 200px;
	}

	.invicible-science-content ul {
		padding: 0 0 0 20px;
	}

	#invicible-science .slider__ov-btn {
		text-align: center;
		padding: 15px 30px;
		width: auto;
	}

	.reason-item.am-flex {
		display: flex;
		flex-wrap: wrap;
	}

	.reason-item.left .reason-item__image {
		width: 100%;
		margin: 0;
	}

	.reason-item__content {
		width: 100%;
		order: 2;
	}

	.reason-item__number {
		text-align: center;
		display: block;
		margin: 0 0 10px;
	}

	.reason-item__subtitle {
		text-align: center;
		line-height: 32px;
		display: block;
		font-size: 22px;
	}

	.reason-item.right .reason-item__image {
		margin: 0;
		order: 1;
	}

	.reason-item__desc {
		margin: 15px 0 0;
	}
	
	.concerns-cont {
		margin: 40px 10px;
	}

	.invicible-science-cont {
		margin: 40px auto;
	}
	
	.usage-cont {
		margin: 40px 10px;
	}

	.ceo-message-cont {
		margin: 40px 10px;
	}

	.faq-cont {
		margin: 40px 10px;
	}
	
	.usage-cont {
		display: block;
	}

	#usage .am-col4 {
		width: 100%;
		margin: 0 0 50px;
	}
	
	#introduction-example {
		padding: 40px 0;
	}

	.introduction-example.am-flex {
		display: block;
		margin: 40px auto;
	}

	.am-col6.introduction-example-item:first-child {
		width: calc(100% - 20px);
	}

	.slider-nav__arrows-aboutus.slider-navi.slider-navi_main {
		width: calc(25% - 60px);
	}

	.am-col6.introduction-example-item {
		width: calc(100% - 20px);
		margin: 30px 10px 0;
	}

	#introduction-example .slider__ov-btn {
		padding: 15px 30px;
		text-align: center;
		margin: 20px 0;
		width: auto;
	}
	
	.step-cont {
        margin: 0 10px;
    }
	
	.form-contact--table tr td {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.form-contol, .form-area {
		width: calc(100% - 35px);
	}

	.form-contact--table tr td:last-child {
		width: 100%;
	}

	.contact-stiker.contact-stiker--red {
		margin: 0 0 0 20px;
	}

	.wpcf7-list-item.first {
		margin: 0;
	}

	.form-contact--table tr td:first-child p {
		margin: 0;
	}

	.contact-stiker.contact-stiker {
		margin: 5px 0 5px 20px;
	}

	.form-contact--table {
		margin: 40px 10px;
		width: calc(100% - 20px);
	}

	#contact-us {
		padding: 40px 0;
	}
	
	.invicible-science-diagram__cont {
		width: 100vw;
		height: 100vw;
		margin: -15vw auto 10vw 2vw;
		font-size: 3.5vw;
		line-height: 1.6;
	}

	.invicible-science-diagram {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.invicible-science-cont.am-flex {
		flex-wrap: wrap;
	}

	.invicible-science-item {
		width: 50vw;
		height: 50vw;
	}

	.second.invicible-science-item {
		left: 4vw;
	}

	.first.invicible-science-item {
		top: 15vw;
	}

	.third.invicible-science-item {
		right: 4vw;
	}
	
	.introduction-example-content ul {
		padding: 0 0 0 20px;
	}
	
	#ceo-message {
		padding: 40px 0;
	}

	.ceo-message-cont {
		display: block;
	}

	#ceo-message .am-col6 {
		width: 100%;
	}
	
	#instagram .am-col4 {
		width: calc(100% / 12 * 6);
		margin: 0 0 2px;
	}
	
	#instagram .am-col4 img {
		width: calc(98% - 10px);
		margin: 0 5px 5px;
	}

	.instagram-cont {
		max-width: 100%;
	}

	.instagram-cont.am-flex.wrap {
		text-align: center;
		margin: 40px 10px 0;
	}
	
	.form-contact--table tr td p {
		width: 100%;
	}

	.form-contact--table tr td:first-child {
		width: 100%;padding-right: 0;
	}

	.area-main {
		width: 100%;
	}
	
	.contact-stiker {
		display: inline-block;
		float: unset;
		text-align: center;
		padding: 4px 0 6px;
		line-height: 1;
		height: auto;
	}
	
	.reason-item.left .reason-item__image,
	.reason-item.right .reason-item__image {
    	max-width: unset;
	}
	
	.am-col4.step-item img {
		width: 100%;
	}
	
	.am-col4.step-item:after {
		content: "▼";
		left: 50%;
       	transform: translateX(-50%);
        top: -10%;
        width: 20px;
	}
	
	.faq-item_q > h5 {
		width: calc(100% - 120px);
	}

	.faq-item_q::after {
		right: 20px;
	}
	
	#faq {
		padding: 40px 0;
	}

	#certification-standards-info {
		padding: 40px 0;
	}
	
	.slider__ov-sub-title .fc-pink::before, .slider__ov-sub-title .fc-pink::after {
		width: 30px;
	}
	
	#instagram {
		padding: 40px 0;
	}

	.certification-standards-info-cont {
		margin: 40px auto 0;
	}

	#invicible-science {
		padding: 40px 0;
	}

	#reason {
		padding: 40px 0;
	}

	#usage {
		padding: 40px 0;
	}

	#evidence {
		padding: 40px 0;
	}

	#customer-feedback {
		padding: 40px 0;
	}
	
	.nm-button {
		margin: 0 auto;
		text-align: center;
	}
	
	#sect-slider .slider__ov-btn {
		width: unset;
		font-size: 24px;
		padding: 15px 20px;
	}
	
	#process {
		padding: 40px 0;
	}
	
	.np-fixed {
		display: block;
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 5;
	}
	
	.np-fixed__cont {
		display: flex;
		background: #FFF;
		color: #39ABBE;
		border: 1px solid;
		text-align: center;
		border-radius: 10px;
		padding: 5px;
		width: calc(100% - 30px);
		margin: 0 auto 10px;
	}
	
	.np-fixed__btn {
		display: block;
		width: 50%;
		color: #39ABBE;
		text-decoration: unset;
		padding: 8px 0;
		font-weight: 700;
	}
	
	.np-fixed__btn:first-child {
		border-right: 1px solid #39ABBE;
	}
	
	.np-fixed__btn > i.fa {
		margin: 0 5px 0 0;
	}
	
	.np-fixed.sp {
		display: block;
	}
	
	.np-fixed.pc {
		display: none;
	}
	
	.pc-only {
		display: none;
	}

	.sp-only {
		display: block;
	}
	
	.hdr__navi {
		width: auto;
	}
	
	.hdr__navi-lang {
		display: none;
	}
	
	.slider__container {
		margin: 100px 0 0;
	}
	
	#about {
		padding: 40px 0;
	}

	h2.nano-title.noto-serif {
		font-size: 24px;
		line-height: 1.5;
	}

	.fs-32 {
		font-size: 20px;
		margin: 10px 0 30px;
	}
	
	h2.nano-title.noto-serif.about-fs-jp {
		font-size: 24px;
	}
	
	p.noto-serif.fs-32.about-fs-jp {
		font-size: 20px;
		line-height: 1.8;
	}
	
	.hydrogen-nanogas-image img {
		width: calc(100% - 120px);
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	
	.about-fs-en {
		font-size: 24px;
	}

	.about-subcont {
		display: block;
	}

	.about-image {
		width: 100%;
	}

	.about-content {
		width: 100%;
		margin: 0;
	}

	#pickup {
		padding: 40px 0;
	}

	.pickup-subcont {
		margin: 30px 0;
		display: block;
	}

	.pickup-image {
		width: 100%;
	}

	.pickup-image img {
		min-height: 150px;
	}

	.pickup-content {
		margin: 20px 0 0;
		width: 100%;
	}
	
	.reason-item {
		margin: 0 0 30px 0;
	}

	.pickup-logo {
		font-size: 24px;
		margin: 0 0 10px;
	}

	#product {
		padding: 40px 0;
	}

	.pickup-subcont {
		margin: 30px 0 0;
	}
	
	.reason-item__image {
        width: 100%; 
	}
	
	.easy-to-dilute-container {
		padding: 40px 0 0;
	}

	.easy-to-dilute-subcont {
		display: block;
	}

	.easy-to-dilute-image {
		width: 100%;
	}

	.easy-to-dilute-content {
		width: 100%;
		margin: 10px 0 0;
	}

	.easy-to-dilute-subtitle {
		font-size: 20px;
		line-height: 1.8;
	}

	#features {
		padding: 40px 0;
	}

	#usage-scenarios {
		padding: 40px 0;
	}

	.usage-scenarios-subcont {
		display: block;
	}

	.usage-scenarios-item {
		width: 100%;
	}

	.usage-scenarios-content {
		margin: 0 0 30px;
	}

	#children-growing, #disinfecting-deodorizing {
		padding: 40px 0;
	}

	.children-growing-subcont {
		display: block;
	}

	.children-growing-image {
		width: 100%;
	}

	.children-growing-content {
		width: 100%;
		margin: 10px 0 0;
	}
	
	.submit-form i {
        top: 29%;
        right: calc(50% - 130px);
    }
	
	.submit-form {
		padding: 0;
	}

	.form-submit {
		max-width: 300px;
	}

	.ceo-message-image {
		width: 100%;
	}

	.ceo-message-content {
		width: 100%;
		margin: 15px 0 0;
	}
	
	.disinfecting-deodorizing-subcont {
		display: block;
	}

	.disinfecting-deodorizing-image {
		width: 100%;
	}

	.disinfecting-deodorizing-content {
		width: 100%;
		margin: 10px 0 0;
	}
	
	.footer__cont {
		display: block;
	}

	.footer__container .am-col5 {
		width: 100%;
		text-align: center;
	}

	.footer-menu {
		display: block;
	}

	.footer-menu-subcont {
		display: block;
	}

	.footer-menu-subcont .am-flex {
		display: flex;
        flex-wrap: wrap;
	}

	.footer-menu ul li {
		border-width: 0 0 1px;
		padding: 15px 0;
		margin: 0 10px 20px;
        width: calc(100% / 2 - 20px);
	}

	.footer-menu ul li:first-child {
		border-width: 0 0 1px;
	}

	.footer__cont .am-col7 {
		max-width: 350px;
		margin: 0 auto;
	}

	footer {
		padding: 40px 0 0;
	}
	
	.footer-copyright {
		text-align: center;
		margin: 0 0 80px 0;
	}
	
	.features-subcont {
		display: none;
	}

	.pc-only-usage {
		display: none;
	}

	.features-item {
		width: 50vw;
		height: 50vw;
		margin: 0 auto 20px;
	}
	
	.hydrogen-nanogas-images__cont {
		display: block;
	}

	.hydrogen-nanogas-image {
		width: 100%;
		margin: 0 0 30px;
	}
	
	.results-strelization-subcont {
		display: block;
	}

	.results-strelization-content {
		width: 100%;
		margin: 0 0 20px;
	}

	.results-strelization-image {
		width: 100%;
	}
		
	#application-examples {
		padding: 40px 0;
	}
	
	.reason-cont {
        margin: 0;
    }
	
	#useful {
		padding: 40px 0;
	}
	
	.thanks-container {
		margin: 0 10px;
	}
	
	.hydrogen-nanogas-image:last-child {
		margin: 0 0 0 auto;
		width: 100%;
	}
	
	#ceo-message h2.nano-title.noto-serif {
		margin: 0 10px;
	}
	
	.form-contact--table tr td:last-child {
		margin: 0 0 40px;
	}
	
	.hdr__menu-btn {
		display: block;
		position: relative;
		transform: unset;
		top: unset;
		left: unset;
		right: unset;
		border: unset;
		background: #fff;
	}

	.hdr__logo>a>img {
		width: 100%;
		height: auto;
	}

	.hdr__logo a {
		width: 100%;
		display: block;
	}
	
	.hdr__logo {
		margin: 0 auto 0 0;
		text-align: left;
	}
	
	.am-col-auto.hdr__logo img {
		max-width: 200px;
	}
	
	.hdr__navi-submenu {
		display: none;
		position: relative;
		z-index: 2;
		margin: 0;
		width: calc(100% - 1px);
		transition: height 0.5s ease;
	}
	
	header.hdr__menu--show .hdr__navi-submenu {
		display: block;
		background-color: #C5E2EA;
		padding: 30px 0 40px;
	}

	.hdr__navi-submenu li a,
	.hdr__navi-submenu li:last-child a {
		color: #fff;
		font-weight: 200;
		width: 100%;
		text-align: center;
		font-size: 16px;
		display: block;
		white-space: nowrap;
		text-decoration: none;
	}

	.hdr__navi-btn-cont .hdr__navi-btn:last-child,
	.hdr__navi-btn-cont .hdr__navi-btn:first-child {
		border-radius: 25px;
		display: block;
		margin: 50px auto 10px;
		font-size: 16px;
	}
	
	.hdr__navi-submenu li {
		list-style: none;
		text-align: center;
		display: block;
		line-height: 1;
		width: calc(100% / 3 - 22px);
		border: 1px solid #fff;
        height: 100px;
		padding: 10px;
	}
	
	.hdr__navi-cont li a span {
		display: block;
		margin: 5px 0;
		font-weight: 400;
        font-family: 'Zen Kaku Gothic New';
	}
	
	.hdr__navi-submenu li:nth-child(even) {
		border-width: 1px 0;
	}

	.hdr__navi-submenu li:nth-child(odd) {
		border-width: 1px 1px 0;
	}

	.hdr__navi-submenu li:nth-child(4n) {
		border-width: 1px 0 1px 1px;
	}

	.hdr__navi-submenu li:nth-child(5n) {
		border-width: 0 1px 1px;
	}

	.hdr__navi-submenu li:nth-child(6n) {
		border-width: 1px 1px 1px 0;
	}
	
	.hdr__navi-cont {
		width: calc(100% - 20px);
        margin: 0 15px;
	}

	header .am-container {
		width: 100%;
	}

	.hdr__navi-cont li img {
		width: 58px;
		height: 58px;
		object-fit: contain;
	}
	
	.hdr__navi-subtitle {
		display: block;
		text-align: center;
		font-size: 20px;
		font-family: 'Noto Serif JP';
		color: #fff;
        margin: 0 0 20px;
	}
	
	header.hdr__menu--show .hdr__logo {
		text-align: center;
	}
		
	.hdr__menu--show .hdr__menu-btn-icon>span {
		opacity: 0;
	}

	.hdr__menu--show .hdr__menu-btn-icon::before {
		transform: translateY(8px) rotate(225deg);
	}

	.hdr__menu--show .hdr__menu-btn-icon::after {
		transform: translateY(-10px) rotate(-225deg);
	}

	.hdr__menu--show .hdr__navi {
		max-height: 1000px;
	}
	
	header.hdr__menu--show {
		height: 100vh;
		overflow: auto;
	}
	
	.hdr__navi-lang.sp-btn {
		display: block;
		margin: 20px 0 80px;
	}
	
	.hdr__navi-lang.sp-btn a{
		width: 100%;
	}
	
	.features-desc {
		margin: 20px 0 30px;
	}
	
	.form-contact--table tr td:first-child {
		border-width: 0 0 4px;
	}
	
	.br-sp {
		display: block;
	}
	
	.introduction-example-item ul {
		padding: 0 0 0 20px;
	}
	
	.slider__layout-aboutus {
		width: calc(75% - 60px);
	}
	
	.hdr__layout {
		height: 80px;
	}
	
	.results-strelization-desc2 {
		text-align: left;
	}
	
	.hdr__navi-submenu li a, .hdr__navi-submenu li:last-child a {
        margin: 10px 0;
    }
	
	.am-col-auto.hdr__logo img {
		margin: 0 0 0 5px;
	}
	
	.hdr__menu--show .np-fixed__cont {
		display: none;
	}
	
	.hdr__navi-lang.sp-menu-btn {
		display: block;
	}
	
	header .hdr__navi-lang.sp-menu-btn {
		display: none;
	}
	
	header.hdr__menu--show .hdr__navi-lang.sp-menu-btn {
		display: block;
		margin: 30px auto;
        width: 240px;
        padding: 12px 8px;
		font-weight: 700;
        font-family: 'Zen Kaku Gothic New';
	}
	
	header.hdr__menu--show .hdr__navi-lang.sp-menu-btn img {
		width: 15px;
		height: 15px;
		object-fit: contain;
		margin: 0 0 0 5px;
	}
	
}

@media screen and (max-width: 390px) {
	.hdr__navi-submenu li a, .hdr__navi-submenu li:last-child a {
        font-size: 14px;
    }
}