@charset "UTF-8";

.contentpage .m_img {background-image: url("../images/shikarinsyo/m_img@2x.jpg");}



/*導入
---------------------------------------------------------*/
.box1 .com_link_list2 {
	padding-left: 5%;
	padding-right: 5%;
}
.box1 .com_btn2.out a {
	font-size: 115%;
	padding-top: 1.4em;
	padding-bottom: 1.4em;
}
.box1 .com_btn2.out .com_arrow {
	width: 1.6em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .com_link_list2 {
	padding-left: 4%;
	padding-right: 4%;
}
.box1 .com_style1 > dt {
	margin-bottom: 1.5em;
}
.box1 .com_btn2.out a {
	display: block;
	font-size: 105%;
	padding: 1.2em 0;
}
.box1 .com_btn2.out .com_arrow {
	width: 1.2em;
}
}



/*message
---------------------------------------------------------*/
#message .com_style2 > dt,
#message .com_style2 > dd {
	padding-left: 9%;
	padding-right: 9%;
}
#message .com_style2 > dt {
	padding-bottom: 1.2em;
	border-bottom: solid 1px #4bbba1;
	margin-bottom: 1.2em;
}
#message .com_style2 > dd {
	text-align: justify;
}
#message .signature {
	margin-top: 3.0em;
	display: flex;
    justify-content: flex-end;
    align-items: center;
	line-height: 1.4em;
}
#message .signature dd {
	font-size: 190%;
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-left: 1.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#message .com_style2 > dt,
#message .com_style2 > dd {
	padding-left: 5%;
	padding-right: 5%;
}
#message .com_style2 > dt {
	font-size: 3.0vw;
	padding-bottom: .6em;
	margin-bottom: .8em;
}
#message .signature {
	margin-top: 2.0em;
}
#message .signature dd {
	font-size: 170%;
	margin-left: .5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#message .img_box {
	width: 80%;
	margin: 0 auto 6%;
}
#message .com_style2 > dt,
#message .com_style2 > dd {
	padding-left: 0;
	padding-right: 0;
}
#message .com_style2 > dt {
	padding-bottom: .6em;
	margin-bottom: .8em;
}
#message .signature {
	margin-top: 2.0em;
	display: block;
	text-align: right;
}
#message .signature dd {
	font-size: 180%;
	margin: .2em 0 0;
}
}



/*point
---------------------------------------------------------*/
#point .img_box {
	position: relative;
}
#point .img_box p {
	width: 40%;
	max-width: 397px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 50%;
	transform: translateY(-45%);
}
#point .img_box div {
	position: relative;
	z-index: 0;
	width: 70%;
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}

#point .com_pickup {
	border: solid 1px #4bbba1;
}
#point .com_pickup dl {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#point .com_pickup dt,
#point .com_pickup dd {
	margin-top: .6em;
}
#point .com_pickup dt:first-of-type,
#point .com_pickup dd:first-of-type {
	margin-top: 1.5em;
}
#point .com_pickup dt {
	width: 8.0em;
	background: #4bbba1;
	border-radius: .5em;
	text-align: center;
	padding: .1em 0;
}
#point .com_pickup dd {
	width: calc(97% - 8.0em);
}
#point .com_pickup dt span {
	color: #fff;
	font-size: 90%;
	letter-spacing: .05em;
	line-height: 1.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#point .img_box p {
	width: 50%;
	max-width: 397px;
	transform: translateY(-50%);
}
#point .img_box div {
	width: 70%;
	margin-right: 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#point .img_box p {
	width: 75%;
	top: 0;
	transform: none;
}
#point .img_box div {
	width: 65%;
	margin-left: auto;
	margin-right: 0;
	padding-top: 25%;
}

#point .com_pickup dl {
	display: block;
}
#point .com_pickup dt {
	margin-bottom: .5em;
}
#point .com_pickup dd {
	margin-top: 0 !important;
}
#point .com_pickup dt {
	width: 100%;
}
#point .com_pickup dd {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#point .com_pickup dt span {
	color: #fff;
	font-size: 90%;
	letter-spacing: .05em;
	line-height: 1.0em;
}
}



/*goal
---------------------------------------------------------*/
#goal .clinic_slide .swiper-slide {
	width: 55vw;
	max-width: 800px;
}

