@charset "Shift_JIS";

/* --------------------------------------------------------------
manten
-------------------------------------------------------------- */	
/*========== font import ==========*/

@import url("../font/font-awesome/css/font-awesome.min.css");

/*========== common ==========*/
.pc_only {
display: block;
}
.sp_only {
display: none;
}
.centerTxt{
text-align: center;
}
_::-webkit-full-page-media, _:future, :root body {
  font-family: "Meiryo", sans-serif;
}
/*========== header ==========*/
#header:not(.js-header) {
width: 100%;
height: 60px;
border-bottom: 4px solid #01AA97;
box-shadow: none;
}
#header:not(.js-header) .headerIn01 {
padding: 11px 0;
}

/*========== footer ==========*/
#footer{
background-color: #f1f2f0;
padding-top: 3rem;
padding-bottom: 3rem;
}
#footer section p.copy{
float: left;
font-size: small;
width: auto;
background: none;
padding: 0;
color: #70716c;
}
#footer section p.caution{
float: right;
}
#footer section p.caution a{
background: url(/common/images/icon_link01.gif) 0 5px no-repeat;
padding: 0 0 0 10px;
display: inline-block;
}
/*========== module ==========*/
img {
border-style: none;
}
a:link,a:visited {
color:#16776c;
text-decoration:none;
}	
a:hover,a:active {
color:#4fa396;
text-decoration:underline;
}
/*========== layout ==========*/
#contents {
font-size: 16px;
padding-bottom: 40px;
background-image: none;
background-color: #FFFFFF;
clear: both;
}
section{
width: 950px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*========== nav ==========*/
nav{
background-size: cover;
height: 100px;
border-bottom: 1px solid #ececec;
position: relative;
}
.logo_manten{
	width: 170px;
	top: 9px;
	position: absolute;
}
nav ul.nav{
position: absolute;
right: 0px;
border-right: 1px solid #ececec;
}
nav ul.nav li {
display: block;
float: left;
height: 100px;
border-left: 1px solid #ececec;
}
nav ul.nav li a,
nav ul.nav li.current{
width: 123px;
height: 100px;
display: block;
text-align: center;
border: 1px solid #FFFFFF;
padding-top: 25px;
font-size: 13px;
font-weight: bold;
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 7px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
nav ul.nav li img{
margin-left: auto;
margin-right: auto;
display: block;
width: 42px;
margin-bottom: 12px;
}
nav ul.nav li:nth-child(1) a{
background-color: #fff8ed;
color: #FFA81C;
background-image: url(/lineup/manten/image/nav_arw01.png);
}
nav ul.nav li:nth-child(2) a{
background-color: #eff6f4;
color: #228075;
background-image: url(/lineup/manten/image/nav_arw02.png);
}
nav ul.nav li:nth-child(3) a{
background-color: #fdf3f6;
color: #E26C87;
padding-top: 12px;
}
nav ul.nav li:nth-child(3) a img{
width: 108px;
margin-bottom: 0px;
}
/*========== nav current ==========*/
nav ul.nav li.current{
color: #FFFFFF;
background-image: none;
}
#health nav ul.nav li:nth-child(1) {
background-color: #FFA81C;
}
#life nav ul.nav li:nth-child(2) {
background-color: #267966;
}
#nurs nav ul.nav li:nth-child(3) {
background-color: #E26C87;
}
/*========== close btn ==========*/
a.btn_close{
background-color: #b1b2b4;
display: inline-block;
padding: 1rem 5rem;
border-radius: 100px;
margin-top: 1rem;
margin-bottom: 1rem;
}
a.btn_close img{
width: 83px;
display: block;
padding-right: 10px;
}
/*========== index ==========*/
/* .sec00{
background-image: url(/lineup/manten/image/index_ttlbg.png);
height: 155px;
background-position: right 0%;
background-size: cover;
}
.sec00 .index_ttl{
height: 24px;
top: 62px;
display: block;
position: relative;
}
.sec00 .sec00_h4{
text-align: right;
}
.sec00 .sec00_h4 h4 {
top: 16px;
display: inline-block;
position: relative;
font-size: 16px;
right: 0px;
text-align: left;
line-height: 1.6;
}
 */
