@charset "utf-8";
/* CSS Document */
@media screen and (max-width:900px){
	
	html {
		font-size: 8px;
	}
	body {
		max-width: 900px;
	}
	.sp-only {
		display: block;
	}
	.pc-only {
		display: none;
	}
	
	
	/*header*/
	#header {
		width:100%;
		height: 80px;
	}
	#header .inner {
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
	}
	#header .inner h1 {
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	
	/*mainvisual*/
	#mainvisual {
		width: 98%;
		height: 80vh;
		margin: 0 auto;
		background-position: center;
		z-index: -1;
		position: relative;	
	}
	#mainvisual::before {
		content: "";
		width: 600px;
		height: 75px;
	}
	.mv-icon {
		position: absolute;
		bottom: 50px;
		left: 30px;
		gap:10px;
	}
	.mv-icon img {
		width: 150px;
	}
	.mv-timetable {
		width: 380px;
		position: absolute;
		bottom: 50px;
		right: 30px;
	}

	/*news*/
	#news {
		margin-top: 80px;
	}

	.ttl-news {
		width: 85%;
	}
	.ttl-news h4 {
		font-size: 24px;
	}
	.ttl-news h4 span {
		font-size: 18px;
	}
	#news .inner {
		width: 85%;
	}
	#news .inner dl {
		font-size: 17px;
	}


	/*information*/
	.ttl-big h4 {
		font-size: 60px;
		letter-spacing: 8px;
	}
	.ttl-big .ja {
		width: 200px;
	}
	.ttl-big .ja p {
		font-size: 18px;
	}
	#information {
		width: 100%;
	}
	#information::before {
		content: "";
		width: 300px;
		height: 185px;
	}
	#information::after {
		content: "";
		width: 300px;
		height: 185px;
	}
	#information .inner {
		width: 90%;
		flex-direction: column;
		gap:3rem;
	}
	#information .inner .left,
	#information .inner .right {
		width: 100%;
	}
	.info-map iframe {
		width: 100%;
	}
	.access-icon {
		margin: 10rem auto 0 auto;
		align-items: center;
		justify-content: center;
		gap:100px;
	}
	.access-icon .item {
		width: 400px;
		border-radius: 10rem;
		position: relative;
		padding: 6rem 0 3rem 0;
		background: #fff;
	}
	.access-icon .item .a-icon {
		width: 100px;
		position: absolute;
		top:-50px;
		left: 50%;
		transform: translate(-50%);
	}
	.access-icon .item p {
		text-align: center;
		color: #777;
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 3px;
	}
	
	
	/*time*/
	#timetable::before {
		height: 30px;
		top:-30px;
	}
	#timetable::after {
		height: 30px;
		bottom:-30px;
	}
	#timetable .inner {
		width: 95%;
		flex-direction: column;
		gap:3rem;
		position: relative;
	}
	#timetable .inner::before {
		content: "";
		width: 180px;
		height: 150px;
		bottom: -150px;
		left: 0;
	}
	#timetable .inner::after {
		content: "";
		width: 200px;
		height: 205px;
		bottom: -100px;
		right: 0;
		z-index: 0;
	}
	#timetable .inner .left 
	#timetable .inner .right {
		width: 100%;
	}
	.t-timetable {
		width: 530px;
		margin: auto;
	}
	
	
	/*feature*/
	#feature {
		padding: 10rem 0;
		background: url("../img/bg-fea01.png")no-repeat right top 38% / auto, url("../img/bg-fea02.png")no-repeat left bottom / auto;
	}
	.feature-wrapper {
		width: 95%;
		margin: 10rem auto 0 auto;
		flex-direction: column;
		gap:10rem;
	}
	.feature-wrapper .item {
		flex-direction: column-reverse;
		gap:3rem;
	}
	.f-index,
	.f-img {
		width: 100%;
	}
	.f-index .container {
		width: 95%;
	}
	.f-ttl {
		text-align: center;
		font-size: 80px;
		letter-spacing: 3px;
		line-height: 0.8;
	}
	.f-ttl span {
		font-size: 20px;
	}
	.f-main {
		font-size: 28px;
		font-weight: 500;
		line-height: 1.7;
		letter-spacing: 5px;
		text-align: center;
		margin: 3rem auto;
	}
	.f-txt {
		width: 70%;
		margin: auto;
		font-size: 17px;
		line-height: 2;
		letter-spacing: 2px;
	}
	
	
	/*greeting*/
	#greeting::before {
		content: "";
		width: 100%;
		height: 50px;
		top:-50px;
	}
	#greeting::after {
		content: "";
		width: 100%;
		height: 50px;
		bottom:-50px;
	}
	#greeting .container::before {
		content: "";
		width: 300px;
		height: 200px;
		top: 150px;
		z-index: 1;
	}
	#greeting .container::after {
		content: "";
		width: 300px;
		height: 200px;
		bottom: 150px;
		z-index: 1;
	}
	#greeting .container .inner {
		width: 95%;
		flex-direction: column;
		gap: 3rem;
	}
	#greeting .container .inner .left {
		width: 100%;
		margin: auto;
		z-index: 3;
	}
	#greeting .container .inner .right {
		width: 70%;
		margin: auto;
		z-index: 3;
	}
	.greeting-txt {
		font-size: 16px;
		line-height: 2;
		margin-top: 3rem;
	}
	
	
	/*medical info*/
	.medical-list {
		margin: 5rem auto;
		max-width: 95%;
	}
	.medical-list ul {
		justify-content: center;
		gap: 3rem;
		align-items: flex-start;
	}
	.medical-list ul li {
		width: 300px;
	}
	.medical-list ul li a img {
		width: 45%;
		margin: auto;
	}
	.medical-list ul li a p {
		text-align: center;
		font-size: 28px;
	}
	.medical-list ul li a p span {
		font-size: 16px;
	}
	
	
	/*footer*/
	#footer {
		margin-top: 10rem;
		margin-bottom: 8rem;
	}
	#footer .container {
		flex-direction: column-reverse;
		gap:3rem;
	}
	#footer .container .left,
	#footer .container .right {
		width: 100%;
	}
	#footer .container .left iframe {
		width: 100%;
		height: 500px;
		border-top-right-radius: 3rem;
		border-top-left-radius: 3rem;
	}
	#footer .container .right .inner {
		width: 90%;
		margin: auto;
	}
	.foot-time {
		width: 550px;
		margin: 2rem auto 0 auto;
	}
	.foot-icon {
		justify-content: center;
		align-items: center;
		gap:3rem;
		margin-top: 2rem;
	}
	.foot-icon img {
		width: 220px;
	}
	
	
	/*-- 下層 --*/
	#s-mainvisual {
		width: 97%;
		height: 55vh;
	}
	#s-mainvisual::before {
		content: "";
		width: 500px;
		height: 80px;
	}
	.page-ttl h2 {
		font-size: 60px;
	}
	.page-ttl h2 span {
		font-size: 22px;
	}
	
	
	/*医院紹介*/
	.policy-top {
		width: 95%;
	}
	.policy-top::before {
		content: "";
		width: 120px;
		height: 72px;
		bottom:1rem;
		left: 0;
		opacity: 0.5;
	}
	.policy-top::after {
		content: "";
		width: 120px;
		height: 83px;
		top:1rem;
		right: 0;
		opacity: 0.5;
	}
	.policy-top p {
		font-size: 24px;
		font-weight: 500;
		line-height: 2;
		text-align: center;
	}
	.policy-container {
		width: 100%;
		margin: 5rem auto 0 auto;
		padding: 13rem 0 10rem 0;
	}
	.policy-container .wrapper {
		flex-direction: column;
		gap: 30px;
	}
	.policy-container .wrapper .item {
		width: 95%;
	}
	.policy-no {
		font-size: 36px;
		top: -10px;
		left: -10px;
	}
	.policy-ttl {
		font-size: 18px;
	}
	.policy-txt {
		font-size: 15px;
		line-height: 2;
	}

	/*clinic-gallery*/
	.pic-wrapper {
		width: 98%;
		margin: 5rem auto;
	}
	.pic-wrapper ul {
		justify-content: space-between;
	}
	.pic-wrapper ul li {
		width: 350px;
	}
	.ga-ttl p {
		text-align: center;
		font-weight: 500;
		letter-spacing: 3px;
		font-size: 20px;
	}

	/*doctor*/
	.doc-index {
		width: 95%;
		flex-direction: column-reverse;
		gap:3rem;
	}
	.doc-index .left {
		width: 100%;
	}
	.doc-index .right {
		width: 60%;
		margin: auto;
	}
	.doc01 {
		position: relative;
	}
	.doc01::before {
		content: "";
		width: 200px;
		height: 80px;
		background: url("../img/deco10.png");
		background-size: cover;
		position: absolute;
		bottom: 2rem;
		left: -5rem;
	}
	.doc02 {
		position: relative;
	}
	.doc02::before {
		content: "";
		width: 200px;
		height: 82px;
		background: url("../img/deco11.png");
		background-size: cover;
		position: absolute;
		bottom: 2rem;
		left: -5rem;
	}
	.doc-txt {
		font-size: 15px;
	}
	.doc-name {
		font-size: 22px;
	}
	.doc-name span {
		font-size: 15px;
	}
	.doc-career {
		width: 90%;
		flex-direction: column;
		gap:3rem;
	}
	.doc-career .item {
		width: 550px;
		margin: auto;
	}
	.ca-ttl p {
		text-align: center;
		font-size: 20px;
		letter-spacing: 2px;
		font-weight: 500;
	}
	.ca-inner dl {
		justify-content: space-between;
		font-size: 15px;
	}
	.ca-inner dl dd {
		width: 16%;
		margin-bottom: 1.5rem;
	}
	.ca-inner dl dt {
		width: 84%;
		margin-bottom: 1.5rem;
	}
	.ca-inner ul {
		flex-direction: column;
		font-size: 14px;
		gap: 1.5rem;
	}
	
	/*s-timetable*/
	#s-timetable {
		position: relative;
	}
	#s-timetable::before {
		content: "";
		width: 300px;
		height: 185px;
		top: 35rem;
		left: 0;
	}
	#s-timetable::after {
		content: "";
		width: 300px;
		height: 185px;
		bottom: 20rem;
		right: 0;
	}
	.st-img {
		width: 70%;
	}
	.access-map {
		width: 70%;
	}

	/*parking*/
	#parking .container::before {
		content: "";
		width: 100%;
		height: 50px;
		top:-50px;
		left: 0;
	}
	#parking .container::after {
		content: "";
		width: 100%;
		height: 50px;
		bottom:-50px;
		left: 0;
	}
	.parking-img {
		align-items: center;
		justify-content: center;
		gap:50px;
	}
	.parking-img img {
		width: 450px;
		border-radius: 2rem;
	}
	.parling-txt {
		font-size: 14px;
		width: 90%;
	}

	/*medical*/
	.medical-top {
		width: 95%;
	}
	.medical-top .left {
		width: 55%;
	}
	.medical-top .right {
		width: 40%;
	}
	.mt-txt {
		font-size: 17px;
		line-height: 2;
	}
	.medical-container {
		margin: 8rem auto;
	}
	.medical-container::before {
		content: "";
		width: 100%;
		height: 30px;
		top:-30px;
		left: 0;
	}
	.medical-container::after {
		content: "";
		width: 100%;
		height: 30px;
		bottom:-30px;
		left: 0;
	}
	.medical-container .inner {
		width: 95%;
		margin: auto;
		padding: 5rem 3rem 8rem 3rem;
		box-sizing: border-box;
		border-radius: 2rem;
		position: relative;
	}
	.medical-container .inner::before {
		content: "";
		width: 280px;
		height: 50px;
		bottom:1rem;
		right: 1rem;
	}
	.medical-txt {
		font-size: 15px;
	}

	/*interview*/
	.interview-top::before {
		content: "";
		width: 100%;
		height: 30px;
		top:-30px;
		left: 0;
	}
	.interview-top::after {
		content: "";
		width: 100%;
		height: 30px;
		bottom:-30px;
		left: 0;
	}
	.interview-top .inner {
		width: 95%;
		padding: 5rem 3rem 8rem 3rem;
	}
	.interview-top .inner::before {
		content: "";
		width: 180px;
		height: 52px;
		background: url("../img/deco12.png");
		background-size: cover;
		position: absolute;
		bottom:1rem;
		right: 1rem;
	}
	.it-txt-b {
		font-weight: 500;
		text-align: center;
		font-size: 20px;
		margin-bottom: 2.5rem;
		letter-spacing: 2px;
	}
	.it-txt-s {
		font-size: 16px;
		line-height: 2;
	}
	
	.interview-wrapper {
		width: 95%;
	}
	.i-ttl {
		width: 95%;
	}
	.i-ttl p {
		font-size: 20px;
		font-weight: 500;
	}
	.i-inner {
		width: 95%;
		margin: auto;
	}
	.i-inner p {
		font-size: 16px;
	}
	
	
	
	

	#sp-btn {
		position: fixed;
		bottom: 0;
		left: 50%;
		z-index: 980;
    width: 100%;
		transform: translateX(-50%);
	}
	#sp-btn ul {
		justify-content: center;
    max-width: 900px;
    padding-bottom: 0;
    margin: 0 auto;
    position: relative;
	}
	#sp-btn .type1 ul::before {
		background: rgba(76, 190, 227, 0.7);
	}
	#sp-btn ul::before {
		content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
		background:#0D722F;
		backdrop-filter: blur(2px);
	}
	#sp-btn ul li {
		width: calc(100% / 4);
    margin: 0;
    padding: 10px 0 6px;
    text-align: center;
    line-height: 1.2;
    position: relative;
	}
	#sp-btn ul li a {
		display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
		text-align: center;
	}
	#sp-btn ul li i {
		font-size: 3.6rem;
    font-family: "Font Awesome 5 Free";
    display: block;
    color: #fff;
    font-weight: 600;
    margin-bottom: 3px;
		text-align: center;
	}
	#sp-btn ul li span {
		display: block;
    font-size: 1.8rem;
    color: #fff;
		text-align: center;
	}
}



