@charset "utf-8";

/* =======================================

	home CSS
	
	※トップページのCSS

========================================== */

/*　▼▼▼▼▼　全サイズ共通、ウインドウサイズ640px以下　▼▼▼▼▼　*/

#boxContents {
	margin-top: 0;
}
#contents_home {
	font-size: 1.5rem;
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	padding-top: 0;
	line-height: 1.4;
}

/* 新着情報 */
#topicsBox {
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	background: url(../../home/img/bg_main.png) center bottom no-repeat;
	background-size: contain;
	background-color: #98e7f8;
	padding-top: 1em;
	padding-bottom: 80px;
}
#topics {
	height: auto;
	display: block;
	clear: both;
	margin-left: calc(( 20 / 640 ) * 100%);
	margin-right: calc(( 20 / 640 ) * 100%);
	padding: 1em;
	border: 1px solid #999999;
	border-radius: 0.5em;
	background-color: #ffffff;
	margin-bottom: 1em;
}
#newsBox h2 {
	font-size: 120%;
	line-height: 1;
	color: #d10549;
	padding-bottom: 0.6em;
}
#news {
	height: 300px;
	overflow-y: scroll;
}
#news dl {
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #CCCCCC;
}
#news dl:first-child {
	padding-top: 1em;
	border-top: 1px dashed #CCCCCC;
}
#news dl dt {
	width: 100%;
	height: 1.1em;
	display: flex;
	padding-left: 2em;
	margin-bottom: 0.5em;
	background: url(../img/arrow_triangle_pink.png) 0.8em center no-repeat;
	background-size: 0.4em;
}
#news dl dt.new {
	background: url(../img/ico_new.png) left center no-repeat;
	background-size: 1.7em;
}
#news dl dt p:first-child {
	width: 6em;
	line-height: 1;
}
#news dl dt p:last-child {
	width: 7em;
	font-size: 78%;
	line-height: 1;
	color: #d10549;
	display: block;
	padding: 0.2em 1em 0.3em 1em;
	border-radius: 0.7em;
	text-align: center; 
	background-color: #ffd7eb;
}
#newsBox p.arrow {
	width: 100%;
	text-align: right;
}
#newsBox p.arrow span {
	padding-left: 1.3em;
	background: url(../../common/img/arrow_circle_red.png) left center no-repeat;
	background-size: 1em;
}

/* ピンクのボタン */
#pickUpBnr a.pinkBnr {
	height: auto;
	display: block;
	clear: both;
	border: 1px solid #d10549;
	border-radius: 0.5em;
	padding: 1em;
	margin-left: calc(( 20 / 640 ) * 100%);
	margin-right: calc(( 20 / 640 ) * 100%);
	margin-bottom: 0.5em;
}
#pickUpBnr a.pinkBnr.iryohi {
	background: #fcdef1 url(../../home/img/bg_iryohi.png) right 10px bottom 10px no-repeat;
	background-size: 2em;
}
#pickUpBnr a.pinkBnr.tokutei {
	background: #fcdef1 url(../../home/img/bg_tokutei.png) right 10px bottom 10px no-repeat;
	background-size: 2em;
}
#pickUpBnr a.pinkBnr:link {
	color: #333;
	text-decoration: none;
}
#pickUpBnr a.pinkBnr:visited {
	color: #333;
	text-decoration: none;
}
#pickUpBnr a.pinkBnr:hover {
	color: #333;
	text-decoration: none;
}
#pickUpBnr a.pinkBnr:active {
	color: #333;
	text-decoration: none;
}
#pickUpBnr a.pinkBnr h2 {
	font-size: 110%;
	font-weight: bold;
	padding-left: 1.2em;
	background: url(../../common/img/arrow_circle_red.png) left center no-repeat;
	background-size: 0.9em;
}
#pickUpBnr a.pinkBnr p {
	margin-left: 1.4em;
}
#pickUpBnr .btn_mynum {
	margin-left: calc(( 20 / 640 ) * 100%);
	margin-right: calc(( 20 / 640 ) * 100%);
}

