@charset "UTF-8";
/* CSS Document */
/***************************************
01.Reset
***************************************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***************************************
02.共通
***************************************/
/*body.mt-32 {
	margin-top: -32px;
}*/
body {
    font-size: 18px;
    line-height: 1.5em;
    color: #333;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",  Arial, Helvetica, "sans-serif";
    font-weight: 400;
    text-align: justify;
    background: #fff;
	-webkit-text-size-adjust: 100%;
	background-image: url("img/bg-11.jpg");
    background-attachment: fixed;
	background-size: cover;
}

h1, h3, h4, h5, h6 {
	font-weight: normal;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

img, .btn-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
	vertical-align: middle;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clear {
	clear: both;
}

.pc-only {
    display: block;
}
.sp-only {
    display: none;
}

/*カラー*/
.text-pink {
    color: #ec75b6;
}
.text-red {
    color: #ff0152;
}
.text-blue {
    color: #2f639e;
}
/*マーカー*/
.font-p-uline {
    background: linear-gradient(#0000 70%, #f4acd4 30%);
}
.font-b-uline {
    background: linear-gradient(#0000 70%, #a1dcf7 30%);
}
header {
    width: 100%;
    background-color: #fff;
    padding: 0;
}
/*文字*/
.f-w-b {
	font-weight: bold;
}
.text-bar-70 {
	font-size: 3.88rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.25em;
}
.text-bar-60 {
	font-size: 2.25rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.25em;
}
.text-bar-50 {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.25em;
}

.contents {
	width: 100%;
    margin: 0 auto;
}
/***************************************
03.メインビジュアル
***************************************/
.mv_area {
    height: 0;
    padding-top: calc(938 / 1920 * 100%);
}
.mvArea-01 .mv_area {
    background: url("img/opt-pc-mv-01.jpg") no-repeat center center/cover;
}
.mvArea-01-1 .mv_area {
    background: url("img/opt-pc-mv-01-1.jpg") no-repeat center center/cover;
}
.mvArea-01-1-b .mv_area {
    background: url("img/opt-pc-mv-01-1-b.jpg") no-repeat center center/cover;
}
.mvArea-02 .mv_area {
    background: url("img/opt-pc-mv-02.jpg") no-repeat center center/cover;
}
.mvArea-02-2 .mv_area {
    background: url("img/ca7-opt-pc-mv-01.jpg") no-repeat center center/cover;
}
.mvArea-03 .mv_area {
    background: url("img/opt-pc-mv-03.jpg") no-repeat center center/cover;
}
.mvArea-04 .mv_area {
    background: url("img/opt-pc-mv-04.jpg") no-repeat center center/cover;
}

/*page-ca-7-lp-01-4.php*/
.mvArea-01-4 .mv_area {
    background: url("img/opt-pc-mv-lp01-4.jpg") no-repeat center center/cover;
}

/*page-ca-7-lp-01-5.php*/
.mvArea-01-5 .mv_area {
    background: url("img/opt-pc-mv-lp01-5.jpg") no-repeat center center/cover;
}

/*page-ca-7-lp-01-6.php*/
.mvArea-01-6 .mv_area {
    background: url("img/opt-pc-mv-lp01-6.jpg") no-repeat center center/cover;
}
/*page-ca-7-lp-01-7.php*/
.mvArea-01-7 .mv_area {
    background: url("img/opt-pc-mv-lp01-7.jpg") no-repeat center center/cover;
}

/*page-ca-7-lp-01-8.php*/
.mvArea-01-8 .mv_area {
    background: url("img/opt-pc-mv-lp01-8.jpg") no-repeat center center/cover;
}
/*page-ca-7-lp-01-9.php*/
.mvArea-01-9 .mv_area {
    background: url("img/opt-pc-mv-lp01-9.jpg") no-repeat center center/cover;
}
/*page-ca-7-lp-01-10.php*/
.mvArea-01-10 .mv_area {
    background: url("img/opt-pc-mv-lp01-10.jpg") no-repeat center center/cover;
}
/*page-ca-7-lp-01-21.php*/
.mvArea-01-21 .mv_area {
    background: url("img/opt-pc-mv-lp01-21.jpg") no-repeat center center/cover;
}
/*page-ca-7-lp-01-22.php*/
.mvArea-01-22 .mv_area {
    background: url("img/opt-pc-mv-lp01-22.jpg") no-repeat center center/cover;
}
/*page-ca-7-lp-01-24.php*/
.mvArea-01-24 .mv_area {
    background: url("img/opt-pc-mv-lp01-24.jpg") no-repeat center center/cover;
}
/*page-gokyosyokukokuhuku.php*/
.mvArea-kkf .mv_area {
    background: url("img/opt-pc-mv-kkf-1.jpg") no-repeat center center/cover;
}
/***************************************
04.登録エリア
***************************************/
.entry-area-01 {
    border-bottom: 20px solid #c6ad61;
    border-image: linear-gradient(to right, #c6ad61 30%, #fffce9 50%, #c6ad61 100%);
    border-image-slice: 1;
}
/*ca-7-lp-02-2*/
.ca-7-lp-02-2 .entry-area-01 .ttl-area {
	width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    box-sizing: border-box;
}
.entry-area-01 .btn-area {
	width: 70%;
    margin: 30px auto;
}
.entry-area-01 .btn-area.yt-2 {
    margin: 60px auto 10px;
}
.entry-area-01 .content_form p {
	text-align: center!important;
}
.entry-area-01 .info-area-02 {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
    padding: 30px 0;
}
.entry-area-01 .info-area p {
    font-size: 14px;
    padding-bottom: 20px;
}
.entry-area-01 .entry-box {
	background-color: #fbf7e4;
	box-shadow: 2px 2px 4px #b7b7b7;
	padding: 30px;
	position: relative;
}
.entry-area-01 .entry-box::before {
	content: "";
    position: absolute;
	top: -40px;
    left: -55px;
    width: 150px;
    height: 270px;
    background: url("img/flower-22-2.png")0 0 no-repeat;
	background-size: contain;
}
.entry-area-01 .entry-box::after {
	content: "";
    position: absolute;
	top: -30px;
    right: -50px;
    width: 180px;
    height: 230px;
    background: url(img/flower-21-2.png)0 0 no-repeat;
    background-size: contain;
}
.entry-area-01 .text-area {
	color: #f9547b;
	font-weight: bold;
	text-align: center;
	font-size: 2.5rem;
	padding: 50px 0;
}
.entry-area-01 .info-area-02 .text-area-01 .text-01 {
	color: #e80747;
}
.entry-area-01 .text-area-01 .text-02,
.entry-area-01 .entry-box-inner .text-area-02 .text-02
 {
	color: #00b901;
}
.entry-area-01 .info-area-02 .text-area-02 .text-02,
.entry-area-01 .entry-box-inner .text-area-02 .text-01 {
	color: #e80747;
}
.entry-area-01 .info-area-02 .text-area-02 {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.5em;
}

.entry-area-01 .line-info-area ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 50px;
}
.entry-area-01 .line-info-area ul li {
	width: 47%;
}

.entry-area-01 .bg-grad {
	padding: 0 0 80px;
	background: rgb(254,226,200);
background: linear-gradient(90deg, rgba(162,222,249,1) 0%, rgba(255,255,255,1) 50%, rgba(162,222,249,1) 100%);
}

.entry-area-01 .inner-03 {
	width: 70%;
	max-width: 1200px;
    margin: 0px auto;
    padding: 0 0 30px;
}

/*ca-7-lp02-h-2*/
.ca-7-lp02-h-2 .entry-area-01 .text-area {
	width: 70%;
	margin: 0 auto;
}
.entry-area-01 .inner-03 .movie-area {
	width: 70%;
	margin: 0 auto;
}
.entry-area-01 .inner-03 .text-area-02 {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.5em;
} 
.entry-area-01 .inner-03 .allow-area {
	width: 10%;
    margin: 50px auto 50px;
}

.entry-area-02 {
	width: 100%;
    margin: 0 auto;
}

.entry-area-01 .line-info-area {
	width: 90%;
    margin: 20px auto;
}
.last-entry .inner-03{
	padding-top: 80px;
}
.entry-area-01 .info-area {
    border: 1px solid #F99AB2;
    background-color: #fff;
    padding: 10px 30px 0;
    box-sizing: border-box;
    width: 70%;
    margin: 0 auto;
    height: 120px;
    overflow-y: scroll;
}
.mail-input {
    width: 70%;
    margin: 30px auto 0;
    padding: 0.5em;
    box-sizing: border-box;
}
.mail-input input {
    padding: 1em;
    box-sizing: border-box;
    width: 100%!important;
    margin: 0 auto;
    text-align: center;
    font-size: 1.5rem;
	border: 5px solid #fa708d!important;
}

/*フッターボタン*/
.f-btn {
	background: none;
    width: 40%;
    padding: 20px;
    position: fixed;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
}
/***************************************
05.共通
***************************************/
.inner {
	width: 80%;
    max-width: 1200px;
    margin: 0 auto;
	padding: 50px;
	background: url(img/bg-09-2.jpg);
	/*background-color: rgba(255,255,255,0.85);*/
	border: 4px solid #c6ad61;
    border-image: linear-gradient(to right, #c6ad61 30%, #fffce9 50%, #c6ad61 100%);
    border-image-slice: 1;
	box-sizing: border-box;
}
.inner p {
	padding-bottom: 20px;
}
.inner ul li {
	padding-bottom: 20px;
}
.inner-box-shadow {
    background-color: #fff;
    box-shadow: 2px 2px 4px #b7b7b7;
    padding: 30px;
    box-sizing: border-box;
}
.ttl-img {
    width: 40vw;
    margin: 2vw auto 3vw;
}
.low-02 .ttl-img {
	padding-bottom: 30px;
}
/***************************************
07.
***************************************/
.low-01 {
	background: url("img/tokuten-bg.jpg");
	background-repeat: repeat-x;
	background-size: cover;
}
.low-01 .ttl-01 {
	padding: 30px 0;
}
.low-01 .inner-tokuten {
	width: 70%;
	margin: 0 auto;
	padding: 100px 0;
}
.low-01 .inner-tokuten .text-01 {
	background-color: #f5ed09;
    color: #333333;
    font-size: 1.75rem;
    line-height: 1.5em;
    font-weight: bold;
    padding: 30px;
    box-sizing: border-box;
    margin: 50px auto 100px;
}
.low-01 .inner-tokuten .tokuten-5 .ttl-02 {
	width: 60%;
	margin: 0 auto;
}
.low-01 .inner .text-02 {
	
}
.low-01 .inner-tokuten .tokuten-3 .ttl-area {
	width: 80%;
    margin: 50px auto;
}
.low-01 .inner-tokuten .step-area {
	margin-top: 80px;
}

.low-01-3 .list-area-03 ul {
    background-color: #FFF8EB;
    padding: 30px;
    box-sizing: border-box;
	width: 80%;
    margin: 0 auto;
}
.low-01-3 .list-area-03 ul li {
    background-color: #edf7f9;
    border: 10px solid #fff;
    box-shadow: 0px 0px 15px #b9b9b9;
    padding: 0 30px 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.low-01-3 .list-area-03 ul li .text-area-01 {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}
.low-01-3 .list-area-03 ul li .text-area-01 span {
    color: #0e78b5;
}

/***************************************
08.
***************************************/
.entry-info-02 {
	width: 100%;
    margin: 80px auto;
    padding: 6px 0;
    background: rgb(198,173,97);
    background: linear-gradient(
90deg
, rgba(198,173,97,1) 0%, rgba(255,252,233,1) 50%, rgba(198,173,97,1) 100%);
}

.entry-info-02 .inner-box {
	background: url(img/bg-entry.jpg);
    background-size: cover;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25em;
    background-color: #fff;
    padding: 30px;
}
.entry-info-02 .inner-box .text-box-01 {
	text-align: center;
	width: 90%;
	margin: 30px auto;
}
.entry-info-02 .inner-box .text-box-01 .text-01 {
	font-size: 3rem;
    line-height: 1.15em;
    color: #0072ff;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.entry-info-02 .inner-box .text-box-01 .text-02 {
    font-size: 4rem;
    color: #ff0153;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 35px;
    margin-bottom: 10px;
}
.entry-info-02 .inner-box .text-box-01 .text-03 {
	padding-bottom: 30px;
}
.entry-info-02 .inner-box .text-box-01 .text-04 span {
	color: #ff0081;
	font-size: 1.25em;
}
.entry-info-02 .inner-box .text-box-02 {
	color: red;
	font-size: 1.25em;
	padding-bottom: 30px;
}
.entry-area .info-area {
    border: 1px solid #F99AB2;
    background-color: #fff;
    padding: 10px 30px 0;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    height: 120px;
    overflow-y: scroll;
}
.ca-7-lp-02-2 .entry-area-01 .text-area img {
	width: 80%;
	padding-top: 10px;
}
.ca-7-lp-02-2 .mail-input {
	margin: 0 auto;
}

/***************************************
09.
***************************************/
.low-03 .program-box {
	background-color: #fff;
    box-shadow: 2px 2px 4px #b7b7b7;
    padding: 30px;
    box-sizing: border-box;
	margin-bottom: 30px;
}
.low-03 .program-area .ttl-box {
	display: flex;
	align-items: center;
	border-bottom: 1px dashed #3c3c3c;
    padding-bottom: 30px;
}
.low-03 .program-area .ttl-box .ttl-img {
	width: 20%;
}
.low-03 .program-area .ttl-box .ttl {
	width: 80%;
    box-sizing: border-box;
    padding-left: 20px;
	padding-top: 5%;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5em;
}
.low-03 .program-area .ttl-box .ttl span {
    color: #f9547b;
	font-size: 2.5rem;
}
.low-03 .program-area .contents {
	display: flex;
	align-items: flex-start;
	padding-top: 50px;
}

.low-03 .program-area .contents .text-area {
	width: 70%;
	padding-left: 30px;
	box-sizing: border-box;
	font-size: 1.25rem;
    line-height: 1.5em;
}

.low-03 .program-area .contents .img-area {
	width: 30%;
}
/***************************************
09.
***************************************/
.low-02,
.low-03,
.low-04,
.low-07,
.low-01-3{
	margin: 50px auto;
}

.low-02 .inner .change-area,
.low-09 .inner .change-area {
	text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
	padding-bottom: 50px;
}
.low-02 .inner .change-area .text-01,
.low-09 .inner .change-area .text-01 {
	color: #000;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	line-height: 1.25em;
}
.low-02 .inner .change-area .text-02,
.low-09 .inner .change-area .text-02 {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #03a9e4;
	font-size: 1.2em;
    line-height: 1.25em;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.low-02 .inner .change-area .text-02::before,
.low-09 .inner .change-area .text-02::before {
	content: "";
	display: inline-block;
	background: url("img/bg-hana-08.png")no-repeat;
	background-size: contain;
    width: 120px;
    height: 105px;
	margin-right: 20px;
}
.low-02 .inner .change-area .text-02::after,
.low-09 .inner .change-area .text-02::after {
	content: "";
	display: inline-block;
	background: url("img/bg-hana-08.png")no-repeat;
	transform: scale(-1, 1);
	background-size: contain;
    width: 120px;
    height: 105px;
	margin-left: 20px;
}
.low-02 .inner .voice-area-01 {
	margin-top: 30px;
}
.low-02 .inner .voice-area-01 .voice-box-01{
	background-color: #fff;
    box-shadow: 2px 2px 4px #b7b7b7;
    margin-bottom: 80px;
    padding: 10px 30px;
	
}
.low-02 .inner .voice-area-01 .ttl-area {
	width: 50%;
	margin-top: -9%;
	margin-left: -10%;
}
.low-02 .inner .voice-area-01 .head-area {
	display: flex;
	align-items: flex-start;
}
.low-02 .inner .voice-area-01 .img-area {
	width: 25%;
	padding-bottom: 10px;
}
.low-02 .inner .voice-area-01 .img-area p {
	font-size: 1.25rem;
    font-weight: bold;
    background-color: #a3c4fb;
    padding: 1em;
}
.low-02 .inner .voice-area-01 .img-area p span {
	font-size: 0.875rem;
	font-weight: normal;
}
.low-02 .inner .voice-area-01 .head-area .text-area {
	color: #ff0152;
	font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.25em;
	text-align: left;
}
.low-02 .inner .voice-area-01 .text-area {
	width: 75%;
	padding-left: 20px;
	box-sizing: border-box;
}
.low-02 .inner .voice-area-01 .name-area {
	font-size: 1.5rem;
    font-weight: bold;
	margin: 0 auto;
}

.low-02 .inner .voice-area-01 .name-area  p span {
	display: inline-block;
	padding-left: 20px;
	font-size: 0.75em;
	font-weight: normal;
}
.low-02 .inner .voice-area-01 .bottom {
	font-size: 1.25rem;
	line-height: 1.75em;
}
.low-02 .inner .voice-area-01 .footer {
	font-size: 0.75em;
}



/***************************************
09.
***************************************/
.low-07 {
	padding: 80px 0;
}
.low-07 .inner {
	
}
.low-07 .inner .img-area {
    width: 30%;
    margin: 50px auto;
}
.low-07 .inner .text-01 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 50px;
	font-size: 3rem;
    font-weight: bold;
}
.low-07 .inner .text-01 p {
	padding-bottom: 0;
}
.low-07 .inner .text-01::before {
	content: "";
	display: inline-block;
	background: url("img/flower-28.png")no-repeat;
	transform: scale(-1, 1);
	background-size: contain;
    width: 50px;
    height: 42px;
	margin-right: 20px;
}
.low-07 .inner .text-01::after {
	content: "";
	display: inline-block;
	background: url("img/flower-28.png")no-repeat;
	background-size: contain;
    width: 50px;
    height: 42px;
	margin-left: 20px;
}
.low-07 .inner .text-02 .text-02-1 {
    text-align: center;
    font-weight: bold;
    font-size: 1.75rem;
    color: #ef1f5d;
}
.low-07 .inner .text-02 .text-02-2 {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Times New Roman", "serif";
}
.low-07 .inner .text-02 .text-02-2 span {
    font-size: 1rem;
    display: block;
    padding-top: 5px;
}
.low-07 .inner .text-02 .text-02-3 {
	text-align: center;
    font-weight: bold;
	font-size: 1.5rem;
}
.low-07 .inner .movie-area {
	text-align: center;
}

/*プロフィール追加 20230607*/
.low-07 .inner .achievement {
	padding-top: 30px;
}
.low-07 .inner .achievement .text-01-2 {
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: 5px;
}
.low-07 .b-ttl {
    width: 80%;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 50px;
}
.low-07 .b-ttl p {
    align-items: center;
    display: flex;
}
.low-07 .b-ttl p::before,
.low-07 .b-ttl p::after {
    background-color: #ec75b6;
    content: "";
    flex-grow: 1;
    height: 2px;
}
.low-07 .b-ttl p::before {
    margin-right: 15px;
}
.low-07 .b-ttl p::after {
    margin-left: 15px;
}
.low-07 .ttl-2 {
    text-align: center;
    padding: 70px 0 40px;
}
.low-07 .ttl-2 p{
    display: inline-block;
    padding-bottom: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 2px solid #eb408d;
}
.achievement ul {
    width: 80%;
    margin: 0 auto;
    padding-left: 50px;
    list-style-type: disc;
    list-style-position: outside;
}

.low-07 .inner .text-03-1 {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    padding: 2em 0;
    color: #ef205d;
	line-height: 1.5em;
}
.low-07 .inner .book_area {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;
}
.book_text {
	width: 80%;
    margin: 0 auto;
}
.book_text .book_text_inner{
	width: 60%;
    margin: 0 auto;
    padding: 50px 0;
}
.book_text p.text-01-2 {
	font-weight: bold;
	padding-bottom: 5px;
}
.book_text p.text-s {
	font-size: 0.8em;
	padding-left: 1em;
}
/*.book_text .text-02 {
	font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    background: #e57daa;
    padding: 10px 0;
    margin: 70px 0 20px;
}*/
.book_text .text-02-2 {
	color: #eb418d;
    font-weight: bold;
    text-align: center;
    padding-top: 60px;
    font-size: 1.25em;
}


.book_text .text-02-3 {
	color: #eb418d;
    font-weight: bold;
    text-align: center;
    font-size: 1.25em;
	padding-top: 30px;
}
.book_text .link {
	text-align: center;
	text-decoration: underline;
}
.book_text .img-area-2 {
	
}
.book_text .img-area-3 {
	width: 60%;
	margin: 0 auto;
	padding-bottom: 80px;
}


/*youtube*/
.yt {
	position:relative;
	margin: 0 auto;
}
.yt_play {
	position: absolute;
	width: 100%;
}
.yt_play:hover {
	cursor:pointer;
}
.yt_play::before { /* YouTubeアイコン */
	position: absolute;
	background: url(img/yt_icon_mono_light.png);
	content: "";
	background-size: 100%;
	width: 70px;
	height: 50px;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	opacity: .90;
	transition:.5s;
}

.yt_play:hover::before { /* YouTubeアイコン */
	cursor: pointer;
	background-image:url(img/yt_icon_rgb.png);
}
/***************************************
09.low-04
***************************************/
.low-04 {
	padding-top: 80px;
}
.low-04 .inner .text-01 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 50px;
	font-size: 2.5rem;
    font-weight: bold;
}
.low-04 .inner .text-01 p {
	padding-bottom: 0;
	color: #e34ae4;
}
.low-04 .inner .text-01::before {
	content: "";
	display: inline-block;
	background: url("img/flower-10.png")no-repeat;
	transform: scale(-1, 1);
	background-size: contain;
    width: 69px;
    height: 51px;
	margin-right: 20px;
}
.low-04 .inner .text-01::after {
	content: "";
	display: inline-block;
	background: url("img/flower-10.png")no-repeat;
	background-size: contain;
    width: 69px;
    height: 51px;
	margin-left: 20px;
}
.low-04 .inner .text-02-1 {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 50px 0;
}


/***************************************
10.フッター
***************************************/
footer {
    background-color: #3c197d;
    color: #fff;
    padding: 40px 0!important;
    font-size: 0.75em!important;
	border-top: 4px solid #c6ad61;
    border-image: linear-gradient(to right, #c6ad61 30%, #fffce9 50%, #c6ad61 100%);
    border-image-slice: 1;
    box-sizing: border-box;
}
footer a {
    color: #fff;
}
footer ul {
    width: 50%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 10px;
}
footer .copy {
	text-align: center;
}
footer .inner {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 20px;
    float: right;
    width: 80px;
    height: 80px;
}
#pagetop img {
    width: 100%;
    height: auto;
}

/***************************************
11.レスポンシブ
***************************************/
@media screen and (min-width:1681px) {
    
}
@media screen and (max-width:1100px) {
	.low-02 .inner .voice-area-01 .head-area {
		display: block;
	}
	.low-02 .inner .voice-area-01 .img-area {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.low-02 .inner .voice-area-01 .img-area img {
		width: 60%;
		margin: 0 auto;
	}
	.low-02 .inner .voice-area-01 .head-area .text-area {
		font-size: 1.25rem;
	}
	.low-02 .inner .voice-area-01 .text-area {
		width: 100%;
		padding-left: 0px;
		box-sizing: border-box;
	}
}
@media screen and (min-width:768px) and ( max-width:1400px) {
    .ttl-img {
			width: 60vw;
		}
}

@media screen and (max-width:767px) {
/*    body {
        font-size: 0.9em;
        line-height: 1.5em;
    }*/
	/*body.mt-32 {
		margin-top: -46px;
	}*/
    img {
        width: 100%;
        margin: 0 auto;
    }
    .pc-only {
        display: none;
    }
    .sp-only {
        display: block;
    }
    section .inner {
        width: 90%;
        margin: 0 auto;
    }
    .inner {
		width: 90%;
        max-width: 100%;
        margin: 0 auto;
		padding: 10px;
    }
    footer .inner {
        width: 90%;
    }
    footer ul {
        width: 80%;
    }
    .inner-box-shadow {
		padding: 10px;
	}
	.ttl-img {
			width: 70vw;
		}
    
    /*メインビジュアル*/
	.mv_area {
		height: 0;
		padding-top: calc(1016 / 1000 * 100%);
	}
	.mvArea-01 .mv_area {
		background: url("img/opt-sp-mv-01.jpg") no-repeat center center/cover;
	}
	.mvArea-01-1 .mv_area {
		background: url("img/opt-sp-mv-01-1.jpg") no-repeat center center/cover;
	}
	.mvArea-01-1-b .mv_area {
		background: url("img/opt-sp-mv-01-1-b.jpg") no-repeat center center/cover;
	}
	.mvArea-02 .mv_area {
		background: url("img/opt-sp-mv-02.jpg") no-repeat center center/cover;
	}
	.mvArea-02-2 .mv_area {
		background: url("img/ca7-opt-sp-mv-01.jpg") no-repeat center center/cover;
	}
	.mvArea-03 .mv_area {
		background: url("img/opt-sp-mv-03.jpg") no-repeat center center/cover;
	}
	.mvArea-04 .mv_area {
		background: url("img/opt-sp-mv-04.jpg") no-repeat center center/cover;
	}
	/*page-ca-7-lp-01-4.php*/
	.mvArea-01-4 .mv_area {
		background: url("img/opt-sp-mv-lp01-4.jpg") no-repeat center center/cover;
	}

	/*page-ca-7-lp-01-5.php*/
	.mvArea-01-5 .mv_area {
		background: url("img/opt-sp-mv-lp01-5.jpg") no-repeat center center/cover;
	}

	/*page-ca-7-lp-01-6.php*/
	.mvArea-01-6 .mv_area {
		background: url("img/opt-sp-mv-lp01-6.jpg") no-repeat center center/cover;
	}
	/*page-ca-7-lp-01-7.php*/
	.mvArea-01-7 .mv_area {
		background: url("img/opt-sp-mv-lp01-7.jpg") no-repeat center center/cover;
	}

	/*page-ca-7-lp-01-8.php*/
	.mvArea-01-8 .mv_area {
		background: url("img/opt-sp-mv-lp01-8.jpg") no-repeat center center/cover;
	}
	/*page-ca-7-lp-01-9.php*/
	.mvArea-01-9 .mv_area {
		background: url("img/opt-sp-mv-lp01-9.jpg") no-repeat center center/cover;
	}
	/*page-ca-7-lp-01-10.php*/
	.mvArea-01-10 .mv_area {
		background: url("img/opt-sp-mv-lp01-10.jpg") no-repeat center center/cover;
	}
	/*page-ca-7-lp-01-21.php*/
	.mvArea-01-21 .mv_area {
		background: url("img/opt-sp-mv-lp01-21.jpg") no-repeat center center/cover;
	}
	/*page-ca-7-lp-01-22.php*/
	.mvArea-01-22 .mv_area {
		background: url("img/opt-sp-mv-lp01-22.jpg") no-repeat center center/cover;
	}
	/*page-ca-7-lp-01-24.php*/
	.mvArea-01-24 .mv_area {
		background: url("img/opt-sp-mv-lp01-24.jpg") no-repeat center center/cover;
	}
	/*page-gokyosyokukokuhuku.php*/
	.mvArea-kkf .mv_area {
		background: url("img/opt-sp-mv-kkf-1.jpg") no-repeat center center/cover;
	}
    /*Entry*/
	.entry-area-01 {
		border-bottom: 10px solid #c6ad61;
		border-image: linear-gradient(to right, #c6ad61 30%, #fffce9 50%, #c6ad61 100%);
		border-image-slice: 1;
	}
	.entry-area-01 .bg-grad {
		padding: 0 0 30px;
	}
	.entry-area-01 .inner-03 {
		width: 90%;
		padding: 0 0 30px;
	}
	.entry-area-01 .entry-box {
		padding: 20px;
	}
	.entry-area-01 .entry-box::before {
		content: "";
		position: absolute;
		top: -15px;
		left: -5px;
		width: 50px;
		height: 90px;
		background: url(img/flower-22-2.png)0 0 no-repeat;
		background-size: contain;
	}
	.entry-area-01 .entry-box::after {
		content: "";
		position: absolute;
		top: -15px;
		right: -5px;
		width: 60px;
		height: 77px;
		background: url(img/flower-21-2.png)0 0 no-repeat;
		background-size: contain;
	}
	.entry-area-01 .info-area-02,
	.entry-area-01 .inner-03 .text-area-02{
		font-size: 1.2rem;
	}
    .entry-area-01 .btn-area {
		width: 100%;
		margin: 20px auto;
	}
	.entry-area-01 .btn-area.yt-2 {
		margin: 20px auto 10px;
	}
	.entry-area-01 .content_form p {
		text-align: center;
		font-size: 12px;
	}
	.entry-area-01 .line-info-area ul {
		display: block;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 0;
	}
	.entry-area-01 .line-info-area ul {
		display: block;
		justify-content: space-between;
		width: 100%;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 0;
	}
	.entry-area-01 .line-info-area ul li {
		width: 100%;
		padding: 15px 0;
	}
	.entry-area-01 .inner-03 .text-area {
		font-size: 1.25rem;
		padding: 10px 0;
	}
	.entry-area-01 .inner-03 .movie-area {
		width: 100%;
		margin: 0 auto;
	}
	.entry-area-01 .inner-03 .allow-area {
		width: 10%;
		margin: 10px auto 0;
	}
	.entry-area-01 .info-area {
		width: 100%;
		margin: 20px auto 0;
	}
	.f-btn {
		background: rgba(255,255,255,0.8);
		width: 100%;
		padding: 20px;
		position: fixed;
		bottom: 0;
		box-sizing: border-box;
	}
	.entry-area .info-area {
		padding: 5px 10px 0;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		height: 100px;
		overflow-y: scroll;
	}
	.mail-input {
		width: 100%;
		margin: 20px auto 0;
	}
	.mail-input input {
		font-size: 1rem;
	}
    /*low-01*/
	.low-01 {
		margin: 0 auto;
	}
	.low-01 .inner-tokuten {
		width: 90%;
		margin: 0 auto;
		padding: 5px 0 30px;
		box-sizing: border-box;
	}
	.low-01 .inner-tokuten .tokuten-5 .ttl-02 {
		margin: -25px auto 0;
	}
	.low-01 .inner-tokuten .tokuten-5 .img-area,
	.low-01 .inner-tokuten .tokuten-3 .img-area {
		margin-left: -2%;
	}
	.low-01 .inner-tokuten .text-01 {
		font-size: 1rem;
		box-sizing: border-box;
		margin: 30px auto 0;
		padding: 20px;
	}
	.low-01 .inner-tokuten .tokuten-3 .ttl-area {
		width: 100%;
		margin: 20px auto;
	}
	.low-01 .inner-tokuten .step-area {
		margin-top: 30px;
	}
	.low-01-3 .list-area-03 ul {
		padding: 0px;
		width: 100%;
	}
	.low-01-3 .list-area-03 ul li{
		padding: 0 10px 20px;
	}
	.low-01-3 .list-area-03 ul li .text-area-01 {
		text-align: left;
		font-size: 20px;
	}
	
    /*low-02*/
	.low-02 .inner .change-area, .low-09 .inner .change-area {
		font-size: 1.5rem;
	}
	.low-02 .inner .change-area, .low-09 .inner .change-area {
		padding-bottom: 0;
	}
	.low-02 .inner .change-area .text-01, .low-09 .inner .change-area .text-01 {
		font-size: 1.25rem;
	}
	.low-02 .inner .change-area .text-02, .low-09 .inner .change-area .text-02 {
		font-size: 1.5rem;
	}
	.low-02 .inner .change-area .text-02::before, .low-09 .inner .change-area .text-02::before {
		content: "";
		display: inline-block;
		background: url(img/bg-hana-08.png)no-repeat;
		background-size: contain;
    	width: 4rem;
		margin-right: 0px;
	}
	.low-02 .inner .change-area .text-02::after, .low-09 .inner .change-area .text-02::after {
		content: "";
		display: inline-block;
		background: url(img/bg-hana-08.png)no-repeat;
		transform: scale(-1, 1);
		background-size: contain;
    	width: 4rem;
		margin-left: 0px;
	}
	.low-02 .inner .voice-area-01 .ttl-area {
		width: 80%;
		margin-top: -30px;
		margin-left: -15%;
	}
	.low-02 .inner .voice-area-01 .voice-box-01 {
		padding: 10px 15px;
	}
	.low-02 .inner .voice-area-01 .voice-box-01:last-child {
		margin-bottom: 10px;
	}
	/*.low-02 .inner .voice-area-01 .head-area {
		display: block;
	}
	
	.low-02 .inner .voice-area-01 .img-area {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.low-02 .inner .voice-area-01 .img-area img {
		width: 60%;
		margin: 0 auto;
	}
	.low-02 .inner .voice-area-01 .head-area .text-area {
		font-size: 1.25rem;
	}
	.low-02 .inner .voice-area-01 .text-area {
		width: 100%;
		padding-left: 0px;
		box-sizing: border-box;
	}*/
	.low-02 .inner .voice-area-01 .name-area {
		font-size: 1.25rem;
		text-align: center;
	}
	.low-02 .inner .voice-area-01 .name-area p span {
		display: block;
		padding-left: 0px;
	}
	.low-02 .inner .voice-area-01 .bottom {
		font-size: 1rem;
	}
    /*low-03*/
	.low-03 .program-area .ttl-box .ttl {
		font-size: 1.35rem;
    	line-height: 1.35em;
	}
	.low-03 .program-area .ttl-box {
		display: block;
	}
	.low-03 .program-area .ttl-box .ttl-img {
		width: 40%;
		margin: 0 auto;
	}
	.low-03 .program-box {
		padding: 20px;
	}
	.low-03 .program-area .ttl-box .ttl {
		width: 100%;
		padding-left: 0;
	}
	.low-03 .program-area .contents {
		display: block;
		padding-top: 20px;
	}
	.low-03 .program-area .contents .text-area {
		width: 100%;
		padding-left: 0;
		box-sizing: border-box;
		font-size: 1.15rem;
	}
	.low-03 .program-area .contents .img-area {
		width: 70%;
		margin: 0 auto;
	}
	.low-03 .program-area .ttl-box .ttl span {
		font-size: 1.5rem;
	}
	/*low-07*/
	.low-07 {
		padding: 0px;
	}
	.low-07 .inner .text-01 {
		padding-top: 10px;
		font-size: 1.5rem;
	}
	.low-07 .inner .text-02 .text-02-1 {
		font-size: 1.35rem;
	}
	.low-07 .inner .text-01::before {
		content: "";
		display: inline-block;
		background: url(img/flower-28.png)no-repeat;
		transform: scale(-1, 1);
		background-size: contain;
		width: 1.2rem;
		margin-right: 5px;
	}
	.low-07 .inner .text-01::after {
		content: "";
		display: inline-block;
		background: url(img/flower-28.png)no-repeat;
		background-size: contain;
		width: 1.2rem;
		margin-left: 5px;
	}
	.low-07 .inner .img-area {
		width: 60%;
		margin: 50px auto;
	}
	
	.low-07 .inner .text-02 .text-02-3 {
		font-size: 1.25rem;
	}
	.achievement ul {
		padding-left: 10px;
	}
	.book_text {
		width: 90%;
		margin: 0 auto;
	}
	.book_text .text-02 {
		font-size: 1.3em;
	}
    .book_text .book_text_inner {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
	/*low-04*/
	.low-04 {
		padding-top: 0px;
	}
	.low-04 .inner .text-01 {
		font-size: 1.5rem;
	}
	.low-04 .inner .text-02-1 {
		font-size: 1.15rem;
		padding: 30px 0 10px;
	}
	.f-btn {
		background: rgba(255,255,255,0.7);
		width: 100%;
		padding: 20px;
		position: fixed;
		bottom: 0;
		box-sizing: border-box;
	}
	#pagetop {
		position: fixed;
		bottom: 100px;
		right: 10px;
		float: right;
		width: 80px;
		height: 80px;
	}
	footer {
		padding: 40px 10px;
		box-sizing: border-box;
	}
	
	/*lp-02-2*/
	.ca-7-lp-02-2 .entry-area-01 .ttl-area {
		padding: 0;
	}
	.ca-7-lp-02-2 .mail-input {
		margin: 10px auto 0;
	}
	.ca-7-lp-02-2 .entry-area-01 .btn-area {
		margin: 10px auto;
	}
    
}

@media screen and (max-width:320px) {
    
    .entry-area-01 .content_form p {
		font-size: 10px;
	}
}