@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

#wrap h2{
	font-size:24px;
	color:#F46591;
	margin-bottom:40px;
}
#wrap h3{
	padding:4px 0;
	font-size:20px;
	margin-bottom:32px;
color:#F46591;
}

#wrap h4{
font-size:16px;
margin-bottom:16px;
color:#00B4C3;
}

#wrap h5{
font-size:15px;
margin-bottom:10px;
font-weight:bold;
}
#wrap h6{
font-size:16px;
margin-bottom:10px;
}
#wrap p{
line-height:2.0em;
}
#wrap .fontL{
font-size:20px;
}
#wrap .fontS{
font-size:12px;
}
.copy{
color:#F46591;
}
.note{
font-size:12px;
color:#333;
}
strong{
font-weight:bold;
}
.left{
text-align:left;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.red{
color:#CC0000;
}
.pink{
color:#F46591;
}
.blue{
color:#00B4C3;
}
#wrap ul{
margin:0 0 16px 20px;
}
#wrap ul li{
	line-height:1.6em;
	margin-bottom:16px;
	list-style-type: disc;
}
#wrap ol{
margin:0 0 16px 40px;
}
#wrap ol li{
list-style-type: decimal;
line-height:2.0em;
margin-bottom:16px;
}
#wrap dt{
margin-bottom:8px;
}
#wrap dd{
margin-bottom:20px;
padding-left:8px;
}
#wrap  dl.dl01 dt {
	font-size:15px;
	color:#00B4C3;
	position: relative;
	border-bottom:2px solid #707070;
	padding:8px 0;
}
#wrap  dl.dl01 dd {
	padding-left:0;
	margin-bottom:0px;
}
#wrap  dl.dl01 dt:after{
content: '';
    display: block;
    width: 14%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #00B4C3;
}

#wrap table{
width:100%;
}
#wrap table th{
vertical-align:top;
border: 1px solid #707070;
background-color:#FCEAF5;
color:#F46591;
padding: 12px;
text-align:center;
}
#wrap table td{
vertical-align:top;
border: 1px solid #707070;
padding: 12px;
}

#wrap iframe{
	max-width:100%;
}

@media only screen and (min-width: 768px) {
#wrap h2{
}
#wrap h3{
	margin-bottom:60px;
}
#wrap h3:before {
  bottom: -20px;
}
#wrap h4 {
margin-bottom:20px;
}

#wrap dd{
margin-bottom:30px;
padding-left:14px;
}
#wrap table th{
	font-size: 16px;
padding: 12px;
}
#wrap table td{
	font-size: 16px;
padding: 12px;
}
}
tbody {
    -webkit-text-size-adjust: 100%;
  } 
@media only screen and (max-width: 767px) {
.scroll table{
	display: block;
    overflow-x: scroll;
	white-space: nowrap;
}
}
@media only screen and (max-width: 767px) {
#wrap table.tbl01 tr{
display: block;
margin-bottom: 10px;}
#wrap table.tbl01 th{
	display:flex;
  justify-content: space-between;
  align-items: center;
width: 100%;
padding: 6px 4%;
border-bottom:none;}
#wrap table.tbl01  td{
display: block;
width: 100%;
padding: 2px 4% 16px;
	border-top: none;
}
}

.block{
clear:both;
padding-bottom:20px;
}
.main-inner{
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
}

.hidden{
display:none;
}


.Lbox{
float:left;
width:50%;
padding:0 1%;
margin-bottom:20px;
}
.Rbox{
float:right;
width:50%;
padding:0 1%;
margin-bottom:20px;
}
@media only screen and (min-width: 768px) {
.block{
padding-bottom:80px;
}
.main-inner{
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.Lbox{
float:none;
width:100%;
padding:0 1%;
margin-bottom:20px;
}
.Rbox{
float:none;
width:100%;
padding:0 1%;
margin-bottom:20px;
}

}


.floatL,.alignleft,img.alignleft{
	margin:0 auto 30px;
	display: block;
	text-align:center;
}
.floatR,.alignright,img.alignright{
	margin:0 auto 30px;
	display: block;
	text-align:center;
}
.aligncenter{clear: both;display: block;margin:auto;}

.center{
	text-align:center;
}

@media only screen and (min-width: 768px) {
.floatL,.alignleft,img.alignleft{
	float:left;
	margin:0 30px 30px 0;
}
.floatR,.alignright,img.alignright{
	float:right;
	margin:0 30px 0 30px;
}
}

body{
	background-color:#FCEAF5;
}

#visual { width:100%;text-align:center; margin:0;padding:0px 0 0;
	min-height:460px;
	background-size:cover;
	line-height:0;
}
#visual .bga {
	background-color:#F46591;
	height:250px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content: center;
	border-radius: 0px 0px 200px 200px;
}
#visual .bga h1 {
	font-size:24px;
	color:#FFF;
	line-height: 1.4;
 }
#visual .bga h1 .subtitle {
	font-size:16px;
 }
@media only screen and (min-width: 768px) {
#wrap {
  margin: 0 auto;
    padding: 0;
}
#visual {  margin:0 auto;padding:0;
	min-height:390px;
}
#visual .bga {
	width:45%;
	height:390px;
	display:flex;
	align-items:center;
	justify-content: center;
	border-radius: 0px 200px 200px 0px;
}
#visual .bga h1 {
	font-size:32px;
	text-align:left;
 }
#visual .bga h1 .subtitle {
	font-size:20px;
 }
}
p.bt{
	margin-bottom:0;
}
p.bt a{
	display:block;
	position: relative;
	color:#FFF;
	text-align:center;
	padding:12px 0;
	background-color:#F46591;
	background-image: url(../images/common/arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:25px auto;
	border-radius:9999px;
	text-decoration:none;
}
.btArea{
	padding:40px 0;
}
@media only screen and (min-width: 768px) {
p.bt a{
	max-width:290px;
	margin:0 auto;
}
.btArea{
	padding:60px 0;
}
}
.yt {
  width: 100%;
  max-width:640px;
  margin:0 auto;
  aspect-ratio: 16 / 9;
}
.yt iframe {
  width: 100%;
  height: 100%;
}
.under{
	border-bottom:1px solid #707070;
	margin-bottom:20px;
}
p.title{
	margin-bottom:0;
	font-size:36px;
	font-weight:200;
}
p.title::first-letter{
	color:#F46591;
}
.knowBlock{
	padding:40px 0;
	background-color:#C9547C;
	color:#FFF;
}
.knowBlock p.title{
	text-align:center;
}
#wrap .knowBlock h2{
	text-align:center;
	color:#FFF;
}
.knowBlock p.title::first-letter{
	color:#FFF;
}
.knowBlock p.bt a{
	display:block;
	position: relative;
	color:#FFF;
	text-align:center;
	padding:12px 0;
	background-color: transparent;
	background-image: url(../images/common/arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:25px auto;
	border:1px solid #FFF;
	border-radius:9999px;
	text-decoration:none;
}
.knowBlock .btBlock{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
}
.knowBlock .btBlock .btBox{
	width:96%;
	padding:8px;
	margin:0 1% 32px;
	overflow: hidden;
}

@media only screen and (min-width: 768px) {
.knowBlock{
	padding:60px 0;
}
.knowBlock .btBlock .btBox{
	width:48%;
	margin:0 1% 10px;
	padding:8px;
}
.knowBlock p.bt a{
	max-width:380px;
	margin:0 auto;
}

}
p.btPdf{
	margin-bottom:0;
}
p.btPdf a{
	display:block;
	position: relative;
	color:#FFF;
	text-align:center;
	padding:12px 0;
	background-color:#F46591;
	background-image: url(../images/common/ic_pdf.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:25px auto;
	border-radius:9999px;
	text-decoration:none;
}
@media only screen and (min-width: 768px) {
p.btPdf a{
	max-width:290px;
	margin:0 auto;
}
}

p.bt2 a{
	display:block;
	position: relative;
	color:#FFF;
    background: #00B4C3;
	text-align:center;
	padding:12px 0;
}
p.bt2 a::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 13px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
}

p.bt3 a{
	display:block;
	position: relative;
	color:#FFF;
	text-align:center;
	padding:12px 0;
	background-color:#F46591;
	background-image: url(../images/common/arrow2.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:25px auto;
}
p.btLink a{
	display:block;
	position: relative;
	border:1px solid #00B4C3;
	color:#00B4C3;
	text-align:center;
	padding:12px 0;
	background-color:#FFF;
	background-image: url(../images/common/ic_link.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:15px auto;
}

#wrap span.catch {
  background: linear-gradient(
    transparent 40%,
    #FFFF00 40%
  );
}
@media only screen and (min-width: 768px) {
p.bt3 a{
	max-width:290px;
	margin:0 auto;
}
p.btLink a{
	max-width:290px;
	margin:0 auto;
}
}

.boxLeft{
	padding:0;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0));
}
.boxRight{
	padding:0;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1));
}
@media only screen and (min-width: 768px) {
}
.photoBlock{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
    /*justify-content: center;*/
	padding:20px 0;
}
.photoBlock .photoBox{
	width:96%;
	padding:0px;
	margin:0 1% 10px;
	overflow: hidden;
	text-align:center;
}
@media only screen and (min-width: 768px) {
.photoBlock{
	padding:0px 0 60px;
}
.photoBlock .photoBox{
	width:48%;
	margin:0 1% 20px;
	padding:8px;
}

}