/* こんなときどうするの？ */
#konBox {
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	background-color: #ffd7eb;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
#konBox h2 {
	width: 13em;
	color: #d10549;
	padding-left: 1.2em;
	margin: 0 auto 0.5em auto;
	background: url(../../home/img/ico_kon.png) left center no-repeat;
	background-size: 0.8em;
}
#konBox ul {
	margin-left: calc(( 20 / 640 ) * 100%);
	margin-right: calc(( 20 / 640 ) * 100%);
	margin-bottom: 1em;
	display: flex;
	flex-wrap: wrap;
}
#konBox ul li {
	width: 49%;
}
#konBox ul li:nth-child(odd) {
	margin-right: 2%;
}
#konBox ul li a {
	width: 100%;
	height: auto;
	display: block;
	line-height: 1.2;
	border: 2px solid #ff99c0;
	border-radius: 0.5em;
	padding: 3.5em 0.5em 0.8em 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}
#konBox ul li a.kanyu {
	background: url(../../home/img/btnImg_fueta.png) center top 14px no-repeat;
	background-size: 3em;
	background-color: #ffffff;
}
#konBox ul li a.sakujo {
	background: url(../../home/img/btnImg_hetta.png) center top 12px no-repeat;
	background-size: 3em;
	background-color: #ffffff;
}
#konBox ul li a.byoki {
	background: url(../../home/img/btnImg_byoki_kega.png) center top 10px no-repeat;
	background-size: 2.6em;
	background-color: #ffffff;
}
#konBox ul li a.shobyo {
	background: url(../../home/img/btnImg_hatarakenai.png) center top 10px no-repeat;
	background-size: 2.3em;
	background-color: #ffffff;
}
#konBox ul li a.shussan {
	background: url(../../home/img/btnImg_shussan.png) center top 10px no-repeat;
	background-size: 1.8em;
	background-color: #ffffff;
}
#konBox ul li a.taishoku {
	background: url(../../home/img/btnImg_taishoku.png) center top 9px no-repeat;
	background-size: 1.7em;
	background-color: #ffffff;
}
#konBox ul li a.tatekae {
	background: url(../../home/img/btnImg_tatekae.png) center top 12px no-repeat;
	background-size: 2em;
	background-color: #ffffff;
}
#konBox ul li a.kogaku {
	background: url(../../home/img/btnImg_kogaku.png) center top 10px no-repeat;
	background-size: 2.6em;
	background-color: #ffffff;
}
#konBox ul li a.gendogaku {
	background: url(../../home/img/btnImg_gendogaku.png) center top 13px no-repeat;
	background-size: 1.6em;
	background-color: #ffffff;
}
#konBox ul li a.jiko {
	background: url(../../home/img/btnImg_jiko.png) center top 13px no-repeat;
	background-size: 3.2em;
	background-color: #ffffff;
}
#konBox ul li a.hokensho {
	background: url(../../home/img/btnImg_nakushita.png) center top 10px no-repeat;
	background-size: 4em;
	background-color: #ffffff;
}
#konBox ul li a.maiso {
	background: url(../../home/img/btnImg_shibo.png) center top 10px no-repeat;
	background-size: 2em;
	background-color: #ffffff;
}
#konBox ul li a:link {
	color: #333;
	text-decoration: none;
}
#konBox ul li a:visited {
	color: #333;
	text-decoration: none;
}
#konBox ul li a:hover {
	color: #333;
	text-decoration: none;
}
#konBox ul li a:active {
	color: #333;
	text-decoration: none;
}

