@charset "utf-8";
html {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    font-size: 62.5%;
}
/* スタイルリセット */
html,legend{color:#000}
html{background:#FFF}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
	outline:none;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:400;
}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:400;
}
q:after,q:before{content:''}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

a{
    color: inherit;
}

/* 一般定義 */
.view-pc{display:block}
.view-sp{display:none}
@media (max-width:750px){
	.view-pc{ display:none; }
	.view-sp{ display:block; }
}
@media (max-width:750px){
	.del_txt{ display:none; }
}
.view-sp_2 {display:none}

@media (max-width:320px){
	.view-sp_2{ display:block; }
}
/* ----------------------------- */
    BORDERS 
/*------------------------------------*/
html:before,html:after,body:before,body:after{ 
    content:""; 
    background:#00a3c2; 
    position:fixed; 
    display:block; 
    z-index:5; 
} 
html:before{ 
    height:20px; 
    left:0; 
    right:0; 
    top:60px;
    background: #00a3c2;
    content: "";
    display: block;
    width: 100%;
}

/*------------------------------------*/
body {
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif",Arial, Helvetica;
}
#container {
    width: 100%;
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif",Arial, Helvetica;
    margin: 0 auto;
    padding: 5% 0;
	background: url("../images/sm_bg_tree_l_pc.png") left top / 42.33% auto repeat-y,
		url("../images/sm_bg_tree_r_pc.png") right top / 42.33% auto repeat-y,
		url("../images/sm_bg-green_pc.jpg") center top / 100vw auto repeat-y;
}
img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
/* テキストルール　*/
.txt_r{
    text-align: right!important;
}
.txt_l{
    text-align: left!important;
}
.txt_c{
    text-align: center!important;
}

.blue_txt{
    color: #00a3c2;
}
.txt_400{
     font-weight: 400!important;
}
.txt_600{
    font-weight: 600;
}
.txt_700{
    font-weight: 700;
}



/* オブジェクトエフェクト */
.indeadlinecolumn{opacity:0}
.inview-column {
	opacity:0;
	-webkit-transform:translate(0,60px);
	-moz-transform:translate(0,60px);
	-ms-transform:translate(0,60px);
	transform:translate(0,60px);
	-webkit-transition:.8s;
	-moz-transition:.8s;
	-ms-transition:.8s;
	transition:.8s;
}
.inview-column.fadein-up{
	opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:.8s;
	-moz-transition:.8s;
	-ms-transition:.8s;
	transition:.8s;
}
.main-contents.inview-column {
	opacity:0;
	-webkit-transform:translate(0,100px);
	-moz-transform:translate(0,100px);
	-ms-transform:translate(0,100px);
	transform:translate(0,100px);
	-webkit-transition:.8s;
	-moz-transition:.8s;
	-ms-transition:.8s;
	transition:.8s;
}
.main-contents.inview-column.fadein-up{
	opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:1.8s;
	-moz-transition:1.8s;
	-ms-transition:1.8s;
		transition:1.8s;
transition-delay: 0.8s;
}
/*　MV */
.main-contents {
/*    padding-bottom: 60px; */
     margin: 0 auto;
    text-align: center;
}
.main-contents h1 {
    display:block;
    width:76%;
    max-width: 700px;
    margin:8% auto 5%;
}
.main-contents .takibi{
   width: 10.2rem;
   margin: 0 auto;
}

@media (min-width:1500px){
.main-contents h1 {
    margin: 120px auto 40px;
}
}
.main-contents h1 img {
	width:100%;
}

/*QQQ 2*/
.main-contents_txt {
    padding: 0 3% 2%;
    text-align: center;
}
.main-contents_txt h2 {
    position: relative;
    display:inline-block;
    width: 86%;
    max-width: 800px!important;
    margin:0 auto;
    text-align:center;
    transform: translateX(.6%);
    line-height:2;
    font-weight: 600;
}

.main-contents_txt h2 img {
    width: 100%;
}
.main-contents_txt h2 .main_txt{
    position: absolute;
    top:38%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    font-size: 1.9rem;
}
.main-contents_txt h2 .main_txt p:last-of-type{
    margin-top: 1rem;
    font-size: 1.5rem;
}

.main-contents p {
    color:#333333;
    font-size:1.1rem;
    line-height:1.75;
}

.wrapper {
    padding: 0;
    margin: 0;
}
/* コンテンツ */
@media screen and (min-width: 751px){	
#main .sp_br {	
display: none;	
}	
}	
@media only screen and (max-width:750px) {	
#main .sp_br {	
display: block;	
}	
}
#main {
	position:relative;
	display:block;
/*	width:100%;
	padding: 0 7% 20px;*/
	width:90%;
	padding: 0 5% 20px;
	margin: 0 auto;
	box-sizing:border-box;
    font-size: 1.1rem;
	line-height: 1.7;
}
	#main section {
		display:block;
		width:100%;
		margin:0 auto;
	}
	#main section div {
		display:block;
/*		width:100%;*/
		margin:0 auto;
	}
		#main section p {
			position:relative;
			display:block;
			width:92%;
			margin:0 auto;
			color:#333333;
			font-size:1.6rem;
			line-height:1.75;
			text-align:left;
		}

/* common  --------------- */
.w100 {
    width: 100%;
}
#main .sec_ttl {
	z-index: 1!important;
	margin: 0 auto;
	padding: 0;
}

#main .sec_ttl h3 {
    display: block;
    width: 50%;
    max-width: 380px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
#main section h3 img {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    padding: 0;
}
#main .contents_wrapper {
	position: relative;
    display:block;
    width: 100%;
    max-width: 800px;
    height: auto;
    margin: -2% auto 6%;
    padding: 0;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
    z-index: 10!important;
}

#main .contents_wrapper .inner {
    display:block;
    width: 84%;
    max-width: 650px;
    height: auto;
    margin: 0 auto;
    padding: 0 8%;
	font-size: 1rem;
	line-height: 1.8;
}
#main .inner {
	font-size: 1rem;
	line-height: 1.8;
}


/* 参加までの流れ --------------- */
#main .flow {
    margin: -2% auto 0;
    padding-top: 2%;
}

#main .flow_ttl, #main .bosyu_ttl {
	z-index: 1!important;
	margin: 0 auto;
	padding: 0;
}

#main .flow h3, #main .bosyu h3 {
    display: block;
    width: 50%;
    max-width: 380px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
#main section h3 img {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    padding: 0;
}
#main .contents_wrapper {
	position: relative;
    display:block;
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: -1.5% auto 6%;
    padding: 0;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
    z-index: 10!important;
}
#main .flow .ttl_no {
    width: 10%;
    max-width: 100px;
    height: auto;
    margin: 0 auto 3%!important;
    margin: 0 auto!important;
}
#main .flow .ttl_no img {
   width: 100%;
    max-width: 100px;
}

#main .allow  {
    width: 38%!important;
    max-width: 350px;
    margin: 12% auto;
	clear: both;
}
#main .allow img {
    width: 100%!important;
    margin: 0 auto;
}

/* web申し込み -------------- */
#main .flow .web_entry {
    padding: 0;
	padding-top: 8%;
}
#main .flow .flow_subttl{
    text-align: center;
}
#main h4 {
    display: block;
    display: inline-block;
    position: relative;
     width: 33%;
     width: unset;
/*    max-width: 370px; */
    max-width: 500px;
    margin: 7% auto 15%!important;
    margin: 0% auto 8%!important;
    overflow: visible;
}
#main .contents_wrapper h4.c-marker .marker img { /*QQQ命令減らせる？*/
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    width: 100%;
    margin: 0 auto;
    z-index: 21;
}
#main .contents_wrapper h4.c-marker.is-active{/*QQQ命令減らせる？*/
    background-position: -100% 0;
}

#main h4.c-marker .marker {
    position: relative;
    font-size: 38px;
    font-size: 2.4vw;    
    font-size: 4rem;
    font-size: clamp(3.5rem,0.9rem + 2.1vw,4.2rem);
    text-align: center;
    font-weight: 700;
}
.marker img {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1
}

#main h4.c-marker.is-active .marker::after {
    content:'';
    position: absolute;
    display: block;
    left: 0;
    bottom: 10%;
    width: 0%;
    height: 20px;
    background: #fff000;
    z-index: -1;
    animation:slideBorder 1s ease-out 0s 1 forwards;
}

#main .contents_wrapper h4.c-marker .marker_note img{
    position: absolute;
    top:15px;
    left:0;
    right:0;
    width: 100%;
    margin: 0 auto;
    z-index: 21;
}

@media screen and (max-width:1200px){
#main h4.c-marker.is-active .marker::after {
    height: 1.7vw;
}
}
@keyframes slideBorder{
    0%{
    width: 0;
    }
    100%{
    width: 100%;
}
}

#main .flow .flow_txt {
    display: block;
    text-align: center;
    font-size: 1.9rem;
    font-size: clamp(1.5rem,1.85vw, 1.9rem);
    color: #000000;
    line-height: 2;
    margin:0 auto 1%;
    width: 100%;
    max-width: 650px;
}
#main .flow .td_txt {
    width: 85%;
    width: 100%;
	max-width: 650px;
}
#main .flow .td_txt img {
    width: 100%;
    width: 85%;
}
#main .flow .flow_txt_l{
    text-align: center;
    font-size: 3.0rem;
    font-weight: 600;
    color: #000000;
}
#container #main .flow .flow_txt_m{
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    font-weight: 600;
    color: hsl(0, 0%, 0%);
    line-height: 1.65;
/*    text-align: justify; */
}
#container #main .flow_txt_ms {
    width: 100%;
    font-size: 1.9rem;
    font-size: clamp(1.5rem,1.85vw, 1.9rem);
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
}
#container #main .flow_txt_s {
    width: 100%;
    font-size: 1.5rem;
    font-size: clamp(1.1rem, 0.643rem + 0.95vw, 1.5rem);
    font-weight: 400;
    line-height: 1.7;
/*    text-indent: -1em;
    padding-left: 1em; */
    text-align: center;
}
#main .flow .flow_txt_mt {
	margin-top: 2%;
}
#main .flow_txt_s_mt {
	margin-top: 6%;
}
@media (max-width:920px){
    #main .flow_txt_s { font-size:0.7rem; 
    }
}

