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

@media screen and (max-width:736px) {
	html, body {
		min-width: 0;
		width: 100%;
		height: 100%;
		-webkit-text-size-adjust : 100%;
	}

	img {
		max-width: 100% !important;
		height: auto;
	}

	.sp {
		display: inherit;
	}
	
	a[href^="tel:"] {
		pointer-events: auto;
	}
	
	input[type="submit"] {
	  appearance: none;
	  -webkit-appearance: none;
	}


	

	/*-----------------------------

	header

	------------------------------*/

	header {
		padding: 6% 4% 8%;
	}

	header .hd-inner {align-items: center;}
	header .hd-inner h1 {
		width: 40%;
		max-width: 40%;
		flex-basis: 45%;
	}

	header .hd-inner .hd-nav {
		display: none;
	}
	
	/*-----------------------------

	page-main

	------------------------------*/
	#page-main {
		min-height: inherit;
		padding: 15% 0;
		margin-bottom: 5%;
	}

	#page-main h2 {
		font-size: 1.4rem;
	}

	#page-main h2 span {
		display: block;
		font-size: 2.6rem;
	}	


	/*-----------------------------

	pan

	------------------------------*/
	#pan {
		padding-left: 5%;
		margin-bottom: 10%;
	}

	ul#pan li,
	ul#pan li a{
		font-size: 1.2rem;
		color: #88787B;
	}


	h2.ttl {margin-bottom: 5%;}
	h2.ttl span.ja-ttl {font-size: 1.4rem;  margin-top: 0px;}
	h2.ttl span.en-ttl {font-size: 5rem; color: #88787B;}
	
	/*-----------------------------

	top

	------------------------------*/
	#main-fv {
		padding: 8%;
		align-items: center;
	}

	#main-fv .main-txt {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10%;
	}

	#main-fv .mian-img {
		width: 80%;
		max-width: 80%;
		margin: 0 auto;
	}

	#main-fv h2 {
		letter-spacing: .04em;
		margin-bottom: 10px;
	}

	#main-fv h3 {
		font-size: 1.2rem;
		letter-spacing: .04em;
		margin-bottom: 5%;
	}

	#main-fv p {
		font-size: 1.2rem;
		line-height: 2.4;
		letter-spacing: .04em;
	}

	#main-fv p br {display: none;}
	
	.top-contents {
		padding: 10% 0;
	}

	.top-contents .about-txt {
		font-size: 1.6rem;
		line-height: 2.4;
	}
	
	.top-contents .about-txt span {
		display: block;
		padding-left: 0;
	}
	
	.top-contents .about-txt span img {vertical-align: baseline;}
	.about-inner {
		flex-wrap: wrap;
		align-items: center; 
		margin-bottom: 10%;
	}
	
	.about-img-top {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5%;
	}

	.about-info-top {
		width: 100%;
		max-width: 100%;
		padding: 0 10% 0 5%;
	}

	.about-info-top p {
		font-size: 1.3rem;
		line-height: 2;
		margin-bottom: 10%;
	}

	.more {text-align: center;}
	.more a {
		font-size: 1.4rem;
	}
	
	.care-area h3 {font-size: 1.6rem;}
	.care-area h3 span {font-size: 2.2rem; padding-bottom: 5%;}

	.care-area p.care-txt {
		font-size: 1.3rem;
		line-height: 2.4;
		text-align: left;
	} 

	.femcare-inner {align-items: center; margin-bottom: 10%;}
	.femcare-inner .femcare-img {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5%;
	}

	.femcare-inner .femcare-info {
		width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.femcare-inner .femcare-info h3 {
		font-size: 1.6rem;
	}

	.femcare-inner .femcare-info h3 span {
		font-size: 1.2rem;
	}

	.femcare-inner .femcare-info p {
		font-size: 1.3rem;
		line-height: 2.4;
		margin-bottom: 5%;
	}

	.store-area {margin-bottom: 10%;}
	.store-area .inner-1175 {position: inherit;}
	ul.store-list {justify-content: space-between;}
	ul.store-list li {
		width: 48%;
		margin: 0 0 10% 0;
	}

	ul.store-list li:nth-of-type(4n) {margin-right: 0;}

	ul.store-list li .store-img {
		margin-bottom: 20px;
	}

	ul.store-list li h3 {
		font-size: 1.4rem;
	}

	ul.store-list li p {
		font-size: 1.2rem;
	}

	.more.store-btn {
		position: inherit;
		bottom: 0;
		right: 0;
		text-align: center;
	}

	.slick-prev{
		left: 0% !important;
		position: relative;
		z-index: 10;
	}
	.slick-next{
		right: 0% !important;
		position: relative;
		z-index: 10;
	}

	.voice-area {
		padding: 10% 10%;
	}
	
	.voice-slide h3 {
		font-size: 1.6rem;
	}

	.voice-slide p.voice-txt {
		font-size: 1.2rem;
	}

	.voice-slide p.voice-name {
		font-size: 1.2rem;
		text-align: right;
	}
	
	.media-news {
		padding: 10% 0;
	}

	.c-white {color: #fff;}
	.media-news h2.ttl span.en-ttl {
		opacity: 1;
		color: #88787B;
	}

	ul.media-list {margin-bottom: 10%;}
	ul.media-list li + li {margin-top: 10%;}
	ul.media-list li .media-inner {align-items: center;}
	ul.media-list li .media-thumbnail {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5%;
	}
	
	ul.media-list li .media-thumbnail img {width: 100%;}

	ul.media-list li .media-info {
		width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	ul.media-list li .media-info h3 {
		font-size: 1.6rem;
		margin-bottom: 5%;
	}

	ul.media-list li .media-info p {
		font-size: 1.3rem;
	}

	ul.news-list li a {
		display: block;
		padding: 5% 0;
	}
	ul.news-list li p {font-size: 1.2rem;}
	ul.news-list li h3 {font-size: 1.4rem;}
	
	
	/*-----------------------------

	service

	------------------------------*/
	.service-contents {
		padding-bottom: 10%;
	}

	ul.service-list li .service-inner {align-items: center;}
	ul.service-list li .service-info {
		width: 100%;
		max-width: 100%;
	}

	ul.service-list li .service-img {
		width: 100%;
		max-width: 100%;
	}
	
	ul.service-list li:nth-child(odd) .service-info,
	ul.service-list li:nth-child(even) .service-info{
		padding: 4%;
	}
	
	ul.service-list li .service-info h3 {
		font-size: 2.4rem;
		margin-bottom: 10px;
	}

	ul.service-list li .service-info h3 span {
		font-size: 1.4rem;
	}

	ul.service-list li .service-info p {
		font-size: 1.4rem;
		line-height: 2.4;
	}

	ul.service-list li + li {
		margin-top: 5%;
	}

	.order-1 {order: 2;}
	.order-2 {order: 1;}
	
	/*-----------------------------

	company

	------------------------------*/
	.company-contents {
		padding-bottom: 10%;
	}

	.company-inner {
		margin: 0 auto 10%;
	}
	
	dl.company-info {}

	dl.company-info {
		border-bottom: 1px solid #CECECE;
		padding-bottom: 30px;
	}

	dl.company-info + dl.company-info {padding-top: 30px;}

	dl.company-info dt {
		width: 30%;
		max-width: 30%;
		padding-left: 0;
	}

	dl.company-info dd {
		width: 70%;
		max-width: 70%;
	}

	dl.company-info dt,
	dl.company-info dd {
		font-size: 1.4rem;
		line-height: 2;
		font-weight: 500;
	}

	.access-map iframe {
		width: 100%;
		height: 240px;
	}

	
	
	/*-----------------------------

	faq

	------------------------------*/

	.faq-inner + .faq-inner {margin-top: 30px !important;}

	.faq-inner dl {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 25px;
	}

	.faq-inner dl dt {
		font-size: 1.6rem;
		width: 52px;
		height: 52px;
		max-width: 52px;
		line-height: 52px;
		border-radius: 50%;

	}

	.faq-inner dl dd {
		width: 75%;
		max-width: 75%;
		font-size: 1.3rem;
		line-height: 2;
		padding-left: 0;
	}
	
	.faq-inner p.answer {
		font-size: 1.3rem;
		line-height: 2;
		padding: 5%;
	}
	
	
	/*-----------------------------

	contact

	------------------------------*/
	.contact-contents {
		padding-bottom: 10%;
	}

	ul.contact-list {
		margin: 0 auto 10%;
	}

	ul.contact-list li {
		width: 100%;
		max-width: 100%;
	}
	
	ul.contact-list li + li {margin-top: 10%;}

	ul.contact-list li .line {
		padding: 10%;
	}

	ul.contact-list li .tel p {
		font-size: 2rem;
		line-height: 5;
	}

	.formTable {
		width: 100%;
		max-width: 90%;
		margin: 0 auto;
	}
	.formTable th,
	.formTable td {
		width: 100%;
		max-width: 100%;
		display: block;
		font-size: 1.4rem;
		font-weight: normal;
		padding: 10px 0;
	}

	.formTable th span {
		position: absolute;
		font-size: 1rem;
		color: #FF0000;
		font-weight: bold;
		padding-left: 10px;
	}

	.cont_input {
		width: 100%;
	}

	table.formTable textarea {
		width: 100%;
		height: 250px;
		padding: 15px 15px;
		border: 1px solid #DEE2E7;
		font-size: 1.4rem;
	}


	/*-----------------------------

	footer

	------------------------------*/
	ul.footer-link li {
		width: 100%;
		max-width: 100%;
	}

	ul.footer-link li h3 {font-size: 2rem;}

	ul.footer-link li a {
		padding: 10% 0;
	}

	footer {padding-bottom: 10%;}
	footer .footer-address {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5%;
		text-align: center;
	}

	footer .footet-nav {
		width: 100%;
		max-width: 100%;
	}


	footer .footet-nav {}
	footer .footet-nav ul {align-items: center; margin-bottom: 65px;}
	footer .footet-nav ul li {width: 100%;}
	footer .footet-nav ul li a {
		display: block;
		width: 100%;
		font-size: 1.6rem;
		letter-spacing: .05em;
		padding: 5% 3%;
		border-bottom: 1px solid #ccc;
	}

	footer .footet-nav ul li span {
		display: none;
	}

	footer small {
		text-align: center;
		font-size: 1rem;
	}


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}