.bubbleBlockRight,
.bubbleBlockLeft{
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
    align-items: center;
}
,bubbleImg{
	text-align:center;
}
.bubbleBlockRight div.bubbleTxt {
	background-color:#FFF;
	padding:20px;
	border-radius:20px;
	position: relative;
	margin-bottom:20px;
}
.bubbleBlockRight div.bubbleTxt:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0;
  border: 15px solid transparent;
  border-top: 15px solid #FFF;
}
.bubbleBlockLeft div.bubbleTxt {
	background-color:#FFF;
	padding:20px;
	border-radius:20px;
	position: relative;
	margin-bottom:20px;
}
.bubbleBlockLeft div.bubbleTxt:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0;
  border: 15px solid transparent;
  border-top: 15px solid #FFF;
}
#wrap div.bubbleTxt dl{
	color:#00B4C3;
	margin-bottom:20px;
}
#wrap div.bubbleTxt dl dt{
	font-size:26px;
}
#wrap div.bubbleTxt dl dd{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.bubbleBlockRight,
.bubbleBlockLeft{
	padding:45px 0;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.bubbleBlockRight div.bubbleImg {
	flex: 0 0 250px;
	order: 1;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
	text-align:center;
}
.bubbleBlockRight div.bubbleTxt {
	flex: 1 1 auto;
	order: 2;/* 回り込みを右へ */
	padding:40px;
}
.bubbleBlockRight div.bubbleTxt:before {
  top: 50%;
  left: -30px;
  border-right: 15px solid #FFF;
  border-top: 15px solid transparent;
}
.bubbleBlockLeft div.bubbleImg {
	flex: 0 0 250px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
	text-align:center;
}
.bubbleBlockLeft div.bubbleTxt {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:40px;
}
.bubbleBlockLeft div.bubbleTxt:before {
  top: 50%;
  left: 100%;
  border-left: 15px solid #FFF;
  border-top: 15px solid transparent;
}
#wrap div.bubbleTxt dl{
	display:flex;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
    align-items: center;
}
#wrap div.bubbleTxt dl dt{
	font-size:26px;
	margin-right:20px;
}

}
.imgC{
	margin-bottom:20px;
	text-align:center;
}
@media only screen and (min-width: 768px) {
.imgC{
	margin-bottom:40px;
}
}

#detail{
	padding-top:80px;
}
#detail .Numtitle{
	padding: 20px 40px;
	position: relative;
	margin-bottom:20px;
	text-align:center;
}
#detail p.title{
	font-size:16px;
	border-top:1px solid #707070;
}
#detail p.title::first-letter{
	color:#2F2F2F;
}
#detail .knowBlock p.title{
	border-top:none;
	font-size:36px;
}
#detail .knowBlock p.title::first-letter{
	color:#FFF;
}

#wrap #detail .Numtitle h2{
	margin-bottom:0;
}
.detailBox{
	background-color:#FFF;
	max-width:800px;
	padding:20px;
	margin:0 auto 20px;
}
@media only screen and (min-width: 768px) {
#detail{
	padding-top:120px;
}
#detail p.title{
	font-size:20px;
}
#detail .knowBlock p.title{
	font-size:36px;
}

#detail .Numtitle{
	padding: 40px 300px;
	margin-bottom:20px;
}
#detail .Numtitle::before {
	font-size: 60px;
	top:0em;
}
#wrap #detail .Numtitle h2{
	font-size:28px;
}
.detailBox{
	padding:40px;
	margin-bottom:60px;
}

}

.Numtitle2{
	padding: 20px 40px;
	position: relative;
	margin:0 auto 20px;
	text-align:center;
	max-width:400px;
}
.Numtitle2 p.title{
	font-size:16px;
	border-top:1px solid #707070;
}
.Numtitle2 p.title::first-letter{
	color:#2F2F2F;
}
#wrap .Numtitle2 h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.Numtitle2 p.title{
	font-size:20px;
}
.Numtitle2{
	padding: 40px 30px;
	margin-bottom:20px;
}
.Numtitle2::before {
	font-size: 60px;
	top:0em;
}
#wrap .Numtitle2 h2{
	font-size:28px;
}
}

.eduBox,
.eduBox2{
	padding:0px 10px;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
	margin-bottom:20px;
}
.eduBox div.imgBox,
.eduBox2 div.imgBox {
	text-align:center;
	margin-bottom:20px;
}
.eduBox div.txtBox,
.eduBox2 div.txtBox {
	padding:0;
	/*margin-bottom:20px;*/
}
@media only screen and (min-width: 768px) {
.eduBox,
.eduBox2{
	padding:0px 10px;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
	margin-top:20px;
	margin-bottom:20px;
}
.eduBox div.imgBox {
	flex: 0 0 300px;
	order: 1;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.eduBox div.txtBox {
	flex: 1 1 auto;
	order: 2;/* 回り込みを右へ */
	padding:0 0px 0 30px;
}
.eduBox2 div.imgBox {
	flex: 0 0 300px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.eduBox2 div.txtBox {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 30px 0 0px;
}

}

/* about */
.about #visual{
	background: url(../images/about/visual_about_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
@media only screen and (min-width: 768px) {
.about #visual{
	background: url(../images/about/visual_about.png) no-repeat center right;
	background-size:auto 100%;
}
}


.about01{
	padding:20px 0;
	background-color:#FFF;
}
.about01 .container{
	max-width: 678px;
}
.aboutCopy{
	background-color:#FFF;
	padding:30px 0;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
    align-items: center;
}
.aboutCopy div.acBox {
	text-align:center;
	margin-bottom:20px;
}
.aboutCopy div.acopy {
	padding:0;
	font-size:20px;
	color:#F46591;
}
@media only screen and (min-width: 768px) {
.about01{
	padding:40px 0;
}
.aboutCopy{
	padding:45px 0;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.aboutCopy div.acBox {
	flex: 0 0 320px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.aboutCopy div.acopy {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 60px 0 0px;
}
}
.about02{
	padding:30px 0;
}
.about02 .container{
	max-width: 800px;
}
.about02 p.title{
	text-align:center;
}
.about02 h2{
	text-align:center;
}
#wrap .about02 p.copy{
	font-size:22px;
	line-height:1.5em;
}
.aboutBlock{
	padding:30px 0;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
    align-items: center;
}
.aboutBlock div.acBox {
	text-align:center;
	margin-bottom:20px;
}
.aboutBlock div.acopy {
	padding:0;
	margin-bottom:20px;
}
.about02 .messagePoint{
	padding:20px 0;
}
.messagePoint p {
	padding: 20px 60px 10px 60px;
	position: relative;
	color:#FFF;
}
.messagePoint p::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 34px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0.5em;
	color: #F46591;
}
.messagePoint p:nth-of-type(2)::before {
	font-size: 34px;
	content: '02';
}
.messagePoint p:nth-of-type(3)::before {
	font-size: 34px;
	content: '03';
}
.messagePoint p span {
background: linear-gradient(transparent 0%, #F46591 0%);
padding:4px 6px;
}
@media only screen and (min-width: 768px) {
.about02{
	padding:80px 0;
}
#wrap .about02 p.copy{
	font-size:28px;
}
.aboutBlock{
	padding:45px 0;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.aboutBlock div.acBox {
	flex: 0 0 220px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.aboutBlock div.acopy {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 60px 0 0px;
}
.about02 .messagePoint{
	padding:40px 0;
}
.messagePoint p::before {
	font-size: 50px;
	top:0.3em;
	left:0;
}
.messagePoint p:nth-of-type(2)::before {
	font-size: 50px;
}
.messagePoint p:nth-of-type(3)::before {
	font-size: 50px;
}

}

.about03{
	padding:30px 0;
	background-color:#FFD3ED;
}
.about03 .container{
	max-width: 800px;
}

.about03 p.title{
	text-align:center;
}
.about03 h2{
	text-align:center;
}
.promiseBox .accordion_one {
	max-width: 1024px;
	margin: 0 auto;
}
.promiseBox .accordion_one .accordion_header {
	background-color: #F46591;
	color: #fff;
	font-size: 20px;
	padding: 30px 60px 30px 80px;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
.promiseBox .accordion_one .accordion_header p {
	margin-bottom:0;
}
.promiseBox .accordion_one .accordion_header::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 34px;
	content: '01';
	position:absolute;
	top:0.1em;
	left:0.4em;
}
.promiseBox .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #E34374;
}
.promiseBox .accordion_one:nth-of-type(2) .accordion_header::before {
	font-size: 34px;
	content: '02';
}
.promiseBox .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #C53D67;
}
.promiseBox .accordion_one:nth-of-type(3) .accordion_header::before {
	font-size: 34px;
	content: '03';
}
.promiseBox .accordion_one .accordion_header:hover {
	opacity: .8;
}
.promiseBox .accordion_one .accordion_header .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 5%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}
.promiseBox .accordion_one .accordion_header .i_box .one_i {
	display: block;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
}
.promiseBox .accordion_one .accordion_header.open .i_box {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.promiseBox .accordion_one .accordion_header .i_box .one_i:before, .promiseBox .accordion_one .accordion_header .i_box .one_i:after {
	display: flex;
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: center center;
}
.promiseBox .accordion_one .accordion_header .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
}
.promiseBox .accordion_one .accordion_header.open .i_box .one_i:before {
	content: none;
}
.promiseBox .accordion_one .accordion_header.open .i_box .one_i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.promiseBox .accordion_one .accordion_inner {
	display: none;
	padding: 30px 30px;
	background-color:#FFF;
	box-sizing: border-box;
}
.promiseBox .accordion_one .accordion_inner p.txt_a_ac {
	margin: 0;
}
.promiseBox .accordion_one .accordion_inner .closeArea {
	width: 180px;
	margin: 0 auto;
}
.promiseBox .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	line-height: 1.3;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
.promiseBox .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
	opacity: .8;
}