#main .flow .flow_txt span {
    font-size: 0.8rem;
}
#main .flow .deadline {
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
    /*
    width: 92%!important; */
    max-width: 700px;
    text-align: center;
    margin: 3% auto 0;
    margin: 3% auto 6%;
}
/*QQQ*/
#main .flow .deadline div{
    margin: unset;
    line-height: 50px;
}
/*QQQ*/
#main .flow .deadline .dl_ttl{
    width: 37%;
    font-size: 24px;
    font-size: clamp(18px,1.58vw,24px);
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    background-color: #00a3c2;
    color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
/*QQQ*/
#main .flow .deadline .dl_day{
/*    margin-right: 5%; */
    font-size: 2.8rem;
    font-size: clamp(2.5rem, 2.1rem + 0.71vw, 2.8rem);
    font-weight: 600;
    color: #00a3c2;
}

/*
#main .flow .deadline img {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
    */

#main section div.odai {
	margin: 12% auto 0;
	}

#main .odai h5 {
	display: block;
    width: 50%;
    font-size: 48px;
    font-size: 4.0rem;
    font-weight: 700;
    text-align: center;
    color: #00a3c2;
/*    margin: 17% auto 3%;*/
    margin: 0 auto 3%;
    margin: 0 auto 1%;
}
#main .odai h5 img {
    width: 100%;
}

#main .odai_wrapper {
/*	clear: both; */
	display: block;
	width: 84%;
/*    max-width: 650px; */
	height: auto;
	margin: 10% auto;
}


#main .odai_wrapper div {
    margin: 0 auto 20px;
 /* display: inline-block; */
	vertical-align: top;
}

#main .odai_ttl {
	display: flex;
    justify-content: center;
    width: 58%;
    padding: 0 8%;
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #00a3c2;
    border-radius: 40px;
    box-sizing:border-box;
}
#main .odai_ttl span{
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: center; /* 水平中心 */
    margin-left: 15%;
}
#main .odai_ttl span::before,
#main .odai_ttl span::after{
    border-top: 2px solid;
    content: "";
    width: 0.5rem; /* 線の長さ */
    margin-top: 2px;
}
#main .odai_ttl span::before{
    margin-right: 10px;
}
#main .odai_ttl span::after{
    margin-left: 10px;
}
/*QQQ
#main .odai .odai_ttl2 {
	padding-top: 0.5%;
}*/
#main .odai_r, #main .odai_r {
/*	width: 83%; */
	display: block;
}
#main .odai1_ttl_img {
	width: 100%;
}
#main .odai2_ttl_img {
	width: 100%;
}

#main li.indent_0 {
	text-indent: 0;
	padding-left: 0;
}

#main li.odai_txt_s {
	font-size: 1.4vw;
	padding-top: 0.5em;
}

#main .flow .flow_txt_m .txt_in{
    display: inline-block;
    padding-left: 1em;
    text-align: left;
}
#main .flow .flow_txt_m .txt_in.note{
    text-indent: -1em;
    font-size: 1.9rem;
    font-size: clamp(1.5rem,1.85vw, 1.9rem);
    margin-top: 1.5%;
}


/* TABLE DIALOGUE -------------- */

#main .flow .table_d  {
/*    display: block;
    height: auto;
    padding-top: 0;*/
/*    margin: 0 auto;*/
}
#main .flow .table_d h4 {
/*    display: block;
    position: relative; */
    width: 48%!important;
    max-width: 420px!important;
    margin: 7% auto 15%!important;
}

#main .day {
    display: block;
    width: 100%;
/*    margin: 20% auto 0; */
	text-align: center;
}
#main .day .camp_place{
   /* background-color: #E38428; */
   margin-bottom: 6%;
   width: 84%;
   max-width: 650px;
}
#main .day .camp_place h5{
    width: 58%; 
    margin: 0 auto 1.5%;
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    font-weight: 700;
    color: #fff;
    background-color: #00a3c2;
    border-radius: 40px;
    box-sizing:border-box;
}
#main .day .camp_place ul li{
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    font-weight: 600;
}

#main .day img {
    width: 69%;
    margin: 2% auto;
}
#main .day p {
    margin: 0 auto 5%;
}
/* summercamp camp_sched-------------- */
#main .flow .camp_sched {
    display: block;
    width: 94%;
    width: 100%;
    height: auto;
    padding: 0;
    padding-bottom: 12%;
    margin: 0 auto;
    box-sizing: border-box;
}
/* QQQ
#main .camp_sched h4 {
    display: block;
    position: relative;
    width: 36%;
    width: 57%;
    max-width: 480px;
    margin: 7% auto 15%;
}
*/
#main .flow_info {
    display: block;
    width: 90%!important;
    max-width: calc(1000px - 10%)!important;
    padding: 2% 5%!important;
    margin: -2% auto 15%!important;
    margin: -2% auto 8%!important;
	border-radius: 0.8vw;
   background-color: rgba( 226, 242, 221, 0.9 );
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
}
#main .camp_sched .day img.dsc_day {
    width: 22%;
    margin: 0 auto 6%!important;
}
#main .camp_sched .dsc5days_txt_mt {
	margin-top: 0;
/*	font-size: 1.2rem;*/
}
#main .flow_info ul {
	width: 100%;
    font-size: 1.5rem;
    text-indent: -1em;
/*    padding-left: 1em; */
    margin: 0 auto;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 2!important;

	margin: o auto;
}
#main .flow_info ul li {
    margin: 0 auto;
}

/* 募集要項 --------------- */
#main .bosyu {
    margin: 0 auto;
	font-size: 1.9rem;
    line-height: 2;
}

#main .bosyu .bosyu_inner {
    display: block;
    width: 80%;
    width: 84%;
    max-width: 650px;
    padding: 8% 2% 0;
    padding: 8% 0;
    margin: 0 auto;
}

#main .bosyu dl {
    display: block;
    padding: 3% 0;
    width: 100%;
    text-align: left;
}

#main .bosyu dl dt {
/*    width: 15%; */
}
#main .bosyu dl dt.flow_txt_m{
    text-indent: -1.5rem;
}
#main .bosyu dl dt.oubottl_2w {
    width: 8.7%;
}
#main .bosyu dl dt.oubottl_7w {
    width: 23%;
}

#main .bosyu dl dt img {
    width: 100%;
}
#main .bosyu .oubo_txt_s {
    font-size: 1.5rem;
	padding-left: 1em;
	text-indent: -1em;
}

/* コピーライト */
	footer {
	display:block;
	width:100%;
	margin:0 auto;
	padding:15px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif",Arial, Helvetica;
	/*		color:#999999;
	background-color: #f7f7f7; */
	color:#ffffff;
	background:#00a3c2;
	font-size:1.2rem;
		font-weight: bold;
	text-align:center;
	}
@media (min-width:1200px){
/*QQQ
#main .odai_wrapper {
	width: 84%;
}
    */
/*QQQ
#main .odai .odai_ttl {
	font-size: 1.6rem;
}*/
#main .odai .odai_ttl img {
    width: 80px;
}
#main .odai .odai_txt {
    font-size: 1.27rem;
}
#main li.odai_txt_s {
	font-size: 1rem;
}
#main .odai_txt_link a {
	font-size: 1.4rem;
}
#main p.youshi {
	font-size: 0.9rem;
}
/*
#main .bosyu {
	font-size: 1.9rem;
}*/
#main .flow_info {
	border-radius: 10px;
}
}


@media (max-width:750px){
/* ----------------------------- */
    BORDERS 
/*------------------------------------*/
html:before{ 
    height:10px; 
    left:0; 
    right:0; 
    top:60px;
}
html:before{ 
    height:10px; 
    left:0; 
    right:0; 
    top:60px;
    background: #00a3c2;
    content: "";
    display: block;
    width: 100%;
}
#container {
    width: 100%;
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif",Arial, Helvetica;
    margin: 0 auto;
    padding-top: 5%;
    padding: 5% 0;
	background: url("../images/sp/sm_bg_green_sp.jpg") center top / 100vw auto repeat-y;
}
.main-contents h1 { 
	margin: 10vw auto 7.5vw; 
}
.main-contents .takibi{
    width: 6rem;
    margin-bottom: 2%;
}
.main-contents_txt {
	width: 90%;
    padding: 0 5% 20px;
    margin: 0 auto;
}
.main-contents_txt h2 {
    display:inline-block;
	width: 90%;
    margin:0 auto;
    color:#000000;
    line-height:2.5;
    text-align:center;
    font-weight: 600;
    padding-bottom: 0;
}
.main-contents_txt h2 .main_txt{
    top: 41%;
    font-size: 1.3rem;
}
.main-contents_txt h2 .main_txt p:last-of-type{
    font-size: 1.1rem;
}
.main-contents p {
    color:#333333;
    font-size:1.1rem;
    line-height:1.75;
}
#main {
	position:relative;
	display:block;
	width:100%;
	margin: 0 auto;
	padding:0 1.5% 0;
	box-sizing:border-box;
    font-size: 1.1rem;
}
		#main section {
			display:block;
			width:100%;
			margin:0 auto 10vw;
		}

#main .ttl_no {
    display: block;
    width: 18%!important;
    max-width: 100px;
    height: auto;
    margin: 0 auto 1%!important;
}

dl {
    display: block!important;
}

#main .flow h3, #main .bosyu h3 {
    width: 50%;
}
#main .contents_wrapper {
    width: 82%;
    margin: -3vw auto 6%;
    padding: 0;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}
#main .flow {
    display:block;
    width: 98%;
    width: 100%; /*QQQ*/
    max-width: 750px;
    height: auto;
    margin: 0 auto 10vw;
}
#main .inner .allow  {
    width: 80%!important;
    max-width: 350px;
    margin: 15% auto;
	clear: both;
}
#main .inner .allow img {
    width: 100%!important;
    margin: 0 auto;
}
/* web申し込み -------------- */
#main .flow .web_entry {
    width: 92%;
    width: 94%;
    height: auto;
    padding: 14% 2% 3%!important; 
 /*    padding: 14% 4% 3%!important;*/
    margin: 0 auto!important;
    box-sizing: border-box;
}
#main .flow .flow_subttl {
    display: block;
    height: auto;
    margin: 0 auto 7%!important;
    margin: 0 auto!important;

}

#main .web_entry h4 {
    display: block!important;
    position: relative;
    width: 66%;
    width: 100%;
    max-width: 370px;
    margin: 15% auto 15%!important;
    margin: 0% auto 10%!important;
}