#goal .step_img {
	position: relative;
	padding-top: 50px;
	margin-bottom: 30px;
}
#goal .step_img .abs_txt {
	font-size: 170%;
	font-size: min(170%,2.8vw);
	letter-spacing: .05em;
	line-height: 1.5em;
	position: absolute;
	left: 0;
	top: 0;
}
#goal .step_img ul {
	text-align: center;
	font-size: 135%;
	font-size: min(135%,2.0vw);
	letter-spacing: .05em;
	line-height: 1.3em;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#goal .step_img li {
	width: 33.3333%;
}
#goal .step_img li:nth-child(1) {
	width: 66.6666%;
}
#goal .step_img li dt {
	position: relative;
	color: #fff;
}
#goal .step_img li dt p {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#goal .step_img li:nth-child(1) dt {
	background: #47b367;
	height: 4.0em;
}
#goal .step_img li:nth-child(2) dt {
	background: #b67200;
	height: 6.0em;
}
#goal .step_img li:nth-child(3) dt {
	background: #235d00;
	height: 8.0em;
}
#goal .step_img li dd {
	margin-top: 1.0em;
}

#goal .step_detail {
	position: relative;
}
#goal .step_detail .scl_area {
	overflow: hidden;
}
#goal .step_detail .bg_beige {
	width: 130vw;
	max-width: 1770px;
	box-sizing: border-box;
	padding: 40px 60px;
}
#goal .step_detail .ps__rail-x {
	bottom: auto !important;
	top: 0 !important;
}
#goal .step_detail .list_flex {
	width: 100%;
	max-width: 1490px;
	display: flex;
	margin-bottom: 60px;
}
#goal .step_detail .list_flex > ul {
	width: 23.5%;
	margin-right: 2%;
}
#goal .step_detail .list_flex > ul:last-child {
	margin-right: 0;
}
#goal .step_detail .list_flex > ul > li {
	margin-top: 1.0em;
}
#goal .step_detail .list_flex > ul > li:first-child {
	margin-top: 0;
}
#goal .step_detail .com_list_style1 > dt {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: .3em;
}
#goal .step_detail .com_list_style1 li {
	margin-top: .8em;
	box-sizing: border-box;
	padding-left: 1.0em;
	position: relative;
}
#goal .step_detail .com_list_style1 li:first-child {
	margin-top: 0;
}
#goal .step_detail .com_list_style1 li::before {
	content: "";
	position: absolute;
	width: .4em;
	height: 1px;
	background: #261c14;
	left: 0;
	top: .8em;
}
#goal .step_detail ul:nth-child(1) .com_list_style1 > dt,
#goal .step_detail ul:nth-child(2) .com_list_style1 > dt {
	color: #47b367;
}
#goal .step_detail ul:nth-child(1) .com_list_style1 > dt::before,
#goal .step_detail ul:nth-child(2) .com_list_style1 > dt::before {
	background: #47b367;
}
#goal .step_detail ul:nth-child(3) .com_list_style1 > dt {
	color: #b67200;
}
#goal .step_detail ul:nth-child(3) .com_list_style1 > dt::before {
	background: #b67200;
}
#goal .step_detail ul:nth-child(4) .com_list_style1 > dt {
	color: #235d00;
}
#goal .step_detail ul:nth-child(4) .com_list_style1 > dt::before {
	background: #235d00;
}

/*スクロールバースタイル*/
.mCS-top_green .mCSB_container {
	margin: 20px 0 0 !important;
}
.mCS-top_green.mCSB_scrollTools {
	top: 0 !important;
	bottom: auto !important;
	height: 7px !important;
}
.mCS-top_green.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #f2f2f2;
}
.mCS-top_green.mCSB_scrollTools .mCSB_dragger {
	width: 150px !important;
}
.mCS-top_green.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 100% !important;
	margin: 0 !important;
	border-radius: 0px !important;
}
.mCS-top_green.mCSB_scrollTools .mCSB_dragger .mCSB_draggerRail {
	display: none;
}
.mCS-top_green.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-top_green.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #4bbba1 !important;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#goal .clinic_slide .swiper-slide {
	width: 60vw;
}
	
#goal .step_img {
	padding-top: 8vw;
	margin-bottom: 3%;
}
#goal .step_img .abs_txt {
	font-size: 3.0vw;
}
#goal .step_img ul {
	font-size: 2.0vw;
	letter-spacing: normal;
}

#goal .step_detail .bg_beige {
	padding: 5% 4vw;
}
#goal .step_detail .list_flex {
	margin-bottom: 2.0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#goal .clinic_slide .swiper-slide {
	width: 75vw;
}
	
