@charset "UTF-8";
/* reset css　
---------------------------------------------------------------------------- */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* common class
---------------------------------------------------------------------------- */
* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

ul li, ol li {
  list-style-type: none;
}

address {
  font-style: normal;
}

@media screen and (min-width: 1000px) {
  .pc-none {
    display: none !important;
  }
}
@media screen and (min-width:768px)  and (max-width: 1000px) {
  .tb-none {
    display: none !important;
  }
}
@media screen and (max-width: 767.999px) {
  .sp-none {
    display: none !important;
  }
}
strong {
  font-weight: inherit;
}

/* common
-------------------------------------------------------------------------------------------------------------------------------------*/

/*
font-family: "Kaisei Decol", serif;
font-family: "Kaisei Opti", serif;
font-family: "Zen Old Mincho", serif;
*/

body {
  background: #fff;
  color: #2B2E34;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Zen Old Mincho", serif;
  padding: 0;
  width: 100%;
  max-width: 1920px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
  margin: 0 auto;
  display: flex;
  overflow-x: hidden;
  @media screen and (max-width: 767.999px) {
    min-width: 0;
    width: 100vw;
	font-size: calc(16 / 3.9 * 1vw);
  }
}
#stalker {
    @media screen and (min-width: 1000px) {
        pointer-events: none;
        position: fixed;
        width: 180px;
        height: 180px;
        background: #fff url(/common/img/icon_cyl.png) center center / contain no-repeat;
        filter: blur(12px);
        border-radius: 50%;
        transition: transform ease-out 0.5s;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}
.under-layer{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(ellipse 30% 100% at 10% 30%, rgba(225, 0, 255, 0.3) 0, transparent 50%),
                radial-gradient(ellipse 30% 100% at 70% 80%, rgba(113, 167, 211,.3) 0, transparent 40%),
                radial-gradient(at 0 100%, #F6FA70 0, transparent 80%);
    position: fixed;
    z-index: 1;
	@media screen and (max-width: 767.999px) {
		width: 100vw;
	}
}
.top-layer{
  height: auto;
  background: rgba(255,255,255,.2);
  position: relative;
  z-index: 900000;
}

/* header
-------------------------------------------------------------------------------------------------------------------------------------*/

header{
	z-index: 999990;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	background: rgba(255, 255, 255, 0.7);
	.header-inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20px;
		width: 100%;
		height: 70px;
		max-width: 1280px;
		@media screen and (max-width: 1000px) {
			position: relative;
		}
		@media screen and (max-width: 767.999px) {
			padding: 0 calc(16 / 3.9 * 1vw);
			height: calc(60 / 3.9 * 1vw);
		}
		.header-title{
			font-size: 18px;
			font-family: "Kaisei Decol", serif;
			font-weight: 700;
			display: flex;
			align-items: center;
			line-height: 1;
			color: #630c6b;
			@media screen and (max-width: 767.999px) {
				font-size: calc(16 / 3.9 * 1vw);
			}
			&::before{
				content: "";
				background: #fff url(../img/icon_cyl.png) center center /30px 30px no-repeat;
				display: block;
				height: 36px;
				width: 36px;
				border-radius: 50%;
				margin-right: 8px;
				mix-blend-mode: multiply;
				position: relative;
				top: 2px;
				@media screen and (max-width: 767.999px) {
					background: #fff url(../img/icon_cyl.png) center center /calc(24 / 3.9 * 1vw) calc(24 / 3.9 * 1vw) no-repeat;
					height: calc(30 / 3.9 * 1vw);
					width: calc(30 / 3.9 * 1vw);
					margin-right: calc(6 / 3.9 * 1vw);
					top: calc(2 / 3.9 * 1vw);
				}
			}
		}
	}
	.sp-menu-btn-box{
		display: flex;
		align-items: center;
		column-gap: 8px;
		.btn-icon{
			display: flex;
			flex-direction: column;
			width: 18px;
			height: 24px;
			position: relative;
			span{
				display: block;
				height: 8px;
				width: 8px;
				background: #630c6b;
				border-radius: 50%;
				position: absolute;
				transition: .3s ease-out;
				&.upper-ball{
					top: 0;
					right: 0;
				}
				&.mid-ball{
					top: 8px;
					left: 0;
				}
				&.lower-ball{
					top:16px;
					right: 0;
				}
				
			}
		}
		.label{
			line-height: 1;
			font-size: 16px;
			color: #630c6b;
			font-family: "Kaisei Decol", serif;
		}
		&.is-active{
			.btn-icon{
				display: flex;
				flex-direction: column;
				width: 1em;
				span{
					&.upper-ball{
						top: 0;
						right: 10px;
					}
					&.mid-ball{
						top: 8px;
						left: 10px;
					}
					&.lower-ball{
						top:16px;
						right: 10px;
					}
				}
			}
		}
	}
	nav{
		ul{
			font-size: 16px;
			font-weight: 500;
			display: flex;
			justify-content: space-between;
			column-gap: calc(30 / 19.2 * 1vw);
		}
		@media screen and (max-width: 1000px) {
			position: absolute;
			right: -230px;
			top: 70px;
			z-index: 999998;
			transition: .3s ease-out;
			ul{
				display: flex;
				flex-direction: column;
				padding: 20px 24px;
				border: 1px solid #fefefe;
				border-bottom-left-radius: 16px;
				border-top-left-radius: 16px;
				background: rgba(124, 216, 219, 0.856);
				li a{
					padding: 8px 0;
					display: block;
					border-bottom: 1px solid #eee;
				}
			}
		}
		@media screen and (max-width: 767.999px) {
			top: calc(60 / 3.9 * 1vw);
		}
		&.h-open{
			right: 0;
		}
	}
}

