@charset "utf-8";
article#ArticleWrap{
	width: 1100px;
	max-width: 100%;
	min-width: 1024px;
	margin: 0 auto;
	padding: 40px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}
section#ArticleLeft{
	width: 68%;
	margin: 0 auto;
	padding: 7px;
	box-sizing: border-box;
}
		section#ArticleLeft img{
			width: 100%;
			margin: 35px auto;
			display: block;
		}
		section#ArticleLeft p{
			color: #444;
			margin: 10px auto;
			padding: 0 2px 0 6px;
			box-sizing: border-box;
		}
	div#ArticleHead{
		width: 100%;
		margin: 0 auto 20px;
		padding: 0 0 20px;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
	}
		div#ArticleHead h1{
			font-size: 2em;
			margin: 10px auto 24px;
			padding: 0;
			box-sizing: border-box;
			line-height: 1.2;
		}
		div#ArticleHead h2{
			font-size: 1em;
			margin: 15px auto;
			padding: 3px 10px;
			box-sizing: border-box;
			background:#EE8AA3;
			color: #fff;
			font-weight: bold;
		}
			div#ArticleHead h2 i{
				margin: 0 10px;
			}
			div#ArticleHead h2 span{
				font-size: 0.8em;
				font-weight: normal;
			}
		div#ArticleHead h3{
			font-size: 1.2em;
			margin: 22px auto 14px;
			padding: 3px 5px;
			color: #FF5573;
		}
	div#ArticleContaints{
		width: 100%;
		margin: 30px auto 50px;
		padding: 0;
		box-sizing: border-box;
	}
		div.ArticleContaintsBox{
			width: 100%;
			margin: 30px auto;
			padding: 0 5px 20px;
			box-sizing: border-box;
		}
			div.ArticleContaintsBox h3{
				font-size: 1.6em;
				padding: 5px 0;
				box-sizing: border-box;
				border-bottom: 1px solid #ccc;
				margin:20px auto 20px;
				color: #666;
			}
				div.ArticleContaintsBox h3 i{
					margin-right: 10px;
					color:#ED9AA8;
				}
			div.ArticleContaintsBox h4{
				font-size: 1.1em;
				padding: 7px 10px;
				box-sizing: border-box;
				margin:34px auto 14px;
				color: #777;
				background:#F8F8E7;
				font-weight: bold;
				text-shadow: 1px 1px 1px #fff;
			}
				div.ArticleContaintsBox h4 i{
					margin-right: 7px;
					color:#E48C98;
					text-shadow: 1px 1px 1px #ddd;
				}
			div.ArticleContaintsBox h5{
				font-size: 1.1em;
				font-weight: bold;
				margin: 30px auto 10px;
			}
				div.ArticleContaintsBox h5 i{
					margin-right: 8px;
				}
			div.ArticleContaintsBox figure{
				margin: 50px auto;
			}
				div.ArticleContaintsBox img{
					width: 100%;
					margin: 0 auto !important;
				}
					div.ArticleContaintsBox figcaption{
						text-align: center;
						font-size: 0.9em;
						margin: 10px auto!important;
						color: #888;
					}
.simple-btn3{
  --mainColor :#3b82f6;
  --subColor :#fff;
  margin-left: auto;
  margin-right: auto;
	margin-top: 40px;
	padding: 20px 55px!important;
	color: #fff!important;
  display: block;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  cursor: pointer;
  border-radius: 9999px;
  border-style: solid;
  border-color: var(--mainColor);
  background-color: var(--mainColor);
  font-weight: 700;
  color: var(--subColor);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  font-size: clamp(14px, 1.1111111111111112vw, 18px);
  padding-right: clamp(8px, 4.266666666666667vw, 24px);
  padding-left: clamp(8px, 4.266666666666667vw, 24px);
  padding-top: clamp(4px, 2.1333333333333333vw, 12px);
  padding-bottom: clamp(4px, 2.1333333333333333vw, 12px);
  border-top-width: clamp(1px, 0.1388888888888889vw, 3px);
  border-right-width: clamp(1px, 0.1388888888888889vw, 3px);
  border-bottom-width: clamp(1px, 0.1388888888888889vw, 3px);
  border-left-width: clamp(1px, 0.1388888888888889vw, 3px);
}
.simple-btn3 a{
	color: #fff!important
}

.simple-btn3:hover {
  background-color: var(--subColor);
  color: var(--mainColor);
	color: #248EF4!important;
}

@media (min-width: 1025px) {
  .simple-btn3 {
    font-size: clamp(14px, 4.266666666666667vw, 18px);
    padding-right: clamp(24px, 2.2222222222222223vw, 40px);
    padding-left: clamp(24px, 2.2222222222222223vw, 40px);
    padding-top: clamp(12px, 1.1111111111111112vw, 24px);
    padding-bottom: clamp(12px, 1.1111111111111112vw, 24px);
  }
}
/****Style****/
span.labelA{
	font-weight: bold;
	color: #528CD1;
	margin-right: 10px;
}
span.labelB{
	font-weight: bold;
	color:#DD58A2;
	margin-right: 10px;
}
span.noticeA{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 3px;
	color: #4098C7;
}
span.noticeB{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 3px;
	color:#F7769E;
}
span.tsukkomiA{
	font-size: 0.8em;
	color: #999;
	font-family: 'Abril Fatface', cursive;
	letter-spacing: 0.1em;
}
ul.ListStyleA{
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #f1f1f1;
	background:#F9F9F8;
	width: 100%;
	box-sizing: border-box;
}
	ul.ListStyleA li{
		width: auto;
		list-style: disc;
		color: ;
		padding: 7px 0 7px;
		margin-left: 1.3em;
		box-sizing: border-box;
	}
