@charset "UTF-8";



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 共通 */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* 緑の太字テキスト */
.hydrogen .green_l_txt{
	font-family: a-otf-ryumin-pr6n, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 190%;
    color: #064f43;
    line-height: 1.8 !important;
    letter-spacing: 0.1em;
	text-align: center;
}
@media only screen and (max-width: 959px)  {
	.hydrogen .green_l_txt{
		font-size: 150%;
	}
}
@media only screen and (max-width: 767px) {
	.hydrogen .green_l_txt{
		font-size: 145%;
		text-align: left;
        letter-spacing: 0.05em;
	}
}

/* 緑帯下の本文テキスト */
.hydrogen .und_basic_txt{
	font-size: 110%;
    line-height: 2.2;
	text-align: center;
}
@media only screen and (max-width: 959px) {
	.hydrogen .und_basic_txt{
		text-align: left;
	}
}
@media only screen and (max-width: 767px) {
	.hydrogen .und_basic_txt{
		font-size: 100%;
		line-height: 1.8;
	}
}

/* 注意書き */
.hydrogen .caution_txt{
    font-size: 100%;
    color: #9e9e9e;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
	.hydrogen .caution_txt{
		font-size: 80%;
	}
}

/* PC〜タブで中央揃え、スマホから左揃え */
.sp_left_txt{
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.sp_left_txt{
		text-align: left;
	}
}

/* 太字テキスト */
.bold_txt{
	font-weight: bold;
}

