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


/* contents-top */

.contents-top {
	width: 100%;
	background-image: url("top/images/back01.jpg");
background-position: center top;
background-repeat: repeat-x;
background-size: auto 1367px;
	padding-top: 150px;
}

.contents-contact {
	background-image: none;
}


/* main-img-top */

.main-img-top {
	width: 95%;
	margin-left: 5%;
	position: relative;
	margin-bottom: 220px;
}

.main-img-top img {
	width: 100%;
height: auto;
}

.main-img-top .box01 {
	display: flex;
  justify-content: flex-end;
flex-wrap: wrap;
}

.main-img-top .box01 img {
	width: 65%;
	height: 960px;
	border-radius: 60px 0px 0px 60px;
	object-position: top;
}

.main-img-top .box02 {
	position: absolute;
left: 40px;
top: 160px;
}

.main-img-top .box03 {
	position: absolute;
left: 0px;
bottom: 0px;
	width: 880px;
	margin-bottom: -120px;
}

.main-img-top .box03 > div {
	position: relative;
}

.main-img-top .box03 > div::before {
	content: "";
	position: absolute;
left: 140px;
top: 0px;
	background-image: url("top/images/icon01.png");
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 400px;
	height: 249px;
	margin-top: -243px;
}

.main-img-top .box03 img {
	border-radius: 25px;
}

.main-img-top h2, .main-img-top p {
	font-family: "Zen Maru Gothic", serif;
color: #000;
font-weight: 400;
}

.main-img-top h2 {
	font-size: 59px;
line-height: 1.4;
letter-spacing: 0.3em;
}

.main-img-top p {
	font-size: 18px;
line-height: 2;
	padding-top: 30px;
}

/* midashi-box */

.contents-top .midashi-box h2 {
	font-size: 70px;
	letter-spacing: 0.3em;
}

.contents-top .contents-treatmentmenu .midashi-box h2 {
	font-size: 50px;
	letter-spacing: 0.1em;
}

/*banner*/

.banner {
	width: 100%;
	text-align: center;
	padding: 0px 0px 60px;
}

a:hover img {
    opacity: 0.75;
    transition: .5s;
}



/* contents01 */

.contents01 {
	width: 100%;
	background-image: url("top/images/back02.png");
background-position: center top;
background-repeat: no-repeat;
background-size: auto 795px;
	text-align: center;
	padding: 165px 0px 170px;
}

.contents01 p {
	line-height: 2.2;
}

/* contents02 */

.contents02 {
	width: 100%;
	text-align: center;
	background-image: url("top/images/back03.jpg");
background-position: center;
background-repeat: repeat-x;
background-size: auto 100%;
	padding: 90px 0px;
	position: relative;
}

.contents02::before {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
	background-image: url("top/images/back03a.png");
background-position: center top;
background-repeat: repeat-x;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
	margin-top: -32px;
	opacity: 0.5;
}

.contents02::after {
	content: "";
	position: absolute;
left: 0px;
bottom: 0px;
	background-image: url("top/images/back03b.png");
background-position: center bottom;
background-repeat: repeat-x;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
	margin-bottom: -32px;
	opacity: 0.5;
}

.contents02 .box-in {
	width: 1170px;
	display: flex;
  justify-content: center;
flex-wrap: wrap;
	gap:64px;
	padding-top: 30px;
}

.contents02 .box {
	width: 347px;
	position: relative;
}

.contents02 .box::before {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 120px;
	height: 122px;
	margin-left: -15px;
	margin-top: -22px;
}

.contents02 .box:nth-child(1)::before {
	background-image: url("top/images/p01.svg");
}

.contents02 .box:nth-child(2)::before {
	background-image: url("top/images/p02.svg");
}

.contents02 .box:nth-child(3)::before {
	background-image: url("top/images/p03.svg");
}

.contents02 .box:nth-child(4)::before {
	background-image: url("top/images/p04.svg");
}

.contents02 .box:nth-child(5)::before {
	background-image: url("top/images/p05.svg");
}

.contents02 img {
	width: 100%;
height: auto;
	border-radius: 50%;
}