#main .web_entry h4 img {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    width: 100%;
    margin: 0 auto;
    z-index: 21;
}
#main h4.c-marker .marker{
    display: inline-block;
    font-size: 2.3rem;
}
#main h4.c-marker.is-active .marker::after {
    content:'';
    position: absolute;
    display: block;
    left: 0;
    bottom: -35%;
    bottom: 4%;
    width: 0%;
/*    height: 15px;*/
    height: 14px;
    background: #fff000;
    z-index: -1;
    animation:slideBorder 1s ease-out 0s 1 forwards;
}
#main .flow .flow_txt {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 3.5vw;
    font-size: 1.5rem;
    font-size: 1.3rem;
    color: #000000;
    line-height: 1.75;
    line-height: 1.5;
    margin-bottom: 4%;
/*    margin: 12% auto 2%; 
    padding: 10% 0 3%;*/
}
#main .flow .flow_txt_m{
    width: 100%;
    font-size: 1.5rem !important;
}
#main .flow_txt_s {
    font-size: 0.75rem;
    font-size: 3vw;
    font-size: 1.1rem!important;
    line-height: 1.6!important;
	text-align: left;
}
#main .table_d .flow_txt_s, #main .camp_sched .flow_txt_s {
	text-align: center;
}
 #main .flow .deadline {
     display: block;
/*    width: 90%!important; */
    text-align: center;
/*    margin: 15% auto 0;*/
    margin: 12vw auto 0;
}
/*QQQ*/
#main .flow .deadline .dl_ttl{
    width: 70%;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 2;
    border-radius: 6px;
}
/*QQQ*/
#main .flow .deadline .dl_day{
    margin-right: 0;
    font-size: 2rem;
    line-height: 2;
}

#main .flow .deadline img {
    width: 100%!important;
    max-width: 490px;
    margin: 0 auto 3%!important;
}
/*QQQ*/
#main section div.odai {
    width: 90%;
    margin: 12vw auto;
    margin: 6vw auto 12vw;
	}
#main .odai h5 {
    width: 86%;
    margin: 0 auto!important;
    padding: 5% 0 2%;
    color: #00a3c2;
    font-size: 2.3rem;
    font-weight: bold;
    text-align: center;
}

#main .odai_wrapper {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 10vw auto;
}
#main .odai_wrapper div {
  display: block;
}
/*QQQ*/
#main .odai_wrapper .odai_ttl {
    display: flex;
	margin: 0 auto 5%!important;
	text-align: center;
    width: 96%;
    width: 70%;
     width: 100%;
/*    margin: 8% auto 1%; */
	font-size: 3.6vw;
    font-size: 1.5rem;
}
	
#main .odai .odai_ttl2 {
/*    margin: 13% auto 3%!important; */
	padding-top: 0;
	letter-spacing: -0.01em;
}
#main .odai .odai_ttl img {
    width: 22%;
}
#main .odai .odai_ttl2 img {
    width: 22%!important;
}

#main .odai_r, #main .odai_r {
	width: 100%;
	display: block;
}
#main .odai1_ttl_img {
	width: 98%;
	margin: 0 auto;
}
#main .odai2_ttl_img {
	width: 72.5%;
	margin: 0 auto;
}

#main .odai_2 {
	margin-bottom: 0!important;

}
	

#main .odai p {
    margin: 2% auto 4%;
    margin: 0 auto 4%;
/*    width: 100%;
    color: #000000;
    font-size: 1.5rem; */
}
#main .odai p.flow_txt_s {
    font-size: 0.75rem;
    font-size: 3vw;
    font-size: 1.1rem; /*QQQ*/
    line-height: 1.6!important;
	text-align: left;
	width: 96%;
    margin: 0 auto;
}
#main .odai .odai_txt {
	font-size: 3.6vw;
}
#main .odai_txt_link a {
	font-size: 3.1vw;
	font-size: 3.4vw;
}
#main li.odai_txt_s {
	font-size: 2.8vw;
}
#main .flow .flow_txt_m .txt_in.note {
    font-size: 1.3rem;
}



/* TABLE DIALOGUE -------------- */
#main .flow .table_d {
/*    padding: 0 2% 10%!important;
    margin-bottom: 5%;*/
	margin: 0 auto 12vw;
}
#main .flow .table_d h4 {
    display: block!important;
    position: relative;
    width: 96%!important;
    max-width: 500px;
    margin: 12vw auto!important;
    padding-top: 0!important;
}
#main .table_d h4 img {
    position: absolute;
    bottom: 0;
    left:0;
/*    right:0; */
    width: 100%;
    margin: 0 auto;
    z-index: 21;
}

#main .day {
    display: block;
    width: 90%;
    margin: 0 auto 3%!important;
/*    color: #00a3c2;
    font-size: 1.3rem;
    font-weight: bold; */
    text-align: center;
/*    padding-top: 20%;
    padding-bottom: 2%; */
}
#main .day .camp_place{
    width: 100%;
}
#main .day .camp_place h5{
    width: 70%;
    width: 100%;
    font-size: 1.5rem;
}
#main .day .camp_place ul li{
    font-size: 1.5rem;
}

#main .day img {
    width: 78%;
    margin: 0 auto 2%!important;
}
#main .flow .td_txt {
/*    width: 922%*/
/*	width: 86%;*/
	width: 100%;
    max-width: 650px;
}


/* summercamp camp_sched　-------------- */
#main .flow .camp_sched {
    padding: 0 2% 12vw!important;
	margin: 0 auto;
    width: 94%;
    height: auto;
    box-sizing: border-box;
}

#main .flow .camp_sched h4 {
    display: block!important;
    position: relative;
    width: 96%!important;
    width: 100%!important; /*QQQ*/
    max-width: 500px;
    margin: 15% auto 15%!important;
    margin: 0% auto 10%!important;
}
#main .camp_sched h4 img {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    width: 100%;
    margin: 0 auto;
    z-index: 21;
}
#main .contents_wrapper h4.c-marker .marker_note img{
    top: 8px;
}
#main .camp_sched .day img.dsc_day {
    width: 40%!important;
    margin: 0 auto 6%!important;
}
/*#main .flow .td_txt {
    width: 92%;
    max-width: 650px;
    margin-bottom: 0!important;
}
#main .flow .td_txt img {
    width: 100%;
}*/
#main .flow_info {
    width: 72%!important;
/*    margin-top: -200px!important; */
    padding: 2% 5%;
	margin: 0 auto 8%;
	border-radius: 1.5vw;
   background-color: rgba( 226, 242, 221, 0.9 );
}
#main .flow_info ul {
    font-size: 0.75rem;
    font-size: 2.6vw;
    font-size: 1.1rem;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.6;
}

/* 募集要項 --------------- */
#main .bosyu {
    display:block;
/*    width: 98%; */
    max-width: 750px;
    height: auto;
    margin: 0 auto 10%;
/*    padding-top: 60px; */
	font-size:3.5vw;
    font-size: 1.3rem;
}

#main .bosyu .bosyu_inner {
    display: block;
    width: 86%;
    width: 94%;
    padding: 8% 5% 5%;
    padding: 8% 2% 3%!important;
    margin: 0 auto;
    line-height: 1.5;
    box-sizing: border-box;
}

#main .bosyu dl {
    display: block;
    padding: 2vw 0;
    width: 100%;
    width: 90%;
    text-align: left;
    margin: 0 auto 0 0;
    margin: 0 auto;
}
#main .bosyu dl dt {
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
/*    width: 100%; */
    height: auto;
    padding: 0;
    margin: 0 auto 0 0;
    text-align: left;
    width :28%!important;
     width :100%!important;
/*    max-width: 141px; */
}
#main .bosyu dl dt.flow_txt_m {
    text-indent: -1rem;
}
#main .bosyu dl dt.oubottl_2w {
    width: 16.2%!important;
/*    max-width: 141px; */
}
#main .bosyu dl dt.oubottl_7w {
    width: 44%!important;
/*    max-width: 141px; */
}

#main .bosyu dl dt img {
    width: 100%;
}
#main .bosyu dl dd {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}
#main .bosyu dl dd.bosyu_mbtm {
    display: block;
    margin-bottom: 2%!important;
}
#main .bosyu .oubo_txt_s {
    font-size: 2.8vw;
	font-size: 1.1rem;
}
#main .bosyu .btn {
	position: relative;
    width:100%;
    height:100%;
    margin:6% auto 16%!important;
}
#main .bosyu .btn:before {
    display:block;
	content: "";
    padding-top: 20.342%;
}
#main .bosyu .btn .flow_txt_s {
	margin: 0 auto;
	padding: 0;
    font-size: 2.1vw;
	text-align: center;
	width: 90%;
}


footer {
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif",Arial, Helvetica;
    padding: 2vw 0 3vw;
    font-size: 1.7vw!important;
	color:#ffffff;
	background:#00a3c2;
}
}


/*  summer_SNS追加　--------------- */
#main .sns_wrapper {
	width: 80%;
	margin: 0 auto;
    padding-top: 10%;
	padding-bottom: 10%;
}
/*#main .sns_wrapper img {
	width: 97%;
}*/
#main .sns_wrapper p {
	display: block;
	width: 86%;
	margin: 0 auto;
	font-size: 1.8vw;
    font-size: 1.9rem;
	font-weight: bold;
    font-weight: 600;
	margin: 0 auto 4%;
}
/*#main .sns_wrapper p.yt_txt {
	margin-top: 4vw;
}*/
#main .sns_wrapper p.insta_txt,
#main .sns_wrapper p.tw_txt,
#main .sns_wrapper p.yt_txt {
	margin: 10% auto 4%;
}
#main .sns_wrapper p.line_txt img { width: 88%;}
#main .sns_wrapper p.insta_txt img { width: 88%;}
#main .sns_wrapper p.tw_txt img { width: 88%;}
#main .sns_wrapper p.yt_txt img { width: 88%;}

#main .sns_btn a {
    position: relative;
	width: 100%;
	margin: 0 auto 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 9.9vw;
    font-size: 2.4rem;
    font-weight: 600;
    border: 0.3vw solid #000;
    box-sizing: border-box;
    border-radius: 50vw;
    text-decoration: none;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
/*
#main .sns_btn a {
	position: relative; 
	display: block;
    width: 100%;
	height: 10vw;
    text-decoration: none;
}
   
*/
#main .sns_btn1{
    position: relative;
    cursor: pointer;
}
#main .sns_btn1::before {
	content: "";
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    z-index: -1;
    -webkit-border-radius: 4.5vw;
    -moz-border-radius: 4.5vw;
    -ms-border-radius: 4.5vw;
    -o-border-radius: 4.5vw;
    border-radius: 4.5vw;
	width: 100%;
	height: 100%;
	border: solid 0.3vw #000;
    border: solid 3px #000;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
