@charset "utf-8";

body {
	font-family: "Note Sun JP", "Noto Sans JP", sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
}
.pc-image {
	display: block;
}
.sp-image {
	display: none;
}
.fv-section {
	position: relative;
	text-align: center;
}
.fv-section img {
	width:100%;
}
.cta-section {
    background-color: #DDF1FA;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 20px 0 40px;
    text-align: center;
    position: relative;
}

.cta-section .content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.cta-section h2 {
	font-size: 35px;
	margin-bottom: 20px;
	color: #1E87CB;
}
.cta-section .content .header {
	text-align: center;
	margin-bottom: 20px;
}
.cta-section .content .header h3 {
	font-size: 18px;
	color: #0078d7;
}
.cta-section .content .header span {
	font-size: 16px;
	color: #555;
}
.cta-section .content .benefits {
	text-align: center;
	margin: 20px 0;
}
.cta-section .content .benefits img{
	width: 1044px;
	max-width: 100%;
	margin: 0 auto;
}
.cta-section .content .benefits .pc-image {
	display: block;
}
.cta-section .content .benefits .sp-image {
	display: none;
}
.cta-section .content .cta {
	text-align: center;
	margin-top: 20px;
}

.cta-section .content .cta a.button{
	max-width: 550px;
}
.cta-section .content .cta img {
	width: 100%;
	height: auto;
}
.cta-section .content .cta-text {
	font-size: 20px;
	color: #333;
	margin: 10px 0;
	font-weight: 600;
}
.cta-section .line-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.cta-section .line-container img {
	width: auto;
	max-width: 20px;
}
.cta-section .line-container img.line-icon {
	max-width: 20px;
}

span.dots {
    position: relative;
    display: inline-block; 
	margin-right: -6px;
}

span.dots.spacing {
	margin-right: -6px;
}


span.dots::before {
    content: "・";
    position: absolute;
    top: -0.8em; 
    left: 50%;
    transform: translateX(-50%); 
    font-size: 0.8em; 
    color: inherit;
}



