@charset "UTF-8";

/********************

content

********************/
#content {
}

#footer #linkContact,
#footer #pageTop {
    display: none;
}

#footer #linkSchedule,
#footer #linkSeminar {
	display: block;
    position: fixed;
    font-size: 0.8rem;
    text-align: center;
    z-index: 100;
}

#footer #linkSchedule a.curtain,
#footer #linkSeminar a.curtain {
    display: table-cell;
    width: 170px;
    height: 60px;
    vertical-align: middle;
    padding: 10px;
    color: #FFF;
    font-weight: 600;
    line-height: normal;
}

#footer #linkSchedule a.curtain {
    border: 1px solid #10852a;
    background-color: #10852a;
}


#footer #linkSeminar a.curtain {
    border: 1px solid #0a3369;
    background-color: #0a3369;
}

#footer #linkSchedule a.curtain:hover {
	color: #10a331 !important;
	border: 1px solid #10852a;
}


#footer #linkSeminar a.curtain:hover {
	color: #0a3369 !important;
	border: 1px solid #0a3369;
}

#footer #linkSchedule a.curtain:hover::after,
#footer #linkSeminar a.curtain:hover::after {
	background-color: #FFF;
}







/***********************************************************
for smartphone
************************************************************/
@media screen and (max-width:736px){

/********************

content

********************/
#content {
}

#content h1 {
    background-image: url(../images/header.png);
}

#content .catch {
    padding: 0 0 60px 0;
}

/**
.helpArea ***/
#content .helpArea h3 {
    text-align: center;
    font-weight: 600;
    margin: 40px 0 0 0;
    font-size: 4.8vw;
}

#content .helpArea article {
    background: url(../images/helpArea_bg.png) repeat;
}

#content .helpArea article ul {
    display: block;
    margin: 0 auto;
    padding: 20px 10px;
    width: fit-content;
}

#content .helpArea article ul li {
    background-position: top 50% left 5px;
    background-repeat: no-repeat;
    padding-left: 60px;
    font-size: 1.8rem;
    font-weight: 600;
	line-height: 2.4rem;
    letter-spacing: 2px;
    margin: 30px 0;
}

#content .helpArea article.check ul li {
    background-image: url(../images/check.png);
}

#content .helpArea article.circle ul li {
    background-image: url(../images/circle.png);
}

#content .helpArea p {
	margin: 20px;
    font-size: 1.2rem;
    font-weight: 600;
	line-height: 2.4rem;
}

#content .helpArea p span {
	display: inline;
	padding: 0 5px;
	background: linear-gradient(transparent 50%, #FFD9D7 0%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

#content .helpArea img {
    display: block;
    width: auto !important;
    margin: 40px auto 0 auto;
}

/**
.youtubeArea ***/
#content .youtubeArea {
}

#content .youtubeArea .youtube {
    width: 100%;
    padding: 0 5%;
}

#content .youtubeArea .youtube p {
    font-size: 1.4rem;
    text-align: center;
    margin: 40px 0 10px 0;
}

#content .youtubeArea .youtube iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

#content .youtubeArea .sample {
    width: 100%;
    padding: 0 5%;
}

#content .youtubeArea .sample p {
    font-size: 1.4rem;
    text-align: center;
    margin: 40px 0 10px 0;
}

#content .youtubeArea .sample ul.flow {
    display: none;
}

#content .youtubeArea .sample ul.flow li {
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 5px 0;
}

#content .youtubeArea .sample ul.flow li:nth-child(1) {background-color: #1254b9; width: calc(40% - 5px); margin-left: 5px;}
#content .youtubeArea .sample ul.flow li:nth-child(2) {background-color: #eb7116; width: 40%;}
#content .youtubeArea .sample ul.flow li:nth-child(3) {background-color: #1a7a03; width: calc(20% - 5px); margin-right: 5px}

#content .youtubeArea .sample ul.img {
}

#content .youtubeArea .sample ul.img li {
    width: 20%;
}

#content .youtubeArea .sample ul.img li img {
}

#content .youtubeArea .sample img {
}

/**
.userArea ***/
#content .userArea {
}

#content .userArea h3 {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin: 80px 0 40px 0;
}

#content .userArea article {
    display: block;
    width: auto;
    margin: 0 5%;
}

#content .userArea article .wrap {
    display: block;
    margin-bottom: 40px;
    padding: 20px;
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.1);
}

#content .userArea article .wrap .lside {
    display: flex;
    align-items: center;
}

#content .userArea article .wrap .lside img {
    width: 120px !important;
}

#content .userArea article .wrap .lside p {
    margin-left: 30px;
}

#content .userArea article .wrap .rside {
}

