@charset "utf-8";


/*----------------------------------------------------------------------------
 TOP
----------------------------------------------------------------------------*/

.c-section-title {
	position:relative;
	margin-bottom:45px;
	font-size: 3.2rem;
	font-weight:500;
	line-height:1.333;
	text-align:center;
	letter-spacing: 0.2em;
}
.c-section-title:after {
	content:"";
	width: 100px;
	height: 4px;
	background: #7dccf3;
	position: absolute;
	bottom: -16px;
	left:0;
	right: 0;
	margin: auto;
}
.c-section-title__sub {
	position:relative;
	margin-bottom: 1em;
	font-size: 3.2rem;
	font-weight:500;
	line-height:1.333;
	color: #00b3ec;
	text-align:center;
	letter-spacing: 0.2em;
}
.c-txt-lead {
	text-align:center;
	line-height:1.857;
}
.c-section-description {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing:0.2em;
	text-align:center;
}
.c-artile-title {
	margin:auto;
	font-size:3.0rem;
	text-align:center;
	letter-spacing: 0.2em;
}
.c-second-head {
	display: inline-block;
	font-size:1.6rem;
	color:#ffffff;
	background:#4c4948;
	width: auto;
	padding:8px 36px;
	text-align:center;
	margin: 0 auto 24px;
}


/*----------------------------------------------------------------------------
 HERO
----------------------------------------------------------------------------*/

.p-mv {
	position:relative;
	width:100%;
	height: 100vh;
	overflow: hidden;
}
.p-mv .c-main-img {
	width:100%;
	height: 100vh;
    opacity: 1;
	background:url(../img/img_mv.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
	left:0;
	top:0;
	 -webkit-animation: anime 5s 0s;
    animation: anime 5s 0s; 
    animation-fill-mode:forwards;
}

@keyframes anime {
  0% {
        opacity: 0.6;
        transform: scale(1.0) ;
    }
    100% { opacity: 1;
    	transform: scale(1.05) ; }
}


.c-logo-mv {
	position:absolute;
	top:4.545vw;
	width: 457px;
	height: 101px;
	left:0;
	right: 0;
	margin: auto;
	z-index:90;
}

/*.p-mv:before {
	content:"";
	width:50%;
	height:100%;
	background:#ECF2F7;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
}
.p-mv img {
	width:100%;
	height:auto;
}*/
.p-mv .l-inner {
	height:100%;
	border:1 px solid #c00;
}
.p-mv .c-txt-catch {
	width:3.2em;
	position:absolute;
	font-size: 1.6rem;
	font-weight:500;
	line-height:1.66;
	letter-spacing:0.06em;
	top: 50%;
	right: 0;
	left: 75%;
	margin: auto;
    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: translate(0,-30%);
  white-space: nowrap;
}


.c-scroll {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 1.2rem;
	width:60px;
	text-align: center;
	z-index: 10;
}
.c-arrow-down {
	display: block;
	vertical-align: middle;
	color: #4c4948;
	line-height: 1;
	width: 1px;
	height: 23px;
	background: currentColor;
	position: absolute;
	left:0;
	right:0;
	bottom:12px;
	margin:5px auto 0;
	animation: arrowmove 1s ease-in-out infinite;
	z-index: 10;
}
.c-arrow-down::before {
	content: '';
	width: 9px;
	height:  9px;
	border: 1px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: rotate(135deg);
	position: absolute;
	left: -4px;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:2%;}
     100%{bottom:1%;}
 }

.p-mv-menu {
	width: 140px;
	position: absolute;
	left: 8%;
	bottom:10%;
}
.c-btn-circle {
	width: 140px;
	height: 140px;
	font-size: 1.6rem;
	text-align: center;
	background: url(../img/icon_arrow_right.png) #ebebeb no-repeat bottom 25px center;
	background-size: 18px auto;
	border: 1px solid #4C4948;
	border-radius: 50%;
}

