@charset "utf-8";
/* ----------------------------------------------------------------------------- */

/* .pcOnly{ display: block; }
.spOnly{ display: none; } */

@media screen and ( max-width:959px ) {
/* ====================================================== VIEWPORT Tablet 768px = */
/* ================================================================= START!!!!! = */

/* .pcOnly{ display: none; }
.spOnly{ display: block; } */

/* header{ background: #ec6900; } */

.tbOnly{ display: block; }

html{ font-size: 15px; }

.col ,
.coldb > div:first-of-type ,
.coldb > div:last-of-type {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

.col img{
	max-width: 100%;
	min-width: 0;
	width: auto;
}



.fontL {
	font-size: 2.25rem;
}

h2 {
	font-size: 1.5rem;
	margin-bottom: 1.25vw;
}

h3 {
	font-size: 1.25rem;
}

.balloon::after {
	bottom: -11px;
}



/* header ---------------------------------------------------------------------- */
header .col {
	padding: 1vw 20px;
}

header .col ul li {
	margin: 0;
	display: flex;
	align-items: right;
	flex-flow: row-reverse;
}

header .col ul li a {
	width: 60%;
}

header .col ul li.btn-link {
	display: none;
}




/* header.clone-nav ------------------------------------------------------------ */
header.clone-nav .col h1 img {
	width: 60%;
	min-width: auto;
}

header.clone-nav .col ul li.btn-free {
	width: 70%;
}

header.clone-nav .col ul li.btn-free a {
	display: flex;
	align-items: center;
}


/* #sec_topImg ----------------------------------------------------------------- */

#sec_topImg .col {
	height: 65vh;
}

#sec_topImg p.sec_topimg_03 {
	height: 50vh;
}

#sec_topImg p.sec_topimg_03 img {
	width: auto;
	height: 100%;
}

#sec_topImg .col .topTitle {
	top: 9vh !important;
}

#sec_topImg dl.sec_topImg_02 {
	bottom: 120px !important;
	left: 5vw !important;
}




/* #sec_01 --------------------------------------------------------------------- */
#sec_01 {
	margin-top: 58vh !important;
}



/* #sec_02 --------------------------------------------------------------------- */
#sec_02::after {
	top: -1px;
}

#sec_02::before{
	top: 0px;
}



/* #sec_03 --------------------------------------------------------------------- */
#sec_03 .col .point {
	width: 100%;
}



/* #sec_05 --------------------------------------------------------------------- */
#sec_05 .colIn {
	max-width: 100%;
	min-width: 100%;
}

#sec_05 .colIn h2 {
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
}

#sec_05 .colIn .imgWrapp span {
	bottom: 146px;
	left: 4%;
}

#sec_05 .colIn .imgWrapp span .imgInner {
width: 70px;
height: auto;
margin: auto;
min-width: auto;
}

#sec_05 .colIn .imgWrapp.sec_05-04 span {
	bottom: 23%;
}



/* #sec_06 --------------------------------------------------------------------- */
#sec_06 .col .colIn ul li {
	margin: 0 1vw 2vw;
	width: calc(100% / 2 - 30px);
}



/* #sec_08 --------------------------------------------------------------------- */
#sec_08 .coldb,
#sec_09 .coldb,
#sec_11 .coldb {
	flex-direction: column;
}

#sec_08 .coldb > div.imgCol{
	display: flex;
	align-items: center;
}

#sec_08 .coldb > div.imgCol p {
	margin-bottom: 4.5vw;
}





/* #sec_09 --------------------------------------------------------------------- */
#sec_09 .coldb .colFirst ul {
	margin-bottom: 5rem;
}

#sec_09 .coldb .colFirst ul::before{
	left: 0;
	bottom: -4rem;
	top: auto;
	right: 0;
}

#sec_09 .coldb .colFirst ul::after {
	transform: rotate(0deg);
	top: auto;
	right: 0;
	left: 0;
	bottom: -3rem;
}



/* #sec_10 --------------------------------------------------------------------- */
#sec_10 .colIn.coltri > div {
	width: calc(100% / 3 - 10px);
}

#sec_10 .colIn.coltri > div h4 {
	width: 95%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
}

#sec_10 .colIn.coltri > div h4 span {
	display: inline-block;
	margin: 0 1vw;
}

#sec_10 .colIn.coltri > div h3 {
	width: 100%;
	margin-left: 0;
	margin-top: 1.5rem;
	margin-bottom: 0.5vw;
}


/* #sec_11 --------------------------------------------------------------------- */
#sec_11 .col {
	width: calc(100vw - 40px);
	max-width: 100%;
	min-width: auto;
}

#sec_11 .colIn .coldb {
	width: calc(100% - 20px);
}

#sec_11 .colIn .coldb .colFirst {
	margin-bottom: 2vw;
}

#sec_11 .colIn ul {
	width: calc(100% - 20px);
}


#sec_11 .slideItem .itemDetail dl dt {
	display: flex;
	align-items: center;
	justify-content: center;
}