/* Footer
-------------------------------------------------------------------------------------------------------------------------------------*/
footer{
  	position: relative;
	z-index: 999999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 64px 0 32px;
	@media screen and (max-width: 767.999px) {
		padding: calc(48 / 3.9 * 1vw) 0 calc(24 / 3.9 * 1vw);
	}
	ul{
		display: flex;
		justify-content: center;
		margin-bottom: 2em;
		transition: .2s ease;
		@media screen and (max-width: 767.999px) {
			flex-direction: column;
			align-items: center;
			margin-bottom: 1.5em;
		}
		li{
			padding: 0 .5em;
			&:hover{
				text-decoration: underline;
				opacity: .7;
			}
		}
	}
	p{
		@media screen and (max-width: 767.999px) {
			text-align: center;
			line-height: 1.5;
		}
	}
	small{
		font-size: 14px;
	}
}


.scroll-bar.top {
  left: 40px;
  position: fixed;
  transition: opacity 0.4s ease-out;
  top: 870px;
  transform: rotate(-90deg);
  transform-origin: left top;
  z-index: 50;
}
.scroll-bar.top.hide {
  opacity: 0;
}
@media screen and (max-width: 767.999px) {
  .scroll-bar.top {
    display: none;
  }
}
.scroll-bar.bottom {
  bottom: 40px;
  opacity: 0;
  mix-blend-mode: exclusion;
  position: fixed;
  pointer-events: none;
  right: 40px;
  transform: rotate(90deg);
  transform-origin: right bottom;
  transition: 0.4s ease;
  z-index: 999999;
  @media screen and (max-width: 767.999px) {
	right: 25px;
  }
}
.scroll-bar.bottom.show {
  opacity: 1;
  pointer-events: all;
}
.scroll-bar.bottom.show:hover {
  cursor: pointer;
  opacity: 0.7;
}


