﻿<style type="text/css">

.health_check {
	font-family: 'Lucida Grande', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.txt_mark {
	color: #E97212;
	font-weight: bold;
}
.wd_750 {
	width: 750px;
	margin: auto;
}
.health_check .btn {
	margin-bottom: 20px;
	background-color: #E9F5FD;
}
.health_check .btn  span {
	padding-left: 10px;
	color: #E97212;
}
.health_check .tyusyaku {
	font-size: 12px;
	word-break: break-all;
}
.health_check .txt_center {
	text-align: center;
}
.health_check_h_1 {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #141F40;
	padding: 18px 10px 14px;
}
.health_check_h_2 {
	font-size: 24px;
    font-weight: bold;
    border-bottom: solid 1px #141F40;
    color: #141F40;
    padding-bottom: 5px;
}
.sp_only {
    display: none;
}
@media screen and (max-width:768px) {
    .sp_only {
        display: block;
    }
    .wd_750 {
        width: 100%;
    }
}

.health_check_ttl {
	position:relative;
	overflow: hidden;
	background: linear-gradient(180deg,white 0%,white 100px,#E9F5FD 100px,#E9F5FD 100%);
	height:auto;
	text-align: center;
	padding-bottom: 30px;
}

.health_check_ttl img {
	max-width: 700px; /* 画像の最大幅を700pxに設定 */
    width: 100%; /* 幅を親要素に合わせる */
    height: auto; /* アスペクト比を維持して画像の高さを自動調整 */
}

.hero_sec_1 {
	background-color: #E9F5FD;
	margin-bottom: 80px;
	padding: 20px 20px;
	text-align: center;
}
.hero_sec_1 h3 {
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 2;
}
.hero_sec_1 h3 span {
	border-bottom: solid 2px #E97212;
	padding: 5px;
}
.hero_sec_1 h4 {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.hero_sec_1 p {
	text-align: left;
	margin-bottom: 20px;
}

.hero_sec_2 h3 {
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.hero_sec_2 p {
	text-align: center;
	margin-bottom: 30px;
}
.hero_sec_2 p span {
	background-color: #141F40;
	color: #ffffff;
	padding: 2px 5px;
}
.hero_sec_2 h4 {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	color: #E97212;
}
.hero_sec_2 .row {
	margin-bottom:80px;
}
.hero_sec_2 li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
} 
.hero_sec_2 li:before {
    content: "";
    position: absolute;
    top: .35em;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 4px;
    height: 7px;
    border-right: 2px solid #E97212;
    border-bottom: 2px solid #E97212;
}
.hero_sec_2 li:after {
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #141F40;
    border-radius: 2px;
}


.hero_sec_3 {
	margin-bottom:100px;
}
.hero_sec_3 h3 {
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
}

.merit_hero {
	text-align: center;
	margin-bottom: 80px;
}
.merit_hero h3 {
	margin-bottom: 20px;
}
.merit_hero p {
	margin-bottom: 15px;
}
.merit_hero .hero_btn {
	margin-bottom: 30px;
}
.merit_hero .hero_support {
	border: solid 2px #E97212;
	border-radius: 6px;
	padding: 20px 15px 0px;
	background-color: #F6FDEB;
}
.merit_hero .hero_support h4 {
	font-weight: bold;
	color: #E97212;
	margin-bottom: 15px;
	font-size: 18px;
}

.merit_sec,
.start_sec {
	margin-bottom: 80px;
}
.merit_sec .merit_no {
	font-size: 30px;
	color: #00A99D;
	font-weight: bold;
	margin-bottom: 5px;
}
.merit_sec h3,
.start_sec h4 {
	font-size: 28px;
	margin-bottom: 25px;
}
.merit_con p,
.start_con p {
	margin-bottom: 15px;
}
.merit_con h4,
.start_con h5 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #141F40;
	background-color: #E9F5FD;
	padding: 7px 0px 1px 10px;
}
.merit_con {
	margin-bottom: 20px;
}
.merit_con h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.merit_con img {
	margin-bottom: 15px;
}
.merit_con .risklist {
	border: solid 2px #eee;
	padding: 20px 15px;
	margin-bottom: 25px;
}
.merit_con .risklist li{
  position: relative;
  padding-left: 15px;
}
 
.merit_con .risklist li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #E97212;
  border-radius: 50%;
}
.merit_con .quest {
	margin-bottom: 15px;
	border: solid 3px #E97212;
}
.merit_con .quest_q {
	background-color: #E97212;
	padding: 5px 2px 10px 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}
.merit_con .quest_q p {
	padding-top: 6px;
	margin-bottom: 6px;
}
.merit_con .quest_q p span {
	background-color: #ffffff;
	color: #E97212;
	font-weight: normal;
	margin-right: 5px;
	padding: 0 3px;
}

.start_sec h3 {
	margin-bottom: 50px;
}
.start_con {
	margin-bottom: 50px;
}
.start_step {
	background-color: #E9F5FD;
	margin-bottom: 120px;
	padding: 20px 30px;
}
.start_step .step_no,
.start_step .step_ttl {
	font-size: 18px;
	font-weight: bold;
}
.start_step .step_no {
	color: #E97212;
}
.start_step .step_flow {
	text-align: center;
}

.tool_sec h3 {
	margin-bottom: 25px;
}
.tool_sec h4 {
	margin-bottom: 20px;
}
.tool_sec p {
	margin-bottom: 20px;
}
.tool_sec .tool_con {
	margin-bottom: 80px;
}
.tool_sec .tool_con .paper_inner {
	text-align: center;
	margin-bottom: 30px;
}
.tool_sec .tool_con .paper_inner img {
	border: solid 1px #707070;
}
.tool_sec .tool_con .paper_inner .caption {
	font-size: 14px;
}
.tool_sec .tool_con .link_list_con {
	margin-bottom: 50px;
}
.tool_sec .tool_con .link_list_con img {
	margin-bottom: 20px;
}
.tool_sec .tool_con .link_list_con p {
	font-size: 14px;
}
.tool_sec .tool_con .link_list_con h5 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}
.tool_sec .tool_con .link_list_con ul {
	margin-bottom: 15px;
}
.tool_sec .tool_con .link_list_con li{
  position: relative;
  padding-left: 15px;
  font-size: 14px;
}
.tool_sec .tool_con .link_list_con li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #141F40;
  border-radius: 50%;
}