/*======== add 2023/03/03 ========*/
  
.sec00 section{
  padding: 2em 0;
}
.sec00 section .ttl{
  width: 73%;
}
.sec00 section h3{
  margin-bottom: 16px;
  max-width: 370px;
}
.sec00 section .ttl h3 img{
  height: 24px !important;
}
.sec00 section .video{
  width: 25%;
}
.sec00 section h4{
  font-weight: bold;
  border-bottom: dotted 1px #008976;
  padding-bottom: .5em;
  margin: .75em 0;
}

.sec00-flex{
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
.color_txt1{
  color: #d13e74;
  font-weight: bold;
  margin-bottom: .5em;
}
.text_box1{
  font-size: .75em;
  display: inline-block;
  border: solid 1px #666;
  padding: 0 5px;
  margin-right: 10px;
}

.howto{
  border: solid 2px #fac2d7;
  margin-bottom: .75em;
  border-radius: 0 0 8px 8px;
}
.howto-title{
  font-weight: bold;
  background: #fac2d7;
  margin-top: .75em;
  padding: .25em .5em;
  border-radius: 8px 8px 0 0;
}
.howto-list{
  margin: 1em 1em 1em 2.5em;
}
.howto-list li{
  line-height: 1.5;
  margin-bottom: .5em;
  list-style: disc;
  color: #d13e74;
  font-weight: bold;
}
.howto-list li span{
  color: #333;
  font-weight: normal;
}
.howto-txt{
  font-size: .875em;
  margin:0 0 1em 1.5em;
}
/*========== link_block ==========*/
.link_block {
  width: 65%;
  float: right;
  padding-top: 1em;
}
.link_block ul {
  font-size: 15px;
}
.link_block ul:first-of-type{
padding-top: 0em;
}
.link_block ul:last-of-type{
}
.link_block li {
  display: block;
  width: 46%;
  float: left;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.link_block li:before {
content: "�� ";
}
.link_block a.btn_more{
display: block;
width: 330px;
text-align: center;
padding-top: 0.7em;
padding-bottom: 0.7em;
color: #FFFFFF;
border-radius: 5px;
font-size: 21px;
line-height: 1;
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
}
.link_block a.btn_more span{
background-image: url(/lineup/manten/image/nav_arw00.png);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 13px;
padding-right: 20px;
}
.ttl_block {
  width: 276px;
  float: left;
  margin-bottom: 1em;
  margin-top: 0.5em;
}
.ttl_block .h2_ttl {
width: 263px;
margin-bottom: 10px;
}
.ttl_block h3 {
font-weight: bold;
color: #FFA81C;
font-size: 16px;
line-height: 1.8;
}
/*========== health ==========*/
.health {
background-image: -moz-linear-gradient( 90deg, rgb(252,242,210) 0%, rgb(255,255,255) 17%);
background-image: -webkit-linear-gradient( 90deg, rgb(252,242,210) 0%, rgb(255,255,255) 17%);
background-image: -ms-linear-gradient( 90deg, rgb(252,242,210) 0%, rgb(255,255,255) 17%);
}
.health_inc {
background-image: url(/lineup/manten/image/line.jpg);
background-repeat: repeat-x;
background-position: 0% top;
padding-top: 2em;
margin-bottom: 2px;
}
.health_inc section{
background-image: url(/lineup/manten/image/index_sec01_img.png);
background-repeat: no-repeat;
background-size: auto 50%;
background-position: 138px bottom;
}
.health .ttl_block h3 {
color: #FFA81C;
}
.health_cat01 li{
  width: 100%;
}
.health a.btn_more{
  background-color: #ffa81c;
  margin: 2em 0;
}
.health .health_cat03 li:last-child{
width: auto;
}

/*========== life ==========*/
.life {
background-image: -moz-linear-gradient( 90deg, rgb(214,248,240) 0%, rgb(255,255,255) 17%);
background-image: -webkit-linear-gradient( 90deg, rgb(214,248,240) 0%, rgb(255,255,255) 17%);
background-image: -ms-linear-gradient( 90deg, rgb(214,248,240) 0%, rgb(255,255,255) 17%);
}
.life_inc {
background-image: url(/lineup/manten/image/line.jpg);
background-repeat: repeat-x;
background-position: 0% top;
padding-top: 2em;
margin-bottom: 2px;
}
.life_inc section{
background-image: url(/lineup/manten/image/index_sec02_img.png);
background-repeat: no-repeat;
background-size: auto 50%;
background-position: 90px bottom;
}
.life .ttl_block h3 {
color: #2D8D77;
}
.life_cat01 li:before {
color: #b2d657;
}
.life_cat02 li:before {
color: #71cd79;
}
.life_cat03 li:before {
color: #40a18b;
}
.life a.btn_more{
  margin: 2em 0;
  background-color: #257966;
}
/*========== nurs ==========*/
.nurs {
background-image: -moz-linear-gradient( 90deg, rgb(254,230,244) 0%, rgb(255,255,255) 17%);
background-image: -webkit-linear-gradient( 90deg, rgb(254,230,244) 0%, rgb(255,255,255) 17%);
background-image: -ms-linear-gradient( 90deg, rgb(254,230,244) 0%, rgb(255,255,255) 17%);
}
.nurs_inc {
background-image: url(/lineup/manten/image/line.jpg);
background-repeat: repeat-x;
background-position: 0% top;
padding-top: 2em;
margin-bottom: 2px;
}
.nurs_inc section{
background-image: url(/lineup/manten/image/index_sec03_img.png);
background-repeat: no-repeat;
background-size: auto 52%;
background-position: 0px bottom;
}
.nurs .ttl_block h3 {
color: #E26C87;
}
.nurs_cat01 li:before {
color: #E26C87;
}
.nurs a.btn_more{
background-color: #E26C87;
}
.nurs .link_block ul.last {
margin-bottom: 13em;
border-bottom: 1px solid #ececec;
}
/*========== comments_bock ==========*/
.comments_bock {
background-image: url(/lineup/manten/image/line.jpg);
background-repeat: repeat-x;
background-position: 0% top;
padding-top: 2em;
margin-bottom: 2px;
}
.comments_bock_ul{
font-size: 0.9em;
}
.comments_bock_ul > li{
margin-bottom: 1em;
padding-left: 1.3em;
text-indent: -1.3em;
}
_::-webkit-full-page-media, _:future, :root .comments_bock_ul > li {
padding-left: 1.4em;
text-indent: -1.4em;
}
.comments_bock_ul li:before {
content: "�� ";
color: #006f5d;
}
.comments_bock_ul li span.txt_red{
color: #FF0004;
}
.comments_bock p.number {
text-align: right;
}
.icn_pdf{
background-image: url(/lineup/manten/image/icn_pdf.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
display: inline;
padding-left: 1.5em;
}
/*========== sukoyaka ==========*/
span.sukoyaka{
	color: #E25D8E;
	font-weight: bold;
	width: 100%;
	display: block;
	text-align: center;
	text-indent: 0;
}
span.sukoyaka img{
	width: 300px;
	border: 2px solid #E25C8D;
}

@media screen and (min-width:1px) and (max-width:960px) {
#header .headerIn01,
#footer section,
#contents section{
width: 92%;
}
#header{
height: 52px;
}
#header .headerIn01 {
padding: 11px 0 5px;
}
#footer{
margin-bottom: 60px;
}
#wrapper{
width: 100%;
}
section {
width: 100%;
}
.logo_manten{
left: 4vw;
}
/*========== index ==========*/
/* .sec00{
height: auto;
background-position: right 0%;
padding-top: 3rem;
padding-bottom: 3rem;
background-size: cover;
}
.sec00 .index_ttl{
position: static;
margin-bottom: 1rem;
}
.sec00 .sec00_h4{
text-align: left;
}
.sec00 .sec00_h4 h4 {
top: auto;
display: inline-block;
position: static;
} */
  