/* layout
-------------------------------------------------------------------------------------------------------------------------------------*/
.c-section-wrap{
    padding: 200px 0;
	@media screen and (max-width: 767.999px) {
		padding: calc(100 / 3.9 * 1vw) 0;
	}
    .c-cont-inner {
		width: 100%;
		max-width: 1140px;
		padding: 0 20px;
		margin: 0 auto;
		@media screen and (max-width: 1000px) {
			margin: 0;
			padding: 0 calc(14 / 3.75 * 1vw);
		}
		@media screen and (max-width: 767.999px) {
			padding: 0 calc(14 / 3.9 * 1vw);
		}
		&.type-form{
			width: 768px;
			padding: 0 20px;
			margin: 0 auto;
			@media screen and (max-width: 767.999px) {
				width: 100%;
				padding: calc(14 / 3.9 * 1vw);
			}
		}
    }
    &.block01{
      background: rgba(10, 182, 76, 0.1);
    }
    &.block03{
      background: rgba(182, 10, 105, 0.1);
    }
	
}
.c-cont-block{
	margin-bottom: 3em;
	&.mb00{
		margin-bottom: 0;
	}
}
.hero-wrap{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
	padding: 270px 0 200px;
	@media screen and (max-width: 767.999px) {
		padding: calc(160 / 3.9 * 1vw) calc(20 / 3.9 * 1vw) calc(100 / 3.9 * 1vw);
	}
    h1{
        font-weight: 500;
        font-family: "Kaisei Decol", serif;
        font-size: 64px;
        text-align: center;
        mix-blend-mode: multiply;
        line-height: 1.25;
		color: #630c6b;
		@media screen and (max-width: 767.999px) {
			font-size: calc(34 / 3.9 * 1vw);
		}
    }
}
.lead-block{
	background: rgba(255,255,255,.3);
	padding: 16px;
	margin-bottom: 3em;
	border-radius: 24px;
	@media screen and (max-width: 767.999px) {
		padding: calc(10 / 3.9 * 1vw);
		border-radius: calc(16 / 3.9 * 1vw);
	}
	.inner{
		border: 1px solid #97a10c;
		border-radius: 16px;
		padding: 16px;
		@media screen and (max-width: 767.999px) {
			border-radius: calc(10 / 3.9 * 1vw);
			padding: calc(10 / 3.9 * 1vw);
		}
	}
}
.cont-notic-block{
	background: rgba(142, 189, 190, 0.2);
	margin: 5em 0;
	padding: 24px;
	border-radius: 12px;
	@media screen and (max-width: 767.999px) {
		padding: calc(10 / 3.9 * 1vw);
		border-radius: calc(10 / 3.9 * 1vw);
	}
	h4{
		font-weight: 500;
		font-size: 20px;
		text-align: center;
		margin-bottom: 1.5em;
		width: 100%;
		border-bottom: 1px solid rgba(0, 85, 0, .5);
		padding-bottom: 8px;
		@media screen and (max-width: 767.999px) {
			font-size: calc(16 / 3.9 * 1vw);
		}
	}
	ol{
		display: flex;
		flex-direction: column;
		row-gap: 1em;
		li{
			display: flex;
			&::before{
				width: 24px;
			}
			span{
				flex: 1;
			}
		}
		li:nth-child(1){
			&::before{
				content: "1.";
			}
		}
		li:nth-child(2){
			&::before{
				content: "2.";
			}
		}
		li:nth-child(3){
			&::before{
				content: "3.";
			}
		}
		li:nth-child(4){
			&::before{
				content: "4.";
			}
		}
	}
}

/* parts
-------------------------------------------------------------------------------------------------------------------------------------*/
.anc-point{
	position: relative;
	top: -120px;
	@media screen and (max-width: 767.999px) {
		top: calc(-80 / 3.9 * 1vw);
	}
}