.promise02Box{
	padding:30px 0;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
}
.promise02Box div.imgBox {
	text-align:center;
	margin-bottom:20px;
}
.promise02Box div.txtBox {
	padding:0;
	margin-bottom:20px;
}

@media screen and (max-width: 1024px) {
	.promiseBox .accordion_one .accordion_header {
		font-size: 18px;
	}
	.promiseBox .accordion_one .accordion_header .i_box {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.promiseBox .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	.promiseBox .accordion_one .accordion_header {
		font-size: 16px;
		text-align: left;
	padding: 20px 60px 20px 60px;
	}
}
@media only screen and (min-width: 768px) {
.about03{
	padding:80px 0;
}
.promise02Box{
	padding:45px 0;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.promise02Box div.imgBox {
	flex: 0 0 300px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.promise02Box div.txtBox {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 60px 0 0px;
}
.promiseBox .accordion_one .accordion_header::before {
	font-size: 50px;
	top:0;
	left:0.2em;
}
.promiseBox .accordion_one:nth-of-type(2) .accordion_header::before {
	font-size: 50px;
}
.promiseBox .accordion_one:nth-of-type(3) .accordion_header::before {
	font-size: 50px;
}

}

.about04{
	padding:20px 0;
}
.about04 p.title{
	text-align:center;
}
.about04 h2{
	text-align:center;
}
.about04 .container{
	max-width: 800px;
}
.about04 .txtBlock{
	background-color:#FFF;
	padding:20px;
}
@media only screen and (min-width: 768px) {
.about04{
	padding:40px 0;
}
.about04 .txtBlock{
	padding:40px 58px;
}
}
.about05{
	padding:30px 0;
	background-color:#FFD3ED;
}
.about05 p.title{
	text-align:center;
}
.about05 h2{
	text-align:center;
}
.about05 .txtBlock{
	background-color:#FFF;
	padding:20px;
}
.about05 .jItems{
	padding:20px 0;
}
.about05 .jItems table td{
	text-align:center;
}
@media only screen and (min-width: 768px) {
.about05{
	padding:80px 0;
}
.about05 .txtBlock{
	padding:40px 58px;
}
.about05 .jItems{
	padding:40px 0;
}
}

/* message */

.message01{
	padding:30px 20px;
	max-width: 800px;
	background-color:#FFF;
	border-radius:10px;
	margin:0 auto 20px;
}
#wrap .message01 h3{
	text-align:center;
	margin-bottom:0;
}

.messageBox{
	padding:30px 0;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
}
.messageBox div.imgBox {
	text-align:center;
	margin-bottom:20px;
}
.messageBox div.txtBox {
	padding:0;
	margin-bottom:20px;
}
#wrap .messageBox dl dt{
	color:#F46591;
	font-size:14px;
	margin-bottom:0;
}
#wrap .messageBox dl dd{
	font-size:20px;
	padding:0;
}
.profile{
	padding:30px 0;
	background-color:#FFF;
}
.profile .container{
	max-width: 800px;
	padding:20px;
}
#wrap p.profile_title{
	background-color:#F46591;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	padding:10px;
}
.profile .name{
	font-size:20px;
}

.profileBox{
	padding:30px 0;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
}
.profileBox div.imgBox {
	text-align:center;
	margin-bottom:20px;
}
.profileBox div.txtBox {
	padding:0;
	margin-bottom:20px;
}

