*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	width: 100%;
  	min-width: 100%;
  	margin: 0px;
	padding: 0px;

}


li{
	list-style: none;
}

h1,h2,h3,h4,h5,h6,dl,ul,p,dt,dd,li,figure{
	margin: 0;
	padding: 0;
	font-family: "Noto Sans", sans-serif;
}


a{
  outline: none;
  text-decoration: none;
}

.dpnn{
	display: none;
}
.pc-bl {
  display: block;
}

.pc-nn,.slick-slide .pc-nn{
  display: none;
}
.box0-1 .slick-slide .pc-nn{
	display: none;
}
.box0-1{
	pointer-events: none;
	position: relative;
	width: 100%;
}
.box0-1 img{
	width: 100%;
}
#top {
	float: right;
	width: 113px;
	clear: right;
}

#txt_link {
	text-align: center;
	clear: left;
	float: left;
	width: 760px;
	margin-top: 15px;
	font-size: 90%;
	line-height: 140%;
	color: #584533;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align: bottom;
	width: 100%;
	height: auto;
}



#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
}




/*ページトップ*/

#pagetop{
  position: fixed;
  bottom: 2%;
  right: 2%;
}


.txt-s {
	font-size: 70%;
	line-height: 120%;
}
.txt-m {
	font-size: 80%;
	line-height: 140%;
}
.txt-l {
	font-size: 100%;
	line-height: 160%;
}
.txt-q {
	font-size: 1.3em!important;
}
.txt-c-rd {
	color: #cc3a45!important;
}
.ind {
	text-indent: -1em;
	padding-left: 1em;
}

.ind2{
	text-indent: -6em;
	padding-left: 6em;
}

.ind3{
	text-indent: -7em;
	padding-left: 7em;
}

.ind4{
	text-indent: -0.85em;
	padding-left: 0.85em;
}

.ta_c{
	text-align: center;
}

.ta_l{
	text-align: left;
}

.ta_r{
	text-align: right;
}

.mt_10{
	margin-top: 10px;
}

.mt_20{
	margin-top: 20px;
}

.mt_30{
	margin-top: 30px;
}

.mt_50{
	margin-top: 50px;
}

.mt_70{
	margin-top: 70px;
}

.mt_80{
	margin-top: 80px;
}

.mt_100{
	margin-top: 100px;
}

.mt_150{
	margin-top: 150px;
}

.mt_5p{
	margin-top: 5%;
}

.mt_10p{
	margin-top: 10%;
}

.mt_200{
	margin-top: 200px;
}

.mb_20{
	margin-bottom: 20px;
}

.mb_30{
	margin-bottom: 30px;
}

.mb_50{
	margin-bottom: 50px;
}

.mb_100{
	margin-bottom: 50px;
}
.mb1p{
	margin-bottom: 1%;
}
.mb2p{
	margin-bottom: 2%;
}
.mb3p{
	margin-bottom: 3%;
}
.mb5p{
	margin-bottom: 5%;
}
.mb10p{
	margin-bottom: 10%;
}

.mr_10{
	margin-right: 10px;
}

.mr_20{
	margin-right: 20px;
}

.mr_30{
	margin-right: 30px;
}

.mr_50{
	margin-right: 50px;
}

.mr_100{
	margin-right: 100px;
}

.mr_200{
	margin-right: 200px;
}

.mr_250{
	margin-right: 250px;
}

.mr_280{
	margin-right: 280px;
}

.ml_10{
	margin-left: 10px;
}

.ml_20{
	margin-left: 20px;
}

.ml_30{
	margin-left: 30px;
}

.ml_50{
	margin-left: 50px;
}

.ml_60{
	margin-left: 60px;
}

.ml_100{
	margin-left: 100px;
}

.ml_150{
	margin-left: 100px;
}

.ml_210{
	margin-left: 210px;
}

.ml_300{
	margin-left: 300px;
}

.pt_20{
	padding-top: 20px;
}

.pt_30{
	padding-top: 30px;
}

.pt_50{
	padding-top: 50px;
}

.pt_100{
	padding-top: 100px;
}

.pt_200{
	padding-top: 200px;
}

.pb_20{
	padding-bottom: 20px;
}

.pb_50{
	padding-bottom: 50px;
}

.pb_100{
	padding-bottom: 100px;
}

.pl_20{
	padding-left: 20px;
}