#main .sns_btn1:hover::before {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
#main .sns_btn1 a {
	width: 100%;
	margin: 0 auto 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 7.5vw;
    font-size: 2.4rem;
    font-size: clamp(17px,0.174rem + 1.8vw,24px); /*最小値変更*/
    font-weight: 600;
    text-decoration: none;
    
}

#main .sns_btn1 a::before{
    display: block;
    content: "";
	position: absolute;
	top: 50%;
	left: 18.5%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}


#main .sns_btn1.line a::before{
	width: 3.6vw;
	height: 3.6vw;
	background: url("../images/icon-sns_line.png") center / 100% 100% no-repeat;
}
#main .sns_btn1.insta a::before{
	width: 3.3vw;
	height: 3.3vw;
	background: url("../images/icon-sns_instagram.png") center / 100% 100% no-repeat;
}

#main .sns_btn1.x a::before{
	width: 3.25vw;
	height: 3.25vw;
	background: url("../images/icon-sns_x-c.png") center / 100% 100% no-repeat;
}
#main .sns_btn1.youtube a::before{
    width: 3.2vw; /*126 x 89の比率に合わせる*/
	height: 2.26vw;
	background: url("../images/icon-sns_youtube.png") center / 100% 100% no-repeat;
}
#main .sns_btn1 a::after {
	display: block;
	position: absolute;
	top: 50%;
	left: 80.5%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	content: "";
	width: 2.05vw;
	height: 2.05vw;
	background: url("../images/btn_allow.png") center / 100% 100% no-repeat;
    z-index: 2;
}
#main .sns_btn span {
	display: block;
	position: relative;
    top: 50%;
    left: 47%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	width: 68%;
    z-index: 2;
	margin: 0 auto 0 0;
	text-align: left;
}
#main .sns_btn a:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 84%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	content: "";
	width: 2.8vw;
	height: 2.8vw;
	background: url("../images/btn_allow.png") center / 100% 100% no-repeat;
    z-index: 2;
}


@media (max-width:750px){
#main .sns_wrapper p.line_txt img,
#main .sns_wrapper p.insta_txt img,
#main .sns_wrapper p.tw_txt img,
#main .sns_wrapper p.yt_txt img {
    width: 97%;
}
#main .sns_wrapper p.insta_txt,
#main .sns_wrapper p.tw_txt,
#main .sns_wrapper p.yt_txt {
	margin: 12% auto 4%;
}
#main .sns_wrapper p{
    font-size: 1.1rem;
    font-size: 1.3rem;
}
#main .sns_btn1::before{
    border-radius: 40px;
    border: 1px solid;
}
#main .sns_btn1 a{
    font-size: 1.15rem;
    line-height: 3.5;
    letter-spacing: -0.035em;
    letter-spacing: -0.055em;
}
#main .sns_btn1.line a,
#main .sns_btn1.x a{
    letter-spacing: 0;
}


#main .sns_btn1 a::before{
    left: 8.5%;
}
#main .sns_btn1 a::after{
    left: 91.5%;
    width: 3vw;
    height: 3vw;
}
/*#main .sns_wrapper p.yt_txt img {
	width: 76%;
	margin: 0 auto;
}*/
}


@media (min-width:1200px){
/*    
#main .sns_wrapper p {
	font-size: 1.45rem;
    font-size: 1.2rem;
}
    */
#main .sns_btn1 a {
	line-height: 4.2;
}
#main .sns_btn a:before {
	height: 120px;
	border: solid 3px #000000;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    -o-border-radius: 54px;
    border-radius: 54px;
}
#main .sns_btn span {
	top: 50%;
	left: 47%;
	transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	max-width: 500px;
}
#main .sns_btn a:after {
	width: 32px;
	height: 32px;
/*	top: 51%;
	right: 14%; */
	top: 52%;
	right: 100px;
}
#main .sns_btn1.line a::before{
	width: 3.0vw;
	height: 3.0vw;
}
#main .sns_btn1.insta a::before{
	width: 2.8vw;
	height: 2.8vw;
}

#main .sns_btn1.x a::before{
	width: 2.75vw;
	height: 2.75vw;
}
#main .sns_btn1.youtube a::before{
    width: 3.0vw; /*126 x 89の比率に合わせる*/
	height: 2.119vw;
}

}


/*anchor_link -------------- */
#anchor {
	position:relative;
	display:block;
	width:90%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing:border-box;
    font-size: 1.1rem;
	text-align: center;
}
#anchor section.anchor-link_wrapper {
    display:block;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: 0 auto;
}

.anchor_link {
	width: 100%;
	display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
	text-align: center;
	margin: 2% auto;
	padding-top: 2%;
    padding-top: 4%;
}
/*QQQ*/
.anchor_link li {
	width: 48%;
/*    width: 31%; 3カラム*/
}
.anchor_link li:nth-child(odd) {
	margin: 0 2% 2% 0;
/*    margin: 0;　3カラム*/
}
.anchor_link li:nth-child(even) {
	margin: 0 0 2% 0;
/*     margin: 0;　3カラム*/
}

/* ナビボタン　------------ */
#anchor .btn_wrapper {
	width: 60%;
	width: 55%;
	text-align: center;
}

#anchor .a-btn::before {
    content: "";
    display: block;
    padding-top: 20.37%;
/*    padding-top: 0;3カラム*/
}
#anchor .a-btn {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0.2% auto;
    display: flex;
/*    flex-direction: column; 3カラム*/
    justify-content: space-around;
    align-items: center;
    border: 2px solid #00a3c2;
    border-radius: 14px;
	text-decoration: none;
	background-color: #ffffff;
    overflow: hidden;
}
#anchor .a-btn, #anchor .a-btn_text {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1);
    /*	font-size: 0.86rem!important;*/
}

/*QQQ 1*/
#anchor .a-btn_text {
	position: relative;
    width: 70%;
/*	width: 100%; 
    padding: 24px 0 6px; 3カラム*/
	text-align: center;
    letter-spacing: .05em;
    color: #00a3c2;
    font-weight: 600;
    
    font-size: 1.9rem; /*QQQ 計算式で書く、アイパッドの時に崩れないように*/
    font-size: clamp(1.5rem,1.85vw, 1.9rem);
    /*margin-left: 10%;*/
    /*margin-left: 5%!important;*/
}
#anchor .a-btn .a-btn_text img {
    position: absolute;
	top: 50%;
	left: 55%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 1.9vw!important;
}
#anchor .a-btn .a-btn_text img:nth-of-type(1) {
	opacity: 1;
	z-index: 2;
}
#anchor .a-btn .a-btn_text img.active {
    opacity: 0;
    transition: 0.8s;
}
#anchor .a-btn:hover .a-btn_text img:nth-of-type(1) {
	opacity: 0;
    transition: 0.8s;
}
#anchor .a-btn:hover .a-btn_text img.active {
    opacity: 1;
}
#anchor .a-btn_text.dscf {
    letter-spacing: 0;
}
#anchor .btn_icon {
	width: 20%;
	margin-right: 2%;
}
#anchor .android .a-btn_text {
    font-weight: 700;
}
#anchor .a-btn_icon .arrow {
    position: relative;
	width: 15%;
}
#anchor .a-btn_icon .arrow > * {
    position: absolute;
    top: 0;
    left: 0;
}
#anchor .a-btn_icon .arrow > * .st0 {
    fill: none;
    stroke-width: 1.5;
    stroke-miterlimit: 10;
}
#anchor .a-btn_icon .arrow > .arrow-def {
    transform: translateZ(0) scale(1) rotate(90deg);
}
#anchor .a-btn_icon .arrow > .arrow-def .st0 {
    stroke: #00a3c2;
}
#anchor .a-btn_icon .arrow > .arrow-hover {
    transform: translate3d(-50px, 0, 0) scale(2, .5) rotate(90deg);
    opacity: 0
}
#anchor .a-btn_icon .arrow > .arrow-hover .st0 {
    stroke: #fff
}
#anchor .a-btn_icon .blank {
    position: relative
}
#anchor .a-btn_icon .blank > * {
    position: absolute;
    top: 0;
    left: 0
}
#anchor .a-btn_icon .blank > * > * {
    fill: none;
    stroke-width: 1.5;
    stroke-miterlimit: 10
}
#anchor .a-btn_icon .blank > .blank-def {
    transform: translateZ(0)
}
#anchor .a-btn_icon .blank > .blank-def .st0 {
    stroke: #00a3c2;
}
#anchor .a-btn_icon .blank > .blank-hover {
    transform: translate3d(-30px, 30px, 0);
    opacity: 0
}
#anchor .a-btn_icon .blank > .blank-hover .st0 {
    stroke: #fff
}
#anchor .a-btn:hover {
    border-color: #00a3c2;
    background-color: #00a3c2;
}
#anchor .a-btn:hover .a-btn_text {
    color: #ffffff!important;
}
#anchor .a-btn:hover .a-btn_icon .arrow .st0 {
    stroke: #fff
}
#anchor .a-btn:hover .a-btn_icon .arrow-def {
    transform: translate3d(50px, 0, 0) scale(2, .5) rotate(90deg);
    opacity: 0
}
#anchor .a-btn:hover .a-btn_icon .arrow-hover {
    transform: translateZ(0) scale(1) rotate(90deg);
    opacity: 1
}
#anchor .a-btn:hover .a-btn_icon .blank .st0 {
    stroke: #fff
}
#anchor .a-btn:hover .a-btn_icon .blank-def {
    transform: translate3d(30px, -30px, 0);
    opacity: 0
}
#anchor .a-btn:hover .a-btn_icon .blank-hover {
    transform: translateZ(0);
    opacity: 1
}

#anchor .a-btn_icon .arrow > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}
#anchor .a-btn_icon .blank, .a-btn_icon .blank > * {
    /*width: .8125vw;
    height: .8125vw;*/
    width: 1rem;
    height: 1rem;
}
#anchor .a-btn_icon .blank > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}