@media screen and (max-width:430px) {
	
	html {
		font-size: 6px;
	}
	body {
		max-width: 430px;
	}
	.spbr {
		display: block;
	}
	
	
	/*header*/
	#header {
		width:100%;
		height: 80px;
	}
	#header .inner {
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
	}
	#header .inner h1 {
		width: 280px;
		margin: 0 auto;
		text-align: center;
	}
	
	/*mainvisual*/
	#mainvisual {
		width: 100%;
		height: 90vh;
		margin: 0 auto;
		background-position: center;
		z-index: -1;
		position: relative;	
	}
	#mainvisual::before {
		content: "";
		width: 390;
		height: 70px;
	}
	.mv-icon {
		position: absolute;
		bottom: 230px;
		left: 50%;
		transform: translateX(-50%);
		gap:10px;
		justify-content: center;
	}
	.mv-icon img {
		width: 150px;
	}
	.mv-timetable {
		width: 350px;
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
	}

	/*news*/
	#news {
		margin-top: 80px;
	}

	.ttl-news {
		width: 95%;
		padding-left: 45px;
	}
	.ttl-news::before {
		content: "";
		width: 30px;
		height: 24px;
		top:0rem;
		left: 0;
	}
	.ttl-news h4 {
		font-size: 20px;
	}
	.ttl-news h4 span {
		font-size: 16px;
	}
	#news .inner {
		width: 95%;
	}
	#news .inner dl {
		font-size: 15px;
		flex-direction: column;
	}
	#news .inner dl dt,
	#news .inner dl dd {
		width: 100%;
	}

	/*information*/
	.ttl-big h4 {
		font-size: 38px;
		letter-spacing: 5px;
	}
	.ttl-big .ja {
		width: 200px;
	}
	.ttl-big .ja p {
		font-size: 16px;
	}
	#information {
		width: 100%;
	}
	#information::before {
		content: "";
		width: 150px;
		height: 95px;
	}
	#information::after {
		content: "";
		width: 150px;
		height: 95px;
	}
	#information .inner {
		width: 95%;
		flex-direction: column;
		gap:3rem;
	}
	#information .inner .left,
	#information .inner .right {
		width: 100%;
	}
	.info-logo {
		width: 280px;
	}
	.info-tel {
		font-size: 28px;
	}
	.info-adress {
		font-size: 16px;
	}
	.info-map iframe {
		width: 100%;
	}
	.access-icon {
		margin: 10rem auto 0 auto;
		align-items: center;
		justify-content: center;
		gap:70px;
	}
	.access-icon .item {
		width: 350px;
		border-radius: 10rem;
		position: relative;
		padding: 3rem 0 3rem 0;
		background: #fff;
	}
	.access-icon .item .a-icon {
		width: 60px;
		position: absolute;
		top:-50px;
		left: 50%;
		transform: translate(-50%);
	}
	.access-icon .item p {
		text-align: center;
		color: #777;
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 3px;
	}
	
	
	/*time*/
	#timetable::before {
		height: 30px;
		top:-30px;
	}
	#timetable::after {
		height: 30px;
		bottom:-30px;
	}
	#timetable .inner {
		width: 95%;
		flex-direction: column;
		gap:3rem;
		position: relative;
	}
	#timetable .inner::before {
		content: "";
		width: 120px;
		height: 100px;
		bottom: -200px;
		left: 0;
	}
	#timetable .inner::after {
		content: "";
		width: 100px;
		height: 102px;
		bottom: 30px;
		right: 0;
		z-index: 0;
	}
	#timetable .inner .left 
	#timetable .inner .right {
		width: 100%;
	}
	.t-timetable {
		width: 95%;
		margin: auto;
	}
	
	
	/*feature*/
	#feature {
		padding: 10rem 0;
		background: url("../img/bg-fea01.png")no-repeat right top 38% / auto, url("../img/bg-fea02.png")no-repeat left bottom / auto;
	}
	.feature-wrapper {
		width: 95%;
		margin: 10rem auto 0 auto;
		flex-direction: column;
		gap:10rem;
	}
	.feature-wrapper .item {
		flex-direction: column-reverse;
		gap:3rem;
	}
	.f-index,
	.f-img {
		width: 100%;
	}
	.f-index .container {
		width: 100%;
	}
	.f-ttl {
		text-align: center;
		font-size: 60px;
		letter-spacing: 3px;
		line-height: 0.8;
	}
	.f-ttl span {
		font-size: 16px;
	}
	.f-main {
		font-size: 20px;
	}
	.f-txt {
		width: 90%;
		margin: auto;
		font-size: 15px;
		line-height: 2;
		letter-spacing: 2px;
	}
	
	
	/*greeting*/
	#greeting::before {
		content: "";
		width: 100%;
		height: 50px;
		top:-50px;
	}
	#greeting::after {
		content: "";
		width: 100%;
		height: 50px;
		bottom:-50px;
	}
	#greeting .container::before {
		content: "";
		width: 300px;
		height: 200px;
		top: 150px;
		z-index: 1;
		opacity: 0.5;
	}
	#greeting .container::after {
		display: none;
	}
	#greeting .container .inner {
		width: 95%;
		flex-direction: column;
		gap: 3rem;
	}
	#greeting .container .inner .left {
		width: 100%;
		margin: auto;
		z-index: 3;
	}
	#greeting .container .inner .right {
		width: 90%;
		margin: auto;
		z-index: 3;
	}
	.greeting-txt {
		font-size: 15px;
		font-weight: 500;
	}
	
	
	/*medical info*/
	.medical-list {
		margin: 5rem auto;
		max-width: 95%;
	}
	.medical-list ul {
		justify-content: center;
		gap: 3rem;
		align-items: flex-start;
	}
	.medical-list ul li {
		width: 300px;
	}
	.medical-list ul li a img {
		width: 40%;
		margin: auto;
	}
	.medical-list ul li a p {
		text-align: center;
		font-size: 20px;
	}
	.medical-list ul li a p span {
		font-size: 14px;
	}
	
	
	/*footer*/
	#footer {
		margin-top: 10rem;
		margin-bottom: 8rem;
	}
	#footer .container {
		flex-direction: column-reverse;
		gap:3rem;
	}
	#footer .container .left,
	#footer .container .right {
		width: 100%;
	}
	#footer .container .left iframe {
		width: 100%;
		height: 500px;
		border-top-right-radius: 3rem;
		border-top-left-radius: 3rem;
	}
	#footer .container .right .inner {
		width: 95%;
		margin: auto;
	}
	.foot-time {
		width: 100%;
		margin: 2rem auto 0 auto;
	}
	.foot-icon {
		justify-content: center;
		align-items: center;
		gap:3rem;
		margin-top: 2rem;
	}
	.foot-icon img {
		width: 170px;
	}
	
	
	/*-- 下層 --*/
	#s-mainvisual {
		width: 97%;
		height: 40vh;
	}
	#s-mainvisual::before {
		content: "";
		width: 340px;
		height: 53px;
	}
	.page-ttl {
		width: 100%;
	}
	.page-ttl h2 {
		font-size: 45px;
	}
	.page-ttl h2 span {
		font-size: 20px;
	}
	.sec-ttl h4 {
		font-size: 24px;
	}

	
	/*医院紹介*/
	.policy-top {
		width: 95%;
	}
	.policy-top::before {
		z-index: -1;
	}
	.policy-top::after {
		z-index: -1;
	}
	.policy-top p {
		font-size: 20px;
	}
	.policy-container {
		width: 100%;
		margin: 5rem auto 0 auto;
		padding: 13rem 0 10rem 0;
	}
	.policy-container .wrapper {
		flex-direction: column;
		gap: 30px;
	}
	.policy-container .wrapper .item {
		width: 95%;
	}
	.policy-no {
		font-size: 28px;
	}
	.policy-ttl {
		font-size: 16px;
	}
	.policy-txt {
		font-size: 14px;
		line-height: 2;
	}

	/*clinic-gallery*/
	.pic-wrapper {
		width: 98%;
		margin: 5rem auto;
	}
	.pic-wrapper ul {
		justify-content: space-between;
	}
	.pic-wrapper ul li {
		width: 90%;
		margin: auto;
	}
	.ga-ttl p {
		font-size: 18px;
	}

	/*doctor*/
	.doc-index {
		width: 95%;
		flex-direction: column-reverse;
		gap:3rem;
	}
	.doc-index .right {
		width: 70%;
	}
	.doc01::before {
		content: "";
		width: 150px;
		height: 60px;
		left: -3rem;
	}
	.doc02 {
		position: relative;
	}
	.doc02::before {
		content: "";
		width: 150px;
		height: 61px;
		left: -3rem;
	}
	.doc-txt {
		font-size: 14px;
	}
	.doc-name {
		font-size: 20px;
	}
	.doc-name span {
		font-size: 14px;
	}
	.doc-career {
		width: 95%;
		flex-direction: column;
		gap:3rem;
	}
	.doc-career .item {
		width: 100%;
		margin: auto;
	}
	.ca-ttl p {
		font-size: 18px;
	}
	.ca-inner dl {
		font-size: 14px;
	}
	.ca-inner dl dd {
		width: 20%;
		margin-bottom: 2rem;
	}
	.ca-inner dl dt {
		width: 80%;
		margin-bottom: 2rem;
	}
	.ca-inner ul {
		gap: 2rem;
	}
	
	/*s-timetable*/
	#s-timetable {
		position: relative;
	}
	#s-timetable::before {
		content: "";
		width: 300px;
		height: 185px;
		top: 35rem;
		left: 0;
	}
	#s-timetable::after {
		content: "";
		width: 300px;
		height: 185px;
		bottom: 20rem;
		right: 0;
	}
	.st-img {
		width: 90%;
	}
	.access-map {
		width: 90%;
	}
	
	/*parking*/
	#parking .container::before {
		content: "";
		width: 100%;
		height: 50px;
		top:-50px;
		left: 0;
	}
	#parking .container::after {
		content: "";
		width: 100%;
		height: 50px;
		bottom:-50px;
		left: 0;
	}
	.parking-img {
		align-items: center;
		justify-content: center;
		gap:50px;
	}
	.parking-img img {
		width: 90%;
		border-radius: 2rem;
	}
	.parling-txt {
		font-size: 14px;
		width: 90%;
	}

	/*medical*/
	.medical-top {
		width: 95%;
		flex-direction: column-reverse;
		gap:3rem;
	}
	.medical-top .left {
		width: 100%;
	}
	.medical-top .right {
		width: 90%;
	}
	.mt-txt {
		font-size: 16px;
	}
	.medical-container {
		margin: 10rem auto;
	}
	.medical-container .inner {
		width: 95%;
		margin: auto;
		padding: 5rem 3rem 8rem 3rem;
		box-sizing: border-box;
		border-radius: 2rem;
		position: relative;
	}
	.medical-container .inner::before {
		content: "";
		width: 200px;
		height: 30px;
		bottom:1rem;
		right: 1rem;
	}
	.medical-txt {
		font-size: 14px;
	}

	/*interview*/
	.interview-top::before {
		content: "";
		width: 100%;
		height: 30px;
		top:-30px;
		left: 0;
	}
	.interview-top::after {
		content: "";
		width: 100%;
		height: 30px;
		bottom:-30px;
		left: 0;
	}
	.interview-top .inner {
		width: 95%;
		padding: 5rem 3rem 8rem 3rem;
	}
	.interview-top .inner::before {
		content: "";
		width: 150px;
		height: 36px;
		background: url("../img/deco12.png");
		background-size: cover;
		position: absolute;
		bottom:1rem;
		right: 1rem;
	}
	.it-txt-b {
		font-size: 17px;
	}
	.it-txt-s {
		font-size: 14px;
	}
	
	.interview-wrapper {
		width: 95%;
	}
	.i-ttl {
		width: 95%;
	}
	.i-ttl p {
		font-size: 16px;
	}
	.i-inner {
		width: 95%;
		margin: auto;
	}
	.i-inner p {
		font-size: 14px;
	}
	
	
}