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

	body {
		font-family: "Noto Sans JP";
		font-size: 0;
		color: #313131;
		line-height: 1.7em;
		letter-spacing: 0.07em;
		margin: 0;
		padding: 0;
		background:#fff;
		background-repeat: repeat;
    background-size: 100px;
	}
	.wrapper p, .wrapper li, .wrapper a, .wrapper th, .wrapper td {
		font-family: "Noto Sans JP";
		font-size: 15px;
		line-height: 1.7em;
		letter-spacing: 0.07em;
		margin: 0;
		padding: 0;
	}
	.wrapper {
		padding-top: 0 !important;
		overflow: hidden;
	}
	.wrapper .inner {
		width: 1100px;
		margin: 0 auto;
	}
	.wrapper .inner .inner_in {
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 50px;
	}
/*---------------------------------------------

　　h1～h2

---------------------------------------------*/
	h1 {
		width: 1100px;
		color: #a0a0a0;
		top: 13px;
		letter-spacing: 1.2px;
	}
	h2 {
		text-align: center;
		margin: 60px auto 80px;
	}
/*---------------------------------------------

　　header

---------------------------------------------*/
	#header {

    /* position: absolute;
    right: 0;
    left: 0;
    z-index: 1; */
		background:url(./recruit_img/congruent_pentagon.png), #e2efe3;
		height: 170px;
	}
	#header .inner {
		padding: 0px 3%;
	}

	#header .inner .logo {
		position: relative;
		text-align: left;
		top: 50px;
	}
	#header .inner .logo img{
    width:446px;
	}
	#header .inner .header_address {
		float: right;
    /* position: absolute; */
		margin-top: -19px;
		color:#422;
	}

/*---------------------------------------------

　　mainvisual

---------------------------------------------*/
	#mainvisual {
		position: relative;
		height: 70vh;
	}
	#mainvisual .slide {
		height: 100% !important;
		padding: 0 3%;
	}
	#mainvisual .slider__item__image {
		background: url(recruit_img/slide_20210706.jpg?0415) no-repeat center center;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	@media screen and (min-width:737px) and (max-width:1100px) {
	#mainvisual .slider__item__image {
	background: url(recruit_img/slide_20210706.jpg?0415) no-repeat center center;
		width: 100%;
		height: 100%;
	}
	}
	@media  screen and  (max-width:736px) {
		#mainvisual .slider__item__image {
		background: url(recruit_img/slide_sp_20210706.jpg?0416) no-repeat center center;
			background-size: cover;
			width: 100%;
			height: 100%;
		}
		}

	#mainvisual .inner .open {
		position: absolute;
    top: 650px;
    top: 50%;
    right: 10%;
	}
	#mainvisual .inner .open img{
		width:250px;
	}
	/*
	@media screen and (min-width:737px) and (max-width:1100px) {
	#mainvisual .inner .open {
		top: 67%;
	}
	}
*/
	#mainvisual .inner .open img {
		margin-right: 0%;
		opacity: 0.8;
	}
	#mainvisual .inner .catch {
		position: absolute;
		right: 0;
		left: 0;
		margin: 0 auto;
		text-align: center;
		top: 33%;

	}
	#mainvisual .inner .catch img {
		width: 500px;
    margin-left: 10%;
    position: absolute;
    right: 0;
    left: 0;
	}
	/*@media screen and (min-width:737px) and (max-width:1100px) {
	#mainvisual .inner .catch {
		top: 80%;
	}
	}*/

	.sub_catch {
		position: relative;
		background: #041e47;
		text-align: center;
		height: 60px;
	}
	.sub_catch img {
		margin-top: 15px;
	}
	@media screen and (min-width: 737px) {
body{
			min-width: 1100px;
		}
	}
/*---------------------------------------------

　　nairankai

---------------------------------------------*/
  .item {
   height: 420px;
   padding: 3% 0;
   text-align: center;
  }
  /*#section01, .section02, .section03, #section04 {
    background: #fff;
  }*/
    .nairankai {
		background: #6192c5;
    }

  @media screen and (max-width: 736px) {
	.item {
	 height: auto;
	 padding: 10% 0 11%;
	}
    .nairankai img {
		width: 90%;
		height: auto;
    }
    .nairankai:before{
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     z-index: -1;
    }
    .nairankai.bgA:before,
	.nairankai.bgB:before {
     background-image: url("recruit_img/nairankai_bg.png");
    }
  }