@media only screen and (max-width:750px) {
.anchor_link {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.anchor_link li {
	width: 80%;
}
.anchor_link li:nth-child(odd) {
	margin: 0 0 2% 0;
}
.anchor_link li:nth-child(even) {
	margin: 0 0 2% 0;
}
#anchor .btn_wrapper {
/*	width: 70%;*/
	width: 80%;
}
#anchor .a-btn {
    display: flex;
    flex-direction: row;
    border-radius: 2vw;
}
/*QQQ*/
#anchor .a-btn_text {
    width: 60%;
    padding: 0;
    font-size: 2vw;
    font-size: 12px;
    line-height: 1.2;
    line-height: 4.2;
}
#anchor .a-btn .a-btn_text img {
    position: absolute;
	top: 50%;
	left: 53%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 3.1vw!important;
}
#anchor .a-btn_icon .arrow, #anchor .a-btn_icon .arrow > * {
    /*width: .75rem;
    height: .6875rem;*/
    width: 0.8rem;
    width: 1.28rem;
    height: 0.6rem;
    height: 0.96rem;
}
#anchor .a-btn_icon .blank, #anchor .a-btn_icon .blank > * {
    width: .875rem;
    height: .875rem
}
}

@media only screen and (min-width:751px) {
#anchor .a-btn {
    /*width: 15.625vw;
    padding: 1.25vw 1.875vw*/
}
/*QQQ 1
#anchor .a-btn_text {
	font-size: 1rem;
    font-size: 19px;
}*/
#anchor .a-btn .a-btn_text img {
	height: 18px!important;
}
#anchor .a-btn_icon .arrow, .a-btn_icon .arrow > * {
    /*width: .8125vw;
    height: .6875vw;*/
    width: 1rem;
    height: 0.6rem;
    margin-right: 1rem;
    width: 1.6rem;
    height: 0.96rem;
    margin-right: 1.6rem;
/*    height: 2rem;
    padding-bottom: 24px;  
    margin-right: 2rem;3カラム*/
	
}
#anchor .a-btn_icon .arrow > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}
#anchor .a-btn_icon .blank, .a-btn_icon .blank > * {
    /*width: .8125vw;
    height: .8125vw;*/
    width: 1rem;
    height: 1rem;
}
#anchor .a-btn_icon .blank > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}
}


/*wedo creative camp link ---- */
#wedo-cc {
	position:relative;
	display:block;
	width:90%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing:border-box;
    font-size: 1.1rem;
	text-align: center;
}
#wedo-cc section.wedo-cc_wrapper {
    display:block;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: 0 auto;
}

.wedo-cc_link {
	width: 100%;
	display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
	text-align: center;
	margin: 2% auto;
	padding-top: 2%;
}

.wedo-cc_link li {
	width: 70%;
}
.wedo-cc_link li:nth-child(odd) {
	margin: 0 2% 2% 0;
}
.wedo-cc_link li:nth-child(even) {
	margin: 0 0 2% 0;
}

/* ナビボタン　------------ */
#wedo-cc .a-btn::before {
    content: "";
    display: block;
    padding-top: 13.968%;
}
#wedo-cc .a-btn {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0.2% auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 2px solid #E38428;
    border-radius: 14px;
	text-decoration: none;
	background-color: #ffffff;
    overflow: hidden;
}
#wedo-cc .a-btn, #wedo-cc .a-btn_text {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1);
}
#wedo-cc .a-btn_text {
	position: relative;
	width: 80%;
	text-align: center;
    letter-spacing: .05em;
    color: #E38428;
    font-weight: 600;
}
#wedo-cc .a-btn .a-btn_text img {
    position: absolute;
	top: 50%;
	left: 55%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 1.9vw!important;
}
#wedo-cc .a-btn .a-btn_text img:nth-of-type(1) {
	opacity: 1;
	z-index: 2;
}
#wedo-cc .a-btn .a-btn_text img.active {
    opacity: 0;
    transition: 0.8s;
}
#wedo-cc .a-btn:hover .a-btn_text img:nth-of-type(1) {
	opacity: 0;
    transition: 0.8s;
}
#wedo-cc .a-btn:hover .a-btn_text img.active {
    opacity: 1;
}
#wedo-cc .a-btn_text.dscf {
    letter-spacing: 0;
}
#wedo-cc .btn_icon {
	width: 20%;
	margin-right: 2%;
}
#wedo-cc .android .a-btn_text {
    font-weight: 700;
}
#wedo-cc .a-btn_icon .arrow {
    position: relative;
	width: 15%;
}
#wedo-cc .a-btn_icon .arrow > * {
    position: absolute;
    top: 0;
    left: 0;
}
#wedo-cc .a-btn_icon .arrow > * .st0 {
    fill: none;
    stroke-width: 1.5;
    stroke-miterlimit: 10;
}
#wedo-cc .a-btn_icon .arrow > .arrow-def {
    transform: translateZ(0) scale(1);
}
#wedo-cc .a-btn_icon .arrow > .arrow-def .st0 {
    stroke: #E38428;
}
#wedo-cc .a-btn_icon .arrow > .arrow-hover {
    transform: translate3d(-50px, 0, 0) scale(2, .5);
    opacity: 0
}
#wedo-cc .a-btn_icon .arrow > .arrow-hover .st0 {
    stroke: #fff
}
#wedo-cc .a-btn_icon .blank {
    position: relative
}
#wedo-cc .a-btn_icon .blank > * {
    position: absolute;
    top: 0;
    left: 0
}
#wedo-cc .a-btn_icon .blank > * > * {
    fill: none;
    stroke-width: 1.5;
    stroke-miterlimit: 10
}
#wedo-cc .a-btn_icon .blank > .blank-def {
    transform: translateZ(0)
}
#wedo-cc .a-btn_icon .blank > .blank-def .st0 {
    stroke: #E38428;
}
#wedo-cc .a-btn_icon .blank > .blank-hover {
    transform: translate3d(-30px, 30px, 0);
    opacity: 0
}
#wedo-cc .a-btn_icon .blank > .blank-hover .st0 {
    stroke: #fff
}
#wedo-cc .a-btn:hover {
    border-color: #E38428;
    background-color: #E38428;
}
#wedo-cc .a-btn:hover .a-btn_text {
    color: #ffffff!important;
}
#wedo-cc .a-btn:hover .a-btn_icon .arrow .st0 {
    stroke: #fff
}
#wedo-cc .a-btn:hover .a-btn_icon .arrow-def {
    transform: translate3d(50px, 0, 0) scale(2, .5);
    opacity: 0
}
#wedo-cc .a-btn:hover .a-btn_icon .arrow-hover {
    transform: translateZ(0) scale(1);
    opacity: 1
}
#wedo-cc .a-btn:hover .a-btn_icon .blank .st0 {
    stroke: #fff
}
#wedo-cc .a-btn:hover .a-btn_icon .blank-def {
    transform: translate3d(30px, -30px, 0);
    opacity: 0
}
#wedo-cc .a-btn:hover .a-btn_icon .blank-hover {
    transform: translateZ(0);
    opacity: 1
}

#wedo-cc .a-btn_icon .arrow > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}
#wedo-cc .a-btn_icon .blank, .a-btn_icon .blank > * {
    width: 1rem;
    height: 1rem;
}
#wedo-cc .a-btn_icon .blank > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}

@media only screen and (max-width:750px) {
    .wedo-cc_link {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wedo-cc_link li {
        width: 80%;
    }
    .wedo-cc_link li:nth-child(odd) {
        margin: 0 0 2% 0;
    }
    .wedo-cc_link li:nth-child(even) {
        margin: 0 0 2% 0;
    }
    #wedo-cc .btn_wrapper {
        width: 80%;
    }
    #wedo-cc .a-btn {
        border-radius: 2vw;
    }
    #wedo-cc .a-btn::before {
        padding-top: 20.37%;
    }
    #wedo-cc .a-btn_text {
        font-size: 2vw;
        line-height: 1.2;
    }
    #wedo-cc .a-btn .a-btn_text img {
        position: absolute;
        top: 50%;
        left: 53%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 9vw!important;
    }
    #wedo-cc .a-btn_icon .arrow, #wedo-cc .a-btn_icon .arrow > * {
        width: 0.8rem;
        width: 1.28rem;
        height: 0.6rem;
        height: 0.96rem;
    }
    #wedo-cc .a-btn_icon .blank, #wedo-cc .a-btn_icon .blank > * {
        width: .875rem;
        height: .875rem
    }
}

@media only screen and (min-width:751px) {
    #wedo-cc .a-btn_text {
        font-size: 1rem;
    }
    #wedo-cc .a-btn .a-btn_text img {
        height: 48px!important;
    }
    #wedo-cc .a-btn_icon .arrow, .a-btn_icon .arrow > * {
        width: 1rem;
        height: 0.6rem;
        margin-right: 1rem;
        width: 1.6rem;
        height: 0.96rem;
        margin-right: 1.6rem;
    }
    #wedo-cc .a-btn_icon .arrow > * {
        transition-property: all;
        transition-duration: .7s;
        transition-timing-function: cubic-bezier(.43, .195, .02, 1)
    }
    #wedo-cc .a-btn_icon .blank, .a-btn_icon .blank > * {
        width: 1rem;
        height: 1rem;
    }
    #wedo-cc .a-btn_icon .blank > * {
        transition-property: all;
        transition-duration: .7s;
        transition-timing-function: cubic-bezier(.43, .195, .02, 1)
    }
}


/* 20211220追加 --- */
#main .syuryo {
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    color: #ff0000!important;
	text-align: center;
	width: 42%;
    width: 100%;
	max-width: 330px;
}
#main .syuryo img {
	width: 100%;
	margin: 0 auto;
}
/*
#main .bosyu .syuryo {
	margin: 4% auto 0;
	width: 45.8%;
}*/
#main .tenohira .syuryo {
	margin: 3.5% auto 10%;
	width: 44.2%;
}

@media (max-width:750px){
#main .syuryo {
    margin: 2% auto 0;
    width: 75%;
}
#main .bosyu .syuryo{
	margin: 6% auto 0;
    width: 90%;
    width: 100%;
}
#main .tenohira .syuryo {
	margin: 6% auto 12%;
    width: 85%;
}
}


/* main　ボタン -------------- */
#main .btn_wrapper  {
    /*
	width: 77%!important;*/
    width: 77%;
	text-align: center;
/*    padding-bottom: 2%; */
}
/*
#main .bosyu .btn_wrapper  {
	width: 62.4%!important;
	text-align: center;
	padding-top: 1vw;
    padding-bottom: 13vw;
    padding-bottom: 8vw;
}
    */