/*======== add 2023/03/03 ========*/
.sec00 section .ttl{
width: 60%;
}
/* .sec00 section .ttl h4 br {
display: none;
} */
.sec00 section .video{
width: 38%;
/* padding-left: 2em;
 */}
  
/*========== link_block ==========*/
.link_block {
width: 100%;
float: none;
padding-bottom: 2em;
margin-bottom: 0px;
min-height: auto;
}
.link_block a.btn_more {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.link_block li {
  /* [disabled]width: 29%; */
}
.ttl_block .h2_ttl {
width: 40vw;
}
.ttl_block h3 {
width: 55vw;
margin-bottom: 1em;
font-size: 1em;
line-height: 1.4;
}
/*========== health ==========*/
.health .ttl_block {
width: 100%;
float: none;
background-image: url(/lineup/manten/image/index_sec01_img.png);
background-position: right 9% bottom;
background-repeat: no-repeat;
background-size: contain;
padding-top: 3rem;
}
.health_inc {
padding-top: 1em;
}
.health_inc section {
background-image: none;
}
/*========== life ==========*/
.life .ttl_block {
width: 100%;
float: none;
background-image: url(/lineup/manten/image/index_sec02_img.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 37% auto;
}
.life_inc section {
background-image: none;
}
/*========== nurs ==========*/
.nurs .ttl_block {
width: 100%;
float: none;
background-image: url(/lineup/manten/image/index_sec03_img.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 37% auto;
}
.nurs_inc section {
background-image: none;
}
.nurs .link_block ul.last {
margin-bottom: 3em;
}
}

@media screen and (min-width:1px) and (max-width:600px) {
/*========== header ==========*/
#header{
height: 49px;
}
/*========== footer ==========*/
#footer{
background-color: #f1f2f0;
padding-top: 3rem;
padding-bottom: 3rem;
margin-bottom: 50px;
}
#footer section p.copy{
float: none;
text-align: center;
}
#footer section p.caution {
float: none;
text-align: center;
display: block;
margin-bottom: 2rem
}
/*========== common ==========*/
.pc_only {
display: none !important;
}
.sp_only {
display: block !important;
}
/*========== layout ==========*/
#contents {
font-size: 14px;
}
section{
width: 92%;
}
/*========== sp_hdr_ttl ==========*/
.sp_hdr_ttl{
background-size: cover;
background-image: url(/lineup/manten/image/index_ttlbg.png);
margin-bottom: 2em;
border-bottom: 1px solid #ececec;
}
.sp_hdr_ttl .index_ttl{
width: 53vw;
right: 0px;
position: absolute;
top: 42%;
margin: 0;
bottom: 50%;
}
.sp_hdr_txt {
margin-bottom: 2em;
}
.sp_hdr_txt > section > h4{
font-size: 1.5rem;
margin-bottom: 2em;
}
.logo_manten {
width: 30vw;
position: relative;
padding-bottom: 20px;
padding-top: 20px;
top: 0px;
float: left;
left: 0px;
}
  
