*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html{
scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background: #fff;
}
a{
	text-decoration: none;
}

a i{
}
#wrapper{
	overflow: hidden;
	max-width: 100%;
}
.h2title{
	font-size: 24px;
	margin-bottom: 30px;
}
.h2-bar{
	width: 500px;
	margin: 0 auto;
	padding-bottom: 20px;
	color:#4bcdcd;
	font-size: 20px;
	position: relative;
}
.h2-bar:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #4bcdcd, #4bcdcd 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #4bcdcd, #4bcdcd 2px, #fff 2px, #fff 4px);
}
.fadein {
 opacity: 0;
 transform : translate(0, 50px);
 transition : all 1500ms;
}

.fadein.scrollin{
 opacity: 1;
 transform: translate(0, 0);
}
/*----------------------------------------------------------*/
.top{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	max-width: 100%;
}
#contents1{
	width: 100%;

}
#contents1 ul{
	margin:0;
	padding:0;

}
.bxslider1{
	width: 100%;
	height: 100%;

}
.bxslider1 li img{
	width: 100%;
	height: 100%;
}
.mbimg{
	display: none;
}
/*----------------------------------------------------------*/
.corona{
	width: 100%;
		max-width: 900px;
		margin: 0 auto;
		text-align: center;
}
.corona img{
	width: 100%;
}
/*----------------------------------------------------------*/
.boxdt-1{
	width: 100%;
	height: 100%;
	padding: 50px 0 10px;
	max-width: 100%;
	margin: 0px 0  0;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
		background: url("img/d1.jpg");
		background-position: center left;
		background-repeat: no-repeat;
		background-size: cover;
}
.boxdt-1-in{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color:#a67f07;
	box-sizing: border-box;/* 追加1 */
  max-width: 100%;/* 追加2 */
}
.boxdt-1-text{
	max-width: 80%;
	margin: 0 auto;
	color:#000;
	display: block;
	justify-content:center;

	padding: 50px 0;
	line-height:1.5em;
}
.b1t-left{
width: 100%;
max-width: 1200px;
display: block;
justify-content: center;
margin: 0 auto;
}
/* ------------------------- */
/* -------- 吹き出し -------- */
/* ------------------------- */
.balloon{
  display: flex;
  margin: 0 0 1.5em 0;
}
.balloonR{
  flex-direction: row-reverse;
}
.balloon-img{
  width: 30%;
  max-width: 150px;
  height: auto;
  flex-shrink: 0;
}
.balloon-img img{
  width: 100%;
}
.balloon-text{
	width: 70%;
  padding: 1em;
  border-radius: 6px;
  position: relative;
  display: flex;
text-align: left;
}
.balloon-text-inner{
  margin: auto;
}
.balloon-text-inner p{
  margin: 10px 0;
}
.balloon-text::before,.balloon-text::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.balloonL .balloon-text{
  margin: 0 0 0 15px;
	border: 3px solid #fff;
	background: #fff;
}
.balloonR .balloon-text{
  margin: 0 15px 0;
  background: #fff;
}
.balloonL .balloon-text::before{
  left: -16px;
  border-right: 16px solid #fff;
}
.balloonR .balloon-text::before{
  right: -16px;
  border-left: 16px solid #fff;
}
.b1t-center{
	width: 100%;
	max-width: 600px;
	margin: 20px auto;
}
.b1t-center h3{
	font-size: 20px;
	line-height:1.75em;
}
.b1t-center img{
width: 100%;
}
.merit{
	background: #ff8ba5;
	color:#fff;
	padding:2px 5px;
	border-radius: 5px;
}
.mm-midashi{

	color:#4bcdcd;
	font-size: 1.8em;
	line-height:1.5em;
}
.ollist{
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.ollist li {
  padding-left: 30px;
  position: relative;
	color:#4bcdcd;
	margin:10px 0;
}
.ollist li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #4bcdcd;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.b1t-left-mini{
padding:10px 10px 10px;
  background: #fff;
}
.pink{
color:#ff8ba5;
}
.b1t-left-mini a{
	text-decoration: none;
	color:#4bcdcd;
	border-bottom:1px solid #4bcdcd;
}