.contents02 h5 {
	font-family: "Zen Maru Gothic", serif;
	font-size: 21px;
line-height: 1.4;
font-weight: 400;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
	width: 311px;
	height: 112px;
	display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
	margin: 0px auto;
	margin-top: -30px;
	position: relative;
	padding-top: 5px;
}

.contents02 .box:nth-child(odd) h5 {
	background-image: url("top/images/text-back01.svg");
}

.contents02 .box:nth-child(even) h5 {
	background-image: url("top/images/text-back02.svg");
}

.contents02 p {
	width: 290px;
	margin: 0px auto;
	text-align: left;
	padding-top: 20px;
}


/* contents03 */

.contents03 {
	width: 100%;
	text-align: center;
	background-image: url("top/images/back04.png");
background-position: center;
background-repeat: no-repeat;
background-size: auto 1276px;
	padding: 110px 0px;
}

.contents03 .box-in {
	padding-top: 30px;
}

.contents03 .box {
	width: 635px;
	position: relative;
}

.contents03 .box:not(:last-child) {
	margin-bottom: 75px;
}

.contents03 .box::before, .contents03 .box::after {
	content: "";
	position: absolute;
bottom: 15px;
background-repeat: no-repeat;
	background-size: auto 100%;
}

.contents03 .box:nth-child(odd)::before {
left: 0px;
	background-image: url("top/images/icon-textback01a.svg");
background-position: left bottom;
	width: 98px;
	height: 76px;
	margin-left: -120px;
}

.contents03 .box:nth-child(odd)::after {
right: 0px;
	background-image: url("top/images/icon-textback01b.svg");
background-position: right bottom;
	width: 98px;
	height: 76px;
	margin-right: -120px;
}

.contents03 .box:nth-child(even)::before {
left: 0px;
	background-image: url("top/images/icon-textback02a.svg");
background-position: left bottom;
	width: 123px;
	height: 87px;
	margin-left: -140px;
}

.contents03 .box:nth-child(even)::after {
right: 0px;
	background-image: url("top/images/icon-textback02b.svg");
background-position: right bottom;
	width: 123px;
	height: 87px;
	margin-right: -140px;
}

.contents03 h4 {
	height: 120px;
	border-radius: 100px;
	display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
	position: relative;
	font-family: "Zen Maru Gothic", serif;
	font-size: 23px;
line-height: 1.4;
letter-spacing: 0.1em;
font-weight: 400;
}

.contents03 .box:nth-child(odd) h4 {
	background-color: #FFFEE8;
}

.contents03 .box:nth-child(even) h4 {
	background-color: #FDF5F8;
}

.contents03 h4::before {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
background-position: center top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 22px;
	margin-top: -30px;
}

.contents03 .box:nth-child(1) h4::before {
	background-image: url("top/images/m01.svg");
}

.contents03 .box:nth-child(2) h4::before {
	background-image: url("top/images/m02.svg");
}

.contents03 .box:nth-child(3) h4::before {
	background-image: url("top/images/m03.svg");
}

.contents03 .box:nth-child(4) h4::before {
	background-image: url("top/images/m04.svg");
}

.contents03 .box:nth-child(5) h4::before {
	background-image: url("top/images/m05.svg");
}

.box03.contents-box.scroll-fade-row:last-of-type {
    margin-top: 0px; 
}


/* contents04 */

.contents04 {
	width: 100%;
	text-align: center;
	padding-bottom: 150px;
	background-image: url("top/images/back05.jpg");
background-position: center bottom;
background-repeat: repeat-x;
background-size: auto 900px;
}

.contents04 .midashi-box {
	background-image: url("top/images/icon-midashi02.svg");
background-position: center top;
background-repeat: no-repeat;
	padding-top: 30px;
}

.contents04 .box01 {
	width: 1190px;
	padding: 60px 0px;
	display: flex;
  justify-content: flex-start;
flex-wrap: wrap;
	gap:0px 15px;
}

.contents04 .box01 .box001 {
	width: 590px;
}

.contents04 .box01 .box001 img {
	width: 100%;
height: auto;
	border-radius: 50%
}