/*---------------------------------------------

　　section01

---------------------------------------------*/
	#section01 ul li {
		overflow: hidden;
		margin-bottom: 60px;
	}
	#section01 ul li:nth-child(odd) div {
		float: left;
	}
	#section01 ul li:nth-child(odd) img.pic {
		float: right;
	}
	#section01 ul li:nth-child(even) div {
		float: right;
	}
	#section01 ul li h4 {
		margin-bottom: 45px;
	}
	#section01 ul li p {
		width: 480px;
		font-size: 17px;
	}
/*---------------------------------------------

　　column

---------------------------------------------*/
	.column {
		text-align: center;
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex;
		align-items: flex-end;
			flex-direction:row;
			align-items:center;
	}
	.column h3 {
		margin-bottom: 50px;
	}
	.column p {
		color: #422;
		font-size: 17px;
		text-align: left;
		padding: 5px;
	}
	.column .inner {
		width: 530px;
		margin: auto;
	}

	.section03_cont03,
	.footer_cont01 {
		background: url(./recruit_img/congruent_pentagon.png), #e2efe3;
	}

	.section02_cont01 {
		background: url(./recruit_img/congruent_pentagon_pink.png), #e2efe3;
	}
	.section02_cont02 {
		background: url(./recruit_img/congruent_pentagon_yellow.png), #e2efe3;
	}
	.section02_cont03 {
		background: url(./recruit_img/congruent_pentagon_blue.png), #e2efe3;
	}
	.section02_cont01_bg {
		background: url(recruit_img/section02_cont01_bg.jpg) no-repeat top center;
		background-size: cover;
	}
	.section02_cont02_bg {
		background: url(recruit_img/section02_cont02_bg.jpg) no-repeat top center;
		background-size: cover;
	}
	.section02_cont03_bg {
		background: url(recruit_img/section02_cont03_bg.jpg) no-repeat top center;
		background-size: cover;
	/*	background-position: left;*/
	}
	.section03_cont03_bg {
    background: url(recruit_img/section03_cont03_bg.jpeg) no-repeat top center;
    background-size: cover;
    background-position: left;
}

	@media all and (min-width: 500px) {
		.section02, .section03, .footer {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex;
			flex-direction:row;
			align-items:center;
		}
		.column {
			height: 630px;
			width: 50%;
		}
		.footer iframe {
			height: 630px;
			width: 100%;
		}
	}
	@media all and (max-width: 499px) {
		.column {
			width: 100%;
			height: auto;
			min-height: 300px;
		}
		.column .inner {
			padding: 14% 5% 15%;
		}
		.column p, .column li {
			font-size: 15px;
		}
		.footer iframe {
			display: none;
		}
		.column h3 {
			margin: 20px auto;
	}
	}
/*---------------------------------------------

　　section03

---------------------------------------------*/
	.section03 .section03_cont01 {
		width: 410px;
		margin-left: 0px;
		display: inline-block;
		vertical-align: middle;
	}
	.section03 .pic {
		width:80%;
		margin-left: 40px;
	}
	.section03 .section03_cont01 img.name {
		display: block;
		margin: 30px auto;
	}
	.section03 .section03_cont02 {
		width: 531px;
    display: inline-block;
    /* vertical-align: top; */
		margin-left: 59px;
		/* margin-top: 130px; */
		vertical-align: middle;
	}
	.section03 .section03_cont02 h5 {
		margin-bottom: 20px;
	}
	.section03 .section03_cont02 ul li {
		font-size: 17px;
		list-style: disc;
		margin-left: 20px;
	}
	.section03 .section03_cont02 ul.pre {
		margin-bottom: 20px;
	}
	.section03 .section03_cont02 p {
		font-size: 17px;
		margin-bottom: 20px;
	}
/*---------------------------------------------

　　section04

---------------------------------------------*/
	#section04 h2 {
		margin-bottom: 35px;
	}
	#section04 p {
	    padding: 35px 0 60px;
		text-align: center;
	}
	#section04 table {
		width: 960px;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0px 10px;
	}
	#section04 table th,
	#section04 table td {
		padding: 10px;
	}
	#section04 table th {
		background: url(./recruit_img/congruent_pentagon.png), #e2efe3;
		vertical-align: middle;
		text-align: center;
		width: 200px;
		overflow: visible;
		position: relative;
		color: #313131;
		letter-spacing: 0.1em;
		padding-left: 20px;
	}
	#section04 table th:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #bef8cf;
		border-width: 10px;
		margin-top: -10px;
	}
	#section04 table td {
		text-align: left;
		padding-left: 32px;
		background: #f3f5db;
	}