.c-link-box{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	a{
		width: 400px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(255,255,255,.6);
		font-size: 20px;
		border-radius: 16px;
		border: 1px solid #97a10c;
		position: relative;
		transition: .3s ease-out;
		@media screen and (max-width: 767.999px) {
			width: 100%;
			height: calc(50 / 3.9 * 1vw);
			font-size: calc(18 / 3.9 * 1vw);
		}
		.link-img{
			position: absolute;
			right: 16px;
			display: flex;
			justify-content: space-between;
			height: 14px;
			width: 20px;
			top: calc(50% - 6px);
			span{
				display: block;
				height: 6px;
				width: 6px;
				background: rgba(133, 26, 143,1);
				border-radius: 50%;
				position: absolute;
				&.left-dot{
					top: 0;
				}
				&.mid-dot{
					left: calc(50% - 3px);
					bottom: 0;
				}
				&.right-dot{
					right: 0;
					top: 0;
				}
			}
			&.link{
				transform: rotate(-90deg);
			}
		}
		&:hover{
			@media screen and (min-width: 1000px) {
				background: rgba(133, 26, 143,.7);
				color: #fff;
				.link-img > span{
					background: #fff;
				}
			}
		}
	}
	&.mt00{
		margin-top: 0;
	}
	&.mt5em{
		margin-top: 5em;
	}
	&.mt2em{
		margin-bottom: 2em;
	}
	&.mt3em{
		margin-bottom: 3em;
	}
	&.mt5em{
		margin-bottom: 5em;
	}
	&.mb00{
		margin-bottom: 0;
	}
	p{
		text-align: center;
		color: rgb(47, 105, 107);
		font-size: 20px !important;
		font-weight:700;
		display: flex;
		align-items: center;
		justify-content: center;
		@media screen and (max-width: 767.999px) {
			font-size: calc(16 / 3.9 * 1vw) !important;
		}
	}
}

/* text
-------------------------------------------------------------------------------------------------------------------------------------*/

p{
	margin-bottom: 1em;
	&.notic{
		font-size: .9em;
	}
	&.mb00{
		margin-bottom: 0;
	}
	&.ind01{
		padding-left: 1em;
		text-indent: -1em;
	}
	&.ind07{
		padding-left: 7em;
		text-indent: -7em;
		@media screen and (max-width: 767.999px) {
			br.pc-none{
				display: none;
			}
		}
	}
	&.taC{
		text-align: center;
	}
	.fnt-s{
		font-size: .9em;
	}
}
.title-h2{
    font-size: 48px;
    text-align: center;
    margin-bottom: 72px;
	@media screen and (max-width: 767.999px) {
		font-size: calc(30 / 3.9 * 1vw);
		margin-bottom: calc(30 / 3.9 * 1vw);
	}
    &.type01{
      position: relative;
      display: flex;
      justify-content: center;
      span{
          position: absolute;
          color: #fff;
          z-index: -1;
          font-size: 140px;
          color: rgba(149, 203, 235, .2);
          bottom: -.3em;
		  @media screen and (max-width: 767.999px) {
			font-size:  calc(64 / 3.9 * 1vw);
			bottom: -.22em;
			color: rgba(149, 203, 235, .1);
		  }
      }
    }
}
.title-h3{
	display: flex;
	align-items: center;
	font-size: 32px;
	position: relative;
	margin-bottom: 1em;
	@media screen and (max-width: 1000px) {
		flex-direction: column;
		justify-content: center;
		line-height: 1;
		padding: 20px 0;
	}
	@media screen and (max-width: 767.999px) {
		font-size: calc(24 / 3.9 * 1vw);
		padding: calc(24 / 3.9 * 1vw) 0;
		text-align: center;
		
	}
	&.sp-adj-tight01{
		margin-left: calc(50% - 40px);
		@media screen and (max-width: 767.999px) {
			margin-left: 40%;
		}
	}
	&::before{
		content: "●●●●●●";
		position: absolute;
		left: -116px;
		font-size: 16px;
		letter-spacing: .1em;
		top: 1em;
		color: rgba(133, 26, 143,.3);
		@media screen and (max-width: 1000px) {
			display: block;
			left: 0;
			top: 0;
			letter-spacing: .2em;
			margin-bottom: .2em;
			
		}
		@media screen and (max-width: 767.999px) {
			font-size: calc(14 / 3.9 * 1vw) ;
		}
	}
	@media screen and (max-width: 1000px) {
		&::after{
			content: "●●●●●●";
			font-size: 16px;
			letter-spacing: .2em;
			position: absolute;
			bottom: 0;
			right: 0;
			color: rgba(133, 26, 143,.3);
			margin-top: .4em;
		}
	}
	@media screen and (max-width: 767.999px) {
		&::after{
			font-size: calc(14 / 3.9 * 1vw) ;
		}
	}
	.fnt-s{
		font-size: .7em;
		margin-top: .2em;
	}
	
}
.title-h4{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: .75em;
	line-height: 1;
	height: 30px;
	display: flex;
	padding-left: 10px;
	overflow: hidden;
	border-left: 1px solid rgba(133, 26, 143,1);
	border-bottom: 1px solid rgba(133, 26, 143,1);
	border-bottom-left-radius: 8px;
	@media screen and (max-width: 767.999px) {
		font-size: calc(16 / 3.9 * 1vw) ;
		height: calc(24 / 3.9 * 1vw);
		padding-left: calc(8 / 3.9 * 1vw);
	}
}