.contents04 .box01 .box002 {
	position: relative;
	padding-top: 180px;
	width: 520px;
}

.contents04 .box01 .box002::before {
	content: "";
	position: absolute;
left: 0px;
top: 45px;
	background-image: url("top/images/icon02.svg");
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 416px;
}

.contents04 .box01 h4 {
	font-family: "Josefin Sans", sans-serif;
	font-size: 91px;
line-height: 0.9;
font-weight: 200;
	letter-spacing: 0.2em;
}

.contents04 .box01 h5 {
	font-family: "Zen Old Mincho", serif;
	font-size: 31px;
line-height: 1.2;
font-weight: 400;
	padding-top: 35px;
	letter-spacing: 0.3em;
}

.contents04 .box02 {
	width: 1000px;
}

.contents04 .box02 .box {
	background-color: #FFF;
	border-radius: 40px;
	display: flex;
  justify-content: space-between;
	align-items: center;
flex-wrap: wrap;
	padding: 45px 0px;
}

.contents04 .box02 .box:not(:last-child) {
	margin-bottom: 30px;
}

.contents04 .box02 .box001 {
	width: 350px;
}

.contents04 .box02 .box002 {
	flex: 1;
	text-align: left;
}

.contents04 .box02 h5 {
	font-family: "Josefin Sans", sans-serif;
	color: #0AC7D3;
	font-size: 46px;
line-height: 0.9;
font-weight: 200;
	letter-spacing: 0.3em;
}

.contents04 .box02 .box:nth-child(2) h5 {
	font-size: 37px;
	letter-spacing: 0.1em;
}

.contents04 .box02 h6 {
	font-family: "Zen Maru Gothic", serif;
	font-size: 31px;
line-height: 1.2;
font-weight: 400;
	letter-spacing: 0.3em;
	padding-top: 15px;
}

.contents04 table {
	width: 100%;
}

.contents04 table td {
	padding: 10px 0px;
}

.contents04 table td:first-child {
	white-space: nowrap;
	padding-right: 20px;
}


/* contents05 */

.contents05 {
	width: 100%;
	text-align: center;
	background-color: #F0F6F6;
	padding: 80px 0px 100px;
}

.contents05 .midashi-box h2 {
	color: #000;
}

.contents05 .midashi-box h3::before, .contents05 .midashi-box h3::after {
	display: none;
}

.contents05 .titl01 {
	position: relative;
}

.contents05 .titl01::after {
	content: "";
	position: absolute;
right: 50px;
bottom: 0px;
	background-image: url("top/images/icon-staff01b.svg");
background-position: right bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 137px;
	height: 115px;
	margin-bottom: -50px;
}

.contents05 .titl01 h4 {
	background-color: #0AC7D3;
	border-radius: 35px;
	padding: 45px 0px;
	position: relative;
	margin-bottom: 50px;
}

.contents05 .titl02 {
	margin-bottom: 40px;
	width: 1160px;
}

.contents05 .titl02 h4 {
	font-family: "Zen Maru Gothic", serif;
	position: relative;
	font-size: 38px;
color: #0AC7D3;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 400;
	background-color: #FFF;
	border-radius: 70px;
	border-style : solid;
border-color : #0AC7D3;
border-width : 3px;
	padding: 12px 0px;
}

.contents05 .titl02c h4 {
letter-spacing: 0.3em;
}

.contents05 .titl02 h4::before {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
	width: 100%;
	margin-top: -45px;
	font-family: "Josefin Sans", sans-serif;
	color: #0AC7D3;
	font-size: 35px;
line-height: 0.9;
font-weight: 200;
	letter-spacing: 0.1em;
}

.contents05 .titl02a h4::before {
	content: "APPEAL POINT";
}

.contents05 .titl02b h4::before {
	content: "PERSONALITY";
}

.contents05 .titl02c h4::before {
	content: "GUIDELINES";
}

.contents05 .titl02d h4::before {
	content: "ENVIRONMENT";
}

.contents05 .box00, .contents05 .box01, .contents05 .box02 {
	margin-bottom: 140px;
}