/*----------------------------------------------------------------------------
 NEWS
----------------------------------------------------------------------------*/
.p-top-news {
	padding-top: 80px;
	margin-top: -80px;
	background: transparent;
}
.p-top-news .l-inner {
	padding: 30px  65px 0;
}
.p-news-head {
	padding-right: 58px;
}
.p-news-head h2 {
	margin-bottom: 0.75em;
	font-size:2.0rem;
	letter-spacing:0.05em;
}
.p-news-head a {
	font-size: 1.4rem;
}
.c-item-news {
	font-size: 1.4rem;
	line-height:1.6;
}
.c-item-news:not(:last-child) {
	margin-bottom: 8px;
}
.c-category {
	display:inline-block;
	font-size:10px;
	margin:0 7px 0 12px;
	width:100px;
	background:#4c4948;
}
.c-category a {
	width:100%;
	color:#ffffff;
	text-align: center;
    display: block;
}


/*----------------------------------------------------------------------------
 NEWS MENU
----------------------------------------------------------------------------*/

.p-menu-top .c-menu-top-item:nth-of-type(1) {
	margin-bottom: 1.5em;
}


/*----------------------------------------------------------------------------
 ABOUT
----------------------------------------------------------------------------*/

.p-top-about {
	padding:80px 0 100px;
}

.p-top-about .c-section-title {
	margin-bottom: 40px;
	font-family: 'Noto Serif JP', serif;
	font-size: 3.2rem;
	font-weight: 200;
	line-height: 1.5;
}
.p-top-about .c-section-title span {
	margin: 14px auto 0;
	padding: 0.3em 0;
	width: 240px;
	font-size:1.5rem;
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.03em;
	color: #ffffff;
	background: #00b3ec;
}
.p-top-about .c-section-title:after {
	content:none;
}
.c-top-about-txt {
	line-height: 2.0;
	text-align:center;
}
.p-top-about .c-top-about-txt:not(:last-child) {
	margin-bottom: 2em;
}
.p-about-mission{
	margin: 40px auto 100px;
	width: 392px;
}
.c-txt-mission {
	width:165px;
	height: 165px;
	font-size: 2rem;
	line-height:1;
	text-align:center;
	border-radius: 50%;
}
.c-txt-mission:nth-of-type(1) {
	border: 4px solid #7dccf3; 
}
.c-txt-mission:nth-of-type(2) {
	width: 30px;
	height: 165px;
	font-size: 3rem;
}
.c-txt-mission:nth-of-type(3) {
	border: 4px solid #f09dc1; 
}

.p-about-knowledge {
	width:1100px;
	margin:auto;
	padding:0;
}
.p-about-knowledge .p-article-header {
	margin-bottom: 60px;
}
.p-about-knowledge .c-artile-title {
	display: inline-block;
	margin:0 auto 36px;
	border-bottom: 2px solid #4c4948;
}

.c-knowledge-item h4 {
	width:100%;
	margin-bottom:18px;
}
.c-knowledge-item__wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.p-knowledge-list .c-knowledge-item:nth-of-type(2) {
	margin:75px 0 68px;
}
.c-knowledge-item .c-knowledge-item__txt {
	width:550px;
	flex-basis:550px;
	flex-shrink: 0;
}
.c-knowledge-item__txt h4 {
	font-size:1.8rem;
	margin-bottom:24px;
	border: 1px solid #4c4948;
	height: 40px;
}
.c-item-no {
	margin: 0 16px 0 0;
	width:40px;
	height: 100%;
	color: #ffffff;
	background: #4c4948;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content:center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.c-knowledge-item__img {
	width: 460px;
	flex-basis: 460px;
	flex-shrink: 0;
	margin-left:0px;
	margin-top: 0;
	display:block;
	justify-content:center;
}
.c-knowledge-item__img_01 {
	width:450px;
	height:auto;
	margin:auto;
}
.c-knowledge-item__img_02 {
	width:450px;
	height:auto;
	margin:auto;
}
.c-knowledge-item__img_03 {
	width:460px;
	height:auto;
	margin:auto;
}

/*----------------------------------------------------------------------------
 SUPPORT
----------------------------------------------------------------------------*/