/*======== add 2023/03/03 ========*/

.sp_hdr_txt > section >.video h4{
font-size: 1.5rem;
margin-bottom: .1em;
}
.sp_hdr_txt > section >.video p{
margin-bottom: .5em;
}
  

/*========== nav ==========*/
nav{
position: fixed;
left: 0;
width: 100%;
z-index: 1;
background-color: #FFFFFF;
opacity: 0;
height: 60px;
background-repeat: repeat-x;
background-position: left bottom repeat-x;
box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.2);
bottom: 0px;
border-top: 3px solid #029C95;
-webkit-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.2);
}
#wrapper.floating .pagetop_rwd {
bottom: 80px;
}
nav section{
width: 100%;
}
nav section .logo_manten{
display: block;
width: 80px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 15px;
margin-top: 11px;
}
nav ul.nav {
width: 65%;
display: flex;
}
nav ul.nav li,
nav ul.nav li.current{
width: 100%;
height: 60px;
}
nav ul.nav li a,
nav ul.nav li.current{
width: 100%;
height: 60px;
padding-top: 12px;
font-size: 9px;
}
nav ul.nav li:nth-child(3) a{
padding-top: 7px;
}
nav ul.nav li img{
width: 30px;
margin-bottom: 1px;
}
nav ul.nav li:nth-child(3) a img {
width: 65px;
margin-bottom: 0px;
}
/*========== nav floating ==========*/
nav.floating {
opacity: 1;
margin-bottom: 0px;
}
/*========== close btn ==========*/
a.btn_close{
margin-top: 3rem;
margin-bottom: 3rem;
}
/*========== link_block ==========*/
.ttl_block h3 {
width: 55vw;
margin-bottom: 1em;
font-size: 1em;
line-height: 1.4;
}
.link_block li {
width: 43%;
font-size: 0.8em;
}
html.android .link_block li.android {
text-indent: -1.4em;
}
.link_block a.btn_more {
width: 90%;
}
/*========== health ==========*/
.health .ttl_block {
  width: 100%;
  float: none;
  background-image: url(/lineup/manten/image/index_sec01_img.png);
  background-position: right 1% top;
  background-repeat: no-repeat;
  background-size: 45vw auto;
  padding-top: 1rem;
}
/*========== sukoyaka ==========*/
  span.sukoyaka img{
  width: 90%;
  margin-top: 0.2em;
  display: inline-block;
  }
}