.txt_box{
	padding: 0 15px;
}

.lh-1{
	line-height: 1.7;
}

.big{
	font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 0.1em;
	line-height: 1;
}

.big2{
	font-size: 1.2em;
	margin-bottom:10px;
}

.big3{
	font-size: 1.3em;
    font-weight: 700;
    letter-spacing: 0.1em;
	line-height: 1;
}
.small{
	font-size: 0.7em;
}

.small2{
	font-size: 0.8em;
}
.mdl {
	font-size: 0.9em;
}
.mtrd{
	color: #58a275;
}

.mb_10{
	padding-bottom: 10px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_40 {
	margin-bottom: 40px;
}

.w-860{
	width: 860px;
	margin: 0 auto;
}

.flex1{
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

.flex2{
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: auto;
    -webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex3{
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-pack: distribute;
	justify-content: space-around;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

.flex4{
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex5{
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex6{
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.as_c{
	align-self: center;
	-ms-flex-flex-item-align: center;
	-webkit-align-self: center;
}

.jc_c{
	webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}

.as_fe{
	-ms-flex-item-align: end;
	align-self: flex-end;
}


.p_r{
	position: relative;
}


.p_a{
	position: absolute;
}

.ind{
	text-indent: -1em;
	padding-left: 1em;
}




/*以下個別*/

.cont-box{
	width: 100%;
	margin: 0 auto 0%;
}
.point-wrap p.mt-8p{
	margin-top: 8%;
}
.column-cont-box{
	width: 100%;
	margin: 0 auto 0%;
	padding: 0 3%;
	background: #b5eaca;
}
.column-cont-box-inner {
	width:100%;
	background: #fff;
}
.cont1-wrap{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.cont1{
	max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 12%;
}
.column-cont1{
	max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 12%;
}
.p-pu {
    color: #000;
    font-weight: 800;
    text-align: center;
    display: block;
    margin: 5% auto 6%;
    position: relative;
	font-size: clamp(2rem, 1.25rem + 1.56vw, 3.125rem);
}
.p-pu::after {
    background-color: #000;
    bottom: -10px;
    content: "";
    height: 5px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 30px;
}
.c-cont1{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10%;
}
.c-cont1-sub{
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
.column-cont1 figure{
	display: block;
    margin: 3% auto 3%;
    width: 50%;
}
.column-cont1 .s-data{
	display: block;
    margin: 3% auto 5%;
    width: 50%;
	font-size: clamp(1.0em, 2vw, 1.1em);
}
.column-cont1 .s-data h6{
	font-size: clamp(1.1em, 2vw, 1.1em);
	margin-bottom: 2%;
	padding-bottom: 1%;
	border-bottom: 1px #000 solid;
}
.s-btn{
	width: 100%;
	padding: 1em 0;
	margin: 2% auto 0;
	background: #58a275;
	color: #fff!important;
	text-align: center;
	text-decoration: none!important;
	display: block;
	opacity: 1;
	transition: 0.3s ease-in-out all;
}
.s-btn:hover{
	opacity: 0.6;
}
.main{
	width: 100%;
    position: relative;
}
.box0-1 h1 {
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 2%;
    text-align: center;
    z-index: 10;
}
.intro{
	width: 100%;
    height: 90vh;
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position: center; */
    padding: 0 0 2% 0;
}

.intro-txt {
	display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
	width: 58%;
}
.intro-txt h2 {
	font-size: clamp(1.8em, 3vw, 2.5em);
    margin: 0 0 5%;
	padding: 40% 0 0;
}
.intro-txt p {
	font-size: clamp(1.1em, 3vw, 1.2em);
    line-height: 2;
	font-weight: 600;
}
.inner-box {
	max-width:1000px;
	width: 90%;
	margin: 0 auto;
}
.map {
	max-width: 300px;
	width: 100%;
}
.num-wrap {
	margin: 0 auto 4%;
    text-align: center;
}
.c-number {
    color: #000;
    font-weight: 800;
    text-align: center;
    display: inline-block;
    /* margin: 0 auto; */
    border-bottom: 4px solid #000;
}
.area-wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 10%;
	row-gap: 50px;
}
.area-wrap::after{
  content:"";
  display: block;
  width:30%;
}
.area-wrap li {
    width: 30%;
}
.area-card {
    overflow: hidden;
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    /* height: 155px; */
    /* display: flex; */
}
.area-card .cd-p {
    width: 100%;
}
.area-card .cd-txt {
    width: 100%;
    padding: 3%;
}
.column-wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 10%;
	row-gap: 50px;
}
.column-cont1 h4{
  	font-weight: 900;
    font-size: clamp(1.1em, 2vw, 1.5em);
    line-height: 1.7;
    color: #000;
    max-width: 800px;
    margin: 0 auto 6%;
    width: 100%;
}
.column-main {
	margin: 0 auto 8%;
}

.column-main p{
	width: 100%;
    max-width: 800px;
    /* text-align: center; */
    font-weight: 600;
    color: #000;
    margin: 0 auto;
    line-height: 1.7;
	font-size: clamp(1.0em, 2vw, 1.1em);
}
.cl-main{
	margin: 0 auto 2%;
}
.cl-main-txt{
	width: 100%;
    max-width: 800px;
    font-weight: 600;
    color: #000;
    line-height: 1.7;
	font-size: clamp(1.0em, 2vw, 1.1em);
	margin: -4% auto 6%;
}
.gn-list {
    width: 100%;
    max-width: 800px;
    font-weight: 600;
    color: #000;
    margin: 0 auto 2%;
    line-height: 1.7;
    font-size: clamp(1.0em, 2vw, 1.1em);
}
.gn-h {
    margin: 0 auto 0;
    line-height: 1.7;
    font-size: clamp(1.0em, 2vw, 1.1em);
}
.column-main img {
	width: 50%;
    /* max-width: 50%; */
    margin: 3% auto 3%;
    display: block;
}
.point-wrap {
	margin: 0 auto 8%;
}
.point-wrap2 {
	margin: 0 auto 8%;
}
.point-wrap .p-number {
	color: #000;
    font-weight: 800;
    text-align: center;
    display: block;
    margin: 0 auto 2%;
	position: relative;
}
.point-wrap .p-number::after {
	background-color: #000;
  bottom: -10px;
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 30px;
	
}
.point-wrap img {
	/*width: 50%;*/
    /*margin: 3% auto 3%;*/
    /*display: block;*/
}
.point-wrap p{
	width: 100%;
    max-width: 800px;
    /* text-align: center; */
    font-weight: 600;
    color: #000;
    margin: 0 auto 2%;
    line-height: 1.7;
	font-size: clamp(1.0em, 2vw, 1.1em);
}
.point-wrap2 p{
	width: 100%;
    max-width: 800px;
    /* text-align: center; */
    font-weight: 400;
    color: #000;
    margin: 0 auto 2%;
    line-height: 1.7;
	font-size: clamp(1.0em, 2vw, 1.1em);
}
.point-wrap h5{
  	font-weight: 900;
    font-size: clamp(1.2em, 2vw, 2em);
    line-height: 1.7;
    color: #000;
    max-width: 800px;
    margin: 0 auto 1%;
    width: 100%;
    text-align: center;
}
.cont-wrap{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.inner-wrap{
	width: 100%;
	margin: 0 auto;
}
.uncormenu {
	width: 100%;
    margin: 0 auto 5%;
    background: #fff;
    position: sticky;
    top: 130px;
    z-index: 1;
    opacity: 0.9;
}
.uncormenu ul {
	display: flex;
    justify-content: space-between;
    font-family: "Jost", sans-serif;
    max-width: 880px;
    align-items: center;
    margin: 0 auto;
	overflow: hidden;
}
.uncormenu li {
	width: 100%;
    text-align: center;
	border-right: 1px solid #000;
}
.uncormenu li:last-child {
	border-right: none;
}
.uncormenu li a{
    text-decoration: none !important;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.2;
    display: block;
    width: 100%;
	padding: 1em 0.5em;
    transition: 0.3s ease-in-out all;
    opacity: 1;
}
.uncormenu li a:hover{
    opacity: 0.5;
}

.cont1 h3,.column-cont1 h3,.video-wrap h3  {
  	font-weight: 900;
	font-size: clamp(1.6em, 4vw, 3em);
	line-height: 1.7;
	color: #000;
	text-align: center;
	margin-bottom: 3%;
}
.cd-txt h4 {
  	font-weight: 900;
	font-size: clamp(1em, 2vw, 1.4em);
	line-height: 1.7;
	color: #359660;
}
.cd-txt p {
  	font-weight: 900;
	font-size: clamp(1em, 2vw, 1.5em);
	line-height: 1.7;
}
.cont1 p{
	text-align: center;
	font-size: clamp(1em, 2vw, 1.5em);
	line-height: 1.8;
	margin-bottom: 5%;
	color: #4d4d4d;
}



.button_jep,.button_pg5 {
    text-align: center;
    margin: 0 0 3%;
    padding: 8% 0;
}
.button_rsv {
    text-align: center;
    padding: 3% 0;
	margin-bottom: -5%;
}
.button_return {
    text-align: center;
    padding: 3% 0;
	margin-top: -5%;
}
.button_jep p,.button_pg5 p {
    margin-bottom: 5px;
    font-size: clamp(1em, 2vw, 1.5em);
    font-weight: 800;
    color: #000;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_rsv p {
    margin-bottom: 5px;
    font-size: clamp(1em, 2vw, 1.5em);
    font-weight: 800;
    color: #000;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_jep p::before,.button_pg p::after,.button_pg5 p::before,.button_pg5 p::after,.button_rsv p::before,.button_rsv p::after  {
	display: none;
}
.button_jep a,.button_pg5 a {
	font-family: 'Noto Sans', sans-serif;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 800px;
    font-size: clamp(1.3em,3vw,2em);
    padding: 1em 0;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    background: #359660;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 9999px;
    text-decoration: none;
}
.button_rsv a {
	font-family: 'Noto Sans', sans-serif;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 800px;
    font-size: clamp(1.4em,3vw,2em);
    padding: 1em 0;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    background: #785747;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 9999px;
    text-decoration: none;
}
.button_return a {
	font-family: 'Noto Sans', sans-serif;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    font-size: clamp(1.4em,3vw,2em);
    padding: 1em 0;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    background: #686868;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 9999px;
    text-decoration: none;
}
.button_jep a:hover,.button_pg5 a:hover,.button_rsv a:hover,.button_return a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.button_jep a:after,.button_pg5 a:after {
    position: absolute;
    top: 50%;
    right: 1.5em;
    transition: 0.2s ease-in-out;
    font: var(--fa-font-solid);
    content: "\f054";
    transform: translateY(-54%);
    border-radius: 50%;
    background: #fff;
    font-size: 0.7em;
    color: #359660;
    width: 1em;
    height: 1em;
    padding: 0.2em
}
.button_rsv a:after {
    position: absolute;
    top: 50%;
    right: 1.5em;
    transition: 0.2s ease-in-out;
    font: var(--fa-font-solid);
    content: "\f054";
    transform: translateY(-54%);
    border-radius: 50%;
    background: #fff;
    font-size: 0.7em;
    color: #785747;
    width: 1em;
    height: 1em;
    padding: 0.2em
}
.button_return a:before {
    position: absolute;
    top: 50%;
    left: 1.5em;
    transition: 0.2s ease-in-out;
    font: var(--fa-font-solid);
    content: "\f053";
    transform: translateY(-54%);
    border-radius: 50%;
    background: #fff;
    font-size: 0.7em;
    color: #686868;
    width: 1em;
    height: 1em;
    padding: 0.2em
}
.w100per {
	width: 100%;
}
.w48per {
	width: 48%;
}

.top{
	padding: 0 0 30px;
}


#wrapper p {
	font-family: "Noto Sans", sans-serif;
}
#pagetop{
	width: 70px;
}

.brsp {
    display: none;
}

.pc-only{
  display: inline;
}

.sp-only{
  display: none;
}

.column-wrap li{
	width: 48%;
}
.column-card .cd-p{
	width: 40%;
}
.column-card .cd-txt{
	width: 60%;
	padding: 0 3%;
}
.cd-txt {
	position: relative;
    display: flex;
    /* align-items: center; */
    flex-flow: column;
}
.cd-txt p,.cd-txt h4 {
	text-align: left;
	margin: 0 0 1%;
}
.cd-txt::after{
	position: absolute;
    bottom: 0;
    right: 4%;
    transition: 0.2s ease-in-out;
    font: var(--fa-font-solid);
    content: "\f138";
    transform: translateY(-54%);
    border-radius: 50%;
    /* background: #359660; */
    font-size: 2em;
    color: #359660;
    /* width: 1em; */
    /* height: 1em; */
    /* padding: 0.2em;*/
}
.area-card.cd-txt::after{
	position: absolute;
    bottom: 0;
    right: 4%;
    transition: 0.2s ease-in-out;
    font: var(--fa-font-solid);
    content: "\f138";
    transform: translateY(-54%);
    border-radius: 50%;
    /* background: #359660; */
    font-size: 2em;
    color: #359660;
    /* width: 1em; */
    /* height: 1em; */
    /* padding: 0.2em;*/
}
.column-wrap li a:link,.area-wrap li a:link{
	text-decoration: none;
}
.column-wrap li a,.area-wrap li a{
	transition: 0.3s ease-in-out all;
    opacity: 1;
}
.column-wrap li a:hover,.area-wrap li a:hover{
    opacity: 0.5;
}
.column-card{
	overflow: hidden;
	box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
	/*height: 155px;*/
	display: flex;
}
.column-card a{
}

.course1-bg {
	background: #e9607c;
}

.course1-c {
	color: #e9607c;
}

.course2-bg {
	background: #187fc3;
}

.course2-c {
	color: #187fc3;
}

.course3-bg {
	background: #ef8200;
}

.course3-c {
	color: #ef8200;
}

.course4-bg {
	background: #8e79b5;
}

.course4-c {
	color: #8e79b5;
}

.course5-bg {
	background: #00b0a8;
}

.course5-c {
	color: #00b0a8;
}

.course6-bg {
	background: #0097ac;
}

.course6-c {
	color: #0097ac;
}

.course-btn-wrap{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	width: 100%;
    max-width: 1200px;
    margin: 0 auto 5%;
}
.course-btn {
    line-height: 1;
    width: 14%;
    display: flex;
}

.course-btn a {
    font-size: clamp(1.25rem, 1rem + 0.52vw, 1.625rem);
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    position: relative;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 6px;
    padding: 1em 0px;
    text-decoration: none;
    margin: 0px auto;
	color: #fff;
	transition: 0.3s ease-in-out all;
    opacity: 1;
}
.course-btn a:hover{
	opacity: 0.5;
}

.data-wrap {
	display: flex;
    width: 100%;
    margin: 0 0 3%;
}
.data1{
	font-size: clamp(1.25rem, 0.583rem + 1.39vw, 2.25rem);
    font-weight: 700;
    color: #fff;
	padding: 0.2em 0.5em;
    margin-right: 10px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}
.data2{
	font-size: clamp(1.625rem, 1.208rem + 0.87vw, 2.25rem);
    font-weight: 700;
    display: flex;
	align-items: center;
}

.box2 .txt-box .sml{
	font-size: 0.7em;
}

.cont-box-c{
	max-width: 1000px;
    width: 100%;
	margin: 0 auto;
	padding: 0 0 8%;
}
.cont-box-c .c-tit {
	font-size: clamp(1.25rem, 0.833rem + 0.87vw, 1.875rem);
    font-weight: 600;
}
.cont-box-c h2{
	width: 100%;
	margin-bottom: 30px;
	font-size: clamp(1.25rem, 2.6vw, 3.125rem);
    font-weight: 800;
}

.first-ch{
	width: 750px;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.first-ch h2 img,.cont-box-c h2 img,.itioshi-tit img{
	margin : 0 auto;
	width: 100%;
}

.first-box + p img{
	width: 100%;
}

.main-txt{
	width: 750px;
	margin: 0 auto 50px;
}


.cont-box-c .itioshi-tit{
	width: 330px;
	margin: 0 auto 50px;
}


.spot-box,.itioshi-box,.model-spot{
	display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

.spot-box:after,.itioshi-box:after,.model-spot:after{
	content: "";
	width: 320px;
}



.spot-box{
	margin-bottom: 5%;
}

.spot-box:nth-last-child(2){
	margin-bottom: 50px;
}

.spot-tit{
    display:flex;
    flex-wrap:wrap;
	align-items: center;
	margin: 10px 0;
}

.spot-box h3{
	font-size: 1.2em;
	margin-right: 10px;
	font-weight: 700;
}

.cs1 h3{
	color: #e7607c;
    display: flex;
    align-items: center;
    margin: 0 0.5em 0 0;
}

.cs2 h3{
	color: #187fc3;
    display: flex;
    align-items: center;
    margin: 0 0.5em 0 0;
}

.cs3 h3{
	color: #f08300;
    display: flex;
    align-items: center;
    margin: 0 0.5em 0 0;
}

.cs4 h3{
	color: #8e79b5;
    display: flex;
    align-items: center;
    margin: 0 0.5em 0 0;
}

.cs5 h3{
	color: #00b0a8;
    display: flex;
    align-items: center;
    margin: 0 0.5em 0 0;
}

.cs6 h3{
	color: #0097ac;
    display: flex;
    align-items: center;
    margin: 0 0.5em 0 0;
}

.spot,.model-spot-ch{
	width: 30%;
	margin-bottom: 50px;
}

#content .tag1,#content .tag2,#content .tag3,#content .tag4,#content .tag5,#content .tag6{
	font-size: 0.8em;
	color: #fff;
	padding: 1px 5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

.tag1{
	background: #e7607c;
}

.tag2{
	background: #187fc4;
}

.tag3{
	background: #f08300;
}

.tag4{
	background: #8e79b5;
}

.tag5{
	background: #00b0a8;
}

.tag6{
	background: #0097ac;
}

.spot img,.h-box img,.model-spot img{
	width: 100%;
}

.box2 h2,.box3 h2{
	margin-bottom: 50px;
}

.box2{
	background: #fffbef;
}

.itioshi-box .spot{
	margin-bottom: 0;
}
.itioshi-box .spot:nth-child(4){
	margin-top: 50px;
}

.itioshi-box .spot h3{
	font-size: 1.2em;
	margin: 10px 0;
	color: #00903a;
}


.box3-cs1{
	background: #fcf2f7;
}

.box3-cs2{
	background: #f1f4fb;
}

.box3-cs3{
	background: #fff6ec;
}

.box3-cs4{
	background: #fbf6fa;
}

.box3-cs5{
	background: #f4f9f6;
}

.box3-cs6{
	background: #e7f5fa;
}

.h-box{
	width: 230px;
	margin-top: 50px;
}

.h-box h3{
	font-size: 1em;
	color: #d51518;
	margin: 10px 0;
}

.first-map{
	width: 200px;
}

.first-map img{
	width: 100%;
}

.hakodate-txt{
	padding: 20px;
	border: 2px solid #9d9e9e;
	margin: 50px 0 0;
}

.hakodate-txt h4{
	background: #f09985;
	color: #fff;
	margin: 0 auto 20px;
	width: 250px;
	padding: 5px 0;
	text-align: center;
}

.model-box2{
	margin-top: 100px;
}

.model-tit{
	margin-bottom: 20px;
}

.model-ch-box1{
	width: 630px;
}

.model-ch-box2{
	width: 340px;
}

.model-ch-box3,.model-ch-box4{
	width: 100%;
}

.model-ch-box3{
	margin-bottom: 50px;
}

.model-ch-box1 p:nth-of-type(1),.model-ch-box3 p:nth-of-type(1){
	margin-bottom: 20px;
}
.ch-box3 {
	padding-top: 5%;
}
.model-ch img{
	width: 100%;
}

.model-spot{
	margin-top: 50px;
}

.model-spot h3{
	font-size: 1em;
	margin: 10px 0;
}

.girl1{
	width: 150px;
	margin: 50px auto 0;
}

.cs-txt{
	padding: 20px;
	border: 2px solid #9d9e9e;
	margin-bottom: 50px;
	width: 100%;
}

.cs-txt2{
	margin: 100px 0 50px;
}

.cs-txt h4{
    background: #83ccd2;
    color: #fff;
    margin: 0 auto 20px;
    width: 100%;
    padding: 5px 0;
    text-align: center;
}


.cs-txt-btn{
	width: 49%;
}

.cs-txt-btn a{
	display: block;
	color: #fff;
	background: #f29b87;
	text-decoration: none;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	margin: 0 auto;
}

.bus-ill{
	width: 100%;
	margin-bottom: 30px;
}

.bus-ill img{
	width: 100px;
}


.model-info{
	margin: 50px 0 100px;
	padding: 20px;
	border: 2px solid #9d9e9e;
	text-align: center;
}

.model-info h2{
	font-size: 1em;
	background: #83ccd2;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 10px;
}

.model-info2{
	margin: 0;
	padding: 20px;
	border: 2px solid #9d9e9e;
	text-align: center;
}

.model-info2 h2{
	font-size: 1em;
	background: #83ccd2;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 0px;
}

.info-flex{
	display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: flex-start;
    width: 100%;
}

.info{
	width: 33%;
	margin-top:20px;
}

.stp-btn{
	width: 600px;
	margin: 0 auto 50px;
}

.stp-btn img{
	width: 100%;
}


.mc-link-wrap {
	width: 100%;
    margin: 0 auto 10%;
}

.mc-link-box{
	margin: 0 20px;
	max-width: 1200px;
	width: 100%;
}
.mc-link-box img {
	margin-bottom: 5%
}
.mc-link-box dl {
}
.mc-link-box dt {
	font-size: clamp(1.15em, 2vw, 1.4em);
	font-weight: 700;
	margin-bottom: 3%;
}
.mc-link-box dt span {
	display: block;
}
.mc-link-box dt img {
	border-radius: 0;
	max-width: 185px;
	margin: 0 auto;
}
.mc-link-box dd {
	font-weight: 700;
	text-align: center;
	font-size: clamp(1.0rem, 1.1vw, 1.375rem);
	margin-bottom: 2%;
}

.mc-lk-btn a{
	font-size: clamp(1.3rem, 0.417rem + 1.22vw, 1.875rem);
	background: #58a275;
	color: #fff;
	padding: 0.5em 0;
	text-align: center;
	display: block;
	position: relative;
	width: 98%;
	border-radius: 9999px;
	text-decoration: none;
	font-weight: 600;
	margin: 0 auto;
	transition: 0.3s ease-in-out all;
	opacity: 1;
}

.mc-lk-btn a:hover{
	opacity: 0.6;
}
.mc-lk-btn a::after{
	position: absolute;
		top: 50%;
		right: 1em;
		font: var(--fa-font-solid);
		content: "\f138";
		transform: translateY(-50%);
		font-size: 1em;
		width: 1em;
		height: 1em;
		padding: 0.2em;
}

.multiple-items-top>.slick-prev,.multiple-items-top>.slick-next{
	top:39%;
}
.multiple-items-top>.slick-next {
    right: 0;
}
.multiple-items-top>.slick-prev {
    left: 0;
}
	.slick-prev {
    left: -25px;
}
	.slick-next {
    right: -25px;
}

.video-wrap {
	width: 100%;
	background: #b5eaca;
	padding: 5% 0;
}
.yt-video {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	aspect-ratio: 16 / 9;
}
.yt-video iframe {
 	width: 100%;
 	height: 100%;
}

@media screen and (max-width:767px){
	.slick-prev:before, .slick-next:before {
		font-size: 20px;
	}
	.slick-prev {
    left: -13px;
}
	.slick-next {
    right: -13px;
}
		.sp-cont{
		padding-top: 70px;
	}
	.data1 {
    width: 5em !important;
		text-align: center;
}

	.sp-cont img{
		width: 100%;
	}

	#content h2{
		width: 100%;
		font-size: 1.2em;
		padding: 1% 0 0;
	}

	h2 img{
		width: 100%;
	}
		.main-txt{
		width: 100%;
		margin: 0 0 5%;
	}

	.spot-box,.spot-box:nth-last-child(2){
		margin-bottom: 0;
	}

	.spot, .model-spot-ch{
		width: 100%;
		margin-bottom: 10%;
	}

	.itioshi-box .spot{
		margin-bottom: 10%;
	}

	#content .sp-img-tit{
		width: 80%;
		margin: 0 auto 5%;
	}

	.h-box{
		width: 100%;
		margin-top: 10%;
	}

	.model-ch-box1{
		width: 100%;
		margin-bottom: 10%;
	}

	.model-ch-box3{
		margin-bottom: 10%;
	}

	.model-box2,.model-spot{
		margin-top: 10%;
	}

	.cs-txt{
		padding: 5%;
		margin-bottom: 20%;
	}

	.cs-txt2{
		margin: 10% 0;
	}

	.cs-txt h4{
		padding: 5px 10px;
	}

	.cs-txt-btn{
		width: 100%;
	}

	.cs-txt-btn a{
		margin: 0 auto 10%;
	}

	.cs-txt-btn:nth-last-child(1) a{
		margin-bottom: 0;
	}

		.model-ch-box2{
		width: 100%;
	}

	.model-info{
		margin: 5% 0 100px;
		padding: 5%;
	}

	.hakodate-txt h4{
		width: 100%;
	}

	#content .model-info h2{
		font-size: 1em;
		padding: 5px 0;
	}
	.info-flex{
		flex-direction: column;
	}

	.info{
		width: 100%;
	}

	.stp-btn{
		width: 100%;
		margin: 0 auto 10%;
	}

	.top-tit::after {
		width: 5vw;
		height: 3px;
		bottom: -4vw;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	.model-info2{
		text-align: left;
	}
	
	
	
	
	.box1{
		padding-bottom: 5%;
	}
	
	.intro {
    width: 100%;
        height: auto;
        background-image: none;
        /* background-repeat: no-repeat; */
        /* background-size: 178%; */
        /* background-position: top center; */
        padding: 0 0 2% 0;
}
	.column-cont1 .s-data {
    margin: 3% auto 15%;
    width: 100%;
}
	.s-btn{
	padding: 0.7em 0;
}
	.s-btn:hover{
	opacity: 1;
}
	.point-wrap,.point-wrap2 {
    margin: 0 auto 15%;
}
.area-wrap li a:hover,.column-wrap li a:hover{
    opacity: 1;
  }
	.column-wrap li,.area-wrap li{
	width: 100%;
}
	.area-card {
}
	.area-card .cd-p {
    width: 100%;
}
	.area-card .cd-txt {
    width: 100%;
    padding: 3%;
	justify-content: center;
}
	.pc-only{
	  display: none;
	}

	.sp-only{
	  display: inline;
	}
	

	.sp-bl,.slick-slide .sp-bl{
		display: block;
	}

	.sp-nn{
		display: none!important;
	}

	.brsp {
    display: block;
	}
	.br-nn {
    display: none;
	}
	
	img{
		width: 100%;
	}

	.sp-img{
		width: 100%;
	}


	.main img{
		width: 100%;
	}

	.pc-main{
		display: none;
	}


	.cont-box{
		width: 100%;
		margin: 0 auto 0%;
	}
	.cont1{
		width: 90%;
	}


	.top{
		padding: 0 0 30px;
	}


	.main{
    	margin: 0;
		height: auto;
	}


	.inner-wrap {
		width: 90%;
		margin: 0 auto;
	}
	.w48per {
		width: 100%;
	}

	.uncormenu {
    top: 64px;
	}
	.uncormenu li a {
    font-size: 1em;
	}
	.button_pg p,.button_pg5 p {
    font-size: 1em;
	}
	.button_pg a,.button_pg5 a {
    font-size: 0.9em;
    padding: 1em 0;

	}


	
	#pagetop{
		width: 70px;
	}

	.read{
	text-align: left;
}
	.cont1 p{
	text-align: left;
}
	.cont-wrap::before {
    top: -4vw;
}
	.intro-txt {
	width: 1000%;
}
	
	.intro-txt h2 {
    margin: 0 0 5%;
        padding: 5% 0 0;
}
.intro-txt p {
    line-height: 1.6;
}
	.map {
    margin: 0 auto;
    width: 60%;
		padding: 5% 0 0;
}
	.button_jep a, .button_pg5 a, .button_rsv a, .button_return a {
    padding: 0.5em 0;
}
	.column-wrap {
    gap:5vw;
}
	.cd-txt::after {
    position: absolute;
    bottom: 0;
    right: 4%;
    transition: 0.2s ease-in-out;
    font: var(--fa-font-solid);
    content: "\f138";
    transform: translateY(-54%);
    border-radius: 50%;
    /* background: #359660; */
    font-size: 1.3em;
    color: #359660;
    /* width: 1em; */
    /* height: 1em; */
    /* padding: 0.2em; */
}
	.area-card .cd-txt::after {
        position: absolute;
        top: 55.5%;
        transform: translateY(-50%);
}
	.point-wrap img {
    /*width: 100%;*/
}
	.column-cont1 figure {
		width: 100%;
	}
	.column-main img {
	width: 100%;
}
	.point-wrap .p-number::after {
    background-color: #000;
    bottom: -5px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 15px;
}
	.point-wrap .p-number {
    color: #000;
    font-weight: 800;
    text-align: center;
    display: block;
    margin: 0 auto 4%;
    position: relative;
}
	.cd-txt h4 {
    line-height: 1.3;
}
	.column-cont1 h3 {
    line-height: 1.3;
	text-align: left;
}
	.txt-q {
	font-size: 1.1em!important;
}
	.box0-1 .slick-slide .sp-bl{
		display: block;
	}
}