#sec_11 .slideItem .itemDetail dl dd {
	display: block;
	align-items: start;
	text-align: left;
}

#sec_11 .slideItem .itemDetail dl dd span {
	display: block;
}

.swiper-wrapper{
	align-items: center;
}



/* #sec_12 --------------------------------------------------------------------- */
#sec_12 .col {
	padding: 30px 0px 30px;
	max-width: calc(100% - 20px);
	min-width: calc(100% - 20px);
}


/* section.sec_cta ------------------------------------------------------------- */
section.sec_cta {
	background-attachment: scroll;
}

section.sec_cta h3 span {
	font-size: 1.25rem;
}




/* .sec_cta.verb --------------------------------------------------------------- */
section.sec_cta.verb {
	overflow: hidden;
}

section.sec_cta.verb .colIn:first-of-type {
	width: 250px;
	bottom: 0;
	left: -10px;
}

section.sec_cta.verb .colIn:last-of-type {
	width: 80%;
}

section.sec_cta.verb .colIn:last-of-type .ctaTitle {
	padding: 0;
	width: 100%;
	margin: auto;
	padding-right: 20%;
	padding-left: 10%;
}

section.sec_cta.verb .colIn:last-of-type .ctaTitle h3 {
	padding: 10px 30px;
	font-size: 1rem;
}

section.sec_cta.verb .colIn:last-of-type .ctaTitle img {
	position: absolute;
	bottom: -50px;
	top: -50px;
	right: -70px;
	margin: auto;
	width: 35%;
	transform: rotate(16deg);
}


section.sec_cta.verb .colIn:last-of-type ul {
	margin-top: 2rem;
}

section.sec_cta.verb .colIn:last-of-type ul li:first-of-type {
	padding: 2rem 2.5% 1rem 33%;
	width: 100%;
}

section.sec_cta.verb .colIn:last-of-type ul li:first-of-type img {
	bottom: 0;
	margin: 0;
	left: 2.5%;
	top: 0;
	margin: auto;
	width: calc(100% - 68%);
}

section.sec_cta.verb .colIn:last-of-type ul li:last-of-type p a {
	font-size: 2.5rem;
}




/* .fixMenu -------------------------------------------------------------------- */
.fixMenu {
	top: 10vw;
}




/* #secCTA --------------------------------------------------------------------- */
#secCTA .col {
	width: calc(100% - 40px);
	max-width: none;
	min-width: auto;
	padding: 40px 30px 0px;
}

#secCTA .col form {
	width: 100%!important;
}

#secCTA .col .fromNotice {
	margin-left: -30px;
	margin-right: -30px;
}


































/* #page-doctor ---------------------------------------------------------------- */

/*キャッチ*/
#sec_topImg .col .topTitle h2 {
	font-size:1rem;
}

#sec_topImg .col .topTitle h1 span {
	font-size:0.45em;
}
#sec_topImg .col .topTitle h1 span.doctor {
	font-size: 0.7em;
	line-height: 0.75em;
}

#sec_topImg .col .topTitle h1 span>span {
	color:#396;
	font-size: 1.0em;
}
#sec_topImg .col .topTitle h1 span>span:nth-child(2) {
	color:#396;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.35em;
	
	border-bottom:10px solid #ff9;
}


/* #page-doctor #doc_sec_01 ---------------------------------------------------- */
#page-doctor #doc_sec_01 .col .point {
	width: 100%;
}








/* #page-doctor.ver02 ---------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
#page-doctor.ver02 #doc_sec_01 {
	margin-top: calc(65vh)!important;
}

#page-doctor.ver02 #sec_topImg dl.sec_topImg_02{
	bottom: 15px !important;
	right: 5vw !important;
}

#page-doctor.ver02 #sec_04 .col{
	flex-direction: column;
}

#page-doctor.ver02 #sec_04 .col .colIn:first-of-type p {
	width: 100%;
}

#page-doctor.ver02 #sec_04 .col .colIn:last-of-type {
	padding: 00px 0px 0px;
}

#page-doctor.ver02 #sec_04 .sec-graph {
	padding: 50px 30px!important;
	border-radius: 0px;
	width: 80%;
}

#page-doctor.ver02 #sec_04 .sec-graph .toolTip p {
	width: 100px;
	height: 100px;
}

#page-doctor.ver02 #sec_04 .sec-graph .toolTip p:nth-of-type(3) {
	left: 37.5%;
}

#page-doctor.ver02 #sec_04 .sec-graph .toolTip p:nth-of-type(4) {
	left: 50%;
}

#page-doctor.ver02 #sec_04 .sec-graph .toolTip p:nth-of-type(5) {
	left: 68.5%;
}

#page-doctor.ver02 #sec_04 .sec-graph .toolTip p:nth-of-type(6) {
	left: 80%;
}


#page-doctor.ver02 #sec_merit .colHalf div.point .num p {
	width: 35%;
}

#page-doctor.ver02 #sec_merit .colHalf div.point .num h2 {
	width: 65%;
}

















/* ====================================================== VIEWPORT Tablet 768px = */
/* =================================================================== END!!!!! = */
}