body{
	margin:0;
}
p{
	margin:0;
}

main div.mv{
    background-image:url(/welcome/2025/images/mv-sp.jpg);
}
@media(min-width:769px){
    main div.mv img{
        top:35%;
        left:30%;
    }
}
@media(max-width:768px){
    main div.mv img{
        top:33%;
        left:35%;
    }
}

.ToPPTBtn{
    background:#DEF2F2;
    border-radius:0.5em;
    color:#72C6C7;
    font-weight:bold;
    padding:0.5em 1em;
}
#Form-PPTMail{
    width:100%;
}
#Form-PPTMailBtn{
    display:block;
    padding:0.5em 2em;
    border-radius:0.5em;
    color:#ffffff;
    font-weight:bold;
    background:#7F7F7F;
    margin:1em auto;
}
@media(max-width:768px){
    .SPnone{
        display:none;
    }
    .PPT{
        padding:0 5vw;
        padding-bottom:3em;
    }
    .PPT_IMG1{
        padding:2em 15vw;
    }
    .PPT_IMG2{
        float:right;
        width:25vw;
    }
}
@media(min-width:769px){
    .PCnone{
        display:none;
    }
    .ToPPTBtn{
        max-width:25vw;
        margin:0 auto;
    }
    .PPT{
        max-width:1024px;
        margin:0 auto;
        padding-bottom:3em;
    }
    .PPT_IMG1{
        width:50%;
        margin:4em auto;
    }
    .PPT_LEAD{
        width:60%;
        margin:0 auto;
    }
    .PPT_IMG2{
        float:right;
        width:25%;
    }
    .PPT_LEAD a{
        margin:0 auto;
    }
    .PPT_LEAD a img{
        margin:0 auto;
    }
}


