@charset "utf-8";
/* CSS Document */

.health-support .PageKv_title,
.health-born .PageKv_title{
 color: #fff;
 text-shadow:0px 0px 5px #070002;
}

.Title_type02 {
line-height: 1.2;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}

.Color_Violet{
color: #6c378c;
}

.FloatImg img {
margin-bottom: 1em;
}


/*ライフサポート（.health-support）*/

.PageKv.PageKv-health.health-support{
background-image: url(../images/health/lifesupport_header_bk.jpg);
background-size:cover;
}

.health-support .TxtColumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.health-support .TxtColumn_item {
box-sizing: border-box;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
width: 32%;
padding: 1em;
margin: 10px;
background-color: #f7ebed;
}

.health-support dl.TxtColumn_item:first-child {
margin-left: 0;
}

.health-support dl.TxtColumn_item:last-child {
margin-right: 0;
}

.health-support sup{
font-weight: normal;
margin: 0 0.2em;
font-size: small;
}


.health-support .Single_table{
max-width: 730px;
margin: 0 auto;
}

.health-support table{
width: 100%;
max-width: 730px;
border: solid #fff 1px;
border-collapse:  collapse;
margin: 0 auto 0.5rem;
background: #F8F5F0;
text-align: center;
}
.health-support table caption{
margin-bottom: 0.5rem;
line-height: 1.5;
}

.health-support table caption span{
font-weight: bold;
}

.health-support table td,
.health-support table th{
border: solid #fff 1px;
padding: 1rem;
}
.health-support table th{
background: #6D338A;
border: solid #fff 1px;
border-top: solid #ccc 1px;
color: #fff;
font-weight: normal;
}

.health-support table .pluneColor{
background: #F6EAED;
color: #6D338A;
font-weight: bold;
}

.health-support table tr td:first-child{
width: 35%;
text-align: left;
}


.health-support .TwoImgBlock_item {
width: 48%;
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}

.health-support .Box_inner{
padding: 0 30px 50px;
}
.health-support .stage{
box-sizing: border-box;
}

.health-support .stage h4{
color: #fff;
box-sizing: border-box;
font-size: 1.25rem;
width:100%;
padding: 18px 30px;
margin: 0 0 25px 0;
}

.health-support .stage .FloatImgl{
box-sizing: border-box;
width: 100%;
margin-bottom: 40px;
}

.health-support .stage .FloatImgl .FloatImg_right {
margin-left: 20px;
}

.health-support .stage dt{
font-weight: bold;
padding-left: 0.5em;
font-size: 1.15rem;
}