.contents05 .box00 {
	width: 1000px;
}

.contents05 .box00 .titl01 h4::before {
	content: "";
	position: absolute;
left: 50px;
bottom: 0px;
	background-image: url("top/images/icon-staff01a.svg");
background-position: left bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 124px;
	height: 126px;
	margin-bottom: -50px;
}


.contents05 .box00 .titl01 h4::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(10, 199, 211, 0);
	border-top-color: #0AC7D3;
	border-width: 30px;
	margin-left: -30px;
}

.contents05 .box00 h5, .contents05 .box03 h5 {
	font-family: "Zen Maru Gothic", serif;
	font-size: 37px;
color: #000;
line-height: 2;
letter-spacing: 0.2em;
font-weight: 400;
	display: inline;
	border-bottom-style : solid;
border-color : #0AC7D3;
border-width : 3px;
	padding-bottom: 8px;
}

.contents05 .box03 h5 {
	font-size: 40px;
letter-spacing: 0.2em;
	line-height: 1.5;
}

.contents05 .box03 h5 span {
	font-size: 24px;
letter-spacing: 0.1em;
}

.contents05 .box00 h6 {
	padding-top: 50px;
}

.contents05 .box00 h6 img {
	height: 190px;
	width: auto;
}

.contents05 .box01 .box-in {
	display: flex;
  justify-content: center;
flex-wrap: wrap;
	gap:0px 60px;
}

.contents05 .box01 .box {
	width: 340px;
}

.contents05 .box01 h5 {
	font-family: "Zen Maru Gothic", serif;
	font-size: 34px;
color: #1A1A1A;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 400;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
	width: 100%;
	height: 340px;
	display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
	padding-top: 60px;
}

.contents05 .box01 .box:nth-child(1) h5 {
	background-image: url("top/images/ap01.png");
}

.contents05 .box01 .box:nth-child(2) h5 {
	background-image: url("top/images/ap02.png");
	font-size: 33px;
}

.contents05 .box01 .box:nth-child(3) h5 {
	background-image: url("top/images/ap03.png");
}

.contents05 .box01 p {
	padding: 20px 20px 0px;
	text-align: left;
}

.contents05 .box02 .box-in, .contents05 .box03 .box-in {
	width: 1060px;
	background-color: #FFF;
	border-radius: 40px;
	padding: 40px 0px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
}

.contents05 .box02 .box-in {
	padding: 30px 80px;
	position: relative;
	text-align: left;
}

.contents05 .box02a .box-in::before {
	content: "";
	position: absolute;
right: 50px;
top: 0px;
	background-image: url("top/images/icon-staff02a.svg");
background-position: right top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 173px;
	height: 123px;
	margin-top: -30px;
}

.contents05 .box02a .box-in::after {
	content: "";
	position: absolute;
left: 0px;
bottom: 0px;
	background-image: url("top/images/icon-staff02b.svg");
background-position: left bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 117px;
	height: 186px;
	margin-left: -30px;
	margin-bottom: -15px;
}

.contents05 .box02b .box-in::before {
	content: "";
	position: absolute;
left: 40px;
top: 0px;
	background-image: url("top/images/icon-staff03a.svg");
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 63px;
	height: 67px;
	margin-top: -10px;
}

.contents05 .box02b .box-in::after {
	content: "";
	position: absolute;
right: 50px;
bottom: 40px;
	background-image: url("top/images/icon-staff03b.svg");
background-position: right bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 173px;
	height: 114px;
}

.contents05 .box02 .box {
	padding: 40px 10px;
}

.contents05 .box02 .box:not(:last-child) {
	border-bottom-style : dotted;
border-color : rgba(0,0,0,0.5);
border-width : 4px;
}

.contents05 .box02 h5 {
	font-size: 22px;
color: #000;
line-height: 1.8;
letter-spacing: 0.1em;
font-weight: 500;
	margin-bottom: 50px;
}

.contents05 .box02 h6 {
	font-family: "Zen Maru Gothic", serif;
	font-size: 38px;
color: #000;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 400;
	margin-bottom: 10px;
}

