@charset "utf-8";

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

熱中症のみのアレンジ

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

#necchusho a {color: #004E97;}
#necchusho ::selection {background: #00a0e9;}
.ContentsHeading {
	background: #BAE3F9;
}
.bg-necchusho-blue {background: #00a0e9;}
.bg-lightorange {background: #fff2e0 !important;}
.bg-lightpinck {background: #fff1e9 !important;}
.bg-lightblue {background: #d2ecfa !important;}
.bg-lightgreen {background: #e9f7eb !important;}

.bg-white {background: #fff !important;}

@media screen and (min-width: 768px) {
	h2 img {
		margin-right: 15px;
		vertical-align: bottom;
	}
}
@media screen and (max-width: 767px) {
	h2 img {
		display: none;
	}
}
@media screen and (min-width: 576px) {
	h2 img {
		margin-bottom: -15px;
	}
}
@media screen and (max-width: 575px) {
	h2 img {
		margin-bottom: -10px;
		height: 70px !important;
		width: auto;
	}
}

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

色、フォント調整

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

/* テキスト */
#necchusho h1,#necchusho h2,#necchusho h3,.color-necchusho-blue,.page-title {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
}
#necchusho h4,#necchusho h5 {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 600;}
#necchusho h1,#necchusho h2,#necchusho h4,.card-a a:hover p,.color-necchusho-blue {color: #004E97;}

#necchusho h3,.Contents-color,.card-heading:after,.link:after,.list-ul li:before {color: #00a0e9;}
.list-ol li:before {background: #004E97;color:#fff;}

#necchusho .list-ul-lg {
	padding-left: 2.5rem;
	font-size: 1.2rem;
	margin-top: 5px;
	color: #666;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
}
#necchusho .list-ul-lg li:before {
    content: "●";
    display: block;
    float: left;
    margin-left: -1.4rem;
    text-align: center;
    height: 1rem;
    width: 1rem;
}
/* table */
.table-a th {
	background: #00a0e9;
	color: #fff;
}

/* メイン画像 */
.bg-main-visual {
	background-image: url(../images/bg-main-visual.png);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center center;
}
/* button */
a.btn-md,a.btn-sm {background: #00a0e9;}
a.btn-md:hover,a.btn-sm:hover {background: #F39800;}

/*pc*/
@media screen and (min-width: 992px){
	#ContentsHeader > div > nav {background: #00a0e9;}
	#ContentsHeader nav ul > li:hover > div {background: rgba( 0, 104, 182, 0.9);}
	#ContentsHeader nav > ul > li:hover > a,#ContentsHeader nav ul > li > div > ul > li:hover > a {color: #FFE100;}
}

/*sp*/
@media screen and (max-width: 991px){
	.menu-trigger span {background-color: #00a0e9;}
	#ContentsHeader nav {background: rgba( 0, 104, 182, 0.9);}
	#ContentsHeader nav ul > li > div > ul > li:before {color: #00a0e9;}
}
/* アンカー */
@media screen and (max-width: 991px) {
	#oashis-aid {
	    display: block;
	    padding-top: 80px;
	    margin-top: -80px;
	}
}
/*=========================

ページ

=========================*/
/* サイドメニュー商品 */
#necchusho .side-products h4 {
	margin: 0;
	background: #BAE3F9;
	border-radius: 4px;
	padding: 5px 10px;
	text-align: center;
}
#necchusho .side-products .btn-xs {
	background: #eee;
	color: #004E97 !important;
}
.side-products ul {margin-bottom: 30px;}
.side-products ul li {border-bottom: 1px solid #ccc;}
@media screen and (min-width: 576px) {
	.side-products ul li {padding: 30px 0 10px;}
}
@media screen and (max-width: 575px) {
	.side-products ul li {padding: 15px 0 10px;}
}
/*=========================

a-blog テンプレート化

=========================*/
.page-title-wrapper {
  background: #BAE3F9;
  color: #004E97;
	height: auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.page-title-wrapper .page-title-inner {padding: 0;}
@media screen and (min-width: 576px) {
	.page-title-wrapper {
		padding: 30px;
		margin-bottom: 60px;
	}
	.page-title-wrapper h1,.page-title-wrapper .page-title {
		font-size: 1.75rem;
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 575px) {
	.page-title-wrapper {
		padding: 20px;
		margin-bottom: 30px;
	}
	.page-title-wrapper h1,.page-title-wrapper .page-title {
		font-size: 1.25rem;
	}
}

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

ユニット

=========================*/
body .entry {
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.entry-style .entry-text-unit h2 {
	color: #004E97;
	font-size: 1.5rem;
}

.entry-style .entry-text-unit h3 {
	font-size: 1.2rem;
}
body .entry p {
	font-weight: 400;
}
/*=========================

コラム

=========================*/
.column-main-visual {
	background: #009FE8;
}
.column-main-title {
	color: #fff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding: 30px;
	border: 2px solid #fff;
	border-radius: 4px
}
.column-title-name {
	font-weight: bold;
}
@media screen and (max-width: 399px) {
	.column-title-name {
		font-size: 1.25rem;
	}
}
@media screen and (min-width: 400px) {
	.column-title-name {
		font-size: 1.35rem;
	}
@media screen and (min-width: 850px) {
	.column-title-name {
		font-size: 1.5rem;
	}
}
h2.kiji-list-title {
	font-size: 1.2rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	border: none;
	padding: 15px 20px;
	text-align: center;
	background: #009FE8;
	color: #fff;
	margin-bottom: 0;
	border-radius: 8px 8px 0 0;
}

.acms-margin-bottom-medium .acms-list-group li {
	position: relative;
}
.acms-margin-bottom-medium .acms-list-group li::after {
	position: absolute;
  font: normal normal normal 1em / 1 "Phosphor";
	content: "\f31c";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	right: 16px;
	top: 50%;
	margin-top: -8px;
	color: #004E97;
}
.acms-margin-bottom-medium .acms-list-group li time {
	font-weight: 500;
}
.acms-margin-bottom-medium .acms-list-group li a:hover {
	background: #F1F9FE;
}

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

取材レポート

=========================*/
/* サイドメニュー */
@media screen and (min-width: 992px) {
  .pro-side-column,.pro-side-column-sm {background: var(--color-gray20);}
}
.acms-list-group {border: none;}
.acms-list-group-item {
  font-size: 14px;
  padding-left: 30px;
  border: none;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 8px;
}
.acms-list-group .acms-list-group-item::before {
    position: absolute;
    margin-left: -15px;
    margin-top: -3px;
    top: 50%;
    display: inline-block;
    border: 3px solid transparent;
    border-left: 6px solid #A9D8EF;
    content: "";
}
.acms-list-group .acms-list-group-item::before {
    border-left: 6px solid var(--color-kansen-yobo80);
}
.acms-list-group-item:hover, .acms-list-group li.stay > .acms-list-group-item {
    background: #BAE3F9;
    color: #004E97;
}
.pro-card-text p {
	font-size: 14px;
	line-height: 1.5;
}