section.about{
    margin-bottom:3em;
}
section.about div.inner ul.about-items{
    padding-bottom:0;
}
section.about div.inner a.noto{
    display:inline-block;
    text-align:right;
    margin:4em 0;
}
section.about div.inner a.noto:hover{
    opacity:0.6;
}
section.about div.inner a.noto span{
    color:#0080ff;
    text-decoration:underline;
}
section.about div.inner img.noto{
    border:1px solid #303030;
}
section.Recommend{
	background:#fbf2b1;
}
div.CenteringWrap{
	margin:0 auto;
	position:relative;
}
div.RecommendBanner img{
	width:100%;
}
div.RecommendCircle{
	position:relative;
	top:3rem;
	z-index:3;
	background:#4AB7CE;
	font-size:2rem;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	width:4rem;
	height:4rem;
	border-radius:2rem;
	padding-top:0.5rem;
	box-sizing:border-box;
	margin:0 auto;
}
p.Centering{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
p.RecommendHeadline{
	color:#ffffff;
	font-weight:bold;
    text-align:center;
}
p.RecommendHeadline span.main{
    text-decoration:underline;
}
p.RecommendHeadline span.sub{
    display:block;
    font-size:0.5em;
}
div.SpeechBubble{
	text-align:center;
	z-index:2;
}
p.SpeechBubbleText{
	font-size:2rem;
	font-weight:bold;
}
div.RecommendContent{
	text-align:center;
	margin:0 auto;
}
div.RecommendMain{
	display:inline-block;
	position:relative;
	vertical-align:top;
	box-sizing:border-box;
	padding:0 2.5rem;
	text-align:center;
}
div.RecommendMain img{
	width:100%;
}
p.RecommendText{
    width:100%;
    background:#ffffff;
	border:2px solid #E8C750;
	box-sizing:border-box;
	font-weight:bold;
}
div.RecommendComment{
	background:#43acc2;
	margin-bottom:5rem;
}
div.RecommendCommentContent{
	margin:0 auto;
	padding-bottom:3rem;
}
div.RecommendCommentHeadline{
	background:#ffffff;
	border-radius:0 0 2rem 0;
	box-sizing:border-box;
	display:inline-block;
	font-weight:bold;
}
div.RecommendCommentPhoto{
	position:relative;
}
img.RecommendCommentPhoto1{
	position:absolute;
	z-index:1;
}
img.RecommendCommentVoice{
	position:absolute;
	z-index:2;
}
div.RecommendCommentName{
	position:absolute;
	z-index:3;
	text-align:center;
	font-weight:bold;
}
div.RecommendCommentName span{
	font-size:1.5em;
	line-height:2em;
	display:block;
}
div.RecommendCommentText{
	position:relative;
	font-weight:bold;
	font-size:1rem;
}
div.RecommendCommentTextHeadline{
	position:absolute;
	text-align:center;
	width:100%;
	top:3rem;
	font-size:1.5rem;
	line-height:1.4rem;
}
div.RecommendComment1 div.RecommendCommentTextHeadline{
	top:1.9rem;
	line-height:2rem;
}
div.RecommendCommentText p span{
	color:#EFE237;
}
div.RecommendCommentTextCircle{
	position:absolute;
	z-index:1;
	background:#3798b9;
}
div.WaveBG{
	background-image:url(/welcome/2024/images/wavebg.png);
	width:100%;
	height:30px;
}
div.RecommendComment2 div.RecommendCommentText p{
	/*padding-top:3rem;*/
}
div.RecommendComment3 div.RecommendCommentText p{
	/*padding-top:7rem;*/
}

section.join{
    margin-top:5em;
}

section.form{
    background-image:url(/welcome/2024/images/asset2.png);
    background-position:center top;
    background-size:1024px;
    background-repeat:no-repeat;
    text-align:center;
    padding-bottom:0;
}
section.form div.HeadBanner{
    background:#35c1d3;
    opacity:0.72;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    padding-bottom:1em;
}
section.form div.HeadBanner div.HeadBorder{
    margin:0 auto;
    border-radius:0.5em;
    border:1px solid #ffffff;
    position:relative;
}
section.form div.HeadBanner div.HeadLead{
    margin:0 auto;
    border-radius:0.5em;
    border:1px solid #ffffff;
    margin-bottom:1em;
}
section.form div.HeadBanner img{
    position:relative;
    top:-1em;
}
section.form div.inner{
    text-align:center;
}
section.form div.inner div.Lead{
    font-size:1.2rem;
    line-height:2rem;
    margin-top:2rem;
}
section.form div.inner div.Lead a{
    display:inline-block;
    background:#d8d325;
    font-weight:bold;
    padding:0.5em 1em;
    border-radius:0.5em;
    border:2px solid #ffffff;
    box-shadow: 5px 5px 0px #35c1d3;
}
section.form div.inner div.BlueBorder{
    border-top:3px dotted #3bb6c7;
    border-bottom:3px dotted #3bb6c7;
    display:inline-block;
    width:50%;
    margin:3em;
}
section.form div.inner div.WhitePlate{
    display:inline-block;
    background:#ffffff;
    font-weight:bold;
    padding:0.5em 1em;
    border-radius:0.5em;
    border:2px solid #3bb6c7;
    box-shadow: 5px 5px 0px #d8d325;
    margin-bottom:1.5rem;
    font-size:1.6rem;
}
section.form div.inner div.Recommend{
    display:inline-block;
    text-align:left;
}
section.form div.inner div.content{
    margin:3rem 0;
    font-size:1rem;
    text-align:left;
}
section.form div.inner div.content div.WhitePlate{
    writing-mode: vertical-rl;
    height:10rem;
    padding:0.5rem;
    float:left;
    margin-right:1rem;
    text-align:center;
}
section.form div.inner div.content div.contenttext{
    white-space:nowrap;
    width:25em;
}
section.form div.FormBanner{
    background:#53bdcc;
    padding-top:3px;
}
section.form div.FormBanner div.DotBorder{
    border-top:3px dotted #ffffff;
    border-bottom:3px dotted #ffffff;
}
section.form div.FormBanner h3{
    margin:0;
    text-align:center;
    padding:1em 0;
    line-height:2em;
}
section.form div.inner.form{
    border-left:3px dotted #c9c361;
    border-right:3px dotted #c9c361;
    margin-top:0;
    text-align:left;
}
section.form div.inner.form div.MTGSelectWrapX input{
    border:2px solid #3bb6c7;
    border-radius:0.5em;
    font-size:1em;
}
section.form div.inner.form div.MTGSelectWrapX input[type='text']{
    width:100%;
}
section.form div.inner.form div.MTGSelectWrapX p.Annotation{
    font-size:0.75em;
}
section.form div.inner.form div.MTGSelectWrapX p.Annotation2{
    font-size:0.75em;
}
section.form div.inner.form div.MTGSelectWrapX div.wykradio{
    line-height:2em;
}
section.form div.inner.form div.MTGSelectWrapX input[type='radio']{
    margin:0;
    margin-right:0.25em;
    vertical-align:middle;
}
section.form div.inner.form div.MTGSelectWrapX textarea{
    width:100%;
    height:10em;
    border:2px solid #3bb6c7;
    border-radius:0.5em;
    font-size:1em;
}
section.form div.inner.form div.MTGSelectWrapX div.Privacy{
    background:#d8957b;
    margin:0 3%;
    font-size:0.7em;
    line-height:2em;
}
section.form div.inner.form div.MTGSelectWrapX div.Privacy div.DotBorder{
    border-top:3px dotted #ae2a23;
    border-bottom:3px dotted #ae2a23;
}
section.form div.inner.form div.MTGSelectWrapX div.Privacy p{
    padding:1em;
}
section.form div.inner.form div.MTGSelectWrapX div.Privacy p a{
    color:#ffffff;
    text-decoration:underline;
}
section.form div.inner.form div.MTGSelectWrapX button[type='button']{
    background:#d8d325;
    color:#303030;
    font-weight:bold;
    padding:1em 2em;
    margin:0 auto;
    margin-bottom:4em;
    display:block;
    border:2px solid #ffffff;
    border-radius:0.5em;
    box-shadow:5px 5px 0px #35c1d3;
    font-size:1.5rem;
}
section.form div.inner.form div.MTGSelectWrapX button[type='button']:active {
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
	border-bottom:none;
}
section.join.x{
    background:#fbf2b1;
}
.join .t-box-heading.x::before{
    content:"";
}
@media(min-width:769px){
    img.leader{
        float:right;
        width:30%;
    }
    .PCnone{
        display:none;
    }
    html{
        font-size:14px;
    }
    
    div.RecommendBanner{
        margin-bottom:5rem;
    }    
	p.RecommendHeadline{
		font-size:42px;
	}
	div.RecommendBanner{
		max-width:1920px;
	}
	p.SpeechBubbleText{
		min-width:460px;
	}
	div.RecommendContent{
		width:1024px;
        position:relative;
        top:-40px;
	}
	div.RecommendMain{
		margin:0 30px;
	}
    p.RecommendText{
        position:absolute;
        left:0;
        bottom:0;
        line-height:1.5rem;
        padding:1rem 0;
        height:5rem;
        border-radius:2.5rem;
		font-size:1.3rem;
    }
	div.RecommendCommentContent{
		width:1024px;
	}
    div.RecommendCommentHeadline{
        font-size:1.5rem;
        padding:1rem;
    }
    
    div.RecommendCommentBlock{
		min-height:465px;
        margin:0 8%;
        display:flex;
        justify-content:space-between;
    }
    div.RecommendCommentPhoto{
        width:49%;
    }
    img.RecommendCommentPhoto1{
        top:140px;
        left:95px;
    }
    div.RecommendCommentName{
        top:110px;
        left:20px;
        font-size:1.4rem;
    }

    div.RecommendCommentText img{
        width:100%;
    }
    div.RecommendCommentText p{
        position:absolute;
        z-index:2;
        color:#ffffff;
        line-height:1.5rem;
        letter-spacing:0.1rem;
        padding-top:1rem;
    }

	div.RecommendCommentTextCircle{
		width:300px;
		height:300px;
		border-radius:150px;
		top:125px;
		left:50px;
	}
    div.RecommendCommentText{
        width:49%;
    }

    section.form div.HeadBanner div.HeadBorder{
        width:22em;
        height:1.5em;
        top:1.4em;
        left:-0.1em;
    }
    section.form div.HeadBanner div.HeadLead{
        width:22em;
        height:1.5em;
    }
    section.form div.HeadBanner h2{
        font-size:4rem;
    }

    section.form div.inner div.content{
        display:flex;
        justify-content: center;
    }
    section.form div.inner.form{
        display:inline-block;
        padding:0 5em;
    }
}
@media(max-width:768px){
    img.leader{
        margin-bottom:1em;
    }
    .SPnone{
        display:none;
    }
    html{
        font-size:3vw;
    }

    section.about ul.about-items li.about-item-a{
        padding-top:0;
    }
    section.about ul.about-items li.about-item-a img{
        position:static;
        width:100%;
        margin-bottom:2em;
    }

    div.RecommendBanner{
        margin-bottom:2em;
    }
    p.Centering{
        width:100%;
    }
	p.RecommendHeadline{
		font-size:24px;
		width:85%;
		text-align:center;
	}
	div.SpeechBubble img{
		width:90%;
        display:block;
        margin:0 auto;
	}
    p.SpeechBubbleText{
        font-size:4vw;
        font-weight:bold;
    }
	div.RecommendContent{
		width:100%;
        padding-bottom:3em;
        font-size:0;
	}
    div.RecommendContent img.wave{
        width:5vw;
        vertical-align:top;
    }
	div.RecommendCommentContent{
		width:100%;
	}
	div.RecommendMain{
		width:85vw;
	}
	div.RecommendMain img{
		width:100%;
	}
    p.RecommendText{
        position:relative;
        top:-3em;
        font-size:1rem;
        line-height:1.5em;
        padding:0.5em;
        border-radius:2em;
    }
    div.RecommendCommentHeadline{
        font-size:3.5vw;
        padding:1em;
    }

    div.RecommendCommentPhoto{
        width:100%;
        height:110vw;
    }
    img.RecommendCommentVoice{
        width:50vw;
        left:5vw;
    }
    img.RecommendCommentPhoto1{
        top:32vw;
        left:27vw;
        width:65vw;
    }
    div.RecommendCommentName{
        top:26vw;
        left:11vw;
        font-size:4vw;
    }

    div.RecommendCommentText{
        width:100%;
    }
    div.RecommendCommentText img{
        width:90%;
        display:block;
        margin:0 auto;
    }
    div.RecommendCommentText p{
        position:relative;
        z-index:2;
        color:#ffffff;
        line-height:1.5em;
        letter-spacing:0.1em;
        padding:3vw 5vw;
    }
    #Comment1Heighter{display:none;}
    #Comment2Heighter{display:none;}
    #Comment3Heighter{display:none;}

	div.RecommendCommentTextCircle{
		width:60vw;
		height:60vw;
		border-radius:30vw;
		top:30vw;
		left:15vw;
	}

    section.form div.inner{
        padding:0 5%;
    }
    section.form div.HeadBanner div.HeadBorder{
        width:60%;
        height:4.5em;
        top:4.3em;
        left:-0.2em;
    }
    section.form div.HeadBanner div.HeadLead{
        width:60%;
        height:4.5em;
    }
    section.form div.HeadBanner h2{
        font-size:3rem;
    }

    section.form div.inner div.content div.contentCell{
        display: flow-root;
    }
    section.form div.inner.form{
        width:90vw;
        margin:0 auto;
    }
}