/*========== add 2020/06/26 ==========*/
#health .health_inc section .ttl_block {
  width: 100%;
  float: none;
  display: flex;
} 
#health .health_inc section .ttl_block h2, 
#health .health_inc section .ttl_block h3 {
  display: block;
}
#health .health_inc section .ttl_block {
  justify-content: space-between;
}
#health .health_inc section .ttl_block h2{
  width: 30%;
}
#health .health_inc section .ttl_block h3{
  width: 70%;
}
#health .health_inc section .link_block {
  width: 100%;
  padding-bottom: 1em;
}

.health_inc section .link_block .webSupport {
  border-radius: 10px;
  background-color: #ffdabd;
  padding: 1em 2em;
  width: 100%;
  margin-bottom: 1em;
  box-sizing: border-box;
}
.health_inc section .link_block .webSupport::after {
 display: block;
 clear: both;
 content: "";
}
.health_inc section .link_block .webSupport > ul{
  padding: 0;
  float: left;
}
.webSupport_contact{
  width: 600px;
  text-align: center;
  background-color: #FDF6E2;
  padding: 10px 20px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.webSupport_contact ul{
  margin-top: 1em;
}
.webSupport_contact ul li {
  text-align: left;
  font-size: 0.9em;
  display: inline-block;
  width: 100%;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  padding-left: 1.3em;
  text-indent: -1.3em;
  list-style: none;
  box-sizing: border-box;
}
.webSupport_contact ul li:before {
  content: "�� ";
}
.health_inc ul.health_cat{
  padding-left: 40px;
  box-sizing: border-box;
  width: 100%;
}
.health_inc .line{
  border-bottom: 1px solid #ececec;
}

a.btn_support{
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  padding: 0.7em 2em;
  color: #FFFFFF;
  border-radius: 5px;
  font-size: 21px;
  line-height: 1;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
  background-color: #f79645;
  white-space: nowrap;
}
.btn_block_ttl {
  display: table;
  vertical-align: top;
  margin-bottom: 1em;
  margin-right: 10px;
  margin-left: 10px;
}
.btn_block_ttl a.btn_support{
  font-size:1.2em;
  margin-bottom: .5em;
}
.btn_block_ttl .ttl,
.btn_block_ttl > p{
  display: table-cell;
  vertical-align: top;
  padding-right: 1em;
}
.webSupport_contact_block{
  border-radius: 10px;
  background-color: #FDF6E2;
  padding: 1em;
  width: 45%;
  box-sizing: border-box;
  display: table-cell;
  text-align: center;
}
.webSupport_contact_block a.btn_support{
  font-size:1.2em;
  padding: 1em;
  margin-bottom: 1em;
  max-width: 500px;
}
.webSupport_contact_block li:before {
  color: #333 !important;
}
.webSupport_contact_block li,
.btn_block_ttl li{
  text-align: left;
  font-size: 0.9em;
  display: inline-block;
  width: 100%;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  padding-left: 1.3em;
  text-indent: -1.3em;
  list-style: none;
  box-sizing: border-box;
}
.webSupport_contact_block li:before{
  color: #333;
  content: "�� ";
}
/* .webSupport_contact_block li:before,
.btn_block_ttl li:before {
  color: #333;
  content: "�� ";
}*/
.btn_block_ttl .webSupport_contact_block {
  padding: 1em;
}

@media screen and (min-width:1px) and (max-width:960px) {
  .health_inc section .ttl_block, .health_inc section .ttl_block h2, .health_inc section .ttl_block h3 {
    display: block;
  }
  .health_inc section .ttl_block h3 br {
    display: none;
  }
  .health_inc section .link_block .webSupport > ul, .health_inc .webSupport_contact {
    float: none;
    width: 100%;
  }
   .btn_block_ttl, .btn_block_ttl .ttl, .btn_block_ttl .webSupport_contact_block {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  .webSupport_contact_block {
    margin-top: 1em;
    padding: 1em;
  }
  .webSupport_contact_block a.btn_support{
    margin-top: 0;
    margin-bottom: 1em;
  }
    
  .health_inc ul.health_cat {
    width: 94%;
    margin: auto;
    padding: 1em 0;
  }
  .health_inc ul.health_cat li {
    width: 43%;
  }
  .health_inc section .ttl_block h2{
    width:auto;
  }
  .health_inc section .ttl_block h3{
    width:50%;
  }
}
@media screen and (min-width:1px) and (max-width:600px) {
  /*.btn_block_ttl .ttl{
    padding-right: 0;
  } */
  .health_inc .webSupport_contact ul li {
    font-size: 0.8em;
  }
}


/*========== add 2021/04/14 ==========*/

/* toppage */
.link_block dl {
  display: flex;
  align-items: start;
}
.link_block dl.aT {
  align-items:flex-start
}
.link_block dt {
  width: 33%;
}
.health_inc ul li h4 a{
  color: #ffa81c;
  border-radius: 5px;
  padding: .5em 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  display: block;
  border: 2px solid #ffa81c;
  background-color: #fff;
}
.link_block dd {
  width: 67%;
  display: flex;
}
.life_inc ul li h4 a{
  color: #2d8d77;
  border-radius: 5px;
  padding: .5em 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  display: block;
  border: 2px solid #2d8d77;
  background-color: #fff;
}
.life_inc ul li:before,
.health_inc ul li:before {
  content: "";
}
.life_inc ul li {
  display: block;
  width: calc(100%/3 - 2%);
  margin-bottom: 0.5em;
  margin-top: 0.2em;
  padding-left: 0;
  text-indent: 0;
  text-align: center;
  margin-right: 2%;
  float: left;
}
.health_inc ul li {
  display: block;
  width: calc(100%/2 - 2%);
  margin-bottom: 0.5em;
  margin-top: 0.2em;
  padding-left: 0;
  text-indent: 0;
  text-align: center;
  margin-right: 2%;
  float: left;
}
.life_inc ul li:nth-child(3n){
  margin-right: 0;
}
@media screen and (min-width:1px) and (max-width:960px) {
  .link_block dl {
    display: block;
  }
  .link_block dt, .link_block dd {
    width: 100%;
    display: block;
  }
  .webSupport_contact li {
    float: none;
  }
  .webSupport_contact a.btn_support {
    width: 65%;
  }
}
@media screen and (min-width:1px) and (max-width:800px) {
  .life_inc ul li {
  width: calc(100%/2 - 2%);
  }
  .life_inc ul li:nth-child(2n){
    margin-right: 0;
  }
  .life_inc ul li:nth-child(3n){
    margin-right: 2%;
  }
}
@media screen and (min-width:1px) and (max-width:600px) {
  .webSupport_contact a.btn_support {
    width: auto;
  }
  .link_block._1line li {
    width: 100% !important;
  }
}
@media screen and (min-width:1px) and (max-width:500px) {
  .life_inc ul li,
  .health_inc ul li {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
@media screen and (min-width:1px) and (max-width:360px) {
  .webSupport_contact a.btn_support {
    width: 100%;
  }
}


/* health */
#health .link_block {
  width: 100%;
  float: none;
  padding: 1em 0;
  border-bottom: 1px dashed #ececec;
}
#health .link_block dt h4 a {
  color: #ffa81c;
  border-radius: 5px;
  padding: .5em 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  display: block;
  border: 2px solid #ffa81c;
  background-color: #fff;
}
#health .link_block dd {
  padding-left: 3em;
}
#health .link_block dd ul{
  width: 100%;
}
#health .health_cat li:before, #health .health_cat li a:before {
  color: #FFA81D;
}
#health .link_block:last-of-type{
  border: none;
}
#health .ttl-cat{
  color: #fff;
  border-radius: 10px;
  padding: .8em 1em;
  font-size: 20px;
  font-weight: bold;
  background: #ffa81c;
  background: -moz-linear-gradient(top, #ffa81c 0%, #e59319 100%);
  background: -webkit-linear-gradient(top, #ffa81c 0%, #e59319 100%);
  background: linear-gradient(to bottom, #ffa81c 0%, #e59319 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa81c', endColorstr='#e59319', GradientType=0);
  text-align: left;
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.10);
  box-shadow: 0px 3px 10px rgba(0,0,0,0.10);
  margin-bottom: 1em;
  margin-top: 3em;
}
#health .ttl-cat+p{
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width:1px) and (max-width:960px) {
  #health .link_block {
    padding: 0;
    border: none;
  }
  #health .link_block dd {
    padding-left: 0;
    width: 95%;
    margin: auto;
    padding: 1em 0;
  }
}