/* オレンジテキスト */
.col_orange{
	color:#f15a24;
	font-weight: bold;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* SVGのチェックアイコンつきリスト */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.svg_i_check {
	width: 1.7em;
	min-width: 1.7em;
    height: 1.5em;
	margin-top: 0.4em;
}
.check_list_item{
	display: flex;
	gap:.6em;
	font-size: 118%;
	font-weight: bold;
	line-height: 2;
}
.svg_i_check.--orange {
	color: #e67300;
}
.svg_i_check.--light_blue {
	color: #39aef7;
}
.svg_i_check.--blue {
	color: #00538a;
}
@media only screen and (max-width: 767px) {
	.check_list_item{
		font-size: 100%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* リード文 */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.hydrogen .com_lead dd{
	line-height: 1.5;
	margin-top: 24px;
}
.hydrogen .com_lead .lead_basic_txt{
	margin-top: 48px;
}
.hydrogen .lead_list{
	display: flex;
	justify-content: center;
}
.hydrogen .lead_list_item{
	margin-left: -1.5%;
	width: calc(100% / 4);
}
.hydrogen .lead_list_item img{
	width: 100%;
}
.hydrogen .lead_list_item:first-of-type{
	margin-left:0;
}
.hydrogen .com_lead .green_l_txt{
	margin-top: 32px;
}

@media only screen and (max-width: 767px) {
	.hydrogen .com_lead dd{
		margin-top: 4%;
	}
	.hydrogen .com_lead .lead_basic_txt{
		margin-top: 6%;
	}
	.hydrogen .lead_list{
		flex-wrap: wrap;
	}
	.hydrogen .lead_list_item{
		margin-left: -4%;
		width: 50%;
	}
	.hydrogen .lead_list_item:nth-of-type(3),
	.hydrogen .lead_list_item:last-of-type{
		margin-top: -4%;
	}
	.hydrogen .lead_list_item:nth-of-type(3){
		margin-left:0;
	}
	.hydrogen .com_lead .green_l_txt{
		margin-top: 6%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 腸内水素原子補充療法(cont2) */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.hydrogen .cont2{
	color:#fff;
	padding: 100px 0;
	background-color: #00538a;
	position: relative;
	z-index: 1;
}
.hydrogen .cont2::before{
	content:"";
	width: 100%;
	height: 548px;
	background-image: url(../images/medical/hydrogen/bg_water.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	z-index: -1;
}
.hydrogen .cont2_sub_ttl{
	font-size: 187%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
	width: fit-content;
	margin:0 auto;
	padding: 0 1.2em 0 1.5em;
	position: relative;
}
.hydrogen .cont2_sub_ttl::before,
.hydrogen .cont2_sub_ttl::after{
	content:"";
	width: 1em;
	height: .08em;
	background-color: #fff;
	position: absolute;
	top: 50%;
}
.hydrogen .cont2_sub_ttl::before{
	left:0;
	transform: translateY(-50%) rotate(60deg);
}
.hydrogen .cont2_sub_ttl::after{
	right:0;
	transform: translateY(-50%) rotate(-60deg);
}
.hydrogen .cont2_ttl{
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-size: 381%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.hydrogen .cont2_sub_ttl2{
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	font-size: 170%;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}
.hydrogen .cont2 .com_index2{
	color:#fff;
	border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

@media only screen and (max-width: 767px){
	.hydrogen .cont2{
		padding: 10% 0;
	}
	.hydrogen .cont2::before{
		height: 7%;
	}
	.hydrogen .cont2_sub_ttl{
		font-size: 110%;
	}
	.hydrogen .cont2_ttl{
        font-size: 208%;
		line-height: 1.2;
		margin-top: 3%;
	}
	.hydrogen .cont2_sub_ttl2{
		font-size: 120%;
		margin-top: 4%;
		margin-bottom: 8%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 腸内で発生する水素原子は、腸内環境を改善します(cont2_sec1) */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.hydrogen .cont2_sec1{
	margin-top: 60px;
}
.hydrogen .cont2_sec1 .check_box{
	background-color: #eff0eb;
	padding:50px 6%;
	margin-bottom: 50px;
}
.hydrogen .cont2_sec1 .check_box .ttl{
	color:#444;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #00538a;
}
.hydrogen .cont2_sec1 .check_list_wrap{
	display: flex;
	justify-content: center;
	gap: 4%;
	max-width: 95%;
	margin: 0 auto;
}
.hydrogen .cont2_sec1 .check_list{
	width: calc((100% / 2) - 2%);
}
.hydrogen .cont2_sec1 .check_list_item{
	color:#444;
	line-height: 1.5;
}
.hydrogen .cont2_sec1 .svg_i_check{
	margin-top: 0.2em;
}
.hydrogen .cont2_sec1 .white_box{
	background-color: #fff;
	display: flex;
	align-items: center;
	gap:4%;
	padding: 30px 6%;
	margin-top: 50px;
}
.hydrogen .cont2_sec1 .white_box .ttl{
	color:#064f43;
	font-size: 125%;
}
.hydrogen .cont2_sec1 .white_box .txt{
	color:#444;
	margin-top: 16px;
}
.hydrogen .cont2_sec1 .white_box_img img{
	width: 100%;
}

@media only screen and (max-width: 959px){
	.hydrogen .cont2_sec1 .check_box{
		padding: 50px 3%;
	}
	.hydrogen .cont2_sec1 .check_list_wrap{
		max-width: 100%;
	}
	.hydrogen .cont2_sec1 .check_list_item{
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px){
	.hydrogen .cont2_sec1{
		margin-top: 8%;
	}
	.hydrogen .cont2_sec1 .check_list_wrap{
		flex-direction: column;
	}
	.hydrogen .cont2_sec1 .check_list{
		width: 100%;
	}
	.hydrogen .cont2_sec1 .check_box{
		margin-bottom: 8%;
		padding: 10% 6%;
	}
	.hydrogen .cont2_sec1 .white_box{
		flex-direction: column;
		padding:6%;
		margin-top: 8%;
	}
	.hydrogen .cont2_sec1 .white_box .ttl{
		text-align: center;
	}
	.hydrogen .cont2_sec1 .white_box_img{
		width: 70%;
		margin-top: 4%;
	}
	.hydrogen .cont2_sec1 .white_box .txt{
		margin-top: 4%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 腸内水素原子補充剤の主な特徴と高い安全性(cont2_sec2) */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.hydrogen .cont2_sec2 .ttl{
	font-size: 125%;
	font-weight: bold;
	padding:.5em 1em;
	color:#00538a;
	background-color: rgba(208,230,245,.8);
	margin-top: 32px;
}
.hydrogen .cont2_sec2 .txt{
	margin-top: 16px;
}

@media only screen and (max-width: 767px){
	.hydrogen .cont2_sec2 .ttl{
		font-size: 110%;
		margin-top: 6%;
	}
	.hydrogen .cont2_sec2 .txt{
		margin-top: 4%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 口腸相関とは？(cont3) */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.hydrogen .cont3 .orange_b{
	font-size: 125%;
	letter-spacing: 0.2em;
	margin-top: 32px;
}
.hydrogen .cont3_sec1{
	margin-top: 70px;
}
.hydrogen .cont3 .num_list{
	margin-top: 70px;
}
.hydrogen .cont3 .num_list_item{
	background-color: #eff0eb;
	padding: 40px 5% 70px 5%;
	display: grid;
	grid-template-columns: 1fr minmax(280px, 34%);
	align-items: center;
	gap:4%;
	margin-top: 30px;
}
.hydrogen .cont3 .num_list_item:first-of-type{
	margin-top: 0;
}
.hydrogen .cont3 .num_list_item .ttl_wrap{
	display: flex;
	gap:4%;
	align-items: center;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom:1px solid #064f43;
}
.hydrogen .cont3 .num_list_item .num_wrap{
	font-family: 'Oranienbaum', serif;
    font-weight: 400;
    font-style: normal;
	color:#064f43;
}
.hydrogen .cont3 .num_list_item .num{
	display: block;
	font-size: 425%;
	font-style: italic;
	margin-top: 0.1em;
}
.hydrogen .cont3 .num_list_item .ttl{
	font-size: 190%;
	font-family: a-otf-ryumin-pr6n, serif;
    font-weight: 300;
    font-style: normal;
	color:#444;
	letter-spacing: 0;
	line-height: 1.3;
	margin-top: 1.5em;
}
.hydrogen .cont3 .num_list_item .txt{
	line-height: 2;
}
.hydrogen .cont3 .num_list_img img{
	width: 100%;
}

@media only screen and (max-width: 959px){
	.hydrogen .cont3 .num_list_item{
		padding: 20px 5% 40px 5%;
	}
	.hydrogen .cont3 .num_list_item .ttl_wrap{
		gap: 6%;
		padding-bottom: 1.2em;
	}
	.hydrogen .cont3 .num_list_item .num{
		font-size: 280%;
	}
	.hydrogen .cont3 .num_list_item .ttl{
		font-size: 158%;
		margin-top: 1.3em;
	}
}

@media only screen and (max-width: 767px) {
	.hydrogen .cont3 .orange_b{
		font-size: 115%;
		margin-top: 8%;
	}
	.hydrogen .cont3_sec1{
		margin-top: 12%;
	}
	.hydrogen .cont3 .num_list{
		margin-top: 8%;
	}
	.hydrogen .cont3 .num_list_item{
		grid-template-columns: 1fr;
		gap: 1.5em;
		padding: 5% 5% 10% 5%;
		margin-top: 6%;
	}
	.hydrogen .cont3 .num_list_item .ttl_wrap{
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	.hydrogen .cont3 .num_list_item .ttl{
		margin-top: 0.6em;
	}
	.hydrogen .cont3 .num_list .num_list_img{
		width: 80%;
		margin: 0 auto;
	}
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 口腸相関が注目される理由(cont4) */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.hydrogen .cont4_sec1{
	margin-top: 70px;
}
.hydrogen .cont4 .check_box{
	display: flex;
	justify-content: center;
	gap:3%;
	margin-bottom: 80px;
}
.hydrogen .cont4 .check_box_item{
	width: calc((100% / 2) - 1.5%);
	padding:4%;
}
.hydrogen .cont4 .check_box_item.--orange{
	background-color: rgba(230,115,0,0.1);
}
.hydrogen .cont4 .check_box_item.--light_blue{
	background-color: rgba(57,174,247,0.1);
}
.hydrogen .cont4 .check_box_item .ttl{
	text-align: center;
	font-size: 162%;
	font-weight: bold;
	padding-bottom: .8em;
	margin-bottom: .8em;
}
.hydrogen .cont4 .check_box_item.--orange .ttl{
	color:#e67300;
	border-bottom: 1px solid #e67300;
}
.hydrogen .cont4 .check_box_item.--light_blue .ttl{
	color:#39aef7;
	border-bottom: 1px solid #39aef7;
}
.hydrogen .cont4 .green_l_txt{
	margin-top: 24px;
}
.hydrogen .cont4 .link_bnr{
	margin:0 auto;
	margin-top: 40px;
	max-width: 970px;
	transition: 0.3s;
}
.hydrogen .cont4 .link_bnr:hover{
	opacity: .8;
}
.hydrogen .cont4 .link_bnr img{
	width: 100%;
}

@media only screen and (max-width: 959px){
	.hydrogen .cont4 .check_box_item .ttl{
		font-size: 140%;
	}
	.hydrogen .cont4 .check_box_item .check_list_item{
		font-size: 100%;
	}
}


@media only screen and (max-width: 767px) {
	.hydrogen .cont4_sec1{
		margin-top: 12%;
	}
	.hydrogen .cont4 .check_box{
		flex-direction: column;
		gap:1em;
		margin-bottom: 10%;
	}
	.hydrogen .cont4 .check_box_item{
		width: 100%;
		box-sizing: border-box;
		padding: 6% 4%;
	}
	.hydrogen .cont4 .check_box_item .ttl{
		font-size: 120%;
	}
	.hydrogen .cont4 .green_l_txt{
		margin-top: 6%;
	}
	.hydrogen .cont4 .link_bnr{
		margin-top: 6%;
	}
}