.p-top-support{
	padding:0;
}
.p-support-list {
	margin:66px auto 48px;
}
.p-support-list.p-layout-flex {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items:  flex-start;
}

.c-support-item {
	padding: 180px 0 0;
	width:245px;
}
.c-support-item h3 {
	font-size:2.2rem;
	padding-bottom: 14px;
	margin-bottom:12px;
	text-align: center;
	border-bottom: 1px solid #4c4948;
}

.c-item-qa {
	background:url(../img/icon_support_qa.png) no-repeat top center;
	background-size: 131px auto;
}
.c-item-yfp {
	background:url(../img/icon_support_yfp.png) no-repeat top center;
	background-size: 125px auto;
}
.c-item-recipe {
	background:url(../img/icon_support_recipe.png) no-repeat top center;
	background-size: 121px auto;
}
.c-item-knowledge {
	background:url(../img/icon_support_knowledge.png) no-repeat top center;
	background-size: 118px auto;
}
.p-support-consult {
	padding:0;
	margin:100px auto 0;
	text-align:center;
}
.p-support-consult p {
	line-height: 2.0;
}
.p-support-consult .btn-area {
	margin: 40px auto 20px;
}

.p-support-list .c-txt-primary,
.p-support-consult .c-txt-primary,
.p-supplement-select .c-txt-primary {
	line-height:1.5625;
}

/*----------------------------------------------------------------------------
 製品
----------------------------------------------------------------------------*/