@media only screen and (min-width: 768px) {
.message01{
	padding:40px;
	margin:0 auto 60px;
}
.messageBox{
	padding:45px 0 0;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.messageBox div.imgBox {
	flex: 0 0 300px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.messageBox div.txtBox {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 60px 0 0px;
}
.profile{
	padding:80px 0;
}
.profile .container{
	padding:40px;
}
.profileBox{
	padding:45px 0;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.profileBox div.imgBox {
	flex: 0 0 100px;
	order: 1;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.profileBox div.txtBox {
	flex: 1 1 auto;
	order: 2;/* 回り込みを右へ */
	padding:0 0 0 60px;
}

}

/* field */
.field #visual{
	background: url(../images/field/visual_field_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}

@media only screen and (min-width: 768px) {
.field #visual{
	background: url(../images/field/visual_field.png) no-repeat center right;
	background-size:auto 100%;
}
}

.field01{
	padding:30px 0;
}
.field01 .container{
	max-width: 920px;
}
.fieldBlock{
	padding:50px 10px;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
	margin-bottom:20px;
}
.fieldBlock div.fieldTit {
	text-align:center;
	border-radius:10px 10px 0 0;
}
.fieldBlock div.fieldList {
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:20px;
}
.field_medical div.fieldTit{
	background-image: url(../images/top/img_field_medical.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
}
.field_care div.fieldTit{
	background-image: url(../images/top/img_field_care.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
}
.field_welfare div.fieldTit{
	background-image: url(../images/top/img_field_welfare.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
}
.fieldBlock .fieldList{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
}
.fieldBlock .fieldList .fieldLink{
	width:50%;
	padding:8px;
	margin:0 0 12px;
	overflow: hidden;
}
.fieldBlock .fieldList .fieldLink2{
	width:98%;
	padding:8px;
	margin:0 auto 12px;
	overflow: hidden;
}

#wrap .fieldBlock .fieldList .fieldLink p a,
#wrap .fieldBlock .fieldList .fieldLink2 p a{
	margin-bottom:0;
	text-align:center;
	color:#FFF;
	background-color:#F46591;
	display:block;
	padding:8px;
	text-decoration:none;
	border-radius:50px;
}
#wrap .fieldBlock .fieldList .fieldLink p.noLink,
#wrap .fieldBlock .fieldList .fieldLink2 p.noLink{
	margin-bottom:0;
	text-align:center;
	color:#FFF;
	background-color:#F46591;
	display:block;
	padding:8px;
	text-decoration:none;
	border-radius:50px;
}
.fieldTit .fieldIC{
	text-align:center;
	margin-top:-50px;
}
@media only screen and (min-width: 768px) {
.fieldBlock{
	padding:0px 10px;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
	margin-bottom:40px;
}
.fieldBlock div.fieldTit {
	flex: 0 0 200px;
	order: 1;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
	border-radius:10px 0 0 10px;
	display:flex;
	align-items:center;
}
.fieldBlock div.fieldList {
	flex: 1 1 auto;
	order: 2;/* 回り込みを右へ */
	padding:40px;
	border-radius:0 10px 10px 0;
}
.fieldBlock .fieldList .fieldLink,
.fieldBlock .fieldList .fieldLink2{
	width:31.3333%;
	margin:0 1% 10px;
	padding:8px;
}
.fieldTit .fieldIC{
	text-align:left;
	margin-top:0;
	margin-left:-70px;
}

}

@media only screen and (min-width: 768px) {
.field01{
	padding:80px 0;
}
}

/* doctor */
body.doctor{
	background-color:#E7F6F7;
}

.doctor #visual .bga {
	background-color:#00B4C3;
}
.doctor #visual{
	background: url(../images/doctor/visual_doctor_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
.doctor .knowBlock{
	background-color:#00B4C3;
}

@media only screen and (min-width: 768px) {
.doctor #visual{
	background: url(../images/doctor/visual_doctor.png) no-repeat center right;
	background-size:auto 100%;
}
}

.doctor01{
	padding:30px 0;
}
.doctor01 .container{
	max-width: 680px;
}
.doctor01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.doctor01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.5em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .doctor01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.doctor01{
	padding:80px 0;
}
.doctor01 p.copy{
	font-size:28px;
}
.doctor01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.doctor01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}

.doctor02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.doctor02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.doctor02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.5em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .doctor02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.doctor02 .container{
	padding:40px;
}
.doctor02 p.copy{
	font-size:28px;
}
.doctor02 .Numtitle{
	padding: 0px 120px 0px 0px;
	margin-bottom:60px;
}
.doctor02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}

.doctor03{
	padding:30px 0;
}
.doctor03 .container{
	max-width: 800px;
}
.doctor03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.doctor03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.5em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .doctor03 .Numtitle h2{
	margin-bottom:0;
}
.doctor03 .messageBlock{
	background-color:#FFF;
	border-radius:20px;
	padding:20px;
	margin-bottom:20px;
}
.doctor03 .messageBlock .block{
	border-bottom:1px solid #707070;
}
.doctor03 .messageBlock .block{
	border-bottom:1px solid #707070;
	margin-bottom:20px;
	padding-bottom:20px;
}
.doctor03 .messageBlock .block:nth-of-type(2) {
	margin-bottom:0px;
}
.doctor03 .doctor3Block{
	padding:0px 10px;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
}
.doctor3Block div.imgBox {
	text-align:center;
	margin-bottom:0px;
	line-height:0;
}
.doctor3Block div.txtBox {
	padding:0;
	margin-bottom:0px;
}
.nameBox{
	background-color:#FFF;
	padding:10px;
	text-align:center;
	width:50%;
	margin:0 auto;
	border-radius:10px 10px 0 0;
}
#wrap .nameBox dl dt{
	color:#F46591;
	font-size:14px;
	margin-bottom:0;
}
#wrap .nameBox dl dd{
	font-size:20px;
	padding:0;
	margin-bottom:0;
}

.doctor03 .voiceBlock{
	background-color:#FFF;
	border-radius:20px;
	max-width: 750px;
	padding:20px;
	margin-bottom:20px;
}
.doctor03 .voiceBox{
	padding:0px 10px;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
}
.voiceBox div.imgBox {
	text-align:center;
	margin-bottom:20px;
}
.voiceBox div.txtBox {
	padding:0;
	margin-bottom:20px;
}
#wrap .voiceBox dl dt{
	color:#00B4C3;
	margin-bottom:0;
	border-bottom:1px solid #F46591;
}
#wrap .voiceBox dl dt span{
	font-size:20px;
}
#wrap .voiceBox dl dd{
	color:#7C7C7C;
	font-size:16px;
	padding:0;
}
#wrap .voiceBox .txtBox p{
	color:#00B4C3;
}
.Dpolicy{
	max-width: 750px;
	padding:20px;
	margin-bottom:20px;
}
.Dpolicy .dpBox{
	padding:10px;
	border:1px solid #F46591;
	margin-bottom:20px;
}
#wrap .Dpolicy .dpBox p{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.doctor03{
	padding:80px 0;
}
.doctor03 p.copy{
	font-size:28px;
}
.doctor03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.doctor03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
.doctor03 .messageBlock{
	padding:40px;
	margin-bottom:40px;
}
.doctor03 .messageBlock .block{
	margin-bottom:40px;
	padding-bottom:40px;
}
.doctor03 .doctor3Block{
	padding:0px 10px;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.doctor3Block div.imgBox {
	flex: 0 0 275px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.doctor3Block div.txtBox {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 60px 0 0px;
}
.nameBox{
	padding:10px;
	width:30%;
	margin:-80px 10px 0px 30px;
}

.doctor03 .voiceBlock{
	max-width: 750px;
	padding:40px;
	margin-left:auto;
	margin-bottom:40px;
}
.doctor03 .voiceBox{
	padding:0px 10px;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
}
.voiceBox div.imgBox {
	flex: 0 0 130px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.voiceBox div.txtBox {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 60px 0 0px;
}
.Dpolicy{
	max-width: 750px;
	padding:40px;
	margin-left:auto;
	margin-bottom:40px;
}
.Dpolicy .dpBox{
	margin-bottom:40px;
}
}

.doctor04{
	margin-bottom:60px;
}
.doctor04 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.doctor04 .Numtitle{
	padding: 20px 65px 20px 20px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.doctor04 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '04';
	position:absolute;
	top:0.5em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .doctor04 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.doctor04{
	margin-bottom:100px;
}
.doctor04 .container{
	padding:40px;
}
.doctor04 p.copy{
	font-size:28px;
}
.doctor04 .Numtitle{
	padding: 0px 120px 0px 0px;
	margin-bottom:60px;
}
.doctor04 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
#wrap .doctor04 table th{
	width:25%;
}
}

/* nurse */
.nurse #visual{
	background: url(../images/nurse/visual_nurse_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}

@media only screen and (min-width: 768px) {
.nurse #visual{
	background: url(../images/nurse/visual_nurse.png) no-repeat center right;
	background-size:auto 100%;
}
}
.programBlock{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
	padding:20px 0;
}
.programBlock .programBox{
	width:96%;
	padding:0px;
	margin:0 1% 0;
	overflow: hidden;
	text-align:center;
}
.programBlock .programBox img{
	margin-bottom:8px;
}
@media only screen and (min-width: 768px) {
.programBlock{
	padding:0px 0 60px;
}
.programBlock .programBox{
	width:48%;
	margin:0 1% 10px;
	padding:8px;
}

}

.nurse01{
	padding:30px 0;
}
.nurse01 .container{
	max-width: 680px;
}
.nurse01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.nurse01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .nurse01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.nurse01{
	padding:80px 0;
}
.nurse01 p.copy{
	font-size:28px;
}
.nurse01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.nurse01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}