/* life */
#life .ttl-cat{
  color: #fff;
  border-radius: 10px;
  padding: .8em 1em;
  font-size: 20px;
  font-weight: bold;
  background: #2d8d77;
  background: -moz-linear-gradient(top, #2d8d77 0%, #19755c 100%);
  background: -webkit-linear-gradient(top, #2d8d77 0%, #19755c 100%);
  background: linear-gradient(to bottom, #2d8d77 0%, #19755c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d8d77', endColorstr='#19755c', GradientType=0);
  text-align: left;
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.10);
  box-shadow: 0px 3px 10px rgba(0,0,0,0.10);
  margin-bottom: 0em;
  margin-top: 3em;
}
#life .list_block {
  padding-bottom: 2em;
  border-bottom: 2px solid #ececec;
  padding-top: 1em;
  margin-bottom: 1em;
}
#life .photo_block_inc > h3 span:first-of-type,
#life .photo_block_inc > p {
  margin-left: 0px;
  /* [disabled]margin-right: 0px; */
}

.--mt-10{
  margin-top: 10px;
}

.top-menu {
  position: relative;
}
.top-menu .--for{
  position: absolute;
  top: -40px;
  right: 0;
  border: solid 1px #666;
  padding: 0 1em;
  z-index: 100;
}
.headerIn01 .--for{
  display: none;
}
@media screen and (min-width:1px) and (max-width:600px) {
  .top-menu{
    display: none;
  }
.headerIn01 .--for{
  display: block;
  position: absolute;
  top: 30%;
  right: 20px;
  border: solid 1px #666;
  padding: 0 1em;
  z-index: 100;

}
.sec00-flex{
  display: block;
}
.sec00 section{
  padding-top: 0;
}
.sec00 section .ttl{
  width: 100%;
}
.sec00 section .video{
  width: 80%;
  margin: 1em auto;
}
.sec00 section h3{
display: none;
}

}