.session-wrap{
	padding: 1em 14px 5em ;
	@media screen and (max-width: 767.999px) {
		padding: 1em 0 5em ;
	}
	dl{
		display: flex;
		align-items: center;
		margin-top: .5em;
		border: 1px solid rgba(182, 10, 105, 0.2);
		padding: 16px;
		border-radius: 8px;
		background: rgba(255,255,255,.6);
		@media screen and (max-width: 767.999px) {
			flex-direction: column;
			align-items: flex-start;
			row-gap:calc(10 / 3.9 * 1vw);
		}
		dt{
			width: 200px;
			line-height: 1.25;
			border-right: 1px solid rgba(0, 85, 0, .5);
			height: 100%;
			@media screen and (max-width: 767.999px) {
				border: none;
				border-bottom: 1px solid rgba(0, 85, 0, .5);
				width: 100%;
				padding-bottom: calc(10 / 3.9 * 1vw);
				br{
					display: none;
				}
			}
		}
		dd{
			flex: 1;
			line-height: 1.25;
			border-left: 1px solid rgba(0, 85, 0, .5);
			margin-left: -1px;
			padding-left: 1em;
			@media screen and (max-width: 767.999px) {
				border: none;
				padding-left: 0;
			}
			a{
				color: #630c6b;
				text-decoration: underline;
			}
		}
		&.order-comp{
			background: rgba(182, 10, 105, 0.1);
			border: 1px solid #fff;
			dt{
				width: 100%;
				text-align: center;
				font-weight: 700;
				font-size: 20px;
				border: none;
				@media screen and (max-width: 767.999px) {
					font-size: calc(18 / 3.9 * 1vw);
					padding-bottom: 0;
				}
			}
			dd{
				display: none;
			}
		}
	}
	.split-tri {
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 110px solid transparent;
		border-left: 110px solid transparent;
		border-top: 24px solid #8ebdbe;
		border-bottom: 0;
		border-radius: 30px;
		margin: 10px auto 0;
	}
}
.change-cancel-box{
	margin-bottom: 3em;
	padding-left: 7em;
	@media screen and (max-width: 767.999px) {
		padding-left: 0;
	}
	p{
		font-size: .9em;
		margin: 0 0 .5em;
	}
	a{
		display: inline-block;
		line-height: 30px;
		background: rgba(255, 255, 255, .4);
		border-radius: 15px;
		border: 1px solid #97a10c;
		padding: 0 16px 2px;
		transition: .15s ease-out;
		@media screen and (max-width: 767.999px) {
			border-radius: calc(6 / 3.9 * 1vw);
		}
		&:hover{
			@media screen and (min-width: 1000px) {
				color: #fff;
				background: rgba(182, 10, 105, 0.2);
			}
		}
		&.mail{
			@media screen and (min-width: 1000px) {
				color: #630c6b;
                text-decoration: underline;
				border: none;
				background: none;
			}
		}
		&.tel{
			@media screen and (min-width: 1000px) {
				pointer-events: none;
				border: none;
				background: none;
			}
			@media screen and (max-width: 1000px) {
				line-height: 1.1;
			}
			@media screen and (max-width: 767.999px) {
				padding: 0 calc(16 / 3.9 * 1vw) calc(3 / 3.9 * 1vw);
			}
		}
	}
	.fnt-s{
		font-size: .8em;
		@media screen and (max-width: 767.999px) {
			font-size: .75em;
		}
	}
	dl{
		display: flex;
		align-items: center;
		
		@media screen and (max-width: 1000px) {
			margin-bottom: .75em;
		}
		@media screen and (max-width: 767.999px) {
			margin: 2em 0 0;
		}
		dt{
			width: 60px;
			font-size: .9em;
			@media screen and (max-width: 767.999px) {
				width: calc(50 / 3.9 * 1vw);
			}
		}
	}
}
.cancel-wrap{
	padding: 0 14px;
	@media screen and (max-width: 767.999px) {
		padding: 0;
	}
	.table-box{
		margin: 0 auto 1em;
		padding-left: 7em;
		@media screen and (max-width: 1000px) {
			padding-left: 0;
		}
		table,th,td{
			border: 1px solid rgba(182, 10, 105, 0.3);
		}
		table{
			background: rgba(255, 255, 255, .6);
			width: 100%;
			th,td{
				padding: .5em;
				vertical-align: top;
				
			}
			th{
				text-align: left;
				font-weight: 500;
				@media screen and (max-width: 767.999px) {
					width: 7em;
				}
			}
			td{
				@media screen and (max-width: 767.999px) {
					br{
						display: none;
					}
				}
			}
		}
		
		p{
			margin: 1em 0 0;
		}
		
	}
}
.doubutu-wrap{
	margin: 2em auto;
	width: 540px;
	border-radius: 16px;
	border: 1px solid #97a10c;
	padding: 20px;
	background: rgba(255,255,255,.2);
	@media screen and (max-width: 767.999px) {
		width: auto;
	}
	p{
		font-size: 20px;
		text-align: center;
		&::before,&::after{
			content: "・・・";
		}
	}
	ul{
		li{
			display: flex;
			justify-content: space-between;
			border-bottom: 2px dotted rgba(182, 10, 105, 0.1);
			padding: .5em;
			&:last-child{
				border: none;
			}
		}
	}
}
.gmap-wrap{
	margin: 0 auto 2em;
	width: 100%;
	max-width: 1140px;
	padding: 0 20px;
	@media screen and (max-width: 1000px) {
		padding: 0;
	}
	iframe{
		width: 100%;
		height: 360px;
		@media screen and (max-width: 1000px) {
			height: calc(240 / 3.9 * 1vw);
		}
	}
}
.tokusho-wrap{
	margin: 2em auto 0;
	padding: 0 14px;
	@media screen and (max-width: 767.999px) {
		padding: 0;
	}
	table,th,td{
		border: 1px solid #999;
		font-size: 16px;
		background: rgba(255,255,255,.1);
		@media screen and (max-width: 767.999px) {
			font-size: calc(14 / 3.9 * 1vw);
		}
	}
	th,td{
		padding: .5em .8em;
		vertical-align: middle;
		@media screen and (max-width: 767.999px) {
			padding: .5em;
		}
	}
	th{
		font-weight: 500;
		width: 14em;
		@media screen and (max-width: 767.999px) {
			width: 8.5em;
		}
	}
}
.copy-wrap{
	ol{
		display: flex;
		flex-direction: column;
		row-gap: 1em;
		li{
			display: flex;
			span{
				flex: 1 ;
			}
			&::before{
				width: 1.5em;
			}
			&:nth-child(1)::before{ content: "1.";}
			&:nth-child(2)::before{ content: "2.";}
			&:nth-child(3)::before{ content: "3.";}
			&:nth-child(4)::before{ content: "4.";}
		}
	}
}
.block02{
	.flx-box{
		display: flex;
		justify-content: space-between;
		padding-right: calc(50% - 570px);
		@media screen and (max-width: 767.999px) {
			flex-direction: column;
			padding: 0;
			margin-top: -5em;
		}
		figure{
			width: 500px;
			img{
				clip-path: ellipse(100% 50% at 0% 50%);
				object-fit: contain;
			}
			@media screen and (max-width: 1200px) {
				width: calc(500 / 12 * 1vw);
			}
			@media screen and (max-width: 767.999px) {
				width: 60%;
				margin-bottom: calc(30 / 3.9 * 1vw);
			}
		}
		.info-box{
			flex: 1;
			padding: 0 20px 0 60px;
			@media screen and (max-width: 767.999px) {
				padding: 0 calc(14 / 3.9 * 1vw);
			}
			ul{
				font-size: 20px;
				font-weight: 500;
				color: rgb(26, 81, 112);
				margin-bottom: 2em;
				border: 1px solid rgba(151, 161, 12, .4);
				border-radius: 16px;
				padding: 16px;
				background: rgba(255, 255, 255, .3);
				display: flex;
				flex-direction: column;
				row-gap: 8px;
				@media screen and (max-width: 767.999px) {
					font-size: calc(18 / 3.9 * 1vw);
				}
				li{
					line-height: 1.2;
				}
			}
			.license{
				color: rgb(26, 81, 112);
				font-weight: 500;
				font-size: 20px;
				padding-left: 1.3em;
				text-indent: -1.3em;
				margin-bottom: 0;
				@media screen and (max-width: 767.999px) {
					font-size: calc(16 / 3.9 * 1vw);
					padding-left: 2em;
				}
			}
		}
	}
}