.nurse02{
	padding:0;
}
.nurse02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.nurse02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.nurse02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .nurse02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.nurse02{
	padding:0;
}
.nurse02 .container{
	padding:40px;
}
.nurse02 p.copy{
	font-size:28px;
}
.nurse02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.nurse02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.nurse03{
	padding:30px 0;
}
.nurse03 .container{
	max-width: 800px;
}
.nurse03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.nurse03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .nurse03 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.nurse03{
	padding:80px 0;
}
.nurse03 p.copy{
	font-size:28px;
}
.nurse03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.nurse03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.nurse04{
	margin-bottom:60px;
}
.nurse04 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.nurse04 .Numtitle{
	padding: 20px 65px 20px 60px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.nurse04 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '04';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .nurse04 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.nurse04{
	margin-bottom:100px;
}
.nurse04 .container{
	padding:40px;
}
.nurse04 p.copy{
	font-size:28px;
}
.nurse04 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.nurse04 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
#wrap .nurse04 table th{
	width:25%;
}
}
.nurse05{
	padding:0;
}
.nurse05 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.nurse05 .Numtitle{
	padding: 20px 60px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.nurse05 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '05';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .nurse05 .Numtitle h2{
	margin-bottom:0;
}
#wrap table.tbl01 td table tr{
	margin:0;
display: flex;
}
#wrap .nurse05 table.tbl01 td table{
	margin:0;
}
#wrap .nurse05 table.tbl01 td table th{
	padding:4px;
	background-color:#FFFCDB;
	margin:0;
	border-bottom:1px solid #707070;
	border-top:none;
	border-left:none;
	border-right:none;
	color:#707070;
	width:25%;
}
#wrap .nurse05 table.tbl01 td table td{
	padding:4px;
	margin:0;
	border-bottom:1px solid #707070;
	border-top:none;
	border-left:none;
	border-right:none;
	text-align:center;
	width:25%;
}
#wrap .nurse05 table.tbl01 td table td.td3{
	width:75%;
}
#wrap .nurse05 table.tbl01 td.td0{
	padding:0;
}
@media only screen and (min-width: 768px) {
.nurse05{
	padding:0;
}
.nurse05 .container{
	padding:40px;
}
.nurse05 p.copy{
	font-size:28px;
}
.nurse05 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.nurse05 .Numtitle::before {
	font-size: 70px;
	top:0em;
}

}

#nurse2{
	border-top:15px solid #F46591;
}
#wrap #nurse2 .Numtitle2 h2{
	color:#F46591;
}
@media only screen and (min-width: 768px) {
}
.nurse2_01{
	padding:30px 0;
}
.nurse2_01 .container{
	max-width: 680px;
}
.nurse2_01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.nurse2_01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .nurse2_01 .Numtitle h2{
	margin-bottom:0;
}
.nurse2_01 p.bt a{
	background-color:#FFDD4D;
	color:#2F2F2F;
	background-image: url(../images/common/arrow_b.png);
}

@media only screen and (min-width: 768px) {
.nurse2_01{
	padding:30px 0 60px;
}
.nurse2_01 p.copy{
	font-size:28px;
}
.nurse2_01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.nurse2_01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}


/* ot */
body.ot{
	background-color:#FCF5EA;
}

.ot #visual .bga {
	background-color:#FFA72F;
}
.ot #visual{
	background: url(../images/ot/visual_ot_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
.ot .knowBlock{
	background-color:#FFA72F;
}

@media only screen and (min-width: 768px) {
.ot #visual{
	background: url(../images/ot/visual_ot.png) no-repeat center right;
	background-size:auto 100%;
}
}
.ot01{
	padding:30px 0;
}
.ot01 .container{
	max-width: 680px;
}
.ot01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.ot01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .ot01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.ot01{
	padding:80px 0;
}
.ot01 p.copy{
	font-size:28px;
}
.ot01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.ot01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}

.ot02{
	padding:0;
}
.ot02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.ot02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.ot02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .ot02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.ot02{
	padding:0;
}
.ot02 .container{
	padding:40px;
}
.ot02 p.copy{
	font-size:28px;
}
.ot02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.ot02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.ot03{
	padding:30px 0;
}
.ot03 .container{
	max-width: 800px;
}
.ot03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.ot03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .ot03 .Numtitle h2{
	margin-bottom:0;
}
.ot03 p.bt a{
	background-color:#FFA72F;
}
@media only screen and (min-width: 768px) {
.ot03{
	padding:80px 0;
}
.ot03 p.copy{
	font-size:28px;
}
.ot03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.ot03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.ot_details{
	background-color:#FCF5EA;
}
#wrap #detail .ot_d .Numtitle h2{
	color:#FFA72F;
}
@media only screen and (min-width: 768px) {
#wrap #detail .ot_d table th{
	width:20%;
}
}

.btjob{
	background-color:#FFF;
	padding:20px 0;
}
.btjob .container{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
    /*justify-content: center;*/
}
.btjob.btjob_c .container{
    justify-content: center;
}
.btjob .container .jobB{
	width:96%;
	padding:0px;
	margin:0 1% 10px;
	overflow: hidden;
	text-align:center;
}
.btjob p.bt_msw a{
	background-color:#D093FF;
	background-image: url(../images/common/ic_msw.png);
}
.btjob p.bt_csw a{
	background-color:#3E79FF;
	background-image: url(../images/common/ic_csw.png);
}
.btjob p.bt_caremanager a{
	background-color:#C68383;
	background-image: url(../images/common/ic_caremanager.png);
}
.btjob p.bt_careworker a{
	background-color:#74B2B7;
	background-image: url(../images/common/ic_careworker.png);
}
.btjob p.bt_assworker a{
	background-color:#788AD5;
	background-image: url(../images/common/ic_assworker.png);
}
.btjob p.bt_phar a{
	background-color:#84D08F;
	background-image: url(../images/common/ic_phar.png);
}
.btjob p.bt_psy a{
	background-color:#9982BE;
	background-image: url(../images/common/ic_psy.png);
}
.btjob p.bt_diet a{
	background-color:#FFDD4D;
	background-image: url(../images/common/ic_diet.png);
	color:#2F2F2F
}
.btjob p.bt_cook a{
	background-color:#EB7551;
	background-image: url(../images/common/ic_cook.png);
}
.btjob p.bt_music a{
	background-color:#5461A7;
	background-image: url(../images/common/ic_music.png);
}
.btjob p.bt_life a{
	background-color:#96E2EA;
	background-image: url(../images/common/ic_life.png);
	color:#2F2F2F
}
.btjob p.bt_office a{
	background-color:#FDA4DB;
	background-image: url(../images/common/ic_office.png);
	color:#2F2F2F
}
@media only screen and (min-width: 768px) {
.btjob{
	padding:40px 0;
}
.btjob .container .jobB{
	width:31.333%;
	margin:0 1% 10px;
	padding:8px;
}
}


/* psw_sw */
body.psw_sw{
	background-color:#E6F4FF;
}

.psw_sw #visual .bga {
	background-color:#D193FF;
}
.psw_sw #visual{
	background: url(../images/psw/visual_psw_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
.psw_sw .knowBlock{
	background-color:#3D79FF;
}

@media only screen and (min-width: 768px) {
.psw_sw #visual{
	background: url(../images/psw/visual_psw.png) no-repeat center right;
	background-size:auto 100%;
}
}
#msw{
	background-color:#F7EDFF;
	border-top:15px solid #D093FF;
}
#wrap #msw .Numtitle2 h2{
	color:#D093FF;
}
@media only screen and (min-width: 768px) {
}
.msw01{
	padding:30px 0;
}
.msw01 .container{
	max-width: 680px;
}
.msw01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.msw01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .msw01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.msw01 p.copy{
	font-size:28px;
}
.msw01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.msw01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.msw02{
	padding:0;
}
.msw02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.msw02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.msw02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .msw02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.msw02 .container{
	padding:40px;
}
.msw02 p.copy{
	font-size:28px;
}
.msw02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.msw02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.msw03{
	padding:30px 0;
}
.msw03 .container{
	max-width: 800px;
}
.msw03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.msw03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .msw03 .Numtitle h2{
	margin-bottom:0;
}
.msw03 p.bt a{
	background-color:#D093FF;
}
@media only screen and (min-width: 768px) {
.msw03{
	padding:80px 0;
}
.msw03 p.copy{
	font-size:28px;
}
.msw03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.msw03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.psw_details{
	background-color:#F7EDFF;
}
#wrap #detail .psw_d .Numtitle h2{
	color:#D093FF;
}
.psw_details .knowBlock{
	background-color:#D093FF;
}

@media only screen and (min-width: 768px) {
#wrap #detail .psw_d table th{
	width:20%;
}
}