#main .btn_wrapper.yoyaku  {
	width: 60%!important;
	text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
}
/*#main .btn_wrapper img {
	display: block;
}*/
#main .a-btn::before {
    content: "";
    display: block;
    padding-top: 17.75%;
    /*padding-top: 20.75%;*/
}
#main .a-btn {
posistion: relative;
	width: 100%;
	height: 100%;
/*	margin: 7% auto;*/
	margin: 0.2% auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 2px solid #00a3c2;
    border-radius: 14px;
	text-decoration: none;
	background-color: #ffffff;
    overflow: hidden;
}
#main .a-btn, #main .a-btn_text {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1);
    /*font-size: 1.1rem;*/
}
#main .a-btn_text {
	position: relative;
	width: 80%!important;
	text-align: center;
    letter-spacing: .05em;
    color: #00a3c2;
    font-weight: 600;
    /*margin-left: 10%;*/
    /*margin-left: 5%!important;*/
    /*flex-basis: 80%!important;*/
}
#main .a-btn .a-btn_text img {
    position: absolute;
    top: 50%;
    left: 56%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*height: 1.9vw!important;*/
    height: 2em!important;
	margin: 0 auto;
}

btn_w.yoyaku .a-btn::before {
    content: "";
    display: block;
    padding-top: 20.75%;
}
#main .btn_wrapper.yoyaku .a-btn {
	width: 100%;
}
#main .btn_wrapper.yoyaku .a-btn .a-btn_text img {
    height: 2.6em!important;
}

#main .a-btn .a-btn_text img:nth-of-type(1) {
    opacity: 1;
    z-index: 2;
}
#main .a-btn .a-btn_text img.active {
    opacity: 0;
    transition: 0.8s;
}
#main .a-btn:hover .a-btn_text img:nth-of-type(1) {
    opacity: 0;
    transition: 0.8s;
}
#main .a-btn:hover .a-btn_text img.active {
    opacity: 1;
}
#main .a-btn_text.dscf {
    letter-spacing: 0;
}



#main .btn_icon {
	width: 20%;
	margin-right: 2%;
/*flex-basis: 20%; */
}
#main .android .a-btn_text {
    font-weight: 700;
}
#main .a-btn_icon .arrow {
    position: relative;
    /*width: 15%!important;*/
}
#main .a-btn_icon .arrow > * {
    position: absolute;
    top: 0;
    left: 0;
}
#main .a-btn_icon .arrow > * .st0 {
    fill: none;
    stroke-width: 1.5;
    stroke-miterlimit: 10;
}
#main .a-btn_icon .arrow > .arrow-def {
    transform: translateZ(0) scale(1)
}
#main .a-btn_icon .arrow > .arrow-def .st0 {
    stroke: #00a3c2;
}
#main .a-btn_icon .arrow > .arrow-hover {
    transform: translate3d(-50px, 0, 0) scale(2, .5);
    opacity: 0
}
#main .a-btn_icon .arrow > .arrow-hover .st0 {
    stroke: #fff
}
#main .a-btn_icon .blank {
    position: relative
}
#main .a-btn_icon .blank > * {
    position: absolute;
    top: 0;
    left: 0
}
#main .a-btn_icon .blank > * > * {
    fill: none;
    stroke-width: 1.5;
    stroke-miterlimit: 10
}
#main .a-btn_icon .blank > .blank-def {
    transform: translateZ(0)
}
#main .a-btn_icon .blank > .blank-def .st0 {
    stroke: #00a3c2;
}
#main .a-btn_icon .blank > .blank-hover {
    transform: translate3d(-30px, 30px, 0);
    opacity: 0
}
#main .a-btn_icon .blank > .blank-hover .st0 {
    stroke: #fff
}
#main .a-btn:hover {
    border-color: #00a3c2;
    background-color: #00a3c2;
}
#main .a-btn:hover .a-btn_text {
    color: #ffffff!important;
}
#main .a-btn:hover .a-btn_icon .arrow .st0 {
    stroke: #fff
}
#main .a-btn:hover .a-btn_icon .arrow-def {
    transform: translate3d(50px, 0, 0) scale(2, .5);
    opacity: 0
}
#main .a-btn:hover .a-btn_icon .arrow-hover {
    transform: translateZ(0) scale(1);
    opacity: 1
}
#main .a-btn:hover .a-btn_icon .blank .st0 {
    stroke: #fff
}
#main .a-btn:hover .a-btn_icon .blank-def {
    transform: translate3d(30px, -30px, 0);
    opacity: 0
}
#main .a-btn:hover .a-btn_icon .blank-hover {
    transform: translateZ(0);
    opacity: 1
}

#main .a-btn_icon .arrow > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}
#main .a-btn_icon .blank, .a-btn_icon .blank > * {
    /*width: .8125vw;
    height: .8125vw;*/
    width: 1rem;
    height: 1rem;
}
#main .a-btn_icon .blank > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}




#main .web_entry .a-btn {
	margin: 7% auto 2%;
    margin: 7% auto 4%;
    padding: 0.8em 0;
    padding: 0.8rem 0;
    box-sizing: border-box;
}
#main .bosyu .a-btn {
/*    width: 84%; */
    margin: 0 auto 2%;
    margin: 0 auto 4%;
    box-sizing: border-box;
}
#main .web_entry .a-btn::before {
    content: "";
    display: block;
    /*padding-top: 20.75%;*/
    padding-top: 12.121%!important;
}

#main .web_entry .btn_wrapper  {
/*	width: 77%!important; */
    width: 96%;
	text-align: center;
}
/*QQQ*/
#main .web_entry .a-btn_text {
	width: 80%!important;
    margin-left: 7.5%;
    font-size: 3.2rem;
    line-height: 2.6;
    /*flex-basis: 80%!important;*/
}

@media only screen and (max-width:750px) {
#main .web_entry .a-btn_text {
	width: 65%!important;
    margin-left: 17%;
    font-size: 1.6rem;
    line-height: 2.5;
    /*margin-left: 3%;
    flex-basis: 85%!important;*/
}

}

@media only screen and (max-width:750px) {
/*#main .btn_wrapper {
width: 70%!important;
}*/
#main .btn_wrapper {
	width: 75%!important;
    width: 77%!important;
}
#main .bosyu .btn_wrapper {
    width: 70%!important;
    width: 77%!important;
    padding-bottom: 8vw;
}
#main .a-btn, #main .a-btn_end {
    border-radius: 2vw;
}

#main .a-btn::before, #main .a-btn_end::before {
    content: "";
    display: block;
    padding-top: 20.75%!important;
    padding-top: 16%!important;
}

#main .web_entry .a-btn{
    margin: 2% auto 0;
    padding: 0.65em 0;
}
#main .a-btn_text {
    /*font-size: .875rem;*/
    font-size: 2vw;
    font-size: 1.3rem;
    line-height: 1.2;	
}
#main .a-btn .a-btn_text img, #main .a-btn_end .a-btn_text img {
    position: absolute;
	top: 50%;
	left: 60%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 3.2vw!important;
	width: 100%;
}
#main .a-btn_icon .arrow, #main .a-btn_icon .arrow > * {
    /*width: .75rem;
    height: .6875rem;*/
    width: 0.8rem;
    width: 1.28rem;
    height: 0.6rem;
    height: 0.96rem;
}
#main .a-btn_icon .blank, #main .a-btn_icon .blank > * {
    width: .875rem;
    height: .875rem
}
#main .btn_wrapper.yoyaku {
	width: 80%!important;
	text-align: center;
}
#main .btn_wrapper.yoyaku .a-btn::before {
    content: "";
    display: block;
    padding-top: 20.75%;
}
#main .btn_wrapper.yoyaku .a-btn {
	width: 100%;
}
#main .btn_wrapper.yoyaku .a-btn .a-btn_text img {
    height: 8vw!important;
}
}


@media only screen and (min-width:751px) {
#main .a-btn {
    /*width: 15.625vw;
    padding: 1.25vw 1.875vw*/
}
#main .a-btn_text {
    /*font-size: .9375vw;*/
	font-size: 1rem;
    font-size: 24px;
    font-size: 1.9rem; 
    font-size: clamp(1.5rem,1.85vw, 1.9rem);
    margin-left: 10%;
    line-height: 1.5;
}
#main .a-btn_text span{
    font-size: 1.5rem;
}
#main .a-btn .a-btn_text img, #main .a-btn_end .a-btn_text img {
    /*height: 18px!important;*/
	height: 24px!important;
}
#main .a-btn_icon .arrow, .a-btn_icon .arrow > * {
    /*width: .8125vw;
    height: .6875vw;*/
    width: 1rem;
    height: 0.6rem;
    margin-right: 1rem;
    width: 1.6rem;
    height: 0.96rem;
    margin-right: 1.6rem;
}
#main .a-btn_icon .arrow > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}
#main .a-btn_icon .blank, .a-btn_icon .blank > * {
    /*width: .8125vw;
    height: .8125vw;*/
    width: 1rem;
    height: 1rem;
}
#main .a-btn_icon .blank > * {
    transition-property: all;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.43, .195, .02, 1)
}
}





/*　手のひら会社説明会 -------------- */
#main .tenohira .inner {
    width: 80%;
    height: auto;
    /*padding: 14% 2% 3%!important; */
    padding: 0 10% 7%;
    margin: 0 auto 12%;
}
#main .tenohira .tenohira_contents {
	position: relative;
    margin: 0 auto;
	width: 100%;
    /*height: 100%;*/
}
#main .tenohira .tenohira_top{
    font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo', sans-serif;
    font-weight: 700;
    text-align: center;
    padding-top: 10%;
    margin-bottom: 9%;
}
#main .tenohira h4{
    font-size: 3.10rem;
    font-size: 4.0rem;
    font-size: clamp(3.5rem,0.9rem + 2.1vw,4.2rem);
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    margin: 0 auto!important;
}
#main .tenohira h4 span{
    display: block;
    font-size: 1.8rem;
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    letter-spacing: 0.03em;
    line-height: 2;
    font-weight: 600;
}
#main .tenohira .tenohira_top .tenohira_img{
    width: 50%;
    width: 58%;
    margin: 3.5% auto;
}
#main .tenohira .tenohira_top_txt{
    text-align: center;
    font-size: 1.85rem;
    font-size: 3.0rem; /*2.4remより大きめに*/
    color: #da5a28;
}
#main .tenohira .tenohira_top_txt.sub{
    font-size: 1.6rem;
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    line-height: 1;
    color: #000;
}

#main .tenohira h4.tenohira_img {
    display: block;
    width: 58%;
	margin: 0 auto;
    /*paddding-top: 10%;*/
    /*overflow: visible;*/
}