#content .userArea article .wrap .rside dt {
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 3px;
    margin: 20px 0 10px 0;
}

#content .userArea article .wrap .rside dt span {
    padding: 0 3px 2px 3px;
}

#content .userArea article .first .rside dt span {
    background: linear-gradient(transparent 60%, #a6e6ff 60%);
}

#content .userArea article .second .rside dt span {
    background: linear-gradient(transparent 60%, #ffd1d1 60%);
}

#content .userArea article .third .rside dt span {
    background: linear-gradient(transparent 60%, #a7ffa6 60%);
}

#content .userArea article .wrap .rside dd {
}

/**
.tabContent ***/
#content .tabContent section {
    margin-top: 30px;
}

#content .tabContent section article .twocolumn {
}

#content .tabContent section article .twocolumn .wrap {
	border: solid 1px #999;
	border-radius: 12px 12px 12px 12px;
	padding: 15px;
	margin: 5px 10px 0 10px;
}

#content .tabContent section article .twocolumn .wrap dl {
}

#content .tabContent section article .twocolumn .wrap dl dd {
}

#content .tabContent section .profile {
}

#content .tabContent section .profile img {
}

#content .tabContent section .profile p {
}

#content .tabContent section .link {
    display: block;
    margin: 0 auto;
}

#content .tabContent section .link a {
    padding: 20px 0;
    font-size: 1.4rem;
    font-weight: 600;
}

/**
.costArea ***/
#content .tabContent section.costArea {
}

#content .tabContent section.costArea dl {
    display: block;
    margin-bottom: 20px;
    padding: 0 20px;
}

#content .tabContent section.costArea dt {
    display: block;
}

#content .tabContent section.costArea dd {
    display: block;
}

#content .tabContent section.costArea dd span.through {
    text-decoration: line-through;
    color: #555555;
}

#content .tabContent section.costArea dd span.caution {
    font-weight: 600;
    color: #f76900;
}

/**
.flowArea ***/
#content .tabContent section.flowArea h3 {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    padding: 0 40px;
}

#content .tabContent section.flowArea img {
    display: block;
    width: auto;
    padding: 0 40px;
}

/**
.calandarArea ***/
#content .tabContent section.calendarArea {
	margin-bottom: 30px;
}

#content .tabContent section.calendarArea ul {
}

#content .tabContent section.calendarArea ul li {
    margin-bottom: 20px;
}

#content .tabContent section.calendarArea ul li img {
}

/**
.faq ***/
#content .tabContent section.faq {
}

#content .tabContent section.faq .faqcard {
    padding: 0 5%;
}

#content .tabContent section.faq .faqcard .f_toggle a {
    width: 300px;
    margin-top: 10px;
}



/********************

footer

********************/
#footer #linkSchedule,
#footer #linkSeminar {
    display: table !important;
}



}






/************************************************************
for pc  width 737px 以上はpc表示
************************************************************/
@media print, screen and (min-width:737px){

/********************

content

********************/
#content {
}

#content h1 {
    background-image: url(../images/header.png);
}

#content .catch {
    padding: 0 0 60px 0;
}

/**
.helpArea ***/
#content .helpArea h3 {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin: 80px 0 10px 0;
}

#content .helpArea article {
    background: url(../images/helpArea_bg.png) repeat;
}

#content .helpArea article ul {
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    width: fit-content;
}

#content .helpArea article ul li {
    background-position: top 5px left 5px;
    background-repeat: no-repeat;
    padding-left: 60px;
    font-size: 2.8rem;
    font-weight: 600;
	line-height: 3rem;
    letter-spacing: 2px;
    margin: 60px 0;
}

#content .helpArea article.check ul li {
    background-image: url(../images/check.png);
}

#content .helpArea article.circle ul li {
    background-image: url(../images/circle.png);
}

#content .helpArea p {
	margin: 20px auto 80px auto;
	width: 1200px;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
	line-height: 3.4rem;
}

#content .helpArea p span {
	display: inline;
	padding: 0 5px;
	background: linear-gradient(transparent 50%, #FFD9D7 0%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

#content .helpArea img {
    display: block;
    width: auto;
    margin: 80px auto 0 auto;
}

/**
.youtubeArea ***/
#content .youtubeArea {
}

#content .youtubeArea .youtube {
    width: 1200px;
    margin: 0 auto;
}

#content .youtubeArea .youtube p {
    font-size: 1.8rem;
    text-align: center;
    margin: 80px 0 10px 0;
}

#content .youtubeArea .youtube iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

#content .youtubeArea .sample {
    width: 1200px;
    margin: 0 auto;
}

#content .youtubeArea .sample p {
    font-size: 1.8rem;
    text-align: center;
    margin: 80px 0 10px 0;
}