ul.ListStyleNo{
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #f1f1f1;
	background:#F9F9F8;
	width: 100%;
	box-sizing: border-box;
}
	ul.ListStyleNo li{
		width: auto;
		list-style:decimal;
		color: ;
		padding: 7px 0 7px 10px;
		margin-left: 1em;
		box-sizing: border-box;
	}
dl.dl-StyleA{
	width: 98%;
	margin: 30px auto;
	padding: 0;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	box-sizing: border-box;
}
	dl.dl-StyleA dt{
		width: 30%;
		margin: 0 auto;
		padding: 10px;
		box-sizing: border-box;
		background: #f7f7f7;
		border-bottom: 1px solid #ddd;
	}
	dl.dl-StyleA dd{
		width: 70%;
		margin: 0 auto;
		padding: 10px;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
	}
div.indentStyleA{
	width: 100%;
	padding-left: 1.5em;
	box-sizing: border-box;
}
.moveline-wrapper{margin:0 0 1.5em}
    .moveline-1{position:relative;display:inline !important;background:linear-gradient(transparent 60%,#FFF4BE 40%);background-repeat:no-repeat;background-size:0% 100%;padding-bottom:2px}
    .moveline_start-1{transition:1.5s;background-size:100% 100%}
    .moveline-2{position:relative;display:inline !important;background:linear-gradient(transparent 60%,#FFF4BE 40%);background-repeat:no-repeat;background-size:0% 100%;padding-bottom:2px}
    .moveline_start-2{transition:1.5s;background-size:100% 100%}
	.moveline-3{position:relative;display:inline !important;background:linear-gradient(transparent 60%,#FFF4BE 40%);background-repeat:no-repeat;background-size:0% 100%;padding-bottom:2px}
    .moveline_start-3{transition:1.5s;background-size:100% 100%}
/****HeadLine****/
h2.h2-BaseA{
	text-align: center;
	font-size: 1.6em;
	margin: 10px auto 30px;
	padding: 0 0 20px;
	font-weight: normal;
	letter-spacing: 0.1em;
	 position: relative;
	line-height: 1.6;
	text-shadow: 1px 1px 1px #fff;
}
	h2.h2-BaseA span {
	  font-size: 0.6em;
	  display: block;
	}
		h2.h2-BaseA:before {
		  position: absolute;
		  bottom: -0px;
		  left: calc(50% - 80px);
		  width: 160px;
		  height: 3px;
		  content: '';
		  background:url("../img/common/h2lineA.png") no-repeat center;
			background-size: 100% 100%;
		}
h4.h4-StyleA{
	width: 100%;
	margin: 20px auto 10px;
	padding: 3px 0 3px 10px;
	border-left: 8px solid #D7CDA9;
	font-size: 1.2em;
}
/**********FAQ***********/
div.faqWrap{
	width: 96%;
	margin: 30px auto;
	padding: 0;
	box-sizing: border-box;
}
	div.faqBox{
		width: 100%;
		margin: 7px auto;
		padding: 7px 7px;
		box-sizing: border-box;
		border: 1px solid #f8f8f8;
	}
		div.faqQ{
			width: 100%;
			margin: ;
			padding: 5px 5px;
			box-sizing: border-box;
			background: #F8EAEF;
		}
			div.faqQ i{
				font-size: 2.2em;
				margin-right: 10px;
				color:#F54E92;
			}
		div.faqA{
			padding-left: 1.5em;
			box-sizing: border-box;
		}
			div.faqA i{
				font-size: 1.8em;
				margin-right: 10px;
				color:#2E7CDB;
			}

/*********MOVIE***********/
.movieWrap{
	width: 100%;
	margin: 40px auto;
	padding: 10px 30px;
	background: #111;
	box-sizing: border-box;
}
	.movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
	}
		.movie iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		}

@media screen and (max-width : 1300px) {
}
@media screen and (max-width : 1100px) {
}
@media screen and (max-width : 1024px) {
}
@media screen and (max-width : 768px) {
article#ArticleWrap{
	width: 96%;
	max-width: auto;
	min-width: auto;
	margin: 0 auto;
	padding: 40px 0;
	display: block;
}
section#ArticleLeft{
	width: 100%;
	margin: 0 auto;
	padding: 7px;
	box-sizing: border-box;
	font-size: 1em;
}
		section#ArticleLeft img{
		}
	div#ArticleHead{
	}
		div#ArticleHead h1{
			font-size: 1.6em;
		}
		div#ArticleHead h2{
		}
	div#ArticleContaints{
		margin: 30px auto;
	}
		div.ArticleContaintsBox{
			margin: 30px auto;
			padding: 0 5px 20px;
		}
			div.ArticleContaintsBox h3{
				font-size: 1.5em;
			}
				div.ArticleContaintsBox h3 i{
				}

/*****headline******/
h2.h2-BaseA{
	font-size: 1.3em;
	line-height: 1.4;
}
	h2.h2-BaseA span {
	}
		h2.h2-BaseA:before {
		}
/*********MOVIE***********/
.movieWrap{
	width: 100%;
	padding: 10px 10px;
}
	.movie{
	}
		.movie iframe{
		}
}
@media screen and (max-width : 634px) {
}
@media screen and (max-width : 480px) {
}
@media screen and (max-width : 320px) {
}