@charset "UTF-8";

/* 
@font-face {
  font-family: "TsukuGo1";
  src: url("/fonts/FOT-TsukuGoPro-D.woff2?var=2") format('woff2'),
   url("/fonts/FOT-TsukuGoPro-D.woff?var=1")  format('woff');
}
@font-face {
  font-family: "TsukuGo2";
  src: url("/new/fonts/FOT-TsukuMinPro-LB.woff2?var=2") format('woff2'),
   url("/new/fonts/FOT-TsukuMinPro-LB.woff?var=1")  format('woff');
}
*/

.SourceHanSans_regular {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.SourceHanSans_normal {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.SourceHanSans_medium {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.SourceHanSans_bold {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.FOT-TsukuMinPr6N {
	font-family: fot-tsukumin-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}

html, .contents * p, .gotoTw, .productText {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}

.b1{
	font-weight: 300;
}
.b400{
	font-weight: 400!important;
}
.b500{
	font-weight: 500!important;
}
.b600{
	font-weight: 600!important;
}

.mod-footLink {
	background: #f5f3f3;
}

.mod-footLink-logo{
	margin-top:0px;
}

.productText{
	text-align:left;
	display:block!important;
}


.s1{
	font-size: 1.8vw!important;
	font-weight: lighter; 	
}
.s2{
	font-size: 1.4vw!important;
}
.price{
	font-weight: lighter; 
	font-size: 1.8vw!important;

}
.zei{
	font-size: 1.4vw!important;
}

.left{
	text-align:left;
}

.mod-footSns-links-item:last-child {
	margin-right:0%!important;
}
.mod-footSns-links{
	text-align:center;
}
.mod-footLink-cats-h span{
	padding-top:2px; /* 8px*/
}
.mod-header-logo {
	height: 50px;
	padding-top : 10px;
}

li {
	list-style-type: none;
}
.mod-header-logo-img.is-text {
	display: initial;
}

/*コメントアウト 
body{
	width: 100%;
	margin: 0px auto;
}
*/

.mod-footLink{
	padding:30px 0px 0px 0px;
}
.mod-header-logo-img {
	width: 35px;
}
.mod-header-logo-img:not(:last-child) {
	margin-right: 10px;
}
.mod-header-logo-img.is-text {
	width: 100px;
}
#wrapper{
	text-align: center!important;
}
.mod-header {
	left: initial;
	padding: 0 10px;
	height: 60px;
	position: fixed;
	z-index: 12;
	background: #fff;
}
.mod-footLink-links-item{
	text-align: left!important;
}

.mod-footer-copyright {
	font-size: 0.8rem!important;
}

.link{
	width:60%;
	height:auto;
	margin:0px 20%;
}


.mod-header , .mod-mainContent, .footer_kinoya, #wrapper,.PConly{
	margin: 0px auto!important;
	max-width: 1024px!important;
	min-width: 320px!important;
	width: 100%!important;
}

.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}

.section_pink{
	background-color: #FFDEEA;
}

.section_normal{
	background-color: #FFF2ED;

}

.link:hover{
	opacity: 0.6;
	cursor: pointer;
}

.clear{
	clear: both;
	width : 100%;
}

.contents {
	background: #FFF2ED;
	padding: 0 120px 0px 120px;
	display:block;
	width:100%;
	border-left:5vw solid #ED8AA6;
	border-right:5vw solid #F4B3C1;
	background: #FFF2ED;
	color : #270707!important;
}
.top_img{

	border-left:5vw solid #ED8AA6;
	border-right:5vw solid #F4B3C1;
	background: #FFF2ED;
}
.top_img div img{
	margin: 10vh 0 2.5vh 0;
}
p{
	text-align: left;
	font-size: 0.8em;
}
.big{
	font-size: 1.0em;
}
.make{
	width: 60%;
	margin:  0 20%;
}

.target{
	padding: 40px;
}

.red{
	color: red;
}

.b0{
	font-size: 1.3em;
}
.b1{
	font-size: 1.4em;
}
.b2{
	font-size: 1.8em;
}

dt p{
	padding: 2.5px 20px;
	width: 100px;
	border: 1px solid #EC8AA6;
	text-align: center;
	border-radius: 20px; 
}
.target{
	background-color: #f4C2CC;
	border-radius: 40px; 
}
.small1{
	font-size: 0.7em;
}
.schedule_title, .apply_title{
	border-radius: 40px; 
	border: 2.5px solid #EC8AA6;
	padding: 5px 0px;
	width: 200px;
	text-align: center;
	margin: 0 auto;
}
.apply_button{
	padding: 5px 0px;
	width: 200px;
	background-color: #EC8AA6;
	display: block;
	margin: 0 auto;
	border-radius: 40px; 
}
.mt_05{
	height: 10px;
}

@media (min-width: 751px) {

	.note{
		margin: 0  0 0 20%;
	}
	.note2{
		width: 80%;
		margin: 0 10%;
	}
	.l2{
		margin-left: 20px;;
	}

	.target{
		display: inline-block;
		width: 100%;
		padding: 40px 80px;
		background-color: #f4C2CC;
	}
	dl{
		margin-bottom: 2vh;
		width: 98%;
		display: flex;
	}
	dt, dd{
		float: left;
	}
	dt{
		width: 29%;
	}
	dd{
		width: 70%;	
		text-align: left;
		margin-bottom: 20px;
		padding-top: 2.5px
	}
	dl:last-child, dd:last-child{
		margin-bottom: 0px;
	}

	.schedule_list{

	}
	.schedule_list div{
		width: 49%;
		float: left;
		text-align: left;
	}
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
	.mod-footLink-logo {
		width: 6%;
		margin-right: 10%!important;
	}
	.left, .right{
		float: left;
		width: 45%;
	}
	.left{
		margin-right: 5%;
	}

}

/* フルサイズ -------------------------------------------------- */
@media (min-width: 1025px) {
	.SPonly,
	.SPonly_process {
		display:none;
	}
	.mt05{
		margin-top: 5px;
		display:inline-block;
	}
	.mt1{
		margin-top: 10px;
		display:inline-block;
	}
	.mt2{
		margin-top: 20px;
		display:inline-block;
	}
	.mt3{
		margin-top: 30px;
		display:inline-block;
	}
	.mt4{
		margin-top: 40px;
		display:inline-block;
	}
	.mb03{
		margin-top: 3px;
		display:inline-block;
	}
	.mb05{
		margin-top: 5px;
		display:inline-block;
	}
	.mb1{
		margin-bottom: 10px;
		display:inline-block;
	}
	.mb2{
		margin-bottom: 20px;
		display:inline-block;
	}
	.mb3{
		margin-bottom: 30px;
		display:inline-block;
	}
	.mb4{
		margin-bottom: 40px;
		display:inline-block;
	}
}


/* PCサイズ -------------------------------------------------- */
@media (min-width: 751px) and (max-width: 1024px) {

	.SPonly,
	.SPonly_process {
		display:none;
	}

	.mt05{
		margin-top: 0.5vw;
		display:inline-block;
	}
	.mt1{
		margin-top: 1vw;
		display:inline-block;
	}
	.mt2{
		margin-top: 2vw;
		display:inline-block;
	}
	.mt3{
		margin-top: 3vw;
		display:inline-block;
	}
	.mt4{
		margin-top: 4vw;
		display:inline-block;
	}
	.mb03{
		margin-top: 3px;
		display:inline-block;
	}
	.mb05{
		margin-top: 5px;
		display:inline-block;
	}
	.mb1{
		margin-bottom: 1vw;
		display:inline-block;
	}
	.mb2{
		margin-bottom: 2vw;
		display:inline-block;
	}
	.mb3{
		margin-bottom: 3vw;
		display:inline-block;
	}
	.mb4{
		margin-bottom: 4vw;
		display:inline-block;
	}
}

/* スマホサイズ -------------------------------------------------- */
@media (max-width: 750px) {
	.pc{
		display: none;
	}
	.w80sp{
		width: 80%;
	}
	.note{
		width: 90%;
		margin: 0 5%;
	}
	.note2{
		width: 90%;
		margin: 0 5%;
	}
	.contents, .top_img {
		padding: 0 5vw 0px 5vw;
		border-left:initial;
		border-right:initial;
	}
	dt p{
		width: 120px;
		display : inline-block;
		margin-bottom: 10px;
	}
	dd, dt{
		width: 100%;
		float: initial;
		display: block;
		text-align: center;
	}
	dd p{
		display: block;
		text-align: center;	

	}
	dl{
		margin-bottom: 30px;
	}
	dl:last-child, dd:last-child{
		margin-bottom: 0px;
	}
	.contents, .footer_kinoya {
		/*top: -80px;*/
	}
	.footer_kinoya {
		position: relative;
	}
	.PConly,
	.PConly_process {
		display:none;
	}

	.mod-footLink-cats-h span{
		padding-top: 0px;
	}
	.mod-footLink-cats-btn{
		display: none;
	}
	.sen1:before, .sen1:after {
		width: 35vw;
	}

	.mt05{
		margin-top: 5px;
		display:inline-block;
	}	
	.mt1{
		margin-top: 10px;
		display:inline-block;
	}
	.mt2{
		margin-top: 20px;
	}
	.mt3{
		margin-top: 30px;
		display:inline-block;
	}
	.mt4{
		margin-top: 30px;
		display:inline-block;
	}
	.mb1{
		margin-bottom: 10px;
		display:inline-block;
	}
	.mb2{
		margin-bottom: 20px;
		display:inline-block;
	}
	.mb3{
		margin-bottom: 30px;
		display:inline-block;
	}
	.mb4{
		margin-bottom: 30px;
		display:inline-block;
	}
}

/* スマホ小サイズ -------------------------------------------------- */
@media (max-width: 520px) {

	.PConly {
		display:none;
	}

	.mt05{
		margin-top:5px;
	}
}
@media (max-width: 390px) {
}

.color_pink{
	background : #fbddd9;
}


.img_kakutori {
	border-radius: 20px;
  }

  

  .container {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	height: 62vw;
	display: inline-block;	
}

.image {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim 15s infinite;
	left: 0;
	top:0;
}

.image:nth-of-type(1) {
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 5s;
}
.image:nth-of-type(3) {
	animation-delay: 15s;
}

@keyframes change-img-anim {
	0%{ opacity: 0;}
	10%{ opacity: 1;}
	90%{ opacity: 1;}
	100%{ opacity: 0;}
}