@media screen and (min-width: 737px) {
	#section04 table td {
		width: 757px !important;
	}
}

/*ーーーーーーーーーーーーーー
	 section06 診療内容
ーーーーーーーーーーーーーーーーーーーーー*/
.section06 .services{
	text-align: center;
	margin-top: -50px;
		}
.section06 .services li{
	padding: 0 5px;
	display: inline;
		}
		.section06 .services li::after{
      content: "/";
		}
		.section06 .services li:last-child::after{
      content: "";
		}
		.section06{
			background: url(./recruit_img/congruent_pentagon.png), #e2efe3;
			color:#422;
		}

/*ーーーーーーーーーーーーーー
	 section05
ーーーーーーーーーーーーーーーーーーーーー*/
		.section05 li{
			color:#422;
			margin-bottom: 30px;
		}
		.section05 li h4{
			margin-bottom: 15px;
		}
		.section05 .policy{
			width:810px;
			margin: 0 auto;
		}
/*---------------------------------------------

　　footer

---------------------------------------------*/
	.footer .column .inner {
		width: 85%;
	}
	.footer p {
		font-family: "Noto Sans JP";
		font-size: 15px;
		color: #313131;
		line-height: 1.7em;
		letter-spacing: 0em;
		margin: 0;
		padding: 0;
	}
	.footer_cont01 p {
		color: #422;
	}
	.footer_cont02 {
		width: 100%;
		margin: 35px auto;
	}
	.footer_cont02 .inner {
		width: 1100px;
		padding: 0 0 0 15px;
	}

	.footer_cont02 .inner .left_box {
		width: 340px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		padding-top: 30px;
	}
	.footer_cont02 .inner .left_box .logo img{
		width: 100%;
	}


	.footer_cont02 .inner .left_box .add {
		margin: 60px auto;
		font-size: 17px;
	}
	.footer_cont02 .inner .left_box .add span{
	letter-spacing: -1px;
	}
	.footer_cont02 .inner .dot_line {
		display: inline-block;
		background: url(recruit_img/dot_line.png) no-repeat center;
		width: 155px;
		height: 355px;
	}
	.footer_cont02 .inner .right_box {
		display: inline-block;
		vertical-align: top;
		margin-right: 15px;
	}
	.footer_cont02 .inner .right_box .time_ttl {
		padding: 30px 0 20px;
	}
	.footer_cont02 .inner .right_box .hosoku {
		margin-top: 40px;
		font-size: 17px;
	}
/*---------------------------------------------

　　copy

---------------------------------------------*/
	p.copy {
		background:#7be0a6;
		background: url(./recruit_img/congruent_pentagon.png), #e2efe3;
		text-align: center;
		font-size: 15px;
		line-height: 60px;
		letter-spacing: 2px;
	}
/*---------------------------------------------

　　pagetop

---------------------------------------------*/
	.pagetop {
		cursor: pointer;
		position: fixed;
		bottom: 25px;
		right: 15px;
		width: 67px;
		height: 67px;
		background: url(./recruit_common/img/pagetop.png) no-repeat;
		transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
		-ms-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		z-index: 100;
	}
@media screen and (max-width: 736px) {
	#header .inner {
		width: 95%;
		padding: 10px 3%;
	}
	.wrapper .inner .inner_in {
		width: 90%;
	}
.wrapper .inner {
		width: 95%;
		padding: 10px 3%;
	}
/*---------------------------------------------

　　h1～h2

---------------------------------------------*/
	h1 {
		width: 95%;
	}
	h2 {
		margin: 50px auto 45px;
	}
	h2 img {
		width: 100%;
		height: auto;
	}
	h4 img {
    width: 100%;
    height: auto;}
/*---------------------------------------------

　　header

---------------------------------------------*/
	#header {
		position: absolute;
		right: 0;
		left: 0;
		z-index: 1;
		position:static;
	}
	#header .inner .logo {
		position:static;
		text-align: center;
	}
	#header .inner .logo img {
		width: 90%;
		max-width: 340px;
	}
	#header .inner .header_address {
		float: none;
   position: static;
    margin-top: 17px;
		text-align: center;
		font-size: 14px;
		color: #422;

	}
	#header .inner .TEL_header {
		text-align: right;
		top: 30px;
	}
	#header .inner .TEL_header img {
		width: 60%;
		max-width: 240px;
	}