.contents05 .box02 h6 span {
color: #00A199;
}

.contents05 .box02 h6::before {
	content: "";
	font-family: "Josefin Sans", sans-serif;
	color: #00A199;
	font-size: 56px;
line-height: 0.9;
font-weight: 500;
	letter-spacing: 0.05em;
	display: inline-block;
	padding-right: 10px;
}

.contents05 .box02 .box:nth-child(1) h6::before {
	content: "01.";
}

.contents05 .box02 .box:nth-child(2) h6::before {
	content: "02.";
}

.contents05 .box02 .box:nth-child(3) h6::before {
	content: "03.";
}

.contents05 .box03 {
	padding-top: 100px;
	margin-top: -100px;
}

.contents05 .box03 p {
	padding-top: 40px;
}

.contents05 .box-in {
	margin-top: 60px;
}

.contents05 table {
	width: 100%;
}

.contents05 table td {
	text-align: left;
	padding: 30px 60px;
	line-height: 1.8;
}

.contents05 table td:first-child {
	text-align: center;
	white-space: nowrap;
	border-right-style : solid;
border-color : rgba(0, 0, 0, 0.5);
border-width : 1px;
}

.list-ricruit {
	display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
	gap:20px;
	padding-bottom: 50px;
}

.list-ricruit li a {
	font-family: "Zen Maru Gothic", serif;
	font-size: 24px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 400;
	background-color: #00A199;
	width: 400px;
	padding: 15px 0px;
	display: inline-block;
	border-radius: 60px;
	background-image: url("top/images/arrow-btn.svg");
background-position: right 35px center;
background-repeat: no-repeat;
background-size: auto 15px;
	transition: .5s;
}

.list-ricruit li a:hover {
background-position: right 25px center;
}

.midashi-guideline {
	padding: 30px 0px 40px;
	text-align: center;
	width: 1100px;
}

#recruit02 .midashi-guideline {
	padding-top: 0px;
}

.midashi-guideline h4 {
	font-family: "Zen Maru Gothic", serif;
	font-size: 30px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 400;
    align-items: center;
	background-color: #0AC7D3;
	padding: 17px 0px;
	border-radius: 12px;
	position: relative;
}

.midashi-guideline h4::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(10, 199, 211, 0);
	border-top-color: #0AC7D3;
	border-width: 15px;
	margin-left: -15px;
}


/* contents06 */

.contents06 {
	width: 900px;
	padding: 110px 0px;
}


/*contact*/
.contact {
	width: 100%;
}

.contact table {
	width: 100%;
}

.contact table .box {
	margin-bottom:5px;
}

.contact table tr {
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	align-items: center;
	padding: 15px 0px;
}

.contact table tr.t-end {
	align-items: flex-start;
}

.contact table tr td {
	color: #000;
	line-height:1.6;
}

.contact table tr td:first-child {
	flex: 1;
	padding-right: 20px;
}

.contact table tr td:last-child {
	width: 650px;
}

.contact table span.sp-view {
	display: none;
}

.contact table tr td input {
	width:100%;
	border-radius: 10px;
	border-style : solid;
border-color : #cde9fb;
border-width : 2px;
}

.contact table tr td input.radio {
	width: 15px;
}

.contact table tr td textarea {
	width:100%;
	border-radius: 10px;
	border-style : solid;
border-color : #cde9fb;
border-width : 2px;
}

.contact table tr.errer td {
	color: #f3516c;
	vertical-align: middle;
}


.contact span.c01 {
	font-size: 16px;
	line-height: 1.6;
	color: #f3516c;
	vertical-align: top;
	display: inline-block;
	padding-left: 10px;
}

p.text02 {
	line-height: 1.6;
}


input,textarea,button{
	margin:0;
	padding:10px;
	font-size:100%;
}

td div.space {
	margin-top: 20px;
}

input[type="text"] {
	outline: 0;
	border: 1px solid #FFF;
}

textarea[type="textarea"] {
	border: 1px solid #FFF;
	padding: 10px;
}