.concerns-section {
}
.concerns-section .subtitle {
	font-size: 22px;
	font-weight: 500;
	color: #595959;
	margin-bottom: 10px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.concerns-section .title {
	font-size: 35px;
	margin-top: 4%;
	color: #595959;
	font-weight: 600;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}
.concerns-section .title span {
	font-size: 55px;
	position: relative;
	display: inline-block;
	padding-bottom: 0;
	background-image: url('img/onayami_underline.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}
.concerns-section .onayami_line{
	width: 180px;
	margin-top: 8%;
	position: absolute;
	left: 38%;
}
.concerns_box{
	position: relative;
}
.concerns_box img{
	width:100%;
}

.concerns_txt{
	position: absolute;
    top: 5%;
	left: 50%;
	transform: translateX(-50%);
    width: 100%;
}
.onayami_next{
	position: relative;
	height: 0;
}
.onayami_next img{
	position: absolute;
	left: 50%;
	margin-top: -3%;
}

.recommend-section {
	text-align: center;
	padding: 75px 0 50px;
	background: url('img/reco_back.png') no-repeat center center;
	background-size: 100% 100%;
}
.recommend-section .reco_img {
	margin: 0 auto;
	width: auto;
}
.recommend-subtitle {
	font-size: 22px;
	font-weight: 500;
	color: #555;
	margin-bottom: 10px;
}
.recommend-title {
	font-size: 37px;
	color: #333;
	margin: 0;
	font-weight: 500;
	margin-bottom: -10px;
}
.recommend-title span {
	font-size: 40px;
	font-weight: 600;
}
.line2-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: -15px;
}
.line2-container img.line-icon2 {
	width: auto;
	max-width: 20px;
}
.recommend-highlight {
	font-size: 40px;
	font-weight: 600;
	color: #0072ce;
	line-height: 1.5;
    position: relative;
    margin: 0 auto;
    width: fit-content;
    z-index: 10;
}
.recommend-highlight::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 30%;
    background-color: #FBF151;
    z-index: -1;
}

.about-section {
	background-color: #ddf1fa;
	padding: 90px 20px;
	margin: 0;
	text-align: center;
	position: relative;
}
.about-label {
	position: absolute;
	background: url('img/bytheway.png') no-repeat center center;
	height: 119px;
	width: 111px;
	z-index: 100;
	top: 4%;
	left:50%;
	transform: translateX(-50%);
}
.about-label p {
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
	position: absolute;
	top: 14%;
	left: 10%;
}
.about-inner {
	width: 915px;
	height: auto;
	background: url('img/pc_about_back.png') no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	padding: 50px 0 30px;
	box-sizing: border-box;
}
.about-title {
	font-size: 28px;
	color: #333;
	margin: 10px 0;
}
.about-title span {
	color:#0B6EAE;
	font-size:45px;
}
.about-video{
	display: none;
}
.about-content {
	max-width: 800px;
	margin: 0 auto;
}
.about-description {
	font-size: 18px;
	color: #333;
	line-height: 1.6;
	text-align: left;
	width: 86%;
	margin: 3% auto;
}
.about-description span {
	background-color: #FBF151;
	padding: 0 5px;
	font-weight: 600;
}
.point-section {
	text-align: center;
	padding: 40px 0 0;
	background-color: #ffffff;
}
.point-subtitle {
	font-size: 22px;
	color: #555;
	margin-bottom: 10px;
	font-weight: 500;
	margin: 20px auto 0;
}
.point-subtitle span{
	text-decoration:underline dotted;
}
.point-title {
	font-size: 50px;
	color: #0B6EAE;
	margin:0 0 30px;
	font-weight: 600;
	margin-top: -10px;
}
.point-title span {
	font-size: 85px;
}
.point-title-image {
	margin: 0 auto 20px auto;
	width: 100%;
	height: auto;
}
.point-wrapper {
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}
.point-wrapper.point-bg {
	background-color: #F2F9FF;
	width: 100%;
}
.point-item {
	max-width: 880px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 0 0 40px;
}
.point-item img {
	max-width: 400px;
	height: auto;
}
.point-item .point-text {
	text-align: left;
}
.point-item .point-text h4 {
	font-size: 30px;
	color: #0B6EAE;
	font-weight: 600;
	margin-bottom: 10px;
}
.point-item .point-text p {
	font-size: 20px;
	color: #555;
	line-height: 1.6;
}
.point-item .point-text p span {
	background-color: #FBF151;
	padding: 0 5px;
	font-weight: 600;
}
.point-item .ml20 {
	margin-left: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb40 {
	padding-bottom: 40px;
}
.cta2{
	padding-top: 60px;
}
.new-program-section {
	position: relative;
	text-align: center;
	padding: 40px 20px 80px;
	background: url('img/new_program_back.png') no-repeat center center;
	background-size: cover;
}
.new-program-subtitle1 {
	font-size: 26px;
	color: #555;
	margin-bottom: 10px;
	font-weight: 500;
}

.new-program-subtitle2 {
	position: relative;
	display: inline-block;
	font-size: 26px;
	color: #555;
	margin: 60px auto 0;
	font-weight: 500;
}

.new-program-icon {
    position: absolute;
    top: -60px;
    left: -122px;
    width: auto;
    max-width: 197px;
}
.new-program-title {
	font-size: 46px;
	color: #0B6EAE;
	font-weight: 600;
	margin: 0 auto 10px;
	border-bottom: 1px solid #0B6EAE;
	display: block;
	width: fit-content;
	text-align: center;
}
.new-program-method {
	text-align: center;
	margin-top: 20px;
	position: relative;
}
.method-container {
	display: inline-block;
	position: relative;
	background: url('img/new_program_fukidashi.png') no-repeat center center;
	background-size: contain;
	width: 300px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
.method-text {
	font-size: 25px;
	line-height: 70px;
	color: #0B6EAE;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
.new-program-image {
	text-align: center;
	margin: 0;
}
.program-img {
	width:100%;
	max-width: 705px;
	height: auto;
	margin: 0 auto;
}
.awareness-section {
	padding: 0 0 5%;
	text-align: center;
}
.awareness-title-wrapper {
	background: url('img/pc_awareness_title_back.png') no-repeat center center;
	background-size: cover;
	padding: 0;
	aspect-ratio: 1280 / 208;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.awareness-title-content {
	display: inline-block;
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
}
.awareness-subtitle {
	font-size: 24px;
	font-weight: 600;
	margin: -20px 0 -5px 0;
}
.awareness-title {
	font-size: 30px;
	font-weight: 600;
	margin: 0;
	line-height: 1.5;
}
.awareness-title span {
	font-size: 50px;
	color: #FBF151 ;
}
.awareness-content {
	margin-top: 40px;
	text-align: center;
}
.awareness-image {
	margin-bottom: 20px;
}
.age-image {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.awareness-description {
	font-size: 23px;
	text-align: left;
	color: #555;
	line-height: 1.6;
	max-width: 800px;
	margin: 40px auto 10px;
}
.awareness-blocks {
    background: url('img/pc_awareness_1_back.png') no-repeat center center;
    background-size: cover;
    width: 100%;
    display: flex;
	gap:20px;
    align-items: center;
    justify-content: center;
    padding: 0;
	aspect-ratio: 229 / 100;
}
.awareness-blocks2 {
	background: url('img/pc_awareness_2_back.png') no-repeat center center;
	background-size: cover;
    width: 100%;
    display: flex;
	gap:20px;
    align-items: center;
    justify-content: center;
    padding: 0;
	aspect-ratio: 1280 / 531;
}
.awareness-block {
	text-align: center;
	width:30vw;
	margin: 10% 0;
}
.block-image {
	width:100%;
	height: auto;
	margin-bottom: 10px;
}
.block-text {
	text-align: center;
}
.block-text1 {
	background-color: #1E87CB;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	padding: 4px 20px;
	margin-bottom: 5px;
	width: fit-content;
	margin: 0 auto;
}
.block-text2 {
	background-color: #1E87CB;
	color: #FBF151;
	font-size: 32px;
	font-weight: 600;
	padding: 4px 20px;
	width: fit-content;
	margin: 6px auto;
}
.awareness-change {
	font-size: 20px;
	max-width: 800px;
	margin: 20px auto 0;
}
.awareness-change span {
	font-size: 40px;
	color: #0B6EAE;
	position: relative;
	display: inline-block;
	z-index: 10;
	font-weight: 600;
}
.awareness-change span::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background-color: #FBF151;
	z-index: -1;
}
.awareness-final-block {
	background: url('img/pc_awareness_3_back.png') no-repeat center center;
	background-size: cover;
    width: 100%;
    display: flex;
	gap:20px;
    align-items: center;
    justify-content: center;
    padding: 0;
	aspect-ratio: 1280 / 665;
	margin: -4% auto -5%;
	position: relative;
	z-index: -1;
}
.final-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	top: 15%;
	position: absolute;
}
.final-line {
	max-width: 100px;
	height: auto;
}
.final-text {
	font-size: 26px;
	font-weight: 500;
	color: #555;
	line-height: 1.6;
	max-width: 900px;
	text-align: center;
}
.final-text span.bk_yellow{
	background-color: #FBF151;
	font-weight: 600;
}
.final-text span.color_pink{
	color: #D24565;
	font-size: 50px;
	font-weight: 600;
}
.voice-section {
	display: none;
	padding: 0;
	text-align: center;
	margin: 0 0 5%;
}
.voice-title-block {
	background: url('img/voice_title_back.png') no-repeat center center;
	background-size: cover;
	padding: 0;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	aspect-ratio: 1280 / 251;
}
.voice-title-block-inner{
	margin-top: -1%;
}
.voice-title-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.voice-line {
	width: 30px;
	height: auto;
}
.voice-title-text {
	text-align: center;
	margin: 10px 0;
}
.voice-sub-title {
	font-size: 26px;
	color: #ffffff;
	margin: 0 0 5px;
}
.voice-title {
	font-size: 60px;
	color: #ffffff;
	font-weight: 600;
	margin-top: -10px;
	margin-bottom: 0;
}
.voice-cards {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin: 3% 10%
}
.voice-card {
	width: 30%;
	background-color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	padding: 0;
	position: relative;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.voice-header {
	display: flex;
	align-items: center;
	padding: 20px 20px 0;
}
.voice-header-content,.voice-header-content2 {
	text-align: left;
}
.voice-header-content img{
	margin-top: 10px;
	width: 35%;
}
.voice-number {
	font-size: 18px;
	color: #D68089;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
	border-top: 1px solid #D68089;
	border-bottom: 1px solid #D68089;
	width: fit-content;
}
.voice-number span{
	font-size: 28px;
}
.voice-name {
	font-size: 24px;
	color: #333;
	font-weight: 500;
	margin: 10px auto 40px;
}
.voice-name span {
	font-size: 18px;
}
.voice-image, .voice-image2 {
	position: absolute;
	top: -30px;
	right: 20px;
	width: 50%;
}
.voice-content-title {
	font-size: 18px;
	color: #D68089;
	line-height: 1.5;
	text-align: left;
	margin: 0 20px 10px;
}
.voice-content-txt {
	font-size: 18px;
	color: #555;
	line-height: 1.5;
	text-align: left;
	margin: 0 20px 20px;
}


.google-section{
	margin: 0 0 100px;
}
.google-title-block {
    background-color: #D24565;
    padding: 20px 0 50px;
	margin: 0;
    position: relative;
    text-align: center;
}

.google-stars {
    width: 90px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.google-title-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    max-width: 800px;
    margin: 0 auto;
}

.google-line {
    width: 35px;
    height: auto;
}

.google-title-text {
    text-align: center;
}

.google-sub-title {
    font-size: 24px;
    color: #ffffff;
    margin: 0;
}

.google-title {
    font-size: 50px;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
}

.google-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
	width: 1100px;
    margin: -20px auto;
    z-index: 1;
    position: relative;
}

.google-card {
    width: 33%;
    max-width: 360px;
    height: auto;
}
.cta4{
	padding: 60px 0 80px;
}
.cta3{
	padding: 40px 0 40px;
}
.cta3 p{
	font-size: 20px;
	line-height: 1.8;
}
.cta3-title-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    max-width: 800px;
    margin: 0 auto;
}

.cta3-line {
    width: 20px;
    height: auto;
}

.cta3-title-text {
    text-align: center;
	margin: 20px 0;
}

.cta3-title {
    font-size: 50px;
    color: #333333;
    font-weight: 600;
    margin: 0;
}
.cta3-title span{
	font-size: 35px;
	color: #D24565;
}


.trust-section {
    text-align: center;
    padding: 60px 20px;
    background: url('img/trust_back_image.png') no-repeat center center;
    background-size: cover;
}

.trust-title-block {
    margin-bottom: 20px;
}

.trust-title-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.trust-line {
    width: 12px;
    height: auto;
}

.trust-subtitle {
    font-size: 24px;
    color: #333;
    font-weight: 500;
	margin: 0;
}

.trust-title {
    font-size: 24px;
    color: #333;
    font-weight: 600;
	margin: 0;
}
.trust-title span {
	font-size: 45px;
    color: #0B6EAE;
}
.trust-program-text {
    font-size: 20px;
    color: #333;
    margin-bottom: 30px;
}

.trust-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.trust-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.trust-description {
    font-size: 20px;
    color: #555;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}
.trust-description span{
    font-size: 25px;
	font-weight: 600;
    color: #555;
	background-color: #FBF151;
}

.reasons-section {
    padding: 0;
    text-align: center;
}

.reasons-title-block {
    background: url('img/pc_reasons-title-back.png') no-repeat center center;
    background-size: cover;
	width: 100%;
	margin-bottom: 5%;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	aspect-ratio: 1280 / 287;
}

.reasons-subtitle {
	font-size: 24px;
	color: #fff;
	margin: 0;
	font-weight: 600;
	padding: 0;
}

.reasons-title {
    font-size: 50px;
    color: #FBF151;
    font-weight: 600;
    margin: 0;
}
.reasons-title span {
	font-size: 87px;
}

/* 基本の背景色を白に設定 */
.reason-block {
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 0;

}

/* 2番目と4番目の背景色を変更 */
.reasons-section .reason-block:nth-of-type(3),
.reasons-section .reason-block:nth-of-type(5) {
    background-color: #F2F9FF;
}
.reason-content{
	display: flex;
	width: 855px;
	margin: 0 auto;
}
/* 通常の順序 (p -> img) */
.reason-content p {
    order: 1;
}

.reason-content img {
    order: 2;
}


.reasons-section .reason-block:nth-of-type(3) .reason-content,
.reasons-section .reason-block:nth-of-type(5) .reason-content {
    flex-direction: row-reverse;
}
.reason-number-image{
	width: 100%;
	margin: 0;
}

.reason-sub-title{
	font-size: 20px;
	line-height: 1.4;
	border: 1px solid #000000;
	width: fit-content;
	margin: 20px auto 15px;
	padding: 2px 10px;
	background-color: #fff;
}
.reason-title {
    font-size: 30px;
    color: #0B6EAE;
    font-weight: 600;
    margin: 10px 0 20px;
    text-align: center;
}

.reason-description {
    font-size: 20px;
    line-height: 2.0;
    color: #555;
	width:50%;
	text-align: left;
	margin: 2%;
}
.reason-description span {
	background-color: #FBF367;
	font-weight: 600;
}

.reason-image{
	width:50%;
	margin-bottom: 50px;
}

.trial-class-section {
    padding: 0 0 30px 0;
    text-align: center;
    background: url('img/trial_back.png') no-repeat center center;
    background-size: cover;
}

.trial-title-block {
    padding: 0;
    background: url('img/pc_trial_title_back.png');
    background-size: cover;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	aspect-ratio: 1280 / 251;
}
.trial-subtitle-container {
    position: relative;
    display: inline-block;
    text-align: left;
	padding-top: 2%;
	padding: 0;
	margin-top: -2%;
}

.trial-subtitle-icon {
    position: absolute;
	top: -100%;
	left: -33%;
    width: 75px;
    height: auto;
}
.trial-subtitle {
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
	margin: 0;
}

.trial-title {
    font-size: 45px;
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.trial-step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
    padding: 20px;
    width: 780px;
    margin: 0 auto;
}

.trial-content {
    flex: 1;
    text-align: left;
}
.trial-content img{
	width: auto;
}
.trial-content img.trial-button{
	width: 100%;
	margin: 10px auto 0 -7px;
}

.trial-step-header {
    display: flex;
	align-items: flex-end;
    gap: 10px;
    margin-bottom: 10px;
}

.trial-step-number {
    font-size: 14px;
    color: #0B6EAE;
    font-weight: 600;
    text-align: center;
	margin: 0 0 3px 0;
}

.trial-step-number span {
    font-size: 33px;
}

.trial-step-title {
    font-size: 30px;
    color: #0B6EAE;
    font-weight: 600;
	margin: 0;
}

.trial-step-description {
    font-size: 20px;
    color: #333;
    line-height: 1.6;
	margin: 0;
}

.trial-image {
    flex: 1;
    text-align: right;
}

.trial-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.trial-divider {
    text-align: center;
    margin: -30px 0;
}

.trial-divider img {
    max-width: 100%;
    height: auto;
}

.max-effect-section {
    padding: 50px 20px;
    text-align: center;
    background: url('img/max-effect_back.png') no-repeat center center;
    background-size: cover;
}

.max-effect-title-block {
    margin-bottom: 40px;
}
.max-effect-divider{
	margin: -30px 0;
}

.max-effect-subtitle {
    font-size: 24px;
    color: #555;
    margin-bottom: 0;
    font-weight: 500;
}

.max-effect-title {
    font-size: 31px;
    color: #D24565;
    font-weight: 600;
    margin: 15px 0 0;
}
.max-effect-title span {
    font-size: 45px;
}

.max-effect-title span.dots {
    margin-right: -10px;
}
.max-effect-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 820px;
    margin: 0 auto;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.max-effect-text {
    flex: 1;
    text-align: left;
    font-size: 20px;
    color: #555;
    line-height: 1.6;
	margin: 40px 0 auto 50px;
}
.max-effect-text p span{
	background-color: #FBF151;
	font-weight: 600;
}

.max-effect-image {
    flex: 1;
    text-align: right;
	height: 355px;
}

.max-effect-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.course-section{
	margin: 0 auto;
	background-color: #F2F9FF;
	padding: 0 0 20px 0;
	text-align: center;
}
.course-section img{
	margin: 0 auto;
}

.course-section .course-title{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	margin-top: 0;
}
.course-title-block {
    padding: 0;
    background: url('img/pc_course_title_back.png');
    background-size: cover;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	aspect-ratio: 1280 / 251;
}
.course-about-text{
	font-size: 20px;
	margin: 40px auto;
}
.course-nyukaikin-block{
	margin: 50px auto;
}
.courseprice-block{
	margin: 0 auto;
}
.course-60{
	font-size: 24px;
	display: inline-block; 
	padding: 4px 70px;
	border: 2px solid #0070b8;
	border-radius: 999px;
	color: #0070b8;
	font-weight: bold;
	margin: 50px auto;
	letter-spacing: 0.1em;
}

.schedule-section{
	margin: 0 auto;
	background-color: #F2F9FF;
	padding: 0 0 20px 0;
	text-align: center;
}
.schedule-section img{
	margin: 0 auto;
}

.schedule-section .schedule-title{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	margin-top: 0;
}
.schedule-title-block {
    padding: 0;
    background: url('img/pc_trial_title_back.png');
    background-size: cover;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	aspect-ratio: 1280 / 251;
}

    .class-container {
      display: flex;
      gap: 50px;
	  margin:50px auto 80px;
	  width: 830px;
    }

    .class-card {
      background-color: white;

      width: 390px;
    }

    .class-header {
      padding: 8px 0;
      text-align: center;
      color: white;
      font-weight: bold;
      font-size: 23px;
	  border-radius: 2px;
    }

    .gymnastics {
      background-color: #d14764;
    }

    .jujutsu {
      background-color: #0e71b8;
    }

    .schedule {
      padding: 10px 0 15px 0;
    }

    .schedule-inner {
      display: inline-block;
      text-align: left;
    }

    .schedule-inner p {
      display: flex;
      align-items: center;
      margin: 15px 0;
      font-size: 21px;
      color: #333;
      font-weight: 500;
    }

    .day-badge {
      color: #333;
      padding: 2px 20px;
      border-radius: 999px;
      font-size: 18px;
      margin-right: 12px;
	  letter-spacing: 0.2em;
    }
    .bk1 {
      background-color: #FBF0F3;
	}

    .bk2 {
      background-color: #F2F9FF;
	}
	.schedule-txt{
		font-size: 21px;
		font-weight: bold;
		color: #0070b8;
		margin:20px auto 80px auto;
		letter-spacing: 0.1em;
		text-align: right;
		width: 780px;
	}

.shop-info-section {
    padding: 60px 20px;
    text-align: center;
}

.shop-info-title-block {
    margin-bottom: 40px;
}

.shop-info-subtitle {
	width: 197px;
    margin: 0 auto;
}

.shop-info-title {
    font-size: 45px;
    color: #0B6EAE;
    font-weight: 600;
    margin: 0;
}

.shop-info-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 820px;
	margin: 40px auto;
}

.shop-info-image img {
    max-width: 100%;
    height: auto;
}

.shop-info-text {
    text-align: left;
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

.shop-info-text h3 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500;
}
.shop-info-text p {
	line-height: 1.0;
}
.shop-info-map iframe {
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.faq-section {
    padding: 60px 20px;
    text-align: center;
    background-color: #F2F9FF;
}

.faq-title-block {
    margin-bottom: 20px;
}

.faq-subtitle {
	width: 67px;
    margin: 0 0 -10px 0;
}

.faq-title {
    font-size: 45px;
    color: #0B6EAE;
    font-weight: 600;
    margin: 0;
}

.faq-item {
    margin-bottom: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 20px 40px;
	background-color: #fff;
}

.faq-content {
    max-width: 800px;
    margin: 0 auto;
}

.faq-question,
.faq-answer {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-icon img {
	width:30px;
	height: auto;
}

.faq-question p,
.faq-answer p {
    margin: 0;
    font-size: 18px;
    color: #555;
	text-align: left;
	width: 90%;
}

hr {
    border: none;
    border-top: 1px dashed #ddd;
    margin: 10px 0;
}
.faq-flex-start{
	align-items: flex-start;
}

.footer {
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
}

.footer-links {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px auto;
}

.footer-link {
    text-decoration: none;
    color: #333333;
    font-size: 18px;
}

.footer-divider {
    color: #ccc;
    font-size: 14px;
}

.footer-copy {
    font-size: 18px;
    color: #333333;
}


	@media (max-width: 768px) {
		html {
			overflow-x: hidden;
			font-size:16px;
		}
		body {
			max-width: 750px;
			overflow-x: hidden;

		}
		.pc-image {
			display: none;
		}
		.sp-image {
			display: block;
		}
		.cta-section {
			padding: 0;
			max-width: 750px;
			margin-top: -30px;
		}
		.cta-section h2 {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			font-size: 18px;
			z-index: 1;
			width: 100%;
		}
		.cta-section .content {
			padding: 0 0 8%;
		}
		.cta-section .content .benefits .pc-image {
			display: none;
		}
		.cta-section .content .benefits .sp-image {
			display: block;
		}
		.cta4 {
			padding: 7% 0 5%;
		}
		.cta-section .content .cta {
			margin-top: 0;
		}
		.cta-section .content .cta img {
			width: 100%;
		}
		.cta-section .line-container {
			gap: 5px;
		}
		.cta-section .line-container img.line-icon {
			max-width: 15px;
		}
		
		.cta-section .line-container .cta-text {
			font-size: 1rem;
			margin: 0;
		}
		.concerns-section {
			padding: 0;
		}
		.concerns_txt {
			top: 2%;
		}
		.concerns-section .subtitle {
			font-size: 16px;
			width:fit-content;
			font-weight: 500;
		}
		.concerns-section .title {
			font-size: 1.6rem;
			font-weight: 500;
			width:100%;
			margin-top: 10%;
			text-align: center;
		}
		.concerns-section .title span {
			font-size: 2.5rem;
		}
		.concerns-section .onayami_line {
			width: 130px;
			left: 22%;
			margin-top: 20%;
		}
		.concerns_box img{
			width: 100%;
		}
		.onayami_next img{
			height: 50px;
		}
		.recommend-section{
			padding: 20% 0 15%;
		}
		.line2-container {
			margin: -30px auto 0;
		}
		.recommend-subtitle {
			font-size: 19px;
			margin: 2% 0;
		}
		.recommend-title {
			font-size: 19px;
			margin-bottom: 5px;
			font-weight: 500;
		}
		.recommend-title span {
			font-size:2rem;
			font-weight: 600;
			position: relative;
			display: inline-block;
			margin-bottom: 2%;
			margin-right: 5px;
			padding-bottom: 0;
			background-image: url(img/recommend_underline.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: contain;
		}
		.recommend-section .reco_img {
			width: 100%;
		}
		.recommend-section .reco_img1 {
			width: 80%;
		}
		.recommend-highlight {
			font-size: 32px;
		}
		.recommend-highlight::after {
			bottom: 3px;
			height: 30%;
		}
		.mt-25{
			margin-top:-25px;
		}
		.about-section {
			padding: 20% 5% 15%;
		}
		.about-label {
			height: 78px;
			width: 70px;
			top: 5%;
			background-size: cover;
		}
		.about-label p {
			font-size: 14px;
		}
		.about-inner {
			background: url('img/sp_about_back.png') no-repeat center center;
			width: 100%;
			height: auto;
			padding: 8% 0 10% 0;
		}
		.about-title {
			font-size: 22px;
		}
		.about-title span {
			font-size: 27px;
		}
		.about-content .about-video img{
			width:90%;
		}
		.about-description {
			font-size:18px;
		}
		.point-section {
			padding: 30px 0 20px;
		}
		.point-subtitle {
			position: relative;
			width: fit-content;
			margin: 8px auto 0;
		    border-bottom: 2px dotted black;
			line-height: 1;
		}
		.point-title {
			font-size: 35px;
			margin: 0 0 5%;
		}
		.point-title span {
			font-size: 55px;
			margin-right: -6px;
		}
		.point-wrapper {
			padding: 0;
		}
		.sppw3{
			padding-bottom:20px !important;
		}

		.point-item {
			display: block;
			text-align: center;
			padding: 0 0 5px;
		}
		.point-item img {
			margin-bottom: 20px;
			max-width: 100%;
			height: auto;
		}
		.point-item .point-text {
			text-align: center;
			margin: 0 auto;
			padding: 0;
		}
		.point-item .point-text h4 {
			font-size: 28px;
			margin: 30px auto 10px;
			line-height: 1.2;
		}
		.point-item .point-text p {
			font-size: 18px;
			line-height: 1.7;
			text-align: left;
			padding: 0 18px;			
		}
		.point-item .point-text p {
			padding-bottom: 20px;
		}
		.point-title-image {
			margin: 0 auto 10px;
		}
		.cta2 {
		  padding-top: 20px !important;
		}
		.point-wrapper.point-bg {
			background-color: #F2F9FF;
			width: 100%;
		}
		.new-program-section {
			padding: 20px 10px 40px;
		}
		.new-program-subtitle1 {
			font-size: 20px;
			margin: 2% 0;
			font-weight: 500;
		}
		.new-program-subtitle2 {
			font-size: 20px;
			margin: 40px 0 0 0;
			font-weight: 500;
		}
		.new-program-icon {
			top: -140%;
			left: -10%;
			width: 140px;
		}
		.new-program-title {
			font-size: 32px;
			margin: 0 auto;
		}
		.method-container {
			width: 50%;
			height: auto;
			background: none;
		}
		.method-container img {
			width: 176px;
			margin: 20px auto 10px;
		}
		.method-text {
			font-size: 20px;
		}
		.awareness-section {
			padding: 0 0 3%;
		}
		.awareness-title-wrapper {
			background: url('img/sp_awareness_title_back.png') no-repeat center center;
			background-size: auto;
			background-size: cover;
			aspect-ratio: 750 / 316;
		}
		.awareness-title-wrapper img{
			width:208px;
		}
		.awareness-title-content {
		    margin: -3% auto 0;
		}
		.awareness-subtitle {
			font-size: 16px;
			margin: 0 0 -10px 0;
		}
		.awareness-title {
			font-size: 1.5rem;
	        margin-top: -2%;
			line-height: 1.3;
		}
		.awareness-title span {
			font-size: 34px;
		}
		.awareness-content {
			margin: 5% 4% 2%;
		}
		.awareness-description {
			margin: 0 5px;
			font-size: 18px;
		}
		.awareness-blocks {
			display: flex;
			flex-direction: column;
			gap: 30px;
			margin: 0 auto;
			padding: 35px 0;
			background: url('img/sp_awareness_1_back.png') no-repeat center center;
			background-size: cover;
			height: auto;
		}
		.awareness-blocks2 {
			display: flex;
			flex-direction: column;
			gap: 30px;
			margin: 0 auto;
			padding: 35px 0 60px;
			background: url('img/sp_awareness_2_back.png') no-repeat center center;
			background-size: cover;
			height: auto;
		}
		.awareness-block {
			width: 100%;
			display: flex;
			align-items: center;
			gap: 80px;
			max-width: 100%;
			margin: 0 auto;
			flex-direction: row;
		}
		.block-image {
			max-width: 80%;
			height: auto;
			margin-bottom: 0;
		}
		.block-text {
			text-align: left;
			margin-left: -215px;
			margin-right: 15px;
		}
		.awareness-change {
		  margin: 5% auto;
		}
		.awareness-block:nth-child(1) .block-text1 {
			position: relative;
			right: 0;
			left: 80px;
		}
		.awareness-block:nth-child(2) .block-text {
			margin-left: 10px;
			margin-right: -185px;
			z-index: 10;
		}
		.awareness-blocks2:nth-child(2) .block-text {
			margin-left: 0;
			margin-right: -150px;
			z-index: 10;
		}
		.awareness-block:nth-child(3) .block-text1 {
			position: relative;
			right: 0;
			left: 102px;
		}
		.block-text1, .block-text2 {
			display: block;
			margin: 0 0 5px;
			font-size: 22px;
			font-weight: 600;
		}
		.block-text1 {
			background-color: #1E87CB;
			color: #fff;
			padding: 4px 15px;
		}
		.block-text2 {
			background-color: #1E87CB;
			color: #FBF151;
			padding: 4px 15px;
			font-size: 28px;
		}
		.awareness-blocks2:nth-child(1) .block-text1 {
			position: relative;
			right: 0;
			left: 80px;
		}
		.ml-245{
			margin-left: -245px;
		}
		.left130{left:130px !important;}
		.left84 {
			left: 84px !important;
			position: relative;
		}

		.awareness-change span {
			font-size: 26px;
		}
		.awareness-final-block {
			margin: 0 0 -15px;
			background: url('img/sp_awareness_3_back.png') no-repeat center center;
			background-size: cover;
			aspect-ratio: 750 / 997;
		}
		.final-text {
			font-size: 1.2rem;
			line-height: 1.5;
			margin: 1% -10%;
		}
		.final-text span.sp_margin {
			margin-top: 7%;
			margin-bottom: -10%;
			display: block;
		}

		.final-text span.color_pink {
			color: #D24565;
			font-size: 35px;
		}
		.final-content {
			margin-top: -20%;
			align-items: flex-end;
		}
		.voice-title-block {
			padding: 10% 0;
		}
		.voice-title-content {
			gap: 5px;
		}
		.voice-sub-title {
			font-size: 19px;
		}
		.voice-title {
			font-size: 35px;
		}
		.voice-title-text {
			text-align: center;
			margin: 2% 0 0%;
			padding-bottom: 5%;
		}
		.voice-cards {
			margin: -4% 0% 0;
			display: block;
		}
		.voice-card {
			width: 94%;
			margin: 10px auto 55px;
		}
		.voice-header-content img {
			width: 30%;
		}
		.voice-name {
			margin: 0 auto 25px;
		}
		.voice-line {
		  width: 25px;
		}
		.voice-image, .voice-image2 {
			top: -40px;
		}
		  .voice-card:nth-of-type(2) .voice-header {
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
		  }

		  .voice-card:nth-of-type(2) .voice-image {
			max-width: 50%;
			left: 20px;
		  }

		  .voice-card:nth-of-type(2) .voice-header-content {
			text-align: right;
		  }
		.google-section {
			margin: 0 0 40px;
		}
		.google-title-block {
			padding: 3% 0 15%;
		}
		.google-sub-title {
			font-size: 1.2rem;
			margin: 0;
		}
		.google-title-content {
			margin: -3% auto -2%;
		}
		.google-title {
			font-size: 2.1rem;
		}
		.google-line {
			width: 25px;
		}
		.google-cards {
			flex-direction: column;
			align-items: center;
			width: 96%;
			margin: -40px auto 0;
			padding: 0;
		}

		.google-card {
			width: 100%;
			max-width: 400px;
			margin: 0;
		}
		.cta-section .content .benefits {
			margin: 20px 0 10px;
		}
		.cta3{
			padding-top: 40px !important;
			margin-top: 0;
		}
		  .cta3 .benefits {
			margin: 0;
		}
		.cta3 p {
		  line-height: 1.5;
		  margin: 0;
		}
		.cta3 .cta3_yajirushi{
			width:43px;
			margin: 2% 0 0;
		}
		.cta3-title-text {
		  margin: 0;
		}
		.cta3-title-content {
			width: 96%;
		}
		.cta3-title span {
 			font-size: 26px;
		}
		.trust-section {
		  padding: 30px 10px 40px;
		}
		.trust-line {
		  width: 8px;
		}
		.trust-subtitle {
			font-size: 20px;
			margin: 0;
		}
		.trust-image {
			margin-bottom: 0;
		}
		.trust-title {
		  font-size: 25px;
		  font-weight: 500;
		  line-height: 1.2;
		}
		.trust-title span {
			font-size: 32px;
			font-weight: 600;
		}
		.trust-program-text {
			margin: 10px auto 0;
		}
		.trust-program-text {
			font-size: 18px;
		}
		.trust-description {
			font-size: 18px;
		}
		.trust-description span {
		  font-size: 16px;
		}
		.reasons-section {
		  margin: -10px 0 40px;
		}
		.reasons-title-block {
			background: url('img/sp_reasons-title-back.png') no-repeat center center;
			background-size: contain;
			background-repeat: no-repeat;
			width: 100%;
			aspect-ratio: 16 / 9;
			height: auto;
			margin-bottom: 20px;
		}
		.reasons-subtitle {
		    font-size: 20px;
			font-weight: 500;
			padding: 0;
			margin-top: -15px;
		}
		.reasons-title {
		  font-size: 35px;
		  line-height: 1;
		}
		.reasons-title span {
		  font-size: 50px;
		}
		.reason-sub-title {
		  margin: 5px auto;
		}
		.reason-sub-title {
		  font-size: 14px;
		}
		.reason-title {
		  margin: 10px 0 15px;
		  font-size: 28px;
		  line-height: 1.2;
		}
		.reason-number-image {
		  width: 102%;
		}
		.reason-image {
		  margin-bottom: 10px;
		}
		.reason-content {
		  display: block;
		  width: 100%;
		}
		.reason-content p {
			font-size: 18px;
		    line-height: 1.7;
			width: 90%;
			text-align: left;
			margin: 0 auto;
			padding: 10px 0 20px 0;
		}
		.reasons-items {
			flex-direction: column;
			gap: 20px;
		}
		.reasons-section .reason-block:nth-of-type(3) {
		    margin-top: 20px;
		}
		.reasons-section .reason-block:nth-of-type(3), .reasons-section .reason-block:nth-of-type(5) {
			padding-bottom: 20px;
		}
		.reason-item {
			flex-direction: column;
			text-align: center;
		}

		.reason-description {
			text-align: center;
		}

		.reason-image {
			width: 100%;
		}
		.trial-class-section {
		    padding: 0 0 60px 0;
		}
		.trial-subtitle-container {
		  padding-top: 12px;
		}
		
		.trial-subtitle-icon {
			top: -40%;
			left: -38%;
		}
		.trial-subtitle {
		  margin-bottom: 0;
		}
		.trial-title-block {
			padding: 5px 0;
			margin-bottom: 10%;
			background: url('img/sp_trial_title_back.png');
			background-size: cover;
			aspect-ratio: 750 / 290;
		}

		.trial-subtitle {
		  font-size: 20px;
		  margin-top: 5px;
		}
		.trial-title {
		  font-size: 35px;
		}
    .trial-step {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
		margin: 0;
		padding: 0;
		min-height: 260px;
    }

    .trial-content {
        width: 60%;
        position: relative;
        z-index: 2;
		max-width: 60%;
		padding-left: 15px;
    }
	.trial-content img {
		width: 30px;
		height: auto;
	}
	.trial-image {
        width: 53%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
	.trial-image img {
        width: 100%;
        height: auto;
    }
		.trial-step-number {
		  font-size: 11px;
		  margin: 0;
		}
		.trial-step-number span {
		  font-size: 25px;
		}
		.trial-step-title {
		  font-size: 30px;
		}
		.trial-content img.trial-button {
			width: 80%;
		}
		.trial-step-header {
		  align-items: center;
		}
		.trial-step-header-ai-start {
		  align-items: flex-start;
		}
		.trial-step-header-ai-end {
		  align-items: flex-end;
		}

		.trial-step-title {
		  line-height: 1.2;
		  text-shadow: -2px 0 1px white, 2px 0 1px white, 0 -2px 1px white, 0 2px 1px white;
		}
		.trial-step-description {
		  font-size: 18px;
		  width: 82%;
		  text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
		}
		.trial-divider {
		  text-align: left;
		  margin: 0% auto -5% 30%;
		}
		.trial-divider img {
		  height: 70px;
		}
		.max-effect-divider {
			margin: -10px 0 -30px 0;
		}
		.max-effect-section {
		    padding: 15% 20px;
		}
		.max-effect-title-block {
			margin-bottom: 8%;
		}
		.max-effect-divider img{
			height: 50px;
		}
		.max-effect-subtitle {
		  font-size: 20px;
		  margin: 0;
		}
		.max-effect-title {
		  font-size: 20px;
		  line-height: 1.0;
		}
		.max-effect-title span.dots {
			margin-right: -6px;
		}
		.max-effect-text p span {
		  font-weight: 600;
		}
		.max-effect-title span {
		  font-size: 30px;
		}
		.max-effect-content{
			width:100%;
			display:block;
			padding-top: 20px;
		}
		.max-effect-text {
		  margin: 16px;
		  font-size: 18px;
		}
		.max-effect-image {
		  height: auto;
		}



.course-section {
  padding:0 0 30px 0;
}
.course-title-block {
	padding:0;
	margin-bottom: 10%;
	background:url('img/sp_course_title_back.png');
	background-size: auto;
	background-size: cover;
	aspect-ratio: 750 / 290;
}
.course-section .course-title {
  font-size: 35px;
  margin-top: 6%;
}
.course-about-text {
  font-size: 16px;
  margin:15px 7% 0;
  text-align: left;
}
.course-nyukaikin-block {
  margin:15px auto 30px;
}
.course-nyukaikin-block img{
	width:70%;
}

.courseprice-block img{
	width:86%;
}
.course-60 {
  font-size: 16px;
  padding:4px;
  margin:30px auto;
  width: 82%;
}
.schedule-section .schedule-title {
  font-size: 35px;
  margin-top: 6%;
}
.schedule-title-block {
	padding:0;
	margin-bottom: 10%;
	background:url('img/sp_trial_title_back.png');
	background-size: auto;
	background-size: cover;
	aspect-ratio: 750 / 290;
}
.class-container {
	display: block;
	margin:30px auto 40px;
	width: 100%;
}
.class-card {
	width: 72%;
	margin:0 auto 40px;
}
.class-header {
	font-size: 17px;
}
.schedule-inner p{
	font-size: 16px;
	margin-bottom: 10px;
}
.day-badge{
	padding: 2px 20px;
	font-size: 13px;
}
		
.schedule-img-block img{
	width:86%;
}
.schedule-txt{
	font-size: 12px;
	margin: 20px auto 30px auto;
	width: 82%;
}

		.shop-info-image img {
		  width: 100%;
		}
		.shop-info-section {
		  padding: 12% 0;
		}
		.shop-info-title {
		  font-size: 27px;
		  margin: 2% auto 4%;
		}
		.shop-info-title-block {
		  margin-bottom: 0;
		}
		.shop-info-subtitle {
		  width: 130px;
		}
		.shop-info-content {
		  display: block;
		  width: 100%;
		  margin: 0 auto;
		}
		.access_subtitle{
			width: 125px;
			margin: 8% auto 0;
		}
	  .sp_access_box {
		width: 92%;
		background-color: #F2F9FF;
		margin: -15% auto 0;
		padding: 5% 0;
		position: relative;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	  }
		.sp_access_box h3{
			font-size: 2rem;
			font-weight: 600;
			margin: 5% auto 0;
		} 
		.sp_access_box h4{
			margin-bottom: 0;
			font-size: 19px;
			font-weight: 500;
		}
		.sp_access_box p.access_subtitle {
			margin: 2% auto 4%;
			font-size: 13px;
		}

		.sp_access_box p{
			margin: 5% auto;
			font-size: 1rem;
	        line-height: 1.2;
		}
		.sp_access_box .shop-info-text{
			width:90%;
			margin: 0 auto;
		}
		.faq-title-block {
		  margin-bottom: 20px;
		}
		.faq-title {
			font-size: 2rem;
		}
		.faq-subtitle {
			width: 15%;
			margin: 0px 0 -3px 0;
		}
		.faq-section {
		  padding: 12% 15px 18%;
		}
		.faq-question, .faq-answer {
		  align-items: flex-start;
		}
		.faq-flex-center{
		  align-items: center;
		}
		.faq-item {
		  padding: 15px;
		}
		.faq-question p,
		.faq-answer p {
			width: 84%;
			font-size: 18px;
		}
#fixedbutton {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    z-index: 9999;
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#fixedbutton.show {
    opacity: 1;
    visibility: visible;
}
#fixedbutton img {
    max-width: 100%;
    height: auto;
}




		.footer {
			padding: 5% 0;
		}
		.footer-link {
		  font-size: 14px;
		}		
		.footer-copy {
			font-size: 14px;
			color: #333333;
		}
	}