@charset "utf-8";

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

indexページスタイル

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

@media print, screen and (min-width: 768px) {

/* ▼メイン部分PC */
#top_main .inner {padding: 0 0 100px 0;}

.mainimg {
	width: 1000px;
	margin: 0 auto;
}

.mainimg img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	border-radius: 30px;
}

.first_copy {
	text-align: center;
	margin: 40px 0 30px 0;
}

.first_copy img:nth-of-type(1) {width: 205px;}

.first_copy img:nth-of-type(2) {width: 244px;}

.first_copy img {
	image-rendering: -webkit-optimize-contrast;
	margin: 0 3px;
}

.maintxt01 {
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.maintxt02 {
	font-size: 18px; font-size: 1.8rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: center;
}

/* ▼保育事業PC */
#childcare {
	background: #f2f2f2 url("../img/index/contents01bk.webp") center no-repeat;
	margin-bottom: 40px;
}

#childcare .inner {padding: 50px 0;}

.childcarebox {width: 500px;}

.childcarebox h2 {
	background: url("../img/siteicon01.png") no-repeat center top;
	background-size: 154px;
	width: 360px;
	margin: 0 auto 20px auto;
	padding: 180px 0 0 0;
}

.childcarebox h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.mtxt1 {
	font-size: 28px; font-size: 2.8rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
}

.mtxt2 {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 20px;
}

.childcarebox .mbtn a {
	display: block;
	width: 220px;
	margin: 0 auto;
	border-radius: 9999px;
	background: #e76ea5;
	font-size: 25px; font-size: 2.5rem;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}

/* ▼医薬品卸売事業PC */
#medicine {background: #f2f2f2 url("../img/index/contents02bk.webp") center no-repeat;}

#medicine .inner {padding: 50px 0;}

.medicinebox {
	width: 500px;
	margin-left: 500px;
}

.medicinebox h2 {
	background: url("../img/siteicon02.png") no-repeat center top;
	background-size: 154px;
	width: 360px;
	margin: 0 auto 20px auto;
	padding: 180px 0 0 0;
}

.medicinebox h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.medicinebox .mbtn a {
	display: block;
	width: 220px;
	margin: 0 auto;
	border-radius: 9999px;
	background: #99ca6f;
	font-size: 25px; font-size: 2.5rem;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}

/* ▼お知らせPC */
#news .inner {
	width: 900px;
	padding: 120px 0 0 0;
}

#news h2 {
	background: url("../img/siteicon04.png") no-repeat center top;
	background-size: 154px;
	width: 360px;
	margin: 0 auto 35px auto;
	padding: 180px 0 0 0;
}

#news h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#news dl {
	width: 100%;
	border-top: solid 1px #7f7f7f;
	display: flex;
	flex-wrap: wrap;
}

#news dl a {color: #000;}

#news dt, #news dd {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	font-weight: normal;
	border-bottom: solid 1px #7f7f7f;
	padding: 12px 0;
}

#news dt {
	width: 330px;
	padding-right: 40px;
	text-align: right;
	box-sizing: border-box;
}

#news dd {width: calc(100% - 330px);}

/* ▼会社概要PC */
#about .inner {
	width: 900px;
	padding: 120px 0 40px 0;
}

#about h2 {
	background: url("../img/siteicon03.png") no-repeat center top;
	background-size: 154px;
	width: 360px;
	margin: 0 auto 35px auto;
	padding: 180px 0 0 0;
}

#about h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#about table {
	width: 100%;
	border-top: solid 1px #7f7f7f;
	margin-bottom: 40px;
}

#about table th, #about table td {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	font-weight: normal;
	border-bottom: solid 1px #7f7f7f;
	padding: 12px 0;
}

#about table th {
	width: 330px;
	padding-right: 40px;
	text-align: right;
	box-sizing: border-box;
}

#about .mbtn a {
	display: block;
	width: 220px;
	margin: 0 auto;
	border-radius: 9999px;
	background: #00b3ff;
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}

}

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

/* ▼メイン部分SP */
#top_main .inner {padding: 0 0 18vw 0;}