.p-top-products {
	margin-top: 100px;
	padding:0;
}
.c-img-supplement {
	width:740px;
	margin: 45px auto 50px;
}
.p-supplement-list {
	margin: 0 auto 38px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items:  flex-start;
}
.c-supplement-item {
	width: 140px;
	text-align:center;
}
.c-supplement-item .c-txt-primary {
	font-size:1.8rem;
	line-height:1.3;
}
.p-supplement-list .c-supplement-item {
	padding-top: 140px;
}
.p-supplement-list .c-supplement-item p{
	line-height: 1.5625;
}
.p-supplement-list .c-supplement-item:nth-of-type(1) {
	background:url(../img/icon_supplement_01.png) no-repeat top center;
	background-size: 113px auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(2) {
	background:url(../img/icon_supplement_02.png) no-repeat top center;
	background-size: 116px auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(3) {
	background:url(../img/icon_supplement_03.png) no-repeat top center;
	background-size: 117px auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(4) {
	background:url(../img/icon_supplement_04.png) no-repeat top center;
	background-size: 128px auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(5) {
	background:url(../img/icon_supplement_05.png) no-repeat top center;
	background-size: 125px auto;
}


.p-supplement-select {
	width:920px;
	margin:90px auto 0;
	padding: 0;
}
.p-supplement-select p {
	margin-bottom:2em;
}

/*----------------------------------------------------------------------------
 生殖医療をサポート
----------------------------------------------------------------------------*/
.p-top-support-med {
	margin-top: 100px;
	padding:0;
}
.p-top-support-med .c-section-title {
	margin-bottom: 18px;
	letter-spacing: 0.1em;
}
.p-top-support-med .p-article-header .c-section-title:after {
	content: none;
}
.p-top-support-med .p-article-header {
	position: relative;
	width: 500px;
	margin: auto
}
.p-top-support-med .p-article-header:after {
	content: "";
	width: 61px;
	height: 134px;
	background: url(../img/img_med_support.png) no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: auto;
	right:-50px;
}
.c-txt-support-med {
	text-align:center;
}
.c-support-item_med {
	padding: 182px 0 0;
	width:255px;
	text-align:left;
}
.c-support-item_med h3 {
    font-size: 2.2rem;
    padding-bottom: 14px;
    margin-bottom: 12px;
    text-align: center;
    border-bottom: 1px solid #4c4948;
}
.c-support-item_med .c-txt-primary {
	letter-spacing:-0.03em;
}

.c-item-tool {
	background:url(../img/icon_med_01.png) no-repeat top center;
	background-size: 133px auto;
}
.c-item-study {
	background:url(../img/icon_med_02.png) no-repeat top center;
	background-size: 146px auto;
}
.c-item-info {
	background:url(../img/icon_med_03.png) no-repeat top center;
	background-size: 169px auto;
}
.c-item-site {
	background:url(../img/icon_med_04.png) no-repeat top center;
	background-size: 102px auto;
}
.p-top-support-med .p-support-list {
    margin: 78px auto 52px;
}
.p-med-link {
	margin:auto;
	padding:0;
}
.c-icon_web {
	width:69px;
}
.p-med-link .c-btn-link {
	width: 420px;
	height: 70px;
	color: #ffffff;
	background-image: url(../img/icon_arrow_right_wh.png);
    background-size: 18px auto;
	background-color: #4c4948;;
}
.c-med-link__txt {
	font-size:2.0rem;
}
.c-med-link__txt .c-txt-notice {
	font-size:1.4rem;
	color:#9AA6A2;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
 RESPONSIVE
--------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width:1000px){
.menu-trigger {
	display:none;
}
.sp {
	display:none;
}
}
@media only screen and (max-width:1280px){

}/* media1280 */

@media only screen and (max-width:768px){

.pc {
	display:none;
}


/*----------------------------------------------------------------------------
 TOP
----------------------------------------------------------------------------*/

.c-section-title {
	position:relative;
	margin-bottom:8vw;
	height:15.2vw;
	font-weight:400;
	line-height:1.333;
	text-align:center;
}
.c-txt-lead {
	text-align:center;
	line-height:1.857;
}
.c-section-description {
	font-size:4.266vw;
	line-height:1.56;
	letter-spacing:0.2em;
	text-align:left;
	padding: 0 5.333vw;
}
.c-artile-title {
	width:100%;
	margin:auto;
	font-size:2.0rem;
	text-align:center;
	background:#ffffff;
	padding:7px 0;
	margin-bottom:36px;
	border-radius:9px;
}
.c-second-head {
	font-size:1.6rem;
	color:#ffffff;
	background:#99ABB9;
	width:100%;
	padding:4px 0;
	text-align:center;
	margin:20px auto 16px;
}

.c-section-title__sub {
	font-size: 2.4rem;
}


/*----------------------------------------------------------------------------
 HERO
----------------------------------------------------------------------------*/

.p-mv {
	width:100%;
	position:relative;
	height: 100vh;
}
.p-wrap-arrow {
	width: 100%;
	height: 16.533vw;
	background: #ffffff;
	position: absolute;
	bottom:0;
	left: 0;
}
.c-logo-mv {
    position: absolute;
    top: 30.866vw;
    width: 61.866vw;
    height: 13.6vw;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 90;
}
.c-scroll {
    position: absolute;
    bottom: 42px;
}

.p-mv .c-main-img {
    background: url(../img/img_mv_sp.jpg) no-repeat top -25vw center;
    background-size: cover;
}
@keyframes anime {
  0% {
        opacity: 0.6;
        transform: scale(1.1) ;
    }
    100% { opacity: 1;
    	transform: scale(1.2) ; }
}
.p-mv .c-txt-catch {
	width:auto;
	position:absolute;
	font-size: 2.666vw;
	font-weight:500;
	line-height:1.66;
	letter-spacing:0.06em;
	top: auto;
	bottom: 20vw;
	left: 5vw;
	right: auto;
    -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  z-index: 10;
}

.p-mv .p-btn-area {
	width:68vw;
	position:absolute;
	top:98.333vw;
	left:0;
	right:0;
	bottom:auto;
	margin:auto;
	text-align:center;
}
a.c-btn-items {
	width:100%;
	height:10.666vw;
	font-size:4.266vw;
	color:#ffffff;
	background-color:#FDB385;
	border-radius:20px;
	position:relative;
}

.p-menu-mv {
	position:absolute;
	width:89.333vw;
	margin:auto;
	left:0;
	right:0;
	top:115.733vw;
}
.p-menu-mv h3 {
	padding:0.6vw 0;
	height:5.866vw;
	font-size:4.266vw;
	text-align:center;
	color:#ffffff;
	background:#86BAE0;
}
.p-menu-mv h3:before {
	content:"";
	width:2.133vw;
	height:2.133vw;
	background:url(../img/icon_menu_sp.png) no-repeat;
	background-size:cover;
	position:absolute;
	margin:auto;
	left:-18vw;
	right:0;
	top:1.8vw;
}

.p-menu-mv ul {
	background:#ffffff;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap:wrap;
}
.p-menu-mv ul li{
	width:50%;
	height:9.066vw;
	font-size:3.466vw;
	background:#D5E0E8;
	display:flex;
	align-items:center;
	justify-content:center;
}
.p-menu-mv ul li:nth-of-type(1),
.p-menu-mv ul li:nth-of-type(2),
.p-menu-mv ul li:nth-of-type(3),
.p-menu-mv ul li:nth-of-type(4) {
	border-bottom:1px solid #ffffff;
}

/* ニュース */
.p-top-news .l-inner {
	height:auto;
	padding:6.66vw 5.333vw 5.333vw;
	display:flex;
	flex-wrap:wrap;
}
.p-news-head {
	width: 100%;
	padding-right: 0;
	margin-right:0;
	border-right:none;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1em;
}
.p-news-head h2 {
	margin-bottom:0;
}

.c-item-news {
	font-size:3.733vw;
	line-height:1.4;
	display:flex;
	flex-wrap:wrap;
}
.c-item-news:not(:last-child) {
	margin-bottom:0.8em;
}
.c-news-date {
	margin-bottom:0.5em;
	margin-right: 0.5em;
}
.c-item-news a {
	
}
.c-category {
	padding-top:2px;
	margin:0 7px 0.5em 0;
	width:100px;
}

/*----------------------------------------------------------------------------
 ABOUT
----------------------------------------------------------------------------*/

.p-top-about {
	padding:9.6vw 0 11.2vw;
}
.p-top-about .c-section-title {
	width:100%;
	margin:auto;
	margin-bottom:6.4vw;
	height:38.933vw;
	background-size: auto 38.933vw;
	flex-wrap:wrap;
	font-size:6.4vw;
}
.p-top-about .c-section-title span {
	/*font-size:1.5rem;
	display:block;
	margin-top:-20px;*/
}
.c-top-about-txt {
	padding:0 5.333vw;
	text-align:left;
}
.c-top-about-txt br {
	display:none;
}

.p-top-about .c-top-about-txt:not(:last-child) {
	margin-bottom:1.8em;
}
.p-about-mission{
	margin:8.266vw auto 9.333vw;
	width:100%;
	height:auto;
	padding: 0 5.333vw;
}
.c-txt-mission {
	width: 40vw;
	height: 40vw;
}
.p-about-knowledge {
	width:100%;
	margin:auto;
	padding:0 5.333vw 30px;
	background:#ffffff;
}
.p-about-knowledge .p-article-header {
	margin-bottom: 1.5em;
}

.p-about-knowledge .c-artile-title {
	font-size:6.4vw;
	text-align:center;
	background:#ffffff;
	padding:0 0 2vw;
	margin-bottom:4vw;
	border-radius:0;
}
.c-knowledge-item__wrap{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top:3.733vw;
}
.c-knowledge-item {
}
.p-knowledge-list .c-knowledge-item:nth-of-type(2) {
	margin:6.4vw 0;
}
.c-knowledge-item .c-knowledge-item__txt {
	width:100%;
	flex-basis:100%;
	flex-shrink: 0;
}
.c-knowledge-item h4 {
	width:100%;
	height: 9.6vw;
	margin-bottom: 1em;
	font-size: 4.266vw;
}
.c-item-no {
	width: 9.6vw;
	margin: 0 0.5em 0 0
}
.c-knowledge-item__img {
	width:100%;
	flex-basis:100%;
	flex-shrink: 0;
	margin-left:0;
	margin-top:0;
	margin-top: 1em;
	margin-bottom:5.333vw;
	display:block;
	justify-content:center;
    padding:0;
}
.c-knowledge-item__img_01 {
	width:100%;
	height:auto;
	margin:auto;
}
.c-knowledge-item__img_02 {
	width:100%;
	height:auto;
	margin:auto;
}
.c-knowledge-item__img_03 {
	width:100%;
	height:auto;
	margin:auto;
}

.c-knowledge-item h4 .c-btn-toggle-open {
	margin-top:2.666vw;
	padding-top:2.4vw;
	display:block;
	width:100%;
	font-size:4.266vw;
	text-align:center;
	border-top:1px solid #ffffff;
}
.c-btn-toggle-close {
	margin-top:4vw;
	padding:1.333vw 0;
	display:block;
	width:100%;
	font-size:4.266vw;
	text-align:center;
	color:#ffffff;
	background:#86BAE0;
	order:2;
}
.js-accordion {
	display:none;
}

/*----------------------------------------------------------------------------
 SUPPORT
----------------------------------------------------------------------------*/

.p-top-support{
	padding:0 0 16vw;
}
.p-support-list {
	margin:15.2vw auto 5.866vw;
	display: block;
}
.c-support-item {
	padding: 0 0 0 22.4vw;
	width: 89.333vw;
	margin: 0 auto 6.66vw;
	text-align:left;
}
.c-support-item h3 {
	font-size:4.266vw;
	margin-bottom:2.133vw;
	text-align: left;
}
.c-support-item p.c-txt-primary {
	font-size:3.466vw;
	line-height:1.23;
}

.c-item-qa {
	background:url(../img/icon_support_qa.png) no-repeat top 10px left;
	background-size:19vw auto;
}
.c-item-yfp {
	background:url(../img/icon_support_yfp.png) no-repeat top left;
	background-size:19vw auto;
}
.c-item-recipe {
	background:url(../img/icon_support_recipe.png) no-repeat top left;
	background-size:19vw auto;
}
.c-item-knowledge {
	background:url(../img/icon_support_knowledge.png) no-repeat top left;
	background-size:19vw auto;
}
.p-support-consult {
	width:89.333vw;
	padding:9.6vw 0 2.666vw;
	margin:40px auto 0;
	text-align:left;
	background:#ffffff;
}
.c-img-catch-consult {
	width:73.6vw;
	margin:0 auto 18px;
}

.p-support-consult h3 {
	font-size:5.066vw;
	margin-bottom:4.8vw;
}
.p-support-consult .btn-area {
	margin:25px auto 10px;
}
.p-support-consult p.c-txt-primary {
	font-size:3.7333vw;
	line-height:1.57;
	letter-spacing:-0.03em;
	text-align:left;
}
.p-support-consult p.c-txt-primary br {
	display:none;
}
.p-support-consult .c-txt-notice{
	text-align:left;
}

/*----------------------------------------------------------------------------
 製品
----------------------------------------------------------------------------*/

.p-top-products {
	margin-top: 0;
	padding: 0 0 16.533vw;
}
.p-top-products .c-section-title {
	font-size:5.333vw;
	margin-bottom:8vw;
}
.p-top-products  .c-section-description {
	padding:0 5.333vw;
	letter-spacing:0.1em;
}
.c-img-supplement {
	width:94vw;
	margin: 6.933vw auto 8vw;
}
.p-supplement-list {
	width:89.333vw;
	margin:8.266vw auto 8.8vw;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items:  flex-start;
	flex-wrap: wrap;
}
.c-supplement-item {
	text-align:left;
	width:100%;
	padding:0 0 0 18vw;
}
.p-supplement-list .c-supplement-item:not(:last-child) {
	margin-bottom:5.866vw;
}



.c-supplement-item .c-txt-primary {
	font-size:4.8vw;
	line-height:1.3;
}
.p-supplement-list .c-supplement-item {
	width: 100%;
	height: 5.5em;
	padding-top:0;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.p-supplement-list .c-supplement-item:nth-of-type(1) {
	background:url(../img/icon_supplement_01.png) no-repeat top left;
	background-size:15vw auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(2) {
	background:url(../img/icon_supplement_02.png) no-repeat left center;
	background-size:15vw auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(3) {
	background:url(../img/icon_supplement_03.png) no-repeat top left;
	background-size:15vw auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(4) {
	background:url(../img/icon_supplement_04.png) no-repeat top left;
	background-size:15vw auto;
}
.p-supplement-list .c-supplement-item:nth-of-type(5) {
	background:url(../img/icon_supplement_05.png) no-repeat top left;
	background-size:15vw auto;
}


.p-supplement-select {
	width:89.333vw;
	margin:10.133vw auto 0;
	padding:0;
}
.p-supplement-select p {
	margin-bottom:2em;
}

.p-supplement-select a.c-btn-link {
}

/*----------------------------------------------------------------------------
 生殖医療をサポート
----------------------------------------------------------------------------*/
.p-top-support-med {
	margin-top: 0;
	padding: 0 0;
}
.c-txt-support-med {
	text-align:center;
}
.p-top-support-med .p-article-header {
	width: 100%;
}

.p-top-support-med .c-section-title {
	font-size:5.333vw;
	height: 6.2vw;
}
.p-top-support-med .c-second-head{
	margin: 0 auto 3.466vw;
	width:78.4vw;
}
.u-txt-support-med  {
	padding:0 5.333vw;
}
.p-top-support-med .p-article-header:after {
	content: "";
	width: 8vw;
	height: 17.866vw;
	background: url(../img/img_med_support.png) no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 20vw;
	left: auto;
	right: 3vw;
}
.c-support-item_med {
	padding: 0 0 0 18vw;
	width:100%;
	text-align:left;
}
.c-support-item_med:not(:last-child) {
	margin-bottom:8vw;
}
.c-support-item_med:last-child{
}
.p-top-support-med .p-support-list {
	padding:0 5.333vw 0;
	margin: 7.5vw auto;
}
.c-support-item_med h3 {
	height:auto;
	font-size:4.266vw;
	margin-bottom: 0.5em;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
.c-support-item_med .c-txt-primary {
	letter-spacing:-0.03em;
	font-size:3.466vw;
	line-height:1.23;
}

.c-item-tool {
	background:url(../img/icon_med_01.png) no-repeat top left;
	background-size:15vw auto;
}
.c-item-study {
	background:url(../img/icon_med_02.png) no-repeat top left;
	background-size:15vw auto;
}
.c-item-info {
	background:url(../img/icon_med_03.png) no-repeat top left;
	background-size:15vw auto;
}
.c-item-site {
	background:url(../img/icon_med_04.png) no-repeat top left;
	background-size:15vw auto;
}

.p-med-link {
	margin:auto;
	padding:0;
	width:89.333vw;
	height:auto;
}
.c-icon_web {
	width:18.4vw;
}
.p-med-link .c-btn-link {
	width:89.333vw;
	height:39px;
}
.c-med-link__txt {
	font-size:4.266vw;
}
.c-med-link__txt .c-txt-notice {
	font-size:1.4rem;
	color:#9AA6A2;
}

.p-med-link .btn-area {
	margin:3.466vw auto 0;
}

/*----------------------------------------------------------------------------
 私たちが目指していること
----------------------------------------------------------------------------*/

.p-top-mission {
	padding:7.466vw 0 0;
}
.p-top-mission h2 {
	font-size:5.333vw;
}
.p-txt-mission {
	margin:29px auto 34px;
	text-align:center;
}
.p-block-message {
	padding:9.333vw 0 74.666vw 0;
	margin:auto;
	width:100%;
	font-size:3.466vw;
	text-align:center;
	background:url(../img/illust_mission.png) no-repeat center bottom;
	background-size:84.533vw auto;
}
.c-txt-massage-conclusion {
	font-size:4.8vw;
	margin:6.4vw 0 8vw;
}
.c-logo-message {
	width:34.666vw;
	margin:auto;
}

}//* media */