.health-support .shisyunki{
background: #f0e8f7;}
.health-support .shisyunki .stage h4{
background: #6c378c;}
.health-support .shisyunki .stage .FloatImgl{
border-bottom: 5px dotted #6c378c;}
.health-support .shisyunki .stage dt{
border-left: solid #6c378c 5px;
color: #4c1f67;}

.health-support .seiseizyukuki{
background: #f9e5ec;}
.health-support .seiseizyukuki .stage h4{
background: #981d36;}
.health-support .seiseizyukuki .stage .FloatImgl{
border-bottom: 5px dotted #981d36;}
.health-support .seiseizyukuki .stage dt{
border-left: solid #981d36 5px;
color: #981d36;}

.health-support .kounenki{
background: #faebe2;}
.health-support .kounenki .stage h4{
background: #e05908;}
.health-support .kounenki .stage .FloatImgl{
border-bottom: 5px dotted #e05908;}
.health-support .kounenki .stage dt{
border-left: solid #e05908 5px;
color: #e05908;}

.health-support .koureiki{
background: #f0f7e9;}
.health-support .koureiki .stage h4{
background: #587f2b;}
.health-support .koureiki .stage .FloatImgl{
border-bottom: 5px dotted #587f2b;}
.health-support .koureiki .stage dt{
border-left: solid #587f2b 5px;
color: #587f2b;}


.health-support .Title_type04{
color: #4c1f67;
font-size: 2.375rem;
vertical-align: middle;
margin: 1em 0;
}

.health-support .Title_type04 .ellipse{
margin-right: 1em;
height: 25px;
padding: 5px 30px;
line-height: 26px;
border: solid 2px #4c1f67;
border-radius: 25px;
text-align: center;
background-color: #4c1f67;
color: #fff;
font-size: 1rem;
font-weight: normal;
vertical-align: middle;
}

.health-support .Title_type04 .Italic_No{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
font-weight: bold;
font-size: 2rem;
font-style:italic;
padding-left: 0.2em;
vertical-align: middle;
}

.health-support .bangai .Title_type04{
color: #b13b53;
}


.health-support .bangai .Title_type04 .ellipse{
border: solid 2px #b13b53;
background-color: #b13b53;
min-width: 6.5em;
display: inline-block;
}

.health-support .tabeawase {
border-bottom: 5px dotted #6c378c;
padding-bottom: 70px;}

.health-support .tabeawase img,
.health-support .bangai img{
width: 321px;
max-width: 100%; }




.health-support .kakomi{
background-color: #f0f7e9;
padding: 30px;
box-sizing: border-box;
}
.health-support .kakomi dt {
border-left: solid #587f2b 5px;
color: #587f2b;
font-weight: bold;
padding-left: 0.5em;
font-size: 1.15rem;
}

.health-support .Title_type02.Text-green{
color: #587f2b;
border-bottom: solid 1px #587f2b;
}


.health-support .kakomi .FloatImg_txtBlock{
overflow: hidden;
}

@media only screen and (max-width:736px) {
.PageKv.PageKv-health.health-support{
background-image: url(../images/health/sp_lifesupport_header_bk.jpg);
background-size:cover;
}

.health-support .TxtColumn {
display: block;
}

.health-support .TxtColumn_item {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: none;
width: 100%;
padding: 1em;
margin: 0 0 15px 0;
background-color: #f7ebed;
}

.health-support .TwoImgBlock {
display: block;
}
.health-support .TwoImgBlock_item {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}

.health-support .stage .FloatImgl .FloatImg_right{
float: right;
margin: 0 0 0 20px;
}

.health-support .TwoImgBlock .TwoImgBlock_item:first-child{
margin-bottom: 40px;
}

.health-support .Title_type04 {
font-size: 1.5rem;
}
.health-support .Title_type04 .fs30{
font-size: 1.125rem;
}

.health-support .Title_type04 .ellipse{
padding: 5px 15px;
font-size: 1rem;
}

.health-support .Title_type04 .Italic_No{
font-size: 1.625rem;
}

.health-support .tabeawase {
border-bottom: 5px dotted #6c378c;
padding-bottom: 40px;}

.health-support .kakomi .FloatImg_right {
margin: 0 auto;
text-align: center;}

.health-support .kakomi .FloatImg_right img {
    max-width: 100%;
}
.health-support .tabeawase img,
.health-support .bangai img {
    margin: 0 auto;
}

}


/*参考文献・研究結果（.health-literature）*/

.Page_inner.health-literature.PageKv-short{
height: auto;
padding: 15px;
margin-bottom: 60px;
}

.health-literature ol{
list-style: decimal;
padding-left:2em;
}

.health-literature ol li{
line-height: 1.5;
padding: 0.5em 0;
}

.health-literature ol li a{
color: #A64D79;
}


/*骨の健康（.health-born）*/

.PageKv.PageKv-health.health-born{
background-image: url(../images/health/born_header_bk.jpg);
background-size:cover;
}

.health-born .Bone-mass .Title_type02{
color: #4c1f67;
font-size: 1.25rem;
border-bottom: solid 1px #4c1f67;
}

.health-born .Bone-mass > .Title_type02{
font-size: 1.375rem;
}

.health-born .Bone-mass .TwoImgBlock_item {
width: 59%;
-webkit-box-flex: 0;
-ms-flex: 0 0 59%;
flex: 0 0 59%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}
.health-born .Bone-mass .TwoImgBlock_item:last-child{
width: 35%;
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%;}

.health-born .Bone-mass .FloatImg {
margin-bottom: 40px;
}
.health-born .Bone-mass .FloatImg .Page_txt{
overflow: hidden;
}


.health-born .kakomi h3 {
color: #fff;
box-sizing: border-box;
font-size: 1.375rem;
width: 100%;
padding: 18px 30px;
margin: 0 0 25px 0;
}

.health-born .kakomi{
padding-bottom: 30px;
}

.health-born .kakomi .TwoImgBlock,
.health-born .kakomi .FloatImg{
padding: 0 30px;
}

.health-born .kakomi .TwoImgBlock_item {
width: 47%;
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}



.health-born .kakomi li{
font-size: 1.25rem;
margin-bottom: 2em;
font-weight: 600;
}

.health-born .kakomi li .annotation{
font-size: 0.75rem;
margin-top: 0.5em;
padding-left: 1em;
font-weight: normal;
}

.health-born .kakomi.Box_Violet li span{
padding-left: 0.5em;
border-left: solid #6c378c 5px;
}

.health-born .kakomi.Box_Violet h3  {
background: #6c378c;
}
.health-born .kakomi.Box_Violet {
background: #f6f2f9;
}

.health-born .kakomi.Box_red h3  {
background: #981d36;
}

.health-born .kakomi.Box_red h4 {
color: #981d36;
}

.health-born .kakomi.Box_red,
.health-born .Column-box .kakomi{
background: #f9ecf1;
}

.health-born .kakomi .Box-line {
border-bottom: 1px solid #b13b53;
padding-bottom: 1em;
margin-top: 2em;
}

.health-born .kakomi .Box-line-title {
font-size: 1.25rem;
color: #981d36;
font-weight: bold;
margin-bottom: 1em;
line-height: 30px;
padding-left: 35px;
background: url("../images/health/icon_excla.png") no-repeat left top;
overflow: hidden;
}

.health-born .kakomi .Box-line-title span {
display: inline-block;
padding: 0;
position: relative;
width: 100%;
}


.health-born .kakomi .Box-line-title span::after {
border-top: 1px solid #b13b53;
content: "";
position: absolute;
top: 40%;
width: 100%;
margin-left: 0.5em;
}

.health-born .kakomi .Box-line-sub{
padding-left: 0.5em;
margin: 0 0 1em;
border-left: solid #b13b53 5px;
color: #b13b53;
font-weight: 600;
font-size: 1.25rem;
}

.health-born .Column-box .kakomi h3{
color: #333;
padding: 18px 0;

}
.health-born .Column-box .kakomi{
padding: 20px 30px 20px;
}

.health-born .Column-box .kakomi .FloatImg {
padding: 0;
}
.health-born .Column-box .kakomi h4 {
color: #981d36;
}


@media only screen and (max-width:736px) {
.PageKv.PageKv-health.health-born{
background-image: url(../images/health/sp_born_header_bk.jpg);
background-size:cover;
}

.health-born .Bone-mass .TwoImgBlock {
display: block;
font-size: 1.25rem;
}

.health-born .FloatImg img {
max-width: 100%;
margin: 0 auto;}

.health-born .Bone-mass .TwoImgBlock_item{
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 30px;
}


.health-born .Bone-mass .TwoImgBlock_item:last-child {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}

.health-born .Bone-mass .TwoImgBlock_item .TwoImgBlock_img{
max-width: 100%;
width: auto;
margin: 0 auto;
}

.health-born .kakomi li{
font-size: 0.875rem;
}

.health-born .kakomi h3 {
font-size: 1.125rem;
}

.health-born .kakomi .TwoImgBlock {
display: block;
}
.health-born .kakomi .TwoImgBlock_item {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.health-born .kakomi.Box_red h4 {
margin: 0 auto 1em;
}

.health-born .Column-box .kakomi h3 {
padding: 18px 0 0;
}

}

/*腸の健康（.health-intestine）*/

.PageKv.PageKv-health.health-intestine{
background-image: url(../images/health/intestine_header_bk.jpg);
background-size:cover;
}

.health-intestine table{
width: 100%;
border: solid #fff 1px;
border-collapse: collapse;
margin-bottom: 0.5rem;
background: #F8F5F0;
text-align: center;
}

.health-intestine table td,
.health-intestine table th{
border: solid #fff 1px;
padding: 1rem;
}
.health-intestine table th{
background: #6D338A;
border: solid #fff 1px;
border-top: solid #ccc 1px;
color: #fff;
font-weight: normal;
}

.health-intestine table .pluneColor{
background: #F6EAED;
color: #6D338A;
font-weight: bold;
}

.health-intestine table tr td:first-child{
text-align: left;
}

.health-intestine .TwoImgBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.health-intestine .TwoImgBlock_item {
width: 47%;
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}

.health-intestine .Title_type03{
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 2em 0 0.8em;
}

.health-intestine .Title_type02.Text-green {
color: #587f2b;
border-bottom: solid 1px #587f2b;
}

.health-intestine .Column-box .kakomi{
background-color: #f0f7e9;
padding: 30px;
box-sizing: border-box;
}

.health-intestine .Column-box .kakomi h3{
border-left: solid #587f2b 5px;
color: #587f2b;
font-weight: bold;
padding-left: 0.5em;
font-size: 1.15rem;
}

@media only screen and (max-width: 736px){
.PageKv.PageKv-health.health-intestine{
background-image: url(../images/health/sp_intestine_header_bk.jpg);
}

.health-intestine .FloatImg img {
max-width: 100%;
margin: 0 auto;}
.health-intestine .TwoImgBlock {
display: block;}
.health-intestine .TwoImgBlock_item {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;}
.health-intestine .Title_type03{
font-size: 1.125rem;}
.health-intestine .Title_type02 span.fs20{
font-size: 0.812rem;}
}

/*体重管理（.health-diet）*/
.PageKv.PageKv-health.health-diet{
background-image: url(../images/health/diet_header_bk.jpg);
background-size:cover;
}

.health-diet .kakomi-kadomaru{
background: #f9ecf1;
border-radius: 10px;
padding: 40px;
max-width: 800px;
margin: 0 auto;
box-sizing: border-box;
}

.health-diet .kakomi-kadomaru .kakomi-title{
font-size: 1.5rem;
color: #981d36;
text-align: center;
margin-bottom: 1em;
font-weight: 600;
}

.health-diet .kakomi h3 {
color: #fff;
box-sizing: border-box;
font-size: 1.25rem;
width: 100%;
padding: 18px 35px;
margin: 0 0 25px 30px;
background: url("../images/health/icon_excla-white.png") no-repeat left 40%;
}

.health-diet .kakomi{
padding-bottom: 30px;
}
.health-diet .kakomi .kakomi_inner{
padding: 0 30px;
}

.health-diet .kakomi h4{
color: #6c378c;
font-size: 1.25rem;
font-weight: 600;  }

.health-diet .kakomi.Box_Violet dt{
padding-left: 0.5em;
border-left: solid #6c378c 5px;
color: #6c378c;
font-size: 1.25rem;
margin-bottom: 0.5em;
font-weight: 600;
}
.health-diet .kakomi.Box_Violet dd{
font-size: 1rem;
margin-bottom: 2em;
line-height: 1.5;
}

.health-diet  .kakomi.Box_Violet .title-back {
background: #6c378c;
}
.health-diet .kakomi.Box_Violet {
background: #f6f2f9;
}



@media only screen and (max-width: 736px){
.PageKv.PageKv-health.health-diet{
background-image: url(../images/health/sp_diet_header_bk.jpg);
}
.health-diet .FloatImg img {
max-width: 100%;
margin: 0 auto;
}
.health-diet .kakomi.Box_Violet dt {
font-size: 0.875rem;
}
.health-die .kakomi.Box_Violet h3 {
font-size: 1.125rem;
}
.health-diet .kakomi h4{
font-size: 1.125rem; }
}



/*ヘルシーエイジング（.health-healthy）*/
.PageKv.PageKv-health.health-healthy{
background-image: url(../images/health/healthy_header_bk.jpg);
background-size:cover;
}

.health-healthy .kakomi h3 {
color: #fff;
box-sizing: border-box;
font-size: 1.375rem;
width: 100%;
padding: 18px 30px;
margin: 0 0 40px 0;
}

.health-healthy .kakomi{
padding-bottom: 30px;
}
.health-healthy .kakomi .kakomi_inner{
padding: 0 30px;
}

.health-healthy .kakomi h4{
color: #6c378c;
font-size: 1.5rem;
font-weight: 600;
}
.health-healthy .kakomi.Box_Violet .title-back {
background: #6c378c;
}

.health-healthy .kakomi.Box_Violet {
background: #f6f2f9;
}

.health-healthy .TwoImgBlock_img img{
width: 100%;
height: auto;
}

.health-healthy .kakomi .TwoImgBlock div:first-child {
margin-right: 50px;
}


@media only screen and (max-width: 736px){
.PageKv.PageKv-health.health-healthy{
background-image: url(../images/health/sp_healthy_header_bk.jpg);
}
.health-healthy .FloatImg img {
max-width: 100%;
margin: 0 auto 1em;
}
.health-healthy .kakomi h3 {
font-size: 1.125rem;
margin: 0 0 10px 0;
}
.health-healthy .kakomi h4{
font-size: 1.125rem; }

.health-healthy .TwoImgBlock {
display: block;
}
.health-healthy .kousanka .TwoImgBlock img.TwoImgBlock_img{
max-width: 100%;
width: auto;
margin-bottom: 20px;
}
.health-healthy .kakomi.kousanka{
text-align: center;
}

.health-healthy .kakomi .TwoImgBlock div:first-child {
    margin-right: 0;
}

}




/*フッター、healthリンク*/
.health-link .Title_subTxt {
color: #b13b53;
font-size: 1.5rem;
font-weight: 500;
}
.health-link .ContentsList_item{
max-width:200px;
width: 24%;
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
}
.health-link .ContentsList_item img{
max-width:70px;
}

.health-link .ContentsList_inner .ContentsList_lead {
font-weight: normal;
}

.health-link.ContentsList .ContentsList_inner a{
color: #a66baa;
}

.health-link.icon5 .ContentsList_item {
max-width: 200px;
width: 20%;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.health-link.ContentsList {
    padding: 60px 20px;
}

@media only screen and (max-width:736px) {
.health-link .ContentsList_item img{
max-width:50px;
}

.health-link .ContentsList_item,
.health-link.icon5 .ContentsList_item{
max-width: 100%;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.health-link .ContentsList_imgArea {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
}
.health-link.ContentsList {
    padding: 30px 20px;
}
.health-link .ContentsList_item {
    margin-bottom: 20px;
}

.health-link .ContentsList_link {
background: url(../images/common/arrow_r_purple.png) no-repeat 97% center transparent;
}

.health-link .ContentsList_lead {
font-size: 1.375rem;
padding-left: 15px;
}

}