.center_sec {
	margin-bottom: 120px;
}
.center_sec h3 {
	margin-bottom: 50px;
}
.center_sec h4 {
	margin-bottom: 25px;
	text-align: center;
}
.center_sec .center_sec_hero {
	margin-bottom: 25px;
}
.center_sec .center_sec_desk {
	border: solid 1px #141F40;
	margin-bottom: 50px;
	padding: 20px 20px 0px;
	text-align: center;
}
.center_sec .center_sec_desk p {
	margin-bottom: 15px;
}
.center_sec .center_sec_desk p span {
	font-size: 20px;
	font-weight: bold;
}
.center_sec .center_sec_cont {
	margin-bottom: 20px;
}
.center_sec .center_sec_cont_area {
	margin-bottom: 50px;
}
.center_sec .center_sec_cont .cont_inner {
	background-color: #E9F5FD;
	padding: 20px 20px;
	height: 100%;
}
.center_sec .center_sec_cont .cont_inner h5 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	color: #E97212;
	border-bottom: solid 1px #141F40;
}
.center_sec .center_sec_jirei {
	text-align: center;
	margin-bottom: 50px;
}
.center_sec .center_sec_jirei h5 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
	border-bottom: solid 1px #141F40;
}
.center_sec .center_sec_jirei p {
	margin-bottom: 25px;
}

.yutai_sec h3 {
	margin-bottom: 25px;
}
.yutai_sec .yutai_hero {
	text-align: center;
}
.yutai_sec .yutai_hero h3 span {
	font-size: 18px;
} 
.yutai_sec .yutai_hero p {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	color: #E97212;
}
.yutai_sec .yutai_ttl {
	background-color: #E9F5FD;
	padding: 20px 15px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 25px;
}
.yutai_sec .yutai_ttl p {
	margin-bottom: 10px;
}
.yutai_sec .yutai_ttl h4 {
	font-size: 24px;
}
.yutai_sec .yutai_cont .yutai_genre {
	font-size: 30px;
    color: #00A99D;
    font-weight: bold;
    margin-bottom: 5px;
}
.yutai_sec .yutai_cont .yutai_genre span {
	font-size: 16px;
	color: #141f40;
	font-weight: normal;
}
.yutai_sec .yutai_cont h4 {
	margin-bottom: 25px;
}
.yutai_sec .price_area  {
	margin-bottom: 25px;
}
.yutai_sec .price_area p {
	margin-bottom: 15px;
} 
.yutai_sec .price_area .price_ttl span {
	background-color: #141F40;
	color: #ffffff;
	padding: 1px 5px;
}
.yutai_sec .price_area .sp_price span {
	font-size: 22px;
	color: #E97212;
}
.yutai_sec .price_area .balloon {
	position: relative;
	background-color: #E97212;
	display: inline-block;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}
.yutai_sec .price_area .balloon::before {
	content: "";
	position: absolute;
	border: 12px solid transparent;
	border-bottom: 12px solid #E97212;
	bottom: 100%;
	left: 42%;
}
.yutai_sec .price_area .balloon p {
	margin: 0;
	padding: 0;
}
.yutai_sec .price_area .petonly span {
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
}
.yutai_sec .pet_cont {
	padding: 20px 20px;
	background-color: #E9F5FD;
	margin-bottom: 25px;
}
.yutai_sec .pet_cont ul {
	margin-bottom: 15px;
}
.yutai_sec .pet_cont li{
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  margin-bottom: 3px;
}
.yutai_sec .pet_cont span {
	background-color: #ffffff;
	padding: 1px 5px;
}
.yutai_sec .pet_cont li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #141F40;
  border-radius: 50%;
}
.yutai_sec .moshikomi_con {
	text-align: center;
	margin-bottom: 80px;
}
.yutai_sec .moshikomi_con h4 {
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 20px;
}


@media screen and (max-width:768px) {
    .hero_sec_2 h3 {
    	font-size: 23px;
    }
    .health_check_h_1 {
    	font-size: 26px;
    }
    .merit_sec h3, .start_sec h4 {
    	font-size: 26px;
    }
    .merit_con h4, .start_con h5 {
    	font-size: 20px;
    }
}

</style>