/* 健康づくり */
#hokenBox {
	padding-top: 1em;
	padding-bottom: 50px;
	background: url(../img/img_footer_momotaro.png) center bottom no-repeat;
	background-size: 200px;
	background-color: #bdf0f9;
}
#hokenBox h2 {
	width: 7em;
	color: #146bc1;
	padding-left: 1.2em;
	margin: 0 auto 0.5em auto;
	background: url(../../home/img/ico_hoken.png) left center no-repeat;
	background-size: 1em;
}
#hokenBox ul {
	margin-left: calc(( 20 / 640 ) * 100%);
	margin-right: calc(( 20 / 640 ) * 100%);
	margin-bottom: 1em;
	display: flex;
	flex-wrap: wrap;
}
#hokenBox ul li {
	width: 100%;
	margin-bottom: 1em;
}

/*　▲▲▲▲▲　全サイズ共通、ウインドウサイズ640px以下　▲▲▲▲▲　*/


/*　▼▼▼▼▼　ウインドウサイズ　641px以上　▼▼▼▼▼　*/

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

body {
	overflow-x: hidden;
}
header {
	margin-bottom: 0;
}

/* CONTENTS */
#boxContents {
	margin-bottom: 0;
}

/* 新着情報 */
#topicsBox {
	width: 100vw;
	margin-left: calc( 50% - 50vw );
	margin-right: calc( 50% - 50vw );
	padding-top: 0;
	padding-bottom: 0;
	background: url(../../home/img/bg_main_nochara.png) center bottom repeat-x;
	background-color: #98e7f8;
}
#topicsBox_in {
	width: 1100px;
	display: block;
	/*display: flex;
	justify-content: space-between;*/
	margin: 0 auto;
	padding-top: 2em;
	padding-bottom: 130px;
	background: url(../../home/img/bg_main.png) center bottom -10px no-repeat;
	background-size: contain;
	background-color: #98e7f8;
}
#topics {
	width: 68%;
	float: left;
	padding: 1em 1.5em 0.8em 1.5em;
	margin-left: 0;
	margin-right: 0;
}
#newsBox h2 {
	font-size: 120%;
	padding-bottom: 0;
	margin-bottom: 0.7em;
}
#news {
	height: 225px;
	margin-bottom: 0.5em;
}
#news dl {
	display: flex;
	padding-right: 1em;
	padding-bottom: 0.5em;
}
#news dl dt {
	width: 37%;
	height: 1.3em;
	padding-left: 2.5em;
}
#news dl dt.new {
	background-size: 2em;
}
#news dl dt p:first-child {
	line-height: 1.3;
}
#news dl dt p:last-child {
	line-height: 1.3;
	border-radius: 1em;
}
#news dl dd {
	width: 75%;
	line-height: 1.5;
}
#pickUpBnr {
	width: 30%;
	float: right;
}
#pickUpBnr a.pinkBnr {
	padding: 1em;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
}
#pickUpBnr a.pinkBnr:hover {
	background-color: #ffffff;
	transition: 0.5s;
}
#pickUpBnr a.pinkBnr.iryohi {
	background-size: 2.5em;
}
#pickUpBnr a.pinkBnr.tokutei {
	background-size: 2.5em;
}
#pickUpBnr .btn_mynum {
	margin-left: 0;
	margin-right: 0;
}