/*-------------------------------------------------------------------*/
.gradhbox{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
	justify-content: center;
	background: #fff;
}
.gradhbox img{
	width: 100%;
height:100%;
	max-width: 900px;
	margin: 0 auto;
}
/*-------------------------------------------------------------------*/
/*----------------------------------------------------------*/
.boxdt-2{
	width: 100%;
	height: 100%;
	padding: 50px 0;
	margin:  0;
	font-size: 15px;

	display: flex;
	justify-content: center;
	align-items: center;
}
.boxdt-2-in{
	width: 80%;
	max-width: 900px;
	margin: 0 auto;
text-align: center;
color:#000;
box-sizing: border-box;　/* 追加1 */
max-width: 100%;　/* 追加2 */

}
.h2box{
	background: #ff8ba5;
	color:#fff;
	padding: 20px;
	border-radius: 10px;
}
.boxdt-2-mini{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0;
}
.bdt2-mini{
	width:100%;
	margin: 20px;
}
.bdt2-mini img{
	width: 100%;
}
.bdt2-mini-text{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.bdt2-mini-text h3{
	color:#a67f07;
}
.bdt2-mini-text p{
	width: 100%;
text-align: left;
font-size: 18px;
margin-bottom: 20px;
}
.bdt2-mini-text a{
}
.bdt2-mini-text a:hover{
}
.circle {
    position: relative;/* ←文字の親要素に指定 */
    width: 200px;
    height: 200px;
			background: #d5fbff;
    border-radius: 50%;
    margin: 0 10px;
    text-align: center;
		font-weight: bold;
}
.circle-inner {
	text-decoration: none;
	color:#4bcdcd;
	width:80%;
	font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*----------------------------------------------------------*/
.boxdt-3{
	width: 100%;
	height: 100%;
	margin: 20px 0 0;
	margin:  0;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
padding: 50px 0 0;
	background: url("img/d2.jpg");
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
}
.boxdt-3-in{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color:#000;
	box-sizing: border-box;/* 追加1 */
  max-width: 100%;/* 追加2 */
}
.boxdt-3-in h2{
		font-size:20px;
		color:#000;
		font-weight: 400;
}
.mb{
	display: none;
}
.boxdt-3-mini{
		width: 100%;

	padding: 20px 0 0;
}
.b3mini-in{
	width: 90%;
	max-width: 900px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.b3t-right{
width: 100%;
display: block;
justify-content: center;
text-align: left;
}
.h3komidashi{
font-size:30px;
}
.b3t-right-txt{
	display: block;
}
.b3t-right-txt p{
	font-size: 15px;
margin: 10px 0;
line-height: 1.5em;
}
.left-img{
	width: 100%;
	height: 100%;
	max-width: 300px;
	margin-right: 20px;
}
/*---------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
@media only screen and (max-width:1200px) {
.boxdt-1{
  background-size: cover;
background-attachment: scroll;
}

.boxdt-2{

  background-size: cover;
background-attachment: scroll;

}
.circle {
    width: 180px;
    height:180px;
}
.circle-inner {
	font-size: 15px;
}
}


@media only screen and (max-width:768px) {
.h2-bar{
	width: 90%;
	max-width: 450px;
	margin: 0 auto;
	padding-bottom: 20px;
	font-size: 18px;
}
.h2-bar:after {
}
.detail-right{
	font-size: 15px;
	max-width: 300px;
}
.detail-center{
	max-width: 300px;
	font-size: 15px;
}
.pcimg{
	display: none;
}
.mbimg{
	display: flex;
}


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

.boxdt-1{
	padding: 30px 0 10px;
	font-size: 14px;
}
.boxdt-1-in{
}
.boxdt-1-text{
	width: 100%;
	max-width: 90%;
	padding:20px 0;
}
.b1t-left{
max-width: 100%;
}
.balloon{
  margin: 0 0 1.5em 0;
}
.balloonR{
}
.balloon-img{
  width: 110px;
  max-width: none;
}
.balloon-img img{
}
.balloon-text{
	width: 100%;
}
.balloon-text-inner{
}
.balloon-text-inner p{
  margin: 10px 0;
}
.balloon-text::before,.balloon-text::after{
}
.balloonL .balloon-text{
  margin: 0 0 0 15px;
}
.balloonR .balloon-text{
  margin: 0 15px 0;
}
.balloonL .balloon-text::before{
}
.balloonR .balloon-text::before{
}
.b1t-center{
	width: 100%;
	max-width: 450px;
	margin: 20px auto;
}
.b1t-center h3{
	font-size: 20px;
	line-height:1.75em;
}
.b1t-center img{
width: 100%;
}
.merit{
}
.mm-midashi{
	font-size:1.5em;
}
.ollist{
}

.ollist li {
}
.ollist li:before {
}
.b1t-left-mini{
}
.pink{
}
.b1t-left-mini a{
}
	/*----------------------------------------------------------*/
	.boxdt-2{
		padding: 20px 0;
		margin:  0;
		font-size: 15px;
	}
	.boxdt-2-in{
		width: 90%;
		margin: 0 auto;
		}
	.boxdt-2-in h2{
	}
	.h2box{
		margin: 10px; /* 外側の余白 */
		padding: 10px; /* 内側の余白 */
		font-size: 18px;
	}
	.boxdt-2-mini{
		width: 100%;
		display: block;
		justify-content: center;
		align-items: center;
		margin: 0;
	}
	.bdt2-mini{
		width:100%;
		margin: 0px auto;
	}
	.bdt2-mini img{
	}
	.bdt2-mini-text{
		width: 100%;
		margin-top: 15px;
		margin: 0 auto;
	}
	.bdt2-mini-text h3{
	}
	.bdt2-mini-text p{
font-size: 14px;
	}
	.bdt2-mini-text a{
	}
	.bdt2-mini-text a:hover{

	}

	.circle {
	    width: 150px;
	    height: 150px;
	    margin: 0 5px;
	}
.circle-inner {
	width:90%;
	font-size: 14px;
}
/*----------------------------------------------------------*/


	/*----------------------------------------------------------*/
	.boxdt-3{
		margin: 20px 0 0;
		margin:  0;
		font-size: 15px;
	}
	.boxdt-3-in{

	}
	.pc{
		display: none;
	}
	.mb{
		display: block;
	}
	.boxdt-3-in h2{
		font-size:22px;
	}
	.boxdt-3-mini{
		padding: 20px 0;
	}
	.b3mini-in{
	width: 90%;
		display: block;
		justify-content: center;
	}
	.b3t-right{
	width: 100%;
	max-width: 100%;
	margin: 0;
	}
	.h3komidashi{
	font-size:20px;
	}
	.b3t-right-txt{
	}
	.b3t-right-txt p{
	font-size: 14px;
	}
	.left-img{
		width: 100%;
		height: 100%;
		max-width: 300px;
	margin-right: 0px;
	}
	/*----------------------------------------------------------*/
}
@media only screen and (max-width:500px) {
.h2-bar{
	width: 90%;
	font-size: 3.5vw;
}
.balloon-img{
  width: 90px;
}

	.h2box{
		margin: 10px; /* 外側の余白 */
		padding: 10px; /* 内側の余白 */
		font-size: 4.2vw;
	}
.bdt2-mini-text{
	display: block;
	justify-content: center;
	text-align: center;
}
	.circle {
	    width: 200px;
	    height: 200px;
	    margin: 0 auto 20px;
	}
.circle-inner {
	width:90%;
	font-size: 15px;
}
	.mm-midashi {
	    font-size: 1.4em;
	}
	.boxdt-3-in h2{
		font-size:4.5vw;
	}
}

@media only screen and (max-width:380px) {
	.boxdt-1-text {
    max-width: 95%;
}
.balloon-img{
  width: 80px;
}
}
@media only screen and (max-width:340px) {
.balloon-img{
  width:70px;
}
}