#content .youtubeArea .sample ul.flow {
    display: flex;
    width: 100%;
}

#content .youtubeArea .sample ul.flow li {
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 5px 0;
}

#content .youtubeArea .sample ul.flow li:nth-child(1) {background-color: #1254b9; width: calc(40% - 5px); margin-left: 5px;}
#content .youtubeArea .sample ul.flow li:nth-child(2) {background-color: #eb7116; width: 40%;}
#content .youtubeArea .sample ul.flow li:nth-child(3) {background-color: #1a7a03; width: calc(20% - 5px); margin-right: 5px}

#content .youtubeArea .sample ul.img {
    display: flex;
    width: 100%;
}

#content .youtubeArea .sample ul.img li {
    width: 20%;
}

#content .youtubeArea .sample ul.img li img {
}

#content .youtubeArea .sample img {
    padding: 5px;
}

/**
.userArea ***/
#content .userArea {
}

#content .userArea h3 {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin: 80px 0 40px 0;
}

#content .userArea article {
    display: flex;
    width: 1190px;
    margin: 0 auto;
    justify-content: space-between;
}

#content .userArea article .wrap {
    display: flex;
    justify-content: center;
    width: 570px;
    margin-bottom: 55px;
    padding: 30px;
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, 0.1);
}

#content .userArea article .wrap .lside {
    width: 120px;
    margin-right: 30px;
}

#content .userArea article .wrap .lside img {
}

#content .userArea article .wrap .lside p {
    font-size: 1rem;
    text-align: center;
    line-height: normal;
    padding-top: 10px;
}

#content .userArea article .wrap .rside {
    width: 360px;
}

#content .userArea article .wrap .rside dt {
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

#content .userArea article .wrap .rside dt span {
    padding: 0 3px 2px 3px;
}

#content .userArea article .first .rside dt span {
    background: linear-gradient(transparent 60%, #a6e6ff 60%);
}

#content .userArea article .second .rside dt span {
    background: linear-gradient(transparent 60%, #ffd1d1 60%);
}

#content .userArea article .third .rside dt span {
    background: linear-gradient(transparent 60%, #a7ffa6 60%);
}

#content .userArea article .wrap .rside dd {
}

/**
.tabContent ***/
#content .tabContent section {
    margin-top: 60px;
}

#content .tabContent section article .twocolumn {
	width: 1200px;
}

#content .tabContent section article .twocolumn .wrap {
	width: 70%;
	min-width: 800px;
	border: solid 1px #999;
	border-radius: 12px 12px 12px 12px;
	padding: 15px;
	margin: 5px 0 0 10px;
}

#content .tabContent section article .twocolumn .wrap dl {
	display: flex;
}

#content .tabContent section article .twocolumn .wrap dl dd {
	width: 33%;
}

#content .tabContent section .profile {
    display: flex;
}

#content .tabContent section .profile img {
    width: 300px;
    padding-right: 30px;
}

#content .tabContent section .profile p {
}

#content .tabContent section .link {
    display: block;
    width: 700px;
    margin: 0 auto;
}

#content .tabContent section .link a {
    padding: 30px 0;
    font-size: 1.4rem;
    font-weight: 600;
}

/**
.costArea ***/
#content .tabContent section.costArea {
}

#content .tabContent section.costArea dl {
    display: flex;
    padding-left: 20px;
}

#content .tabContent section.costArea dt {
    width: fit-content;
}

#content .tabContent section.costArea dd {
}

#content .tabContent section.costArea dd span.through {
    text-decoration: line-through;
    color: #555555;
}

#content .tabContent section.costArea dd span.caution {
    font-size: 1.6rem;
    font-weight: 600;
    color: #f76900;
}

/**
.flowArea ***/
#content .tabContent section.flowArea img {
    display: block;
    width: auto;
    margin: 30px auto 0 auto;
}

/**
.calandarArea ***/
#content .tabContent section.calendarArea {
	margin-bottom: 60px;
}

#content .tabContent section.calendarArea ul {
	display: flex;
}

#content .tabContent section.calendarArea ul li {
	width: 50%;
	text-align: center;
	margin-bottom: 20px;
}

#content .tabContent section.calendarArea ul li img {
	width: auto !important;
}

/**
.faq ***/
#content .tabContent section.faq {
}

#content .tabContent section.faq .faqcard .f_toggle a {
    width: 300px;
    margin-top: 10px;
}



/********************

footer

********************/
#footer #linkSchedule,
#footer #linkSeminar {
    display: block !important;
    right: 20px;
}

#footer #linkSchedule {bottom: 80px;}
#footer #linkSeminar {bottom: 20px;}



}