#main .tenohira h4.tenohira_img img {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 460px;
    margin: 0 auto 12%;
    padding-top: 20%;
    z-index: 21;
}
#main .tenohira .haishin_day_ttl{
    width: 100%;
    margin-bottom: 3%;
}
#main .tenohira .haishin_day_ttl h5{
/*    display: flex;
    justify-content: center; */
	width: 33.6%; /*お題と同じ幅*/
    width: 90%;
	margin: 0 auto 7%;
    margin-bottom: 2.5%;
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    font-weight: 600;
    background-color: #00a3c2;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}
#main .tenohira .haishin_day_ttl p{
    font-size: 2.4rem;
    font-size: clamp(18px,0.174rem + 1.8vw,24px); 
    font-weight: 600;
    text-align: center;
}
#main .tenohira .haishin_day_ttl p:nth-of-type(2) {
    font-size: 1.5rem;
}

/*
#main .tenohira .haishin_day_ttl::before,
#main .tenohira .haishin_day_ttl::after{
    border-top: 2px solid;
    content: "";
    width: 35%;
    margin-top: 18px;
}
*/

#main .tenohira .haishin_day_ttl::before{
    margin-right: 10px;
}
#main .tenohira .haishin_day_ttl::after{
    margin-left: 10px;
}

#main .tenohira .haishin_sched {
	width: 90%;
    width: 100%;
	margin: 0 auto 4%;
	text-align: center;
}
#main .haishin_sched img {
	width: 86%;
	margin: 0 auto;
}
#main .haishin_sched .haishin_info{
    margin-bottom: 3%;
}

#main .tenohira .tenohira_txt_bg {
	position: relative;
    display: block;
	width: 100%;
/*	height: 100%;
    height: 1100px;
	margin: 0 auto 7%; */
/*	padding-top: 47.444%; */
    padding-top: 50px;
    margin-bottom: 10%;
	text-align: center;
	background: url("../images/slant stripes_bg.png") center top / contain repeat;
    border-radius: 20px;
    z-index: -1;
}
#main .tenohira .tenohira_txt_bg p{
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 2;
    text-align: center;
}


    /*
#main .tenohira .tenohira_txt_bg.archive {
		
	position: relative;
    display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto 7%;
	padding-top: 50%;
	text-align: center;
	background: url("../images/tenohira_bg_archive.png") center top / contain no-repeat;
    
}*/
#main .tenohira .tenohira_txt_bg img {
    width: 30%;
    margin: 5% auto;
/*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 74%;
	width: 100%;
    */
}




.tenohira_txt {
	text-align: center;
	margin: 1rem auto;
    font-size: 1.9rem; 
    font-size: clamp(1.5rem,1.85vw, 1.9rem);
}
#main .tenohira .haishin_sched {
/*    position: relative;
    width: 80%;
    text-align: center; */
}
#main .tenohira .haishin_sched p{
    width: 100%;
    font-size: 4.0rem;
    font-size: clamp(3.5rem,0.9rem + 2.1vw,4.2rem);
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.03em;
    line-height: 1.5;
}

#main .tenohira .haishin_sched p span{
    font-size: 2.6rem;
}
#main .tenohira .haishin_sched .flow_txt_m{
    color: red;
/*    text-align: justify; */
    font-size: 1.9rem;
    font-size: clamp(1.5rem,1.85vw, 1.9rem);
    font-weight: 600;
}
#main .whatnew{
    margin: 8% auto;
    width: 80%;
}
#main .whatnew .wn_time {
    width: 84%;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: left!important;
}
#main .whatnew .wn_time .new_icon {
    background-color: #ee858c;
    padding: .25rem 1em;
    border-radius: 50vw;
    margin-right: 1rem;
}
#main .whatnew .wn_time .wn_day {
    background-color: #000;
    padding: .25rem 1em;
    border-radius: 50vw;
}
#main .whatnew .wn_text{
    width: 84%;
    text-align: left!important;
    line-height: 1.6!important;
}
#main .whatnew .wn_img{
    width: 84%;
}
#main .whatnew .wn_list img {
    width: 100%;
    margin: 1% auto 5%;
}



#main .whatnew .sns_btn1{
    width: 100%;
}
#main .whatnew .sns_btn1::before {
    background-color: #fff;
    z-index: -1;
}
#main .whatnew .sns_btn1 a {
    font-size: 1.5rem;
    color: inherit;
}

#main .tenohira_sns_wrapper {
	width: 80%;
	margin: 0 auto;
    padding-top: 10%;
	padding-bottom: 10%;
}
#main .tenohira_sns_wrapper .sns_btn1 a{
    font-size: 1.5rem;
    color: #000;
}
#main .tenohira_sns_wrapper .sns_btn1::before{
    background-color: #fff;
    z-index: -1;
}

#main .tenohira_sns_wrapper .sns_btn1.insta a::before{
	width: 3.0rem;
	height: 3.0rem;
}
#main .tenohira_sns_wrapper .sns_btn1.x a::before{
	width: 2.8rem;
	height: 2.8rem;
}
#main .tenohira_sns_wrapper .sns_btn1.youtube a::before{
    width: 3.1rem; /*126 x 89の比率に合わせる*/
	height: 2.1897rem;
}
#main .tenohira_sns_wrapper .sns_btn1 a::after {
    width: 2.47rem;
    height: 2.47rem;
}




/*#main .sns_wrapper img {
	width: 97%;
}*/
#main .tenohira_sns_wrapper p {
	display: block;
	width: 86%;
	margin: 0 auto;
	font-size: 1.8vw;
    font-size: 1.9rem;
	font-weight: bold;
    font-weight: 600;
	margin: 0 auto 4%;
}

.haishin_sched img {
    width: 100%;
}
#main .tenohira a {
    text-decoration: none;
    color: #00a3c2;
}
@media only screen and (max-width:750px) {
#main .tenohira .inner {
    width: auto;
    padding: 3% 10% 3%!important;
    padding: 3% 8% 3%!important;
}
#main .tenohira .tenohira_contents {
	position: relative;
    margin: 0 auto 14%!important;
	width: 100%;
	height: 100%;
}
#main .tenohira .tenohira_top{
    padding-top: 18%;
    margin-bottom: 10%;
}
#main .tenohira h4{
    font-size: 1.58rem;
    font-size: 2.3rem;
    letter-spacing: 0.04em;
    line-height: 1;
}
#main .tenohira h4 span{
    font-size: 0.9rem;
    font-size: 1.5rem;
    letter-spacing: 0.03em;
    line-height: 2;
}
#main .tenohira .tenohira_top .tenohira_img{
    width: 65%;
    max-width: 150px;
    margin: 5% auto;
}
#main .tenohira .tenohira_top_txt{
    font-weight: 800;
    font-size: 0.95rem;
    font-size: 2.0rem;/*②想定のサイズ*/
    font-weight: 600;
}
#main .tenohira .tenohira_top_txt.sub{
    font-size: 0.8rem;
    font-size: 1.5rem;
    line-height: 1;
}
#main .tenohira .haishin_day_ttl{
    margin-bottom: 6%;
}
#main .tenohira .haishin_day_ttl h5{
    font-size: 1.5rem;
}
#main .tenohira .haishin_day_ttl p{
    font-size: 1.5rem;
}
#main .tenohira .haishin_day_ttl p:nth-of-type(2) {
    font-size: 1.1rem;
    line-height: 1.5;
}
#main .haishin_sched .haishin_info {
    margin-bottom: 8%;
}

#main .tenohira .haishin_sched p{
    font-size: 2.3rem;
    line-height: 1.4;
    margin-bottom: 7%;
    margin-bottom: 3%;
}
#main .tenohira .haishin_sched p span{
    font-size: 1.8rem;
}
#main .tenohira .haishin_sched .flow_txt_m {
    font-size: 1.1rem;
    letter-spacing: -0.05em;
}
#main .tenohira h4.tenohira_img {
    display: block;
    width: 100%;
	margin: 0 auto;
    overflow: visible;
}
#main .tenohira h4.tenohira_img img {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 238px;
    margin: 0 auto 12%;
    padding-top: 20%;
    z-index: 21;
}
/*
#main .tenohira .tenohira_txt_bg, #main .tenohira .tenohira_txt_bg.archive {
	position: relative;
    display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto 7%;
	padding-top: 87.427%;
	text-align: center;
	background: url("../images/sp/tenohira_bg_sp.png") center top / contain no-repeat;
}
*/

#main .tenohira .tenohira_txt_bg {
    padding-top: 30px;
}
#main .tenohira .tenohira_txt_bg p {
    width: 90%;
    font-size: 1.1rem;
    line-height: 1.85;
}

#main .tenohira .whatnew {
    width: 90%;
    margin: 10% auto;
}
#main .tenohira .tenohira_txt_bg img{
    width: 40%;
    margin: 7% auto;
}
#main .tenohira .whatnew .wn_list img {
    width: 100%;
}
/*
#main .tenohira .tenohira_txt_bg img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 74%;
}
    */
#main .tenohira .tenohira_txt_bg.archive img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 82%;
}
#main .tenohira_sns_wrapper {
    width: 90%;
 }

#main .tenohira_sns_wrapper .sns_btn1 a {
    font-size: 1.05rem;
    margin-bottom: 5%;
}
#main .tenohira_sns_wrapper .sns_btn1 a::before {
    left: 7%;
}
#main .tenohira_sns_wrapper .sns_btn1 a::after,
#main .whatnew .sns_btn1 a::after {
    left: 93%;
}

#main .tenohira_sns_wrapper .sns_btn1.insta a::before{
	width: 3.4vw;
	height: 3.4vw;
}
#main .tenohira_sns_wrapper .sns_btn1.x a::before{
	width: 3.35vw;
	height: 3.35vw;
}
#main .tenohira_sns_wrapper .sns_btn1.youtube a::before,
#main .whatnew .sns_btn1.youtube a::before{
    width: 4.3vw; /*126 x 89の比率に合わせる*/
	height: 3.0373vw;
}
#main .tenohira_sns_wrapper .sns_btn1 a::after,
#main .whatnew .sns_btn1 a::after {
    width: 3.1vw;
    height: 3.1vw;
}
#main .tenohira .a-btn_text{
    line-height: 1.4;
    padding: 2.5% 0;
}
#main .tenohira .a-btn_text span {
    font-size: 1.1rem;
}
#main .whatnew .sns_btn1 a {
    font-size: 1.05rem;
}

}