#csw{
	background-color:#E6F4FF;
	border-top:15px solid #3E79FF;
}
#wrap #csw .Numtitle2 h2{
	color:#3E79FF;
}
@media only screen and (min-width: 768px) {
}
.csw01{
	padding:30px 0;
}
.csw01 .container{
	max-width: 680px;
}
.csw01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.csw01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .csw01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.csw01 p.copy{
	font-size:28px;
}
.csw01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.csw01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.csw02{
	padding:0;
}
.csw02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.csw02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.csw02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .csw02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.csw02 .container{
	padding:40px;
}
.csw02 p.copy{
	font-size:28px;
}
.csw02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.csw02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.csw03{
	padding:30px 0;
}
.csw03 .container{
	max-width: 800px;
}
.csw03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.csw03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .csw03 .Numtitle h2{
	margin-bottom:0;
}
.csw03 p.bt a{
	background-color:#3D79FF;
}
@media only screen and (min-width: 768px) {
.csw03{
	padding:80px 0;
}
.csw03 p.copy{
	font-size:28px;
}
.csw03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.csw03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.csw_details{
	background-color:#E6F4FF;
}
#wrap #detail .csw_d .Numtitle h2{
	color:#3E79FF;
}
.csw_details .knowBlock{
	background-color:#3E79FF;
}

@media only screen and (min-width: 768px) {
#wrap #detail .csw_d table th{
	width:20%;
}
}

/* care */
body.care{
	background-color:#EAEDF7;
}

.care #visual .bga {
	background-color:#C68383;
}
.care #visual{
	background: url(../images/care/visual_care_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
.care .knowBlock{
	background-color:#788AD5;
}

@media only screen and (min-width: 768px) {
.care #visual{
	background: url(../images/care/visual_care.png) no-repeat center right;
	background-size:auto 100%;
}
}

#caremanager{
	background-color:#F5ECEC;
	border-top:15px solid #C68383;
}
#wrap #caremanager .Numtitle2 h2{
	color:#C68383;
}
@media only screen and (min-width: 768px) {
}
.carem01{
	padding:30px 0;
}
.carem01 .container{
	max-width: 680px;
}
.carem01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.carem01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .carem01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.carem01 p.copy{
	font-size:28px;
}
.carem01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.carem01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.carem02{
	padding:0;
}
.carem02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.carem02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.carem02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .carem02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.carem02 .container{
	padding:40px;
}
.carem02 p.copy{
	font-size:28px;
}
.carem02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.carem02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.carem03{
	padding:30px 0;
}
.carem03 .container{
	max-width: 800px;
}
.carem03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.carem03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .carem03 .Numtitle h2{
	margin-bottom:0;
}
.carem03 p.bt a{
	background-color:#C68383;
}
@media only screen and (min-width: 768px) {
.carem03{
	padding:80px 0;
}
.carem03 p.copy{
	font-size:28px;
}
.carem03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.carem03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.carem_details{
	background-color:#F5ECEC;
}
#wrap #detail .carem_d .Numtitle h2{
	color:#C68383;
}
.carem_details .knowBlock{
	background-color:#C68383;
}

@media only screen and (min-width: 768px) {
#wrap #detail .carem_d table th{
	width:20%;
}
}

#careworker{
	background-color:#E7EDEF;
	border-top:15px solid #73B2B7;
}
#wrap #careworker .Numtitle2 h2{
	color:#73B2B7;
}
@media only screen and (min-width: 768px) {
}
.carew01{
	padding:30px 0;
}
.carew01 .container{
	max-width: 680px;
}
.carew01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.carew01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .carew01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.carew01 p.copy{
	font-size:28px;
}
.carew01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.carew01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.carew02{
	padding:0;
}
.carew02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.carew02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.carew02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .carew02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.carew02 .container{
	padding:40px;
}
.carew02 p.copy{
	font-size:28px;
}
.carew02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.carew02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.carew03{
	padding:30px 0;
}
.carew03 .container{
	max-width: 800px;
}
.carew03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.carew03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .carew03 .Numtitle h2{
	margin-bottom:0;
}
.carew03 p.bt a{
	background-color:#73B2B7;
}
@media only screen and (min-width: 768px) {
.carew03{
	padding:80px 0;
}
.carew03 p.copy{
	font-size:28px;
}
.carew03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.carew03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.carew_details{
	background-color:#E7EDEF;
}
#wrap #detail .carew_d .Numtitle h2{
	color:#73B2B7;
}
.carew_details .knowBlock{
	background-color:#73B2B7;
}

@media only screen and (min-width: 768px) {
#wrap #detail .carew_d table th{
	width:20%;
}
}

#assworker{
	background-color:#EAEDF7;
	border-top:15px solid #788AD5;
}
#wrap #assworker .Numtitle2 h2{
	color:#788AD5;
}
@media only screen and (min-width: 768px) {
}
.assw01{
	padding:30px 0;
}
.assw01 .container{
	max-width: 680px;
}
.assw01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.assw01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .assw01 .Numtitle h2{
	margin-bottom:0;
}
.assw01 p.bt a{
	background-color:#788AD5;
}

@media only screen and (min-width: 768px) {
.assw01{
	padding:30px 0 60px;
}
.assw01 p.copy{
	font-size:28px;
}
.assw01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.assw01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.assw_details{
	background-color:#EAEDF7;
}
#wrap #detail .assw_d .Numtitle h2{
	color:#788AD5;
}
.assw_details .knowBlock{
	background-color:#788AD5;
}

@media only screen and (min-width: 768px) {
#wrap #detail .assw_d table th{
	width:20%;
}
}


/* staff */
body.staff{
	background-color:#FFF4FA;
}

.staff #visual .bga {
	background-color:#84D08F;
}
.staff #visual .bga h1 {
	font-size:18px;
 }
@media only screen and (min-width: 768px) {
.staff #visual .bga h1 {
	font-size:24px;
 }
}
.staff #visual{
	background: url(../images/staff/visual_staff_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
.staff .knowBlock{
	background-color:#E876BD;
}

@media only screen and (min-width: 768px) {
.staff #visual{
	background: url(../images/staff/visual_staff.png) no-repeat center right;
	background-size:auto 100%;
}
}

#phar{
	background-color:#F0FCF1;
	border-top:15px solid #84D08F;
}
#wrap #phar .Numtitle2 h2{
	color:#84D08F;
}
@media only screen and (min-width: 768px) {
}
.phar01{
	padding:30px 0;
}
.phar01 .container{
	max-width: 680px;
}
.phar01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.phar01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .phar01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.phar01 p.copy{
	font-size:28px;
}
.phar01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.phar01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.phar02{
	padding:0;
}
.phar02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.phar02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.phar02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .phar02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.phar02 .container{
	padding:40px;
}
.phar02 p.copy{
	font-size:28px;
}
.phar02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.phar02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.phar03{
	padding:30px 0;
}
.phar03 .container{
	max-width: 800px;
}
.phar03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.phar03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .phar03 .Numtitle h2{
	margin-bottom:0;
}
.phar03 p.bt a{
	background-color:#84D08F;
}
@media only screen and (min-width: 768px) {
.phar03{
	padding:80px 0;
}
.phar03 p.copy{
	font-size:28px;
}
.phar03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.phar03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.phar_details{
	background-color:#F0FCF1;
}
#wrap #detail .phar_d .Numtitle h2{
	color:#84D08F;
}
.phar_details .knowBlock{
	background-color:#84D08F;
}

@media only screen and (min-width: 768px) {
#wrap #detail .phar_d table th{
	width:20%;
}
}

#psy{
	background-color:#F1ECF8;
	border-top:15px solid #9981BE;
}
#wrap #psy .Numtitle2 h2{
	color:#9981BE;
}
@media only screen and (min-width: 768px) {
}
.psy01{
	padding:30px 0;
}
.psy01 .container{
	max-width: 680px;
}
.psy01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.psy01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .psy01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.psy01 p.copy{
	font-size:28px;
}
.psy01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.psy01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.psy02{
	padding:0;
}
.psy02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.psy02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.psy02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .psy02 .Numtitle h2{
	margin-bottom:0;
}
.psy02 .eduBox2{
	border-bottom:1px solid #707070;
}
@media only screen and (min-width: 768px) {
.psy02 .container{
	padding:40px;
}
.psy02 p.copy{
	font-size:28px;
}
.psy02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.psy02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.psy03{
	padding:30px 0;
}
.psy03 .container{
	max-width: 800px;
}
.psy03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.psy03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .psy03 .Numtitle h2{
	margin-bottom:0;
}
.psy03 p.bt a{
	background-color:#9981BE;
}
@media only screen and (min-width: 768px) {
.psy03{
	padding:80px 0;
}
.psy03 p.copy{
	font-size:28px;
}
.psy03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.psy03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.psy_details{
	background-color:#F1ECF8;
}
#wrap #detail .psy_d .Numtitle h2{
	color:#9981BE;
}
.psy_details .knowBlock{
	background-color:#9981BE;
}

@media only screen and (min-width: 768px) {
#wrap #detail .psy_d table th{
	width:20%;
}
}