/*---------------------------------------------

　　mainvisual

---------------------------------------------*/
	#mainvisual .slider__item__image {
		background-position: center;
	}
	#mainvisual .inner .open {
		top: 515px;
    width: 100%;
    text-align: right;
    margin-right: -10%;
	}
	#mainvisual .inner .open img {
		width: 140px;
    height: auto;
	}


	#mainvisual .inner .catch {
		text-align: center;
    top: 403px;
    margin-left: 5%;
	}
	#mainvisual .inner .catch img {
		width: 70%;
		max-width: 510px;
		height: auto;
	}
	.sub_catch {
		padding: 3px 0 15px;
		height: auto;
	}
	.sub_catch img {
		width: 90%;
		height: auto;
	}


/*---------------------------------------------

　　section01

---------------------------------------------*/
	#section01 ul li {
		margin-bottom: 60px;
	}
	#section01 ul li:nth-child(odd) div,
	#section01 ul li:nth-child(odd) img.pic,
	#section01 ul li:nth-child(even) div {
		float: none;
	}
	#section01 ul li h4 {
		margin-bottom: 30px;
	}
	#section01 ul li h4 img {
		width: 100%;
		height: auto;
	}
	#section01 ul li p {
		width: 100%;
		font-size: 15px;
		margin-bottom: 30px;
	}
	#section01 ul li img.pic {
		width: 100%;
		height: auto;
	}
/*---------------------------------------------

　　section03

---------------------------------------------*/
	.section03 .section03_cont01 {
		width: 100%;
		display: block;
		margin-bottom: 40px;
		margin-left: 0px;
	}
	.section03 .section03_cont01 img.pic {
		width: 80%;
    height: auto;
    max-width: 410px;
    margin-left: 10%;
	}
	.section03 .section03_cont01 img.name {
		width: 100%;
		height: auto;
		max-width: 329px;
		margin: 15px 0 0;
	}

	.section03 .section03_cont02 {
		width: 100%;
		display: block;
		margin-left: 0;
		margin-top: 0px;
	}
	.section03 .section03_cont02 h5 {
		margin-bottom: 20px;
	}
	.section03 .section03_cont02 ul li {
		font-size: 15px;
		margin-bottom: 8px;
	}
	.section03 .section03_cont02 ul li:last-child {
		margin-bottom: 0;
	}
	.section03 .section03_cont02 ul.pre {
		margin-bottom: 20px;
	}
	.section03 .section03_cont02 p {
		margin-bottom: 20px;
		font-size: 15px;
	}
/*---------------------------------------------

　　section04

---------------------------------------------*/
	#section04 table {
		width: 90%;
		max-width: 474px;
	}
	#section04 table th {
		width: 100%;
		text-align: center;
		display: block;
		padding: 6px;
	}
	#section04 table th:after {
		left: 46.9%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #77dca2;
		border-width: 10px;
		margin-top: 17px;
			  transform: rotate(90deg);

	}
	#section04 table td {
		display: block;
		padding: 16px;
		line-height: 1.7em;
		letter-spacing: 0em;
	}

/*---------------------------------------------

　　section05

---------------------------------------------*/

	.section05 ul li {
		width: 100%;
		font-size: 15px;
		margin-bottom: 30px;
	}
	.section05 .policy {
		width: 100%;
	}
	/*---------------------------------------------

　　section06

---------------------------------------------*/

.section06 .services {
	margin-top: 0;
}