.c-cont-block.form-info .taC{
	@media screen and (max-width: 767.999px) {
		text-align: left;
	}
}
.c-section-wrap.form-wrap{
	.title-h2.type01.flx-alc{
		align-items: center;
		@media screen and (max-width: 767.999px) {
			flex-direction: column;
		}
		.fnt-s{
			font-size: 32px;
			color: #2B2E34;
			line-height: 1;
			position: static;
			@media screen and (max-width: 767.999px) {
				font-size: calc(20 / 3.9 * 1vw);
			}
		}
	} 
	.form-box{
		width: 768px;
		margin: 0 auto;
		padding: 20px;
		background: rgba(255,255,255,.4);
		border-radius: 16px;
		@media screen and (max-width: 767.999px) {
			width: 100%;
			padding: calc(14 / 3.9 * 1vw);
			border-radius: calc(14 / 3.9 * 1vw);
		}
		form{
			display: flex;
			flex-direction: column;
			row-gap: 20px;
			@media screen and (max-width: 767.999px) {
				row-gap: calc(20 / 3.9 * 1vw);
			}
			dl{
				display: flex;
				flex-wrap: wrap;
				border-bottom: 1px solid #ddd;
				padding-bottom: 20px;
				@media screen and (max-width: 767.999px) {
					flex-direction: column;
					padding-bottom: calc(20 / 3.9 * 1vw);
				}
				&.n-bdr{
					border: none;
				}
				&.pb00{
					padding-bottom: 0;
				}
				dt{
					width: 13em;
					padding: .2em;
					@media screen and (max-width: 767.999px) {
						width: 100%;
						font-size: calc(16 / 3.9 * 1vw);
						font-weight: 700;
					}
				}
				dd{
					flex: 1;
					input[type=text],input[type=email]{
						padding: .2em .5em;
						border-radius: 6px;
						border: 1px solid #97a10c;
						width: 100%;
						font-size: 18px;
						@media screen and (max-width: 767.999px) {
							font-size: calc(16 / 3.9 * 1vw);
							
						}
					}
					iframe{
						width: 100%;
						height: 320px;
						margin-top: 1em;
						@media screen and (max-width: 767.999px) {
							width: 100%;
							height: calc(500 / 3.9 * 1vw);
						}
					}
					.notic{
						display: block;
						width: 100%;
						font-size: 16px;
						margin-top: .4em;
						@media screen and (max-width: 767.999px) {
							font-size: calc(14 / 3.9 * 1vw);
						}
						&.ind01{
							padding-left: 1em;
							text-indent: -1em;
						}
						&.mt00{
							margin-top: 0;
						}
					}
					.form-date{
						margin: .5em 0 1em;
						display: flex;
						font-size: 16px;
						display: flex;
						align-items: center;
						@media screen and (max-width: 767.999px) {
							font-size: calc(16 / 3.9 * 1vw);
							flex-wrap: wrap;
							.ttl{
								width: 100%;
							}
						}
						input[type=text]{
							font-size: 16px;
							width: 12em;
							margin: 0 .3em;
							font-family: "Zen Old Mincho", serif;
							@media screen and (max-width: 767.999px) {
								font-size: calc(16 / 3.9 * 1vw);
							}
						}
						select{
							width: 120px;
							height: 26px;
							font-family: "Zen Old Mincho", serif;
							option{
								font-size: 16px;
							}
							@media screen and (max-width: 767.999px) {
								width: calc(130 / 3.9 * 1vw);
							}
							
						}
					}
					.radio-box{
						display: flex;
						align-items: center;
						column-gap: 20px;
						@media screen and (max-width: 767.999px) {
							flex-direction: column;
							align-items: flex-start;
							column-gap: none;
							row-gap: calc(10 / 3.9 * 1vw);
						}
						label{
							display: flex;
							align-items: center;
							input[type=radio]{
								width: 20px;
								height: 20px;
								margin-right: .5em;
								@media screen and (max-width: 767.999px) {
									width: calc(20 / 3.9 * 1vw);
									height: calc(20 / 3.9 * 1vw);
								}
							}
						}
					}
					textarea{
						padding: .5em;
						font-size: 16px;
						line-height: 1.5;
						width: 100%;
						height: 10em;
						resize: vertical;
						border: 1px solid #97a10c;
						border-radius: 6px;
						font-family: "Zen Old Mincho", serif;
						@media screen and (max-width: 767.999px) {
							font-size: calc(16 / 3.9 * 1vw);
						}
					}
					.input-txt{
						font-size: 18px;
						margin-top: .2em;
						@media screen and (max-width: 767.999px) {
							font-size: calc(16 / 3.9 * 1vw);
						}
					}
				}
				
			}
			.auth-box{
				a{
					color: #630c6b;
                	text-decoration: underline;
				}
				.auth-txt-outer-box{
					background: #fff;
					width: 500px;
					margin: 20px auto;
					overflow-y: auto;
					height: 240px;
					padding: 20px;
					border-radius: 16px;
					@media screen and (max-width: 767.999px) {
						width: 100%;
						height: calc(240 / 3.9 * 1vw);
					}
					.auth-txt-inner-box{
						font-size: 14px;
						margin: 20px 0;
						@media screen and (max-width: 767.999px) {
							font-size: calc(14 / 3.9 * 1vw);
							margin: calc(20 / 3.9 * 1vw) 0;
						}
					}
				}
				input[type=checkbox] {
					height: 20px;
					width: 20px;
					margin-right: .4em;
					position: relative;
					top: -.1em;
					@media screen and (max-width: 767.999px) {
						height: calc(20 / 3.9 * 1vw);
						width: calc(20 / 3.9 * 1vw);
					}
				}
			}
			.btn-box{
				display: flex;
				justify-content: center;
				column-gap: 40px;
				@media screen and (max-width: 767.999px) {
					column-gap: none;
					justify-content: space-between;
				}
				button{
					width: 200px;
					height: 50px;
					border-radius: 6px;
					font-size: 18px;
					font-weight: 400;
					transition: .2s ease;
					font-family: "Zen Old Mincho", serif;
					color: #2B2E34;
					@media screen and (max-width: 767.999px) {
						width: calc(180 / 3.9 * 1vw);
						height: calc(40 / 3.9 * 1vw);
						font-size: calc(18 / 3.9 * 1vw);
					}
					&:hover{
						@media screen and (min-width: 768px) {
							cursor: pointer;
							opacity: .7;
						}
					}
					&[type=reset]{
						background: #dedede;
						border: 1px solid #ababab;
					}
					&[type=submit]{
						background: #fff;
						border: 1px solid #97a10c;
					}
				}
			}
			

			
		}
		
	}
}