.mainimg {
	width: 100%;
	margin: 0 auto;
}

.mainimg img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	border-radius: 4vw;
}

.first_copy {
	text-align: center;
	margin: 8vw 0 6vw 0;
}

.first_copy img:nth-of-type(1) {
	display: block;
	height: 8vw;
	margin: 0 auto 3vw auto;
}

.first_copy img:nth-of-type(2) {
	display: block;
	height: 8vw;
	margin: 0 auto;
}

.first_copy img {image-rendering: -webkit-optimize-contrast;}

.maintxt01 {
	font-size: 4.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
	margin-bottom: 6vw;
}

.maintxt02 {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: left;
}

/* ▼保育事業SP */
#childcare {
	background: #f2f2f2 url("../img/index/contents01bk_sp.webp") top no-repeat;
	background-size: 100%;
	margin-bottom: 40px;
}

#childcare .inner {padding: 106vw 0 10vw 0;}

.childcarebox {width: 100%;}

.childcarebox h2 {
	background: url("../img/siteicon01.png") no-repeat center top;
	background-size: 30vw;
	width: 100%;
	margin: 0 auto 4vw auto;
	padding: 38vw 0 0 0;
}

.childcarebox h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.mtxt1 {
	font-size: 6vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2vw;
}

.mtxt2 {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 6vw;
}

.childcarebox .mbtn a {
	display: block;
	width: 90%;
	margin: 0 auto;
	border-radius: 9999px;
	background: #e76ea5;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 3vw 0;
	color: #fff;
	text-decoration: none;
}

/* ▼医薬品卸売事業SP */
#medicine {background: #f2f2f2 url("../img/index/contents02bk_sp.webp") top no-repeat;
	background-size: 100%;
	margin-bottom: 40px;
}

#medicine .inner {padding: 106vw 0 10vw 0;}

.medicinebox {width: 100%;}

.medicinebox h2 {
	background: url("../img/siteicon02.png") no-repeat center top;
	background-size: 30vw;
	width: 100%;
	margin: 0 auto 4vw auto;
	padding: 38vw 0 0 0;
}

.medicinebox h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.medicinebox .mbtn a {
	display: block;
	width: 90%;
	margin: 0 auto;
	border-radius: 9999px;
	background: #99ca6f;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 3vw 0;
	color: #fff;
	text-decoration: none;
}

/* ▼お知らせSP */
#news .inner {padding: 16vw 0 0 0;}

#news h2 {
	background: url("../img/siteicon04.png") no-repeat center top;
	background-size: 30vw;
	width: 100%;
	margin: 0 auto 4vw auto;
	padding: 38vw 0 0 0;
}

#news h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#news dl {
	width: 100%;
	border-top: solid 1px #7f7f7f;
	display: flex;
	flex-wrap: wrap;
}

#news dl a {color: #000;}

#news dt, #news dd {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	font-weight: normal;
	border-bottom: solid 1px #7f7f7f;
	padding: 3vw 0;
}

#news dt {
	width: 30%;
	padding-right: 3vw;
	box-sizing: border-box;
}

#news dd {width: calc(100% - 30%);}

/* ▼会社概要SP */
#about .inner {padding: 16vw 0 6vw 0;}

#about h2 {
	background: url("../img/siteicon03.png") no-repeat center top;
	background-size: 30vw;
	width: 100%;
	margin: 0 auto 4vw auto;
	padding: 38vw 0 0 0;
}

#about h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#about table {
	width: 100%;
	border-top: solid 1px #7f7f7f;
	margin-bottom: 10vw;
}

#about table th, #about table td {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	font-weight: normal;
	border-bottom: solid 1px #7f7f7f;
	padding: 3vw 0;
}

#about table th {
	width: 24%;
	padding-right: 3vw;
	text-align: left;
	box-sizing: border-box;
}

#about .mbtn a {
	display: block;
	width: 90%;
	margin: 0 auto;
	border-radius: 9999px;
	background: #00b3ff;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	text-align: center;
	padding: 3vw 0;
	color: #fff;
	text-decoration: none;
}

}