/* こんなときどうするの？ */
#konBox {
	width: 100vw;
	margin-left: calc( 50% - 50vw );
	margin-right: calc( 50% - 50vw );
	padding-bottom: 1.8em;
}
#konBox h2 {
	width: 14em;
	padding-left: 1.6em;
	margin: 0.5em auto 1em auto;
	background-size: 1.2em;
}
#konBox ul {
	width: 1100px;
	margin: 0 auto;
}
#konBox ul li {
	width: 15%;
	margin-right: 2% !important;
}
#konBox ul li a {
	min-height: 8.5em;
	margin-bottom: 1.8em;
	background-color: #ffffff;
	border-radius: 8px;
}
#konBox ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 0.5s;
}
#konBox ul li:nth-child(6),
#konBox ul li:nth-child(12) {
	margin-right: 0% !important;
}
#konBox ul li a {
	line-height: 1.2;
	border: 2.5px solid #ff99c0;
}
#konBox ul li a.kanyu {
	background: url(../../home/img/btnImg_fueta.png) center top 22px no-repeat;
	background-size: 5em;
	background-color: #ffffff;
	padding-top: 5.6em;
}
#konBox ul li a.sakujo {
	background: url(../../home/img/btnImg_hetta.png) center top 22px no-repeat;
	background-size: 4.5em;
	background-color: #ffffff;
	padding-top: 5.6em;
}
#konBox ul li a.byoki {
	background: url(../../home/img/btnImg_byoki_kega.png) center top 15px no-repeat;
	background-size: 3.6em;
	background-color: #ffffff;
	padding-top: 5.2em;
}
#konBox ul li a.shobyo {
	background: url(../../home/img/btnImg_hatarakenai.png) center top 14px no-repeat;
	background-size: 3.5em;
	background-color: #ffffff;
	padding-top: 5.2em;
}
#konBox ul li a.shussan {
	background: url(../../home/img/btnImg_shussan.png) center top 13px no-repeat;
	background-size: 2.8em;
	background-color: #ffffff;
	padding-top: 5.6em;
}
#konBox ul li a.taishoku {
	background: url(../../home/img/btnImg_taishoku.png) center top 13px no-repeat;
	background-size: 2.5em;
	background-color: #ffffff;
	padding-top: 5.6em;
}
#konBox ul li a.tatekae {
	background: url(../../home/img/btnImg_tatekae.png) center top 20px no-repeat;
	background-size: 2.8em;
	background-color: #ffffff;
	padding-top: 5.2em;
}
#konBox ul li a.kogaku {
	background: url(../../home/img/btnImg_kogaku.png) center top 15px no-repeat;
	background-size: 3.6em;
	background-color: #ffffff;
	padding-top: 5.2em;
}
#konBox ul li a.gendogaku {
	background: url(../../home/img/btnImg_gendogaku.png) center top 22px no-repeat;
	background-size: 2.3em;
	background-color: #ffffff;
	padding-top: 5.6em;
}
#konBox ul li a.jiko {
	background: url(../../home/img/btnImg_jiko.png) center top 26px no-repeat;
	background-size: 4.5em;
	background-color: #ffffff;
	padding-top: 5.6em;
}
#konBox ul li a.hokensho {
	background: url(../../home/img/btnImg_nakushita.png) center top 18px no-repeat;
	background-size: 5.1em;
	background-color: #ffffff;
	padding-top: 5.2em;
}
#konBox ul li a.maiso {
	background: url(../../home/img/btnImg_shibo.png) center top 22px no-repeat;
	background-size: 2.6em;
	background-color: #ffffff;
	padding-top: 5.6em;
}

/* 健康づくり */
#hokenBox {
	width: 100vw;
	margin-left: calc( 50% - 50vw );
	margin-right: calc( 50% - 50vw );
	padding-bottom: 2.5em;
	background: url(../../home/img/bg_kenko.png) center bottom no-repeat;
	background-size: cover;
}
#hokenBox h2 {
	width: 7em;
	padding-left: 1.6em;
	margin: 0.5em auto 1em auto;
	background-size: 1.2em;
}
#hokenBox ul {
	width: 1100px;
	margin: 0 auto;
}
#hokenBox ul li {
	width: 32%;
	margin-bottom: 1.5em;
	background-color: #ffffff;
	border-radius: 8px;
}
#hokenBox ul li:nth-child(odd) {
	margin-right: 0;
}
#hokenBox ul li:nth-child(2),
#hokenBox ul li:nth-child(5),
#hokenBox ul li:nth-child(8) {
	margin-left: 2% !important;
	margin-right: 2% !important;
}
#hokenBox ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 0.5s;
}
}
/*　▲▲▲▲▲　ウインドウサイズ　641px以上　▲▲▲▲▲　*/