@media only screen and (max-width:440px) {
.tenohira_txt {
	font-size: 3.5vw;
    font-size: 1.3rem;
}


}
/*　社員訪問　------- */
#main .houmon .inner {
    width: 80%;
    height: auto;
/*    padding: 14% 2% 3%!important; */
    padding: 10% 10% 3%!important;
    margin: 0 auto!important;
}
#main .houmon .houmon_contents {
    width: 100%;
    height: auto;
    margin: 0 auto 10%;
}
#main .houmon .obog_banner {
	width: 52%;
	margin: 5% auto;
}
#main .houmon .houmon_info {
	text-align: center;
}
#main .houmon .houmon_info_s {
	font-size: 0.8rem!important;
	text-align: left;
}

@media only screen and (max-width:750px) {
#main .houmon .obog_banner {
	width: 65%;
	margin: 5% auto;
    }
#main .houmon .step_contents .step_inner {
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    width: 100%;
}
#main .houmon .step1 h4 {
    width: 62%;
}
#main .houmon .btn_wrapper  {
padding-top: 1.5vw;
    }

}






/* 参加方法 -------------- */
#main .houmon .inner {
    width: 80%;
    max-width: initial;
    height: auto;
/*    padding: 14% 2% 3%!important; */
    padding: 10% 10% 3%!important;
    margin: 0 auto!important;
    text-align: center;
}
/*QQQ*/
#main .houmon .houmon_toptxt{
    position: relative;
    width: 100%;
    margin: 0 auto 4%;
}
#main .houmon .houmon_toptxt .houmon_txt{
    width: 88%;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#main .houmon .houmon_toptxt .houmon_txt p{
    width: 100%;
    margin-bottom: 1rem;
    font-size: 24px;
    font-size: clamp(17px,0.174rem + 1.8vw,24px); /*ここだけ最小値が違う*/
    font-weight: 600;
    text-align: center;
}
#main .houmon .houmon_toptxt .houmon_txt .flow_txt_s{
/*    width: 100% !important;
    text-align: left!important; */
}
/*QQQ h2をh4*/
#main .houmon h4 {
    position: relative;
    display: inline-block;
    margin: 0 auto 18% !important;
    margin: 0 auto 15% !important;
    font-size: 32px;
    font-weight: 600;
}
/*
#main .houmon h4.houmonnagare {
    width: 44%;
    padding-bottom: 12%;
}
    */
#main .houmon h4.tyuuijikou {
    margin: 0 auto 7% !important;
    margin: 0 auto 5% !important;
}

#main .houmon h4.c-marker{
    position: relative;
}
#main .houmon h4.c-marker::before{
/*    content:''; */
    width: 120px;
    height: 2px;
    background-color: #000;
    position: absolute;
    display: inline-block;
    bottom: -20px;
    left: calc(50% - 60px)
}
#main .houmon h4.c-marker.is-active .marker::after {
    content:'';
    position: absolute;
    display: block;
    left: 0;
    bottom: 3%;
    width: 0%;
    height: 18px;
    background: #D2CF59;
    z-index: -1;
    animation:slideBorder 1s ease-out 0s 1 forwards;
}





#main .houmon .step_contents {
	position: relative;
    margin: 0 auto 3%!important;
    margin: 0 auto 10%!important;
	width: 100%;
	height: 100%;
}
#main .houmon .step_contents.step3  {
    margin: 0 auto 8%!important;
}
#main .houmon .step_contents.step1 {
	padding-top: 47.3264%;
	background: 
		url("../images/step1_bg.png") center top / contain no-repeat;
    margin-bottom: 18%!important;
}
#main .houmon .step_contents.step2 {
	padding-top: 35.56869%;
	background: 
		url("../images/step2_bg.png") center top / contain no-repeat;
}
/*#main .houmon .step_contents.step3 {
	padding-top: 32.188%;
	background: 
		url("../images/step3_bg.png") center top / contain no-repeat;
}*/
#main .houmon .step_contents .houmon_ttl_no {
	position: absolute;
	top: -14%;
	left: 0;
	right: 0;
	width: 16%;
}
#main .houmon .step_contents.step1 .houmon_ttl_no {
	top: -15%;
}
#main .houmon .step_contents.step2 .houmon_ttl_no {
	top: -19%;
}
#main .houmon .step_contents .step_inner {
	position: absolute;
	top: 37%;
    top:20%;
	left: 0;
	right: 0;
	width: 100%;
}
#main .houmon .step_contents.step2 .step_inner {
	top: 37%;
}
#main .houmon .step_contents.step3 .step_inner {
	top: 53%;
}

#main .houmon h5 {
    /*
    display: block;
    position: relative;
    width: 24.5%;*/
    font-size: 24px;
    font-weight: 700;
    color: #00a3c2;
    margin: 0 auto 4%;
}
/*QQQ
#main .houmon .step2 h5 {  
    width: 53%;
    margin: 0 auto;
}
#main .houmon .step3 h5 {
    width: 56.869%;
    margin: 0 auto 4%;
}
    */
#main .houmon h5 img {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    width: 100%;
    margin: 0 auto;
    z-index: 21;
}

#main .houmon .step_txt {
	font-size: 0.9rem;
	text-align: center;
	line-height: 1.65;
}
#main .contents_wrapper .houmon_ttl_no {
    display: block;
    width: 18%!important;
    max-width: 100px;
    height: auto;
    margin: 0 auto 1%!important;
}
.houmon_ttl_no img {
		width: 100%;
}

.alert_text {
    display: block;
    width: 87.5%;
    /*margin-left: 6.25%;
    margin-bottom: 5%;*/
    font-size: 3vw;
    font-size: 1.1rem;
    line-height: 1.7777;
    text-align: left;
    padding-bottom: 8%;
}
@media (min-width:900px){
#main .houmon .step_txt {
	font-size: 1rem;
}
.alert_text {
    font-size: 1.9rem;
    line-height: 1.7777;
    text-align: left;
    padding-bottom: 8%;
}
}
@media (max-width:750px){
#main .houmon .inner {
    padding: 15% 10% 3%!important;
    padding: 15% 0 3%!important;
    margin: 0 auto!important;
}
#main .houmon .step_contents {
	position: relative;
    margin: 0 auto 16%!important;
	width: 100%;
	height: 100%;
}
#main .houmon h4.c-marker .marker{
   /* font-size: 2.1rem; */
}
#main .houmon h4.c-marker.is-active .marker::after{
    height: 12px;
}
#main .houmon h4.c-marker::before {
    width: 70px;
    height: 1px;
    bottom: -6px;
    left: calc(50% - 35px);
}
/*#main .houmon #main .a-btn_text {
padding-top: 60.862%;
	padding-top: 50.184%;
	background: 
		url("../images/sp/step1_bg_sp.png") center top / contain no-repeat;
}*/
#main .houmon .step_contents.step1 {
	padding-top: 47.3264%;
	background: 
		url("../images/sp/step1_bg_sp.png") center top / contain no-repeat;
}
#main .houmon .step_contents.step2 {
/*	padding-top: 69.648%;*/
    padding-top: 35.6069%;
	background: 
		url("../images/sp/step2_bg_sp.png") center top / contain no-repeat;
}
#main .houmon .step_contents.step3 {
/*	padding-top: 32.188%;*/
	padding-top: 43.598%;
	background: 
		url("../images/sp/step3_bg_sp.png") center top / contain no-repeat;
}
#main .houmon .step_contents.step1 .houmon_ttl_no {
	top: -20%;
}
#main .houmon .step_contents.step2 .houmon_ttl_no {
	top: -26.5%;
}

#main .houmon .step_txt {
	font-size: 2.55vw;
	text-align: center;
}
#main .houmon .step_contents.step1 .step_inner {
    top: 36.5%;
    top: 22%;
}  
#main .houmon .step_contents.step2 .step_inner {
    top: 71%;
    top: 31%;
}
#main .houmon h5{
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.5;
}
#main .houmon .step1 h5 {
    width: 31%;
    width: 100%;    
    margin: 0 auto;
}
#main .houmon .step2 h5 {
    width: 61.33%;
    width: 67.463%;
    width: 100%;
    margin: 0 auto;
}

#main .houmon h2.houmonnagare {
    width: 70%;
    padding-bottom: 12%;
}
#main .houmon h2.tyuuijikou {
    width: 33%;
    margin-top: 12%;
}

#main .houmon .houmon_toptxt .houmon_txt{
    width: 100%;
    top: 38%;
    font-size: 1.5rem;
}
#main #sec_04.houmon .houmon_txt p{
    font-size: 1.5rem;
    text-align: center;
}
#main #sec_04.houmon .houmon_txt .flow_txt_ms {
    font-size: 1.1rem;
}

#main #sec_04.houmon .flow_txt{
    margin: 2% auto;
    line-height: 1.5;
    font-size: 1.1rem;
}
#main #sec_04.houmon .flow_txt_s{
    text-align: center!important;
}


}

/* 202306 追加 */
/* page top button */
#page_top {
    display: none;
    position: fixed;
    right: 1.5vh;
    margin-bottom: 1.5vh;
    z-index: 999;
}
#page_top a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6vw;
    height: 6vw;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background-color: #323333;
}
#page_top a span.page_top_inner {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    transform: scale(1, 1);
}
#page_top a span.page_top_inner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #323333;
    transition: all 0.6s;
    border-radius: 50%
    }
#page_top a img {
    position: relative;
    top: 0.5vw;
    width: 50%;
    }
#page_top a:hover span.page_top_inner::before {
    transform: scale(1.05, 1.05);
    }
@media screen and (max-width: 767px) {
    /* page top button */
    #page_top a {
        width: 11vw;
        height: 11vw;
    }
    #page_top a img {
        top: 1.5vw;
    }
}

.unclickable {
    pointer-events: none;
    filter: brightness(0.7);
}

/* WEDO banner */

section.wedo-banner {
    margin: 0 auto;
    padding: 0 3% 4%;
    text-align: center;
    transform: translate(0 60px);
}
section.wedo-banner a {
    display: block;
    width: 100%;
    max-width: 660px;
    margin:0 auto;
    transition: .2s;
    background: #FFF;
}
section.wedo-banner a:hover {
    transform: scale(1.02);
}

@media screen and (max-width: 750px) {
    section.wedo-banner {
        width: 70%;
        padding: 0 3% 20px;
    }
    section.wedo-banner a {
        width: 80%;
    }
}