@charset "UTF-8";
/*! /medical/css/medical.css */

/* 特徴
========================================================================== */

.box-feature .box-border {
	border: 2px dotted #ffe9e5;
	border-radius: 10px;
}
.box-feature .box-border--main {border-color: rgb(239 75 48 / 60%);}
.box-feature .box-border--sandai {border-color: rgb(132 184 29 / 70%);}
.box-feature .box-border--gan {border-color: rgb(177 105 167 / 70%);}

.box-feature .ttl-square--main::before {color: #ef4b30;}
.box-feature .ttl-square--main span {color: #ef4b30;}
.box-feature .ttl-square--sandai::before {color: #84b81d;}
.box-feature .ttl-square--sandai span {color: #84b81d;}
.box-feature .ttl-square--gan::before {color: #b169a7;}
.box-feature .ttl-square--gan span {color: #b169a7;}

.box-feature .box-border .txt-bg {background-color: #b169a7;}

/* その他のオプション*/
.block-hosyo__other > ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 10px;
}
.block-hosyo__other > ul > li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 12px;
	background-color: #ccc;
	border-radius: 8px;
}
.block-hosyo__other > ul > li span {
	font-size: 1.4rem;
	font-weight: normal;
}

.block-hosyo__other .other--gan {
	display: grid;
	gap: 10px;
}
.block-hosyo__other .other--gan li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

@media screen and (min-width: 768px){
	.block-hosyo__other > ul > li {
		font-size: 1.8rem;
		padding: 15px 20px;
	}
	.block-hosyo__other > ul > li span {
		font-size: 1.6rem;
	}
	.block-hosyo__other > ul > li:last-child {
		height: fit-content;
	}
}

/* 特徴4 */
.block-hosyo__other > ul > li:first-child {color: #0075c1; background: #e0f0fa; grid-area: 1 / 1 / 2 / 2;}
.block-hosyo__other > ul > li:nth-child(2) {color: #00b5d9; background: #e1f4fa; grid-area: 2 / 1 / 3 / 2;}
.block-hosyo__other > ul > li:nth-child(3) {color: #f060a1; background: #ffebf3; grid-area: 3 / 1 / 4 / 2;}
.block-hosyo__other > ul > li:nth-child(4) {color: #f59b00; background: #fff1db; grid-area: 4 / 1 / 5 / 2;}
.block-hosyo__other > ul > li:nth-child(5) {color: #b169a7; background: #f6e6f7; grid-area: 1 / 2 / 4 / 3;}
.block-hosyo__other > ul > li:nth-child(6) {color: #bf8022; background: #f2ead9; grid-area: 4 / 2 / 5 / 3;}

/* 特徴1 */
.box-border .block-hosyo__other > ul{
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
}
.box-border .block-hosyo__other {margin-top: 10px;}
.box-border .block-hosyo__other > ul > li {color: #335db3; background: #e0e9fa;}
@media screen and (max-width: 767px) {
	.box-border .block-hosyo__other > ul{
		grid-template-columns: auto;
	}
}