.button {
	text-align: center;
	margin-top: 50px;
}

button {
	cursor: pointer;
	border:none;
	background-color:rgba(0,0,0,0);
}

.button img {
	height:40px;
	width:auto;
}

button span, a.btn-mail, .btn-box input, .btn-back {
	display:inline-block;
	padding:15px 50px;
	background-color:#72cff3;
	color:#FFF;
	font-weight: 500;
	letter-spacing:0.1em;
	border-radius: 10px;
	transition: .5s;
	border : solid #FFF 1px;
}

button:hover span, a.btn-mail:hover, .btn-box input:hover, .btn-back:hover {
	background-color: #16447c;
}


.btn-box {
	padding-top:40px;
	clear:both;
	margin-bottom:30px;
}



#formWrap {
	width:100%;
	padding-top: 60px;
	padding-bottom: 60px;
}

.formtable {
	width: 100%;
}

.formtable tr {
	padding-left:5px;
	padding-right:5px;
	display:block;
	padding-top: 20px;
	padding-bottom: 20px;
}

.formtable th {
	text-align: left;
	font-weight: normal;
	width: 190px;
	display: inline-block;
	vertical-align:top;
	margin-bottom:10px;
}

.formtable td  {
	text-align: left;
	font-weight: normal;
	width: 660px;
	display: inline-block;
	vertical-align:top;
}

.formtable input  {
	width: 100%;
}




.contact h4 {
	color: #333333;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: normal;
	margin-bottom:30px;
}

.contact h5 {
	color: #333333;
	line-height: 1.6em;
	letter-spacing: 0.4em;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}

span.text003 {
	display:none;
}


/* contents07 */

.contents07 {
	width: 100%;
	padding: 80px 0px;
	text-align: center;
	background-color: #0ac7d3;
}

.contents07 .midashi-box h2, .contents07 .midashi-box h3 {
	color: #FFF;
}

.contents07 ul {
	display: flex;
  justify-content: center;
flex-wrap: wrap;
	gap:30px;
}

.contents07 ul li {
	position: relative;
}

.contents07 ul li::before {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
	background-image: url("top/images/arrow-flow.svg");
background-position: left center;
background-repeat: no-repeat;
	background-size: auto 20px;
	width: 33px;
	height: 100%;
	margin-left: -20px;
}

.contents07 ul li:first-child::before {
	display: none;
}


/* contents08 */

.contents08 {
	width: 100%;
	padding: 80px 0px;
	text-align: center;
	background-image: url("top/images/back05.jpg");
background-position: center bottom;
background-repeat: repeat-x;
background-size: auto 900px;
}

.contents08 p {
	font-size: 22px;
line-height: 1.4;
letter-spacing: 0.1em;
	margin-bottom: 40px;
}

.contents08 a:hover {
	opacity: 1;
}


/* contents09 */

.contents09 {
	width: 100%;
	padding: 50px 0px 80px;
	text-align: center;
	background-image: url("top/images/back05.jpg");
background-position: center top;
background-repeat: repeat-x;
background-size: auto 900px;
}

.contents09 .news-box {
	width: 1060px;
	background-color: #FFF;
	border-radius: 35px;
	padding: 15px 40px;
	text-align: left;
	overflow: auto;
}

.contents09 .news {
	height: 230px;
	width: 100%;
}

.contents09 .news iframe {
	width: 100%;
	height: 240px;
}


.contents09 .box {
	display: flex;
  justify-content: space-between;
	align-items: flex-start;
	padding: 25px 5px;
}

.contents09 .box:not(:last-child) {
	border-bottom-style : solid;
border-color : rgba(0, 0, 0, 0.1);
border-width : 1px;
}

.contents09 h5 {
	font-family: "Zen Maru Gothic", serif;
	font-size: 15px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
	width: 120px;
	background-color: #0ac7d3;
	text-align: center;
	padding: 3px 0px 6px;
	border-radius: 60px;
}

.contents09 p {
	flex: 1;
	padding-left: 20px;
	line-height: 1.6;
	letter-spacing: 0em;
}

.sp-view {
	display: none;
}