#goal .step_img {
	padding-top: 0;
	margin-bottom: 6%;
}
#goal .step_img .abs_txt {
	font-size: 140%;
	line-height: 1.4em;
	position: static;
	margin-bottom: 1.0em;
}
#goal .step_img ul {
	text-align: left;
	font-size: 110%;
	display: block;
}
#goal .step_img li {
	width: 100% !important;
}
#goal .step_img li dl {
	display: flex;
    justify-content: flex-end;
    align-items: center;
	flex-direction: row-reverse;
}
#goal .step_img li dt {
	width: 66%;
	height: 5.0em !important;
	text-align: center;
}
#goal .step_img li:nth-child(1) dt {
	width: 54%;
}
#goal .step_img li:nth-child(2) dt {
	width: 60%;
}
#goal .step_img li dt p {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#goal .step_img li dd {
	margin: 0;
	width: 34%;
	text-align: right;
	letter-spacing: normal;
}
#goal .step_img li dd p {
	padding-right: 1.0em;
	position: relative;
}
#goal .step_img li dd p::before {
	content: "";
	position: absolute;
	width: 1.2em;
	height: 100%;
	background: url("../images/arrow2@2x.png") no-repeat center bottom;
	background-size: contain;
	right: 1.5em;
	top: calc(100% + .8em);
}
#goal .step_img li:last-child dd p::before {
	display: none;
}

#goal .sp_index {
	letter-spacing: .05em;
	line-height: 1.2em;
	margin-bottom: .5em;
}
#goal .step_detail .bg_beige {
	width: 250vw;
	padding: 2.5% 8vw;
}
#goal .step_detail .list_flex {
	margin-bottom: 2.0em;
}

#goal .icon_finger {
	width: 14%;
	position: absolute;
	left: 65%;
	bottom: 60%;
}
}




/*
---------------------------------------------------------*/
#voice .voice_list {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#voice .voice_list > li {
	margin-bottom: 80px;
}
#voice .voice_list > li:last-child {
	margin-bottom: 0;
}
#voice .voice_list .name_txt {
	display: flex;
    align-items: center;
}
#voice .voice_list .name_txt > div {
	width: 16%;
	max-width: 150px;
	margin-right: 4%;
}
#voice .voice_list .name_txt > dl {
	font-size: 150%;
	letter-spacing: .05em;
	line-height: 1.4em;
}
#voice .voice_list .name_txt .ft_commons {
	font-size: 65%;
	letter-spacing: .05em;
	line-height: 1.0em;
	margin-bottom: 1.0em;
}
#voice .voice_list .name_txt .ft_commons::after {
	content: "01";
	display: inline-block;
	vertical-align: middle;
	transform: translateY(-.1em);
	font-size: 140%;
	letter-spacing: .04em;
	line-height: 1.0em;
	margin-left: .3em;
}
#voice .voice_list .txt {
	margin-top: 1.5em;
}
#voice .voice_list > li:nth-child(1) .name_txt .ft_commons::after {content: "01";}
#voice .voice_list > li:nth-child(2) .name_txt .ft_commons::after {content: "02";}
#voice .voice_list > li:nth-child(3) .name_txt .ft_commons::after {content: "03";}
#voice .voice_list > li:nth-child(4) .name_txt .ft_commons::after {content: "04";}
#voice .voice_list > li:nth-child(5) .name_txt .ft_commons::after {content: "05";}
#voice .voice_list > li:nth-child(6) .name_txt .ft_commons::after {content: "06";}
#voice .voice_list > li:nth-child(7) .name_txt .ft_commons::after {content: "07";}
#voice .voice_list > li:nth-child(8) .name_txt .ft_commons::after {content: "08";}
#voice .voice_list > li:nth-child(9) .name_txt .ft_commons::after {content: "09";}
#voice .voice_list > li:nth-child(10) .name_txt .ft_commons::after {content: "10";}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#voice .voice_list > li {
	margin-bottom: 7%;
}
#voice .voice_list .name_txt > div {
	width: 16%;
	margin-right: 4%;
}
#voice .voice_list .name_txt > dl {
	width: 80%;
}
#voice .voice_list .name_txt .ft_commons {
	margin-bottom: .5em;
}
#voice .voice_list .txt {
	margin-top: 1.0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#voice .voice_list > li {
	margin-bottom: 8%;
}
#voice .voice_list .name_txt > div {
	width: 20%;
	margin-right: 4%;
}
#voice .voice_list .name_txt > dl {
	width: 76%;
}
#voice .voice_list .name_txt .ft_commons {
	margin-bottom: .2em;
}
#voice .voice_list .txt {
	margin-top: .6em;
}
}