/*---------------------------------------------

　　footer

---------------------------------------------*/
	.footer .column {
		min-height: auto;
	}
	.footer .column .inner {
		padding: 11% 5% 12%;
	}
	.footer p {
		font-family: "Noto Sans JP";
		font-size: 15px;
		color: #422;
		line-height: 1.7em;
		letter-spacing: 0em;
		margin: 0;
		padding: 0;
	}
	.footer .logo img {
		width: 100%;
	}
	.footer .TEL_footer img {
		width: 100%;
	}
	.footer_cont01 p {
		font-size: 12px;
	}
	.footer_cont02 {
		width: 100%;
	/*	background: #fff;*/
		margin: 0;
		padding: 35px 0;
	}
	.footer_cont02 .inner {
		width: 100%;
	}
	.footer_cont02 .inner .left_box {
		width: 85%;
		display: block;
		text-align: center;
		padding: 0 0 35px;
		border-bottom: dotted 1px #ccc;
		margin: 0 auto;
	}
	.footer_cont02 .inner .left_box .logo {

	}
	.footer_cont02 .inner .left_box .add {
		margin: 25px auto 30px;
		font-size: 15px;
	}
	.footer_cont02 .inner .left_box .add span{
		letter-spacing: -1.2px;
	}
	.footer_cont02 .inner .dot_line {
		display: inline-block;
		background: url(recruit_img/dot_line.png) no-repeat center;
		width: 155px;
		height: 355px;
	}
	.footer_cont02 .inner .right_box {
		width: 85%;
		display: block;
		margin: 0 auto;
	}
	.footer_cont02 .inner .right_box .time_ttl {
		padding: 30px 0 20px;
	}
	.footer_cont02 .inner .right_box .timetable img {
		width: 100%;
		height: auto;
	}
	.footer_cont02 .inner .right_box .hosoku {
		margin-top: 20px;
		font-size: 15px;
		width: 250px;
		margin: 20px auto 0;
		letter-spacing: 0em;
	}
/*---------------------------------------------

　　copy

---------------------------------------------*/
	p.copy {
		font-size: 12px;
		line-height: 45px;
		margin-bottom: 45px;
		border-bottom: dotted 1px #1a335c;
	}
/*---------------------------------------------

　　pagetop

---------------------------------------------*/
	.pagetop {
		bottom: 52px;
		right: 2%;
		width: 40px;
		height: 40px;
		text-indent: 100%;
		white-space: nowrap;
		z-index: 100;
		background-size: contain;
	}
/*----------------------------------------------------------

　　固定バナー

----------------------------------------------------------*/
	ul.ft_rsv_btn {
		background-color: rgba(255, 255, 255, 0.75);
		bottom: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		left: 0;
		overflow: hidden;
		position: fixed;
		width: 100%;
		z-index: 54;
	}
	ul.ft_rsv_btn li {
		height: 45px;
		float: left;
		text-align: center;
		border-right: solid 2px #fff;
	}
	ul.ft_rsv_btn li:last-child {
		border-right: none;
	}
	ul.ft_rsv_btn li a {
		text-decoration: none;
		font-size: 0.6rem;
		display: block;
		color: #422;
	}
	ul.ft_rsv_btn li a:before {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		background-size: 20px 20px !important;
		margin-top: -29px;
		margin-left: -11px;
	}
	ul.ft_rsv_btn li p {
		margin-top: 35px;
	}
/*----------------------------------

　　first_btn

----------------------------------*/
	li.first_btn {
		background: url(./recruit_img/congruent_pentagon_pink.png), #e2efe3;
		width: 49%;
	}
	li.first_btn a:before {
		background: url(recruit_img/oubo_icon.png);
		margin-left: -25px !important;
		margin-top: -9px !important;
	}
	li.first_btn span {
		display: block;
		font-size: 0.5rem;
		margin-right: -50px;
		margin-top: -5px;
	}
	li.first_btn a {
		font-size: 16px !important;
		letter-spacing: 0.07em;
		margin-left: 25px;
		padding-top: 14px;
	€}
	li.first_btn .comment {
		font-size: 0.6rem;
		margin-top: 20px;
	€}
/*----------------------------------

　　second_btn

----------------------------------*/
	li.second_btn {
		background: url(./recruit_img/congruent_pentagon_blue.png), #e2efe3;
		width: 26%
	}
	li.second_btn a:before {
		background: url(recruit_img/info_icon.png);
	}
/*----------------------------------

　　third_btn

----------------------------------*/
	li.third_btn {
		background: url(./recruit_img/congruent_pentagon_yellow.png), #e2efe3;
		width: 25%
	}
	li.third_btn a:before {
		background: url(recruit_img/map_icon.png);
	}
}

/*----------------------------------

パンくず

----------------------------------*/
#breadcrumb {
padding-top: 10px;
padding-bottom: 10px;
}
#breadcrumb ul {
text-align: left;
}
#breadcrumb ul li {
display: inline;
}
#breadcrumb ul li + li::before {
content: ">";
margin-right: 4px;
}
#breadcrumb a {
color: #333333;
text-decoration: none;
}
#breadcrumb a:visited {
color: #333333;
}
#breadcrumb a:hover,
#breadcrumb a:active {
color: #666;
}