#diet{
	background-color:#FFFAE6;
	border-top:15px solid #FFDD4D;
}
#wrap #diet .Numtitle2 h2{
	color:#FFBE2B;
}
@media only screen and (min-width: 768px) {
}
.diet01{
	padding:30px 0;
}
.diet01 .container{
	max-width: 680px;
}
.diet01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.diet01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .diet01 .Numtitle h2{
	margin-bottom:0;
}
.diet01 p.bt a{
	background-color:#FFDD4D;
	color:#2F2F2F;
	background-image: url(../images/common/arrow_b.png);
}

@media only screen and (min-width: 768px) {
.diet01{
	padding:30px 0 60px;
}
.diet01 p.copy{
	font-size:28px;
}
.diet01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.diet01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.diet_details{
	background-color:#FFFAE6;
}
#wrap #detail .diet_d .Numtitle h2{
	color:#FFDD4D;
}
.diet_details .knowBlock{
	background-color:#FFDD4D;
}

@media only screen and (min-width: 768px) {
#wrap #detail .diet_d table th{
	width:20%;
}
}

#cook{
	background-color:#FFF5F2;
	border-top:15px solid #EB7551;
}
#wrap #cook .Numtitle2 h2{
	color:#EB7551;
}
@media only screen and (min-width: 768px) {
}
.cook01{
	padding:30px 0;
}
.cook01 .container{
	max-width: 680px;
}
.cook01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.cook01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .cook01 .Numtitle h2{
	margin-bottom:0;
}
.cook01 p.bt a{
	background-color:#EB7551;
}

@media only screen and (min-width: 768px) {
.cook01{
	padding:30px 0 60px;
}
.cook01 p.copy{
	font-size:28px;
}
.cook01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.cook01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.cook_details{
	background-color:#FFF5F2;
}
#wrap #detail .cook_d .Numtitle h2{
	color:#EB7551;
}
.cook_details .knowBlock{
	background-color:#EB7551;
}

@media only screen and (min-width: 768px) {
#wrap #detail .cook_d table th{
	width:20%;
}
}

#music{
	background-color:#EFF1FF;
	border-top:15px solid #5461A7;
}
#wrap #music .Numtitle2 h2{
	color:#5461A7;
}
@media only screen and (min-width: 768px) {
}
.music01{
	padding:30px 0;
}
.music01 .container{
	max-width: 680px;
}
.music01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.music01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .music01 .Numtitle h2{
	margin-bottom:0;
}
.music01 p.bt a{
	background-color:#5461A7;
}

@media only screen and (min-width: 768px) {
.music01{
	padding:30px 0 60px;
}
.music01 p.copy{
	font-size:28px;
}
.music01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.music01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.music_details{
	background-color:#EFF1FF;
}
#wrap #detail .music_d .Numtitle h2{
	color:#5461A7;
}
.music_details .knowBlock{
	background-color:#5461A7;
}

@media only screen and (min-width: 768px) {
#wrap #detail .music_d table th{
	width:20%;
}
}

#life{
	background-color:#EDFDFF;
	border-top:15px solid #97E1EA;
}
#wrap #life .Numtitle2 h2{
	color:#4498A2;
}
@media only screen and (min-width: 768px) {
}
.life01{
	padding:30px 0;
}
.life01 .container{
	max-width: 680px;
}
.life01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.life01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .life01 .Numtitle h2{
	margin-bottom:0;
}
.life01 p.bt a{
	background-color:#4498A2;
}

@media only screen and (min-width: 768px) {
.life01{
	padding:30px 0 60px;
}
.life01 p.copy{
	font-size:28px;
}
.life01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.life01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.life_details{
	background-color:#EDFDFF;
}
#wrap #detail .life_d .Numtitle h2{
	color:#4498A2;
}
.life_details .knowBlock{
	background-color:#4498A2;
}

@media only screen and (min-width: 768px) {
#wrap #detail .life_d table th{
	width:20%;
}
}

#office{
	background-color:#FFF4FB;
	border-top:15px solid #FCA4DB;
}
#wrap #office .Numtitle2 h2{
	color:#FCA4DB;
}
@media only screen and (min-width: 768px) {
}
.office01{
	padding:30px 0;
}
.office01 .container{
	max-width: 680px;
}
.office01 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.office01 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '01';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .office01 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.office01 p.copy{
	font-size:28px;
}
.office01 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.office01 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.office02{
	padding:0;
}
.office02 .container{
	max-width: 680px;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
}
.office02 .Numtitle{
	padding: 20px 65px 20px 0px;
	position: relative;
	margin-bottom:20px;
	text-align:right;
}
.office02 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '02';
	position:absolute;
	top:0.7em;
	right:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .office02 .Numtitle h2{
	margin-bottom:0;
}
@media only screen and (min-width: 768px) {
.office02 .container{
	padding:40px;
}
.office02 p.copy{
	font-size:28px;
}
.office02 .Numtitle{
	padding: 0px 100px 0px 0px;
	margin-bottom:60px;
}
.office02 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
.office03{
	padding:30px 0;
}
.office03 .container{
	max-width: 800px;
}
.office03 .Numtitle{
	padding: 20px 0px 20px 60px;
	position: relative;
	margin-bottom:20px;
}
.office03 .Numtitle::before {
	font-family: "Antonio", sans-serif;
	font-weight: 700;
	font-size: 40px;
	content: '03';
	position:absolute;
	top:0.7em;
	left:0em;
	color: #F46591;
    letter-spacing: 0.1em;
}
#wrap .office03 .Numtitle h2{
	margin-bottom:0;
}
.office03 p.bt a{
	background-color:#FCA4DB;
}
@media only screen and (min-width: 768px) {
.office03{
	padding:80px 0;
}
.office03 p.copy{
	font-size:28px;
}
.office03 .Numtitle{
	padding: 0px 0px 0px 100px;
	margin-bottom:60px;
}
.office03 .Numtitle::before {
	font-size: 70px;
	top:0em;
}
}
body.office_details{
	background-color:#FFF4FB;
}
#wrap #detail .office_d .Numtitle h2{
	color:#FCA4DB;
}
.office_details .knowBlock{
	background-color:#E876BD;
}

@media only screen and (min-width: 768px) {
#wrap #detail .office_d table th{
	width:20%;
}
}



/* education */
.education #visual{
	background: url(../images/education/visual_education_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
@media only screen and (min-width: 768px) {
.education #visual{
	background: url(../images/education/visual_education.png) no-repeat center right;
	background-size:auto 100%;
}
}


.edu01{
	padding:20px 0;
}
.edu01 .container{
	max-width: 678px;
}
.edu01 .txtBlock{
	border-bottom:1px solid #707070;
	padding-bottom:10px;
	margin-bottom:20px;
}
@media only screen and (min-width: 768px) {
.edu01{
	padding:40px 0;
}
.edu01 .txtBlock{
	padding-bottom:20px;
	margin-bottom:40px;
}
}
.edu02{
	padding:20px 0;
}
.edu02 .container{
	max-width: 800px;
}
.edu02 h2{
	text-align:center;
}
.edu02 .txtBlock{
	padding:20px;
	border-radius:10px;
	background-color:#FFF;
}
@media only screen and (min-width: 768px) {
.edu02{
	padding:40px 0;
}
.edu02 .container{
	margin:0 auto 10px;
}
.edu02 .txtBlock{
	padding:40px;
}
}

/* training */
.empT01{
	padding:30px 20px;
	max-width: 676px;
	margin:0 auto 20px;
}

.traFlow{
	padding:10px;
	margin:0 auto 20px;
}
.traFlow .container{
	max-width: 800px;
	background-color:#FFF;
	padding:10px;
	position:relative;
}
.traFlow .month{
	margin-top:-22px;
}
.safety_tra{
	max-width: 800px;
	background-color:#FFF;
	padding:20px 10px;
	margin:0 auto 60px;
}
@media only screen and (min-width: 768px) {
.empT01{
	padding:40px;
	margin:0 auto 40px;
}
.traFlow{
	padding:20px;
	margin:0 auto 40px;
}
.traFlow .container{
	max-width: 800px;
	background-color:#FFF;
	padding:20px 40px;
}
.traFlow .month{
	text-align:left;
	margin-top:-32px;
}
.safety_tra{
	padding:40px 40px;
}
#wrap .safety_tra table th{
	width:25%;
}

}

/* hospital */
.hospital #visual,
.hospital-confirm #visual,
.hospital-thanks #visual{
	background: url(../images/hospital/visual_hospital_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
@media only screen and (min-width: 768px) {
.hospital #visual,
.hospital-confirm #visual,
.hospital-thanks #visual{
	background: url(../images/hospital/visual_hospital.png) no-repeat center right;
	background-size:auto 100%;
}
}

.hpt01{
	padding:30px 20px;
	max-width: 676px;
	margin:0 auto 20px;
}
.hpt02{
	padding:10px;
	margin:0 auto 20px;
}
.hpt02 .container{
	max-width: 800px;
	background-color:#FFF;
	padding:20px;
	position:relative;
}
.hpt02 .dayBlock{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
	padding:20px 0;
}
.dayBlock .dayBox{
	width:96%;
	padding:0px;
	margin:0 auto;
	overflow: hidden;
}
#wrap .dayBlock .dayBox table{
	margin:0;
}
@media only screen and (min-width: 768px) {
.hpt02 .dayBlock{
	padding:0px 0 20px;
}
.dayBlock .dayBox{
	width:48%;
	margin:0 1%;
}
#wrap .dayBlock .dayBox table th{
	width:25%;
}

}

@media only screen and (min-width: 768px) {
.hpt01{
	padding:40px;
	margin:0 auto 40px;
}
.hpt02{
	padding:20px;
	margin:0 auto 40px;
}
.hpt02 .container{
	max-width: 800px;
	background-color:#FFF;
	padding:30px 50px;
}
}

/* public */
.public #visual{
	background: url(../images/public/visual_public_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
@media only screen and (min-width: 768px) {
.public #visual{
	background: url(../images/public/visual_public.png) no-repeat center right;
	background-size:auto 100%;
}
}
.kdm01{
	padding:10px;
	margin:0 auto 20px;
}
.kdm01 .container{
	max-width: 800px;
	background-color:#FFF;
	padding:20px;
	position:relative;
}
.kodamaBox{
	padding:0px 10px;
	display: flex;
	flex-flow: column;/* flex-flow:column;はアイテムを縦に並べる */
    justify-content: center;
	margin-bottom:20px;
}
.kodamaBox div.imgBox {
	text-align:center;
	margin-bottom:20px;
}
.kodamaBox div.txtBox {
	padding:0;
	margin-bottom:20px;
}
.backno{
	padding:10px;
}
#wrap .backno p{
	margin-bottom:0;
}
#wrap .backno a{
	display:block;
	color:#707070;
	border-top:1px solid #707070;
	padding:4px;
	background-image: url(../images/common/ic_pdf2.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:16px auto;
	text-decoration:none;
}
#wrap .backno p:last-of-type a{
	border-bottom:1px solid #707070;
}
#wrap .backno a:hover{
	background-color:#00B4C3;
	color:#FFF;
}
@media only screen and (min-width: 768px) {
.kodamaBox{
	padding:0px 10px;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
	margin-bottom:40px;
}
.kodamaBox div.imgBox {
	flex: 0 0 200px;
	order: 2;/* 回り込みを右へ */
	margin-bottom:0px;
	padding:0;
}
.kodamaBox div.txtBox {
	flex: 1 1 auto;
	order: 1;/* 回り込みを右へ */
	padding:0 30px 0 0px;
}
.backno{
	padding:20px 10px;
}
#wrap .backno a{
	padding:8px;
}

}


@media only screen and (min-width: 768px) {
.kdm01{
	padding:20px;
	margin:0 auto 40px;
}
.kdm01 .container{
	max-width: 800px;
	background-color:#FFF;
	padding:30px 50px;
}
}

/* data */
.data #visual{
	background: url(../images/data/visual_data_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
@media only screen and (min-width: 768px) {
.data #visual{
	background: url(../images/data/visual_data.png) no-repeat center right;
	background-size:auto 100%;
}
}

.data01{
	padding:10px;
	margin:0 auto 20px;
}
.data01 .container{
	max-width: 800px;
	padding:20px;
	position:relative;
}
.data01 .dataBlock{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
	padding:20px 0;
}
.dataBlock .dataBox{
	width:96%;
	padding:0px;
	margin:0 auto 10px;
	overflow: hidden;
}

@media only screen and (min-width: 768px) {
.data01{
	padding:20px;
	margin:0 auto 40px;
}
.data01 .container{
	max-width: 800px;
	padding:30px 50px;
}
.dataBlock .dataBox{
	width:48%;
	margin:0 1% 10px;
}
}

/* contact */
.contact #visual,
.contact-confirm #visual,
.contact-thanks #visual{
	background: url(../images/contact/visual_contact_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
@media only screen and (min-width: 768px) {
.contact #visual,
.contact-confirm #visual,
.contact-thanks #visual{
	background: url(../images/contact/visual_contact.png) no-repeat center right;
	background-size:auto 100%;
}
}

.contact01{
	padding:10px;
	margin:0 auto 20px;
}
.contact01 .container{
	max-width: 800px;
	background-color:#FFF;
	padding:20px;
	position:relative;
}
@media only screen and (min-width: 768px) {
.contact01{
	padding:20px;
	margin:0 auto 40px;
}
.contact01 .container{
	max-width: 800px;
	background-color:#FFF;
	padding:30px 50px;
}
}

/* about */
#visual.news{
	background: url(../images/news/visual_news_sp.png) no-repeat bottom center;
	background-size:auto 100%;
}
@media only screen and (min-width: 768px) {
#visual.news{
	background: url(../images/news/visual_news.png) no-repeat center right;
	background-size:auto 100%;
}
}


.newsBlock{
	padding:40px 0;
}
.newsBlock .container{
	max-width: 800px;
}
#wrap #news .newsBlock p{
	margin-bottom:0;
	border-top:1px solid #707070;
	padding:10px;
}
#wrap #news .newsBlock p:last-of-type{
	border-bottom:1px solid #707070;
}
#wrap #news .newsBlock p strong{
	color:#00B4C3;
}

@media only screen and (min-width: 768px) {
.newsBlock{
	padding:80px 0;
}
#wrap #news .newsBlock p{
	padding:10px 30px;
}
#wrap #news .newsBlock p strong{
	margin-right:40px;
}
}
@media only screen and (max-width: 767px) {
#wrap #news .newsBlock p strong{
	display:block;
}
}
.newsPage{
	padding:40px 0;
}
.newsPage .container{
	max-width: 800px;
}
p.date{
	text-align:right;
	font-size:14px;
}
@media only screen and (min-width: 768px) {
.newsPage{
	padding:80px 0;
}
}
#detail .newsPage .Numtitle{
	padding: 20px 0px;
}
@media only screen and (min-width: 768px) {
#detail .newsPage .Numtitle{
	padding: 40px 0px;
}
}

.fieldzero{
	padding:60px 0;
}
.fieldzero div.fieldList {
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
}
.fieldzero .fieldList .fieldLink{
	width:98%;
	padding:8px;
	margin:0 auto 12px;
	overflow: hidden;
}

#wrap .fieldzero .fieldList .fieldLink p a{
	margin-bottom:0;
	text-align:center;
	color:#F46591;
	border:1px solid #F46591;
	background-color:#FFF;
	display:block;
	padding:8px;
	text-decoration:none;
	border-radius:50px;
}
#wrap .fieldzero .fieldList .fieldLink p.noLink{
	margin-bottom:0;
	text-align:center;
	color:#F46591;
	border:1px solid #F46591;
	background-color:#FFF;
	display:block;
	padding:8px;
	text-decoration:none;
	border-radius:50px;
}
@media only screen and (min-width: 768px) {
.fieldzero{
	padding:60px 0;
}

.fieldzero div.fieldList {
	padding:0px 10px;
	flex-flow: row;/* flex-flow:row;はアイテムを横に並べる */
	margin-bottom:40px;
}
.fieldzero .fieldList .fieldLink,
.fieldzero .fieldList .fieldLink2{
	width:31.3333%;
	margin:0 1% 10px;
	padding:8px;
}
}
.zero #detail .Numtitle{
	padding: 20px 0px;
}
@media only screen and (min-width: 768px) {
.zero #detail .Numtitle{
	padding: 40px 0px;
}
}