@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");
/* スマホでの改行を実装 */
/*
PCのみで改行したい
わーい！
SPのみで改行したい
わっしょい！
*/
@media screen and (min-width: 680px){
.pc { display:block; }
.sp { display:none; }
}
@media screen and (max-width: 680px){
.pc { display:none; }
.sp { display:block; }
}
/* =============================================================================
HTML5 表示定義
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
埋め込まれたコンテンツ
========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img, object, embed, video { max-width: 100%; height: auto; }
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{box-sizing:border-box;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:"";content:none}q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,select,textarea{box-sizing:border-box}#header{width:100%;position:fixed;top:0;left:0;z-index:999;background-color:#FCF9F9;padding:15px 0;height:145px;font-size:1.6rem}@media screen and (max-width:1024px){#header{height:60px}}#header-inner #h-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;font-size:1.5rem;position:relative}@media screen and (max-width:1024px){#header-inner #h-top{margin:0}}#header-inner #h-top #logo{display:flex;align-items:center}@media screen and (max-width:1024px){#header-inner #h-top #logo a img{width:157px;height:30px}}@media screen and (max-width:1024px){#header-inner #h-top .unit-btn1{display:none}}#header-inner #h-top .button{display:flex;flex-direction:column;justify-content:center;z-index:1;-webkit-appearance:none;border:0;background:transparent;border-radius:0;width:25px;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;right:15px}@media screen and (min-width:1024px){#header-inner #h-top .button{display:none}}#header-inner #h-top .button .icon-bar{display:block;width:100%;height:2px;background:#333;transition:0.3s}#header-inner #h-top .button .icon-bar+.icon-bar{margin-top:5px;background:#333}#header-inner #h-top .button .icon-bar:last-child{background:#333}#header-inner #h-top .button.is-open .icon-bar:first-of-type{transform:translate3d(0,7px,0) rotate(45deg)}#header-inner #h-top .button.is-open .icon-bar:nth-of-type(2){opacity:0}#header-inner #h-top .button.is-open .icon-bar:nth-of-type(3){transform:translate3d(0,-7px,0) rotate(-45deg)}
#header-inner #h-under{
display:flex;justify-content:space-between;
}
@media screen and (max-width:1024px){
#header-inner #h-under{
display:none;
width:100%;
background-color:#FCF9F9;
padding:20px 15px;
}
}
#header-inner #h-under .flex{
/* width:66%;*/
width:80%;
/*border: 1px solid #FF0000;*/
}
@media screen and (max-width:1024px){
#header-inner #h-under .flex{
width:100%;
}
}
#header-inner #h-under .flex li{
display:flex;align-items:center
}
@media screen and (max-width:1024px){
#header-inner #h-under .flex li{
width:100%;
}
#header-inner #h-under .flex li a{
padding:10px 0;width:100%;position:relative;
}
#header-inner #h-under .flex li a:after{
font-family:"Font Awesome 5 Free";
content:"\025B6";
position:absolute;
right:0;
bottom:50%;
transform:translateY(50%);
font-weight:600;
font-size:80%;
}
}
#header-inner #h-under .flex+.flex{
/*
width:32%;
max-width:315px;
*/
width:15%;
max-width:200px;
}
@media screen and (max-width:1024px){#header-inner #h-under .flex+.flex{width:100%;margin-top:40px;max-width:inherit}}#header-inner #h-under .flex+.flex li:last-child{display:none}@media screen and (max-width:1024px){#header-inner #h-under .flex+.flex li:last-child{display:block}}@media screen and (max-width:1024px){#header-inner #h-under .flex+.flex li{margin:0 auto 20px;text-align:center;max-width:250px}#header-inner #h-under .flex+.flex li a:after{content:"";padding:inherit;width:inherit}}@media screen and (max-width:1024px){#header .wrap{padding:0}}
/*footer #inquiry{background-color:#FCF9F9;padding:50px 15px}*/
footer #inquiry{
background-color:#FCF9F9;
padding-top:50px;
padding-left:15px;
padding-right:15px;
}
footer #inquiry .flex{justify-content:center}
footer #inquiry .flex a{position:relative;margin:20px 1%;width:100%}
@media screen and (min-width:768px){
footer #inquiry .flex a{margin:0 1%}
}
footer #inquiry .flex a svg{
position:absolute;font-size:2rem;right:20px;bottom:50%;
transform:translateY(50%);
}
footer .wrap>.flex{padding:30px 0;align-items:center}
footer .wrap>.flex img{width:195px}
@media screen and (max-width:768px){
footer .wrap>.flex img{margin:0 auto 20px}
}
footer .wrap>.flex>.flex{
width:80%;
}
@media screen and (max-width:768px){
footer .wrap>.flex>.flex{
width:100%;padding-top:10px;border-top:1px solid #D3D3D3;
}
footer .wrap>.flex>.flex li{
width:100%;
}
footer .wrap>.flex>.flex li a{
padding:10px 0;width:100%;position:relative;
}
footer .wrap>.flex>.flex li a:after{
font-family:"Font Awesome 5 Free";
content:"\025B6";
position:absolute;
right:0;
bottom:50%;
transform:translateY(50%);
font-weight:600;
font-size:80%;
}
}
footer #inquiry2{
background-color:#FCF9F9;
padding-top:50px;
padding-bottom:50px;
}
footer #inquiry2 .flex{justify-content:center}
footer #inquiry2 .flex a{position:relative;margin:20px 1%;width:100%}
@media screen and (min-width:768px){
footer #inquiry2 .flex a{margin:0 1%}
}
footer #inquiry2 .flex a svg{
position:absolute;font-size:2rem;right:20px;bottom:50%;
transform:translateY(50%);
}
footer #copyright{text-align:center;font-size:1.2rem;font-weight:400;color:#ccc;padding:0.5% 15px}@media screen and (max-width:768px){footer #copyright{padding:1% 15px 3%}}html{height:100%;font-size:62.5%}
body{
height:100%;
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
/*
font-family:"Noto Sans JP","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
*/
color:#333333;
background-color:#fff;
font-weight:400;
letter-spacing:1.2px;
-webkit-text-size-adjust:100%;
line-height:1.8;
font-size:1.4em
}
@media screen and (min-width:768px){body{line-height:2;font-size:1.6em}}p{margin:2em 0}a{display:inline-block;color:inherit;transition:all 0.3s linear;outline:none;text-decoration:none;cursor:pointer}a:focus{outline:none;cursor:pointer}img{display:block;max-width:100%;width:100%;height:auto;pointer-events:none}input[type=email],input[type=mail],input[type=submit],input[type=tel],input[type=text]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;appearance:none;padding:10px 17px;border:1px solid #B3B3B3;font-size:1.6rem;line-height:1.5}select,textarea{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;appearance:none;padding:10px 17px;border:1px solid #B3B3B3;font-size:1.6rem;line-height:1.5}input[type=email],input[type=mail],input[type=tel],input[type=text]{width:100%}textarea{width:100%}.unit-btn1{font-size:1.3rem;line-height:1;color:#775E5E;padding:10px 15px;border:1px solid #775E5E}.unit-btn1:hover{background-color:#775E5E;color:#fff}
.unit-btn2{
font-size:1.4rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
line-height:1;
background-color:#FFB2D8;
padding:10px 30px;
color:#fff
}
.unit-btn2:hover{opacity:0.7}
.unit-btn3{
font-size:1.4rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
line-height:1;
background-color:#E192C3;
padding:10px 30px;
color:#fff;
}
.unit-btn3:hover{opacity:0.7}
.unit-btn4{
font-size:1.4rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
line-height:1;
background-color:#fff;
padding:15px 35px;
color:#FFB2D8;
}
.unit-btn4:hover{opacity:0.7}
.unit-btn5{
font-size:1.4rem;
line-height:1;
color:#fff;
padding:12px 70px;
border:1px solid #fff;
max-width:200px;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
letter-spacing:2.5px;
}
.unit-btn5:hover{background-color:#fff;color:#FFB2D8}
.unit-btn6{
font-size:1.6rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight:600;
line-height:1;
background-color:#FFB2D8;
padding:35px 20px;
text-align:center;
color:#fff;
max-width:420px;
width:45%;
}
.unit-btn6:hover{opacity:0.7}
.unit-btn7{
font-size:1.6rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight:600;
line-height:1;
background:linear-gradient(-45deg,#ffc6e2,#ffbcbc);
padding:35px 20px;
text-align:center;
color:#fff;
max-width:420px;
width:45%;
}
.unit-btn7:hover{opacity:0.7}
.unit-btn8{
display:block;
margin:0 auto;
font-size:1.6rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight:600;
line-height:1;
background-color:#735A5A;
padding:12px 10px;
text-align:center;
color:#fff;
max-width:250px;
width:60%;
}
.unit-btn8:hover{
opacity:0.7
}
.unit-btn9_bak221124{
/* font-size:1.0rem;*/
font-size:1.6rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight:600;
line-height:1;
/* background:linear-gradient(-45deg,#ffc6e2,#ffbcbc);*/
background-color:#E192C3;
padding:35px 20px;
text-align:center;
color:#fff;
max-width:350px;
width:35%;
}
.unit-btn9{
font-size:1.6rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight:600;
line-height:1;
/* background-color:#fa8282;*/
background-color:#ffbfc7;
padding:35px 20px;
text-align:center;
color:#fff;
max-width:350px;
width:35%;
}
.unit-btn9:hover{opacity:0.7}
@media screen and (min-width: 680px){
.unit-btn11{
font-size:1.4rem;
line-height:1;
color:#fff;
/* padding:12px 70px;*/
padding:15px 40px;
border:1px solid #fff;
max-width:200px;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
letter-spacing:2.5px;
}
.unit-btn11:hover{background-color:#fff;color:#FFB2D8}
}
@media screen and (max-width: 680px){
.unit-btn11{
font-size:1.4rem;
line-height:1;
color:#fff;
/* padding:12px 70px;*/
padding:15px 40px;
border:1px solid #fff;
max-width:200px;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
letter-spacing:2.5px;
margin-top:20px;
}
.unit-btn11:hover{background-color:#fff;color:#FFB2D8}
}
main{padding:145px 0 0 0}@media screen and (max-width:1024px){main{padding:60px 0 0 0}}.wp-block-group__inner-container{width:100%;padding-left:15px;padding-right:15px}@media screen and (min-width:1030px){.wp-block-group__inner-container{width:94%;margin:0 auto;padding:0}}@media screen and (min-width:1300px){.wp-block-group__inner-container{width:1100px;margin:0 auto;padding:0}}.form02{max-width:768px;margin:0 auto}.form02 table{padding:30px 40px 0;display:block}@media screen and (max-width:768px){.form02 table{padding:0}}.form02 table tbody{width:100%;display:block}.form02 table tr{display:flex;text-align:left;margin:0 0 30px}@media screen and (max-width:768px){.form02 table tr{flex-wrap:wrap}}.form02 table tr th{display:block;text-align:left;width:40%}@media screen and (max-width:768px){.form02 table tr th{width:100%}}.form02 table tr th .wpcf7-list-item{margin:0 10px 0 0}.form02 table tr th a{text-decoration:underline;color:#0086cd}.form02 table tr th span{color:#AD0101}.form02 table tr td{display:block;width:60%}@media screen and (max-width:768px){.form02 table tr td{width:100%}}.form02 table tr td input[type=date],.form02 table tr td input[type=email],.form02 table tr td input[type=tel],.form02 table tr td input[type=text]{box-sizing:border-box;font-size:1.6rem;padding:10px 15px;width:100%;background-color:#fff;border-radius:4px}.form02 table tr td input[type=date].wpcf7-not-valid,.form02 table tr td input[type=email].wpcf7-not-valid,.form02 table tr td input[type=tel].wpcf7-not-valid,.form02 table tr td input[type=text].wpcf7-not-valid{background-color:#FFF2F2}.form02 table tr td textarea{box-sizing:border-box;font-size:1.6rem;padding:10px 15px;width:100%;background-color:#fff;border-radius:4px}.form02 table tr td textarea.wpcf7-not-valid{background-color:#FFF2F2}.form02 table tr td .ajax-loader{display:none}.form02 table .wpcf7-not-valid-tip{margin:5px 0 0 0;font-size:1.3rem}input[type=submit]{margin-top:10px;text-align:center;letter-spacing:1px;display:inline-block;padding:1em 1em;background-color:#846B6B;border:none;color:#fff;cursor:pointer;-webkit-appearance:none;position:relative;font-size:1.6rem;font-weight:500;font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;width:250px}input[type=submit]:focus{outline:0}.flex{display:flex;justify-content:space-between;flex-wrap:wrap}.pc{display:none}
@media screen and (min-width:768px){
.pc{display:block!important}
}
.tab{display:none}
@media screen and (max-width:768px){
.tab{display:block;}
}
.sp{display:block}
@media screen and (min-width:480px){
.sp{display:none}
}
.txt-center{text-align:center!important}
.txt-left{text-align:left!important}
.txt-right{text-align:right!important}
.wrap{width:100%;padding-left:15px;padding-right:15px}
@media screen and (min-width:1030px){
.wrap{width:94%;margin:0 auto;padding:0}
}
@media screen and (min-width:1300px){
.wrap{width:1100px;margin:0 auto;padding:0}
}
.b_arrow:before{
font-family:"Font Awesome 5 Free";
content:"?";
margin:0 10px 0 0;
font-weight:600;
font-size:80%;
}
.a_arrow:after{
font-family:"Font Awesome 5 Free";
content:"?";
margin:0 0 0 10px;
font-weight:600;
font-size:80%;
}
#header .unit-btn1{position:relative}
#header .unit-btn1:before{
font-family:"Font Awesome 5 Free";
content:"";
margin:0 5px 0 0;
font-weight:600;
font-size:100%;
}
#mainvisual{
height:60vh;
background-image:url(./images/top/mainvisual.png);
background-size:cover;background-repeat:no-repeat;
position:relative;
overflow:hidden;
}
#mainvisual h2{
font-size:3rem;font-weight:500;color:#8C8C8C;
position:absolute;
bottom:50%;
right:50%;
transform:translate(60%,50%);
display:block;
width:100%;
}
@media screen and (max-width:1024px){
#mainvisual{
height:22vh;
background-image:url(./images/top/mainvisual.png);
background-size:100%;
}
#mainvisual h2{
transform:translate(50%,50%);
text-align:left;
width:90%;
font-size:1.4rem;
}
}
#concept{
background:linear-gradient(-45deg,#ffc6e2,#ffbcbc);
padding:40px 0;
color:#fff;
}
#corse{padding:60px 0}
#corse h2{margin:0 0 30px}
#greeting{background-color:#FFFFFF;padding:60px 0}
#greeting .unit-ttl2:after{right:inherit;left:-25px}
#greeting .flex div{width:47%}
#greeting .unit-btn5{
position:relative;
color:#FF0000;
}
#greeting .unit-btn5 svg{
position:absolute;right:10px;bottom:50%;transform:translateY(50%)
}
#greeting .unit-btn5{
font-size:1.4rem;
line-height:1;
color:#735A5A;
padding:12px 70px;
border:1px solid #735A5A;
max-width:200px;
letter-spacing:2.5px;
}
#greeting .unit-btn5:hover{
background-color:#dddddd;
color:#735A5A;
}
@media screen and (max-width:768px){
#greeting .flex div{width:100%}
}
@media screen and (max-width:768px){
#greeting .unit-btn5{display:block;margin:0 auto}
}
#greeting2{background-color:#FFFFFF;padding:60px 0}
#greeting2 .unit-ttl2:after{right:inherit;left:-25px}
#greeting2 .flex div{width:100%;}
#greeting2 .unit-btn5{
position:relative;
color:#FF0000;
}
#greeting2 .unit-btn5 svg{
position:absolute;right:10px;bottom:50%;transform:translateY(50%)
}
#greeting2 .unit-btn5{
font-size:1.4rem;
line-height:1;
color:#735A5A;
padding:12px 70px;
border:1px solid #735A5A;
max-width:200px;
letter-spacing:2.5px;
}
#greeting2 .unit-btn5:hover{
background-color:#dddddd;
color:#735A5A;
}
#greeting2 figure {
float: right;
margin: 40px 0 10px 10px;
width: 40%;
text-align: center;
}
#greeting2 figure img {
max-width: 100%;
}
@media screen and (max-width:768px){
#greeting2 .flex div{width:100%}
}
@media screen and (max-width:768px){
#greeting2 .unit-btn5{display:block;margin:0 auto}
}
/* =============================================================================
top_concept
========================================================================== */
@media only screen and (min-width:761px){
#top_concept{
padding:100px 0;
background:#FFEFF7;
}
}
@media screen and (max-width:768px){
#top_concept{
padding:30px 0;
background:#FFEFF7;
}
}
#top_concept .flex div{
width:47%;
text-align: center;
}
#top_concept .flex div p{
text-align: left;
}
#top_concept .unit-btn5{
position:relative;
color:#FF0000;
}
@media screen and (max-width:768px){
#top_concept .flex div{width:100%}
}
@media screen and (max-width:768px){
#top_concept .unit-btn5{
display:block;
margin:0 auto;
}
}
#top_concept .unit-btn5 svg{
margin:0 auto;
position:absolute;
right:10px;
bottom:50%;
transform:translateY(50%);
}
#top_concept .unit-btn5{
font-size:1.4rem;
line-height:1;
color:#735A5A;
padding:12px 70px;
border:1px solid #bdaaaa;
max-width:200px;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
letter-spacing:2.5px;
background-color: #ffd7eb;
}
#top_concept .unit-btn5:hover{
background-color:#fff;
color:#bdaaaa;
}
/* =============================================================================
instructor
========================================================================== */
/*#instructor .unit-ttl2:after{right:inherit;left:-25px}*/
@media only screen and (min-width:761px){
#instructor{
padding:100px 0;
background:#FFE0EF;
}
}
@media screen and (max-width:768px){
#instructor{
padding:30px 0;
background:#FFE0EF;
}
}
#instructor .flex div{
width:47%;
text-align: center;
}
#instructor .flex div p{
text-align: left;
}
@media screen and (max-width:768px){
#instructor .flex div{width:100%}
}
#instructor .unit-btn5{position:relative}
@media screen and (max-width:768px){
#instructor .unit-btn5{display:block;margin:0 auto}}
#instructor .unit-btn5 svg{position:absolute;right:10px;bottom:50%;transform:translateY(50%)}
#instructor .unit-btn5{
font-size:1.4rem;
line-height:1;
color:#735A5A;
padding:12px 70px;
border:1px solid #bdaaaa;
max-width:200px;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
letter-spacing:2.5px;
background-color: #ffbdde;
}
#instructor .unit-btn5:hover{background-color:#fff;color:#bdaaaa;}
/* =============================================================================
mailmagazine
========================================================================== */
@media only screen and (min-width:761px){
#mailmagazine{
padding:100px 0;
background:linear-gradient(-45deg,#ffc6e2,#ffbcbc)
}
}
@media screen and (max-width:768px){
#mailmagazine{
padding:30px 0;
background:linear-gradient(-45deg,#ffc6e2,#ffbcbc)
}
}
#mailmagazine .unit-ttl2{color:#fff}
#mailmagazine .unit-ttl2 span{color:#fff}
#mailmagazine .unit-ttl2:after{right:inherit;left:-25px}
#mailmagazine .flex div{width:47%}
#mailmagazine .flex div{
width:47%;
text-align: center;
}
#mailmagazine .flex div p{
text-align: left;
}
@media screen and (max-width:768px){
#mailmagazine .flex div{width:100%}
}
#mailmagazine .unit-btn11{
position:relative
}
@media screen and (max-width:768px){
#mailmagazine .unit-btn11{
display:block;
margin-top:20px;
margin:0 auto;
}
}
#mailmagazine .unit-btn11 svg{
position:absolute;
right:10px;
bottom:50%;
transform:translateY(50%);
}
#mailmagazine .unit-btn11{
font-size:1.4rem;
line-height:1;
color:#735A5A;
border:1px solid #bdaaaa;
padding:15px 40px;
max-width:200px;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
letter-spacing:2.5px;
background-color: #ffa4a7;
}
#mailmagazine .unit-btn11:hover{background-color:#fff;color:#bdaaaa}
/* =============================================================================
books
========================================================================== */
/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){
#books{
padding:80px 0;
}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){
#books{
padding-top:20px;
padding-bottom:80px;
}
}
#books .wrap>.flex>.flex{
margin:30px 0;
align-items:flex-start;
align-content:flex-start;
width:100%;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif
}
@media screen and (min-width:768px){
#books .wrap>.flex>.flex{
width:47%
}
}
#books .wrap>.flex>.flex img{
width:100%;
margin:15px auto;
}
@media screen and (min-width:480px){
#books .wrap>.flex>.flex img{
max-width:200px;
max-height:282px;
width:40%;
margin:0 auto;
}
}
@media screen and (max-width:480px){
#books .wrap>.flex>.flex .tab{
display:none;
}
}
#books .wrap>.flex>.flex div{
width:100%;text-align:center;
}
@media screen and (min-width:480px){
#books .wrap>.flex>.flex div{
width:58%;text-align:left;
}
}
@media screen and (min-width:768px){
#books .wrap>.flex>.flex div{
width:55%;
}
}
#books .wrap>.flex>.flex div p{
margin:10px 0 20px;
font-size:1.3rem;
font-family:"Noto Sans JP","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}
@media screen and (max-width:480px){
#books .wrap>.flex>.flex div p{
text-align:left;
}
}
#books .wrap>.flex>.flex div span{
font-size:1.3rem;
font-family:"Noto Sans JP","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;font-weight:300;
}
/* =============================================================================
TOPページ内のyoutube動画
========================================================================== */
/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){
#youtube{
padding-top:80px;
padding-bottom:100px;
background-color: #FFC1CE;
}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){
#youtube{
padding-top:20px;
padding-bottom:80px;
background-color: #FFC1CE;
}
}
#youtube .wrap>.flex>.flex{
margin:30px 0;
align-items:flex-start;
align-content:flex-start;
width:100%;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif
}
@media screen and (min-width:768px){
#youtube .wrap>.flex>.flex{
width:47%
}
}
#youtube .wrap>.flex>.flex div{
width:100%;text-align:center;
}
#youtube .wrap .flex>.flex iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
/* =============================================================================
therapist
========================================================================== */
@media only screen and (min-width:761px){
#therapist{
background-color:#FFEFF7;
padding:60px 0 0 0;
}
}
@media screen and (max-width:768px){
#therapist{
background-color:#FFEFF7;
padding:60px 0;
}
}
#therapist .wrap{position:relative}
#therapist .wrap>a{position:absolute;font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;color:#725959;font-size:1.2rem;right:0;top:50px}
@media screen and (max-width:768px){
#therapist .wrap>a{position:static}
}
#therapist .wrap>.flex{
padding:3% 5%;
display: inline-block;
}
#therapist .wrap>.flex li{
float:left;
width:30%;
/* margin:0 0 15%;*/
padding-bottom:0px;
text-align: center;
margin-right:33px;
margin-bottom:80px;
}
@media only screen and (max-width:768px){
#therapist .wrap>.flex li {
text-align: center;
}
#therapist .wrap>.flex li img{
width:80%;
margin:0 auto;
}
}
@media screen and (max-width:768px){
#therapist .wrap>.flex li{width:47%;margin:0 0 15%}
}
@media screen and (max-width:480px){
#therapist .wrap>.flex li{width:100%;margin:0 0 20%}}
#therapist .wrap>.flex li a{width:100%;position:relative}
#therapist .wrap>.flex li a h3{
position:absolute;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:1.8rem;
font-weight:600;
/* padding:12px 20px;*/
background-color:#fff;
width:100%;
bottom:-20px;
right:50%;
transform:translateX(50%);
/* border: 5px solid #fff2f8;*/
/*border: 1px solid #FF0000;*/
}
@media only screen and (max-width:768px){
#therapist .wrap>.flex li a h3{
position:absolute;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:1.8rem;
font-weight:600;
/* padding:12px 20px;*/
background-color:#fff;
width:80%;
bottom:-20px;
right:50%;
transform:translateX(50%);
/* border: 5px solid #fff2f8;*/
}
}
#therapist .wrap>.flex li a h3 span{text-transform:capitalize;display:block;font-weight:100;color:#725959;font-size:60%;line-height:1}
#therapist .wrap>.flex li a h3 svg{position:absolute;right:15px;bottom:50%;transform:translateY(50%)}.title-wrap{padding:30px 0}
/* =============================================================================
concept
========================================================================== */
@media screen and (min-width:768px){.concept article{text-align:center}}
.concept article .unit-ttl3{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2rem;
}
.concept article p{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2.2rem;
font-weight:500;
color:#CF8989;
margin:20px 0 40px 0;
}
@media screen and (max-width:1024px){
.concept article .unit-ttl3{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2rem;
margin-bottom: 20px;
}
.concept article p{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:1.5rem;
font-weight:500;
color:#CF8989;
/* margin: 0 0 0 0;*/
margin-left: 4%;
margin-top: 0;
margin-bottom: 0;
}
}
@media screen and (min-width:480px){
.concept article p{font-size:3rem}
}
.concept section{margin:0 0 -10px 0}
.concept iframe{width:100%;height:300px}
@media screen and (min-width:480px){.concept iframe{height:300px}}.color-box{background-color:#FFF2F8;padding:40px 0}
.books #books{padding:0}
.single .wp-block-group .wp-block-columns{
border-bottom:1px solid #D3D3D3;padding:0 0 20px 0;margin:0 0 20px 0;
}
.single .wp-block-group .wp-block-columns+.wp-block-columns+.wp-block-columns{
border:none;
}
.single .wp-block-group .wp-block-columns .wp-block-column p{
margin:0;padding:10px 0;
}
.selflove .wp-block-columns img{
opacity: 0.6;
}
.evatherapy .wp-block-columns img{
opacity: 0.6;
}
.makelove .wp-block-columns img{
opacity: 0.6;
}
.selflove_test .wp-block-columns img{
opacity: 0.6;
}
.evatherapy_test .wp-block-columns img{
opacity: 0.6;
}
.makelove_test .wp-block-columns img{
opacity: 0.6;
}
.single #therapist{background-color:#fff}.single #therapist h2{margin:0 0 20px 0}.unit-ttl1{font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;font-size:2.8rem;letter-spacing:5px;text-align:center}.unit-ttl1 span{font-family:"Dancing Script",cursive;display:block;font-size:80%;letter-spacing:2.5px;line-height:1}
.unit-ttl2{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2.0rem;
letter-spacing:5px;
text-align:center;
color:#735A5A;
padding-bottom:40px;
position:relative;
}
@media screen and (min-width:768px){
.unit-ttl2{font-size:2.8rem}
}
.unit-ttl2 span{
font-family:"Dancing Script",cursive;text-transform:capitalize;
display:block;
font-size:60%;
letter-spacing:2.5px;
line-height:1;
color:#CF8989;
}
.unit-ttl2:after{
content:url(./images/common/ttl-dec.png);
display:block;line-height:1;
position:absolute;
bottom:0;right:50%;transform:translateX(50%);
}
.unit-ttl3{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2.4rem;
letter-spacing:5px;
text-align:center;
color:#735A5A;
padding-bottom:10px;
position:relative;
}
@media only screen and (min-width:761px){
.unit-ttl3-02{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2.4rem;
letter-spacing:5px;
text-align:center;
color:#735A5A;
padding-bottom:10px;
position:relative;
width: 650px;
}
}
@media only screen and (max-width:760px){
.unit-ttl3-02{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2.0rem;
letter-spacing:5px;
text-align:center;
color:#735A5A;
padding-bottom:10px;
position:relative;
}
}
@media only screen and (min-width:761px){
.unit-ttl4{
color:#735A5A;
font-size:2.2rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
}
.unit-ttl4-02{
color:#735A5A;
font-size:1.8rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
}
}
@media only screen and (max-width:760px){
.unit-ttl4{
color:#735A5A;
font-size:2.2rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
}
.unit-ttl4-02{
color:#735A5A;
font-size:1.8rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
}
}
.unit-ttl5{
color:blue;
font-size:1.4rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
}
@media screen and (min-width:480px){
.unit-ttl5{
font-size:2.0rem;
}
}
@media only screen and (min-width:761px){
.unit-ttl6{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:2.2rem;
letter-spacing:5px;
text-align:center;
color:#735A5A;
padding-top:30px;
padding-bottom:60px;
position:relative;
}
}
@media only screen and (max-width:760px){
.unit-ttl6{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-size:1.6rem;
letter-spacing:5px;
text-align:center;
color:#735A5A;
padding-bottom:40px;
position:relative;
}
}
.unit-ttl7{
color:#ff75ba;
font-size:1.4rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
}
@media screen and (min-width:480px){
.unit-ttl7{
font-size:2.0rem;
}
}
.ol1{counter-reset:number 0;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width:768px){.ol1{justify-content:space-between}}.ol1 li{width:100%;counter-increment:number 1;margin:0 0 30px;max-width:350px;padding-top:30px;position:relative}@media screen and (min-width:768px){.ol1 li{width:30%}}.ol1 li:before{content:"0" counter(number);font-size:2.6rem;color:#F5B0B0;font-family:"Dancing Script",cursive;font-style:italic;position:absolute;top:-10px;right:50%;transform:translateX(50%)}.ol1 li:after{content:"Corse";font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;color:#F5B0B0;font-size:1rem;position:absolute;z-index:4;top:25px;right:50%;transform:translateX(50%)}.ol1 li:nth-child(2):after,.ol1 li:nth-child(2):before{color:#F9BBD8}.ol1 li:nth-child(2) a:after{border-color:#F8D1E4}.ol1 li:nth-child(2) a span{background-color:#FFEAF4}.ol1 li:nth-child(2) a svg{background-color:#F9BBD8}.ol1 li:nth-child(3):after,.ol1 li:nth-child(3):before{color:#ECAFEC}.ol1 li:nth-child(3) a:after{border-color:#EECEEE}.ol1 li:nth-child(3) a span{background-color:#FFEAFF}.ol1 li:nth-child(3) a svg{background-color:#F4BFF4}.ol1 li a{position:relative;width:100%}.ol1 li a:before{content:"";position:absolute;top:0;right:50%;transform:translateX(50%);width:0;height:0;border-left:32px solid transparent;border-right:32px solid transparent;border-top:30px solid #fff;z-index:4}.ol1 li a:after{content:"";height:100%;width:100%;position:absolute;z-index:1;border:1px solid #F9CCCC;left:5px;top:5px}.ol1 li a:hover{opacity:0.7}.ol1 li a span{font-size:2rem;font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;text-align:center;padding:70px 0;background-color:#FFEAEA;position:relative;z-index:2;display:block}.ol1 li a svg{position:absolute;bottom:0;right:0;background:#FBC0C0;z-index:3;padding:10px 8px}.ol2{counter-reset:number 0;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem}@media screen and (min-width:768px){.ol2{justify-content:space-between}}.ol2 li{width:100%;position:relative;text-align:center;counter-increment:number 1;padding:20px 0;position:relative;border-top:1px solid #D3D3D3}@media screen and (min-width:768px){.ol2 li{width:33.3%;border-left:1px solid #D3D3D3;border-top:none}}.ol2 li:before{width:18px;height:15px;background-image:url(./images/common/ttl-dec.png);background-repeat:no-repeat;background-size:contain;content:"";line-height:1;position:absolute;bottom:50%;right:50%;transform:translate(-350%,-40%)}.ol2 li:after{width:18px;height:15px;background-image:url(./images/common/ttl-dec.png);background-repeat:no-repeat;background-size:contain;content:"";line-height:1;position:absolute;bottom:50%;right:50%;transform:translate(450%,-40%)}.ol2 li:last-child{border-bottom:1px solid #D3D3D3}@media screen and (min-width:768px){.ol2 li:last-child{width:33.3%;border-right:1px solid #D3D3D3;border-bottom:none}}.ol2 li span{display:block;position:relative;font-size:2.6rem;color:#F5B0B0;font-family:"Dancing Script",cursive;font-style:italic}.ol2 li span:after{content:"0" counter(number);padding-left:1rem}.ol2 li p{font-size:1.4rem;margin:0}.dl1 dl{display:flex;flex-wrap:wrap;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #D3D3D3}.dl1 dl dt{width:100%}@media screen and (min-width:480px){.dl1 dl dt{width:30%}}.dl1 dl dd{width:100%}@media screen and (min-width:480px){.dl1 dl dd{width:70%}}
/* ========================================================
協会メンバー募集要項の最下部（PC版）
========================================================= */
@media only screen and (min-width:761px){
.essentials01{
padding-top:30px;
width:1120px;
height:500px;
display:block;
margin:0 auto;
}
.essentials01 .photo01 , .essentials01 .photo02{
float:left;
width:550px;
padding-top:30px;
text-align: center;
}
.essentials01 .photo01 img , .essentials01 .photo02 img{
width : 60%;
margin:0 auto;
}
.essentials_arrow{
padding-top:50px;
padding-left:300px;
width:500px;
display:block;
}
.essentials_arrow img{
margin:0 auto;
}
#books .wrap>.flex>.flex img{
width:100%;
margin:0 auto;
}
.unit-btn10{
display:block;
margin:0 auto;
font-size:1.8rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight:600;
line-height:200%;
background-color:#fcc800;
padding:22px 10px;
text-align:center;
color:#fff;
width: 300px;
height: 80px;
}
.unit-btn10:hover{
opacity:0.7
}
.facebookview01{
padding-top:30px;
width:1120px;
height:800px;
display:block;
margin:0 auto;
text-align:center;
}
.therapist01{
padding-top:30px;
width:1120px;
height:450px;
display:block;
margin:0 auto;
}
.therapist01 img{
width : 30%;
margin:0 auto;
}
.listen_view01{
width:1120px;
height:600px;
display:block;
margin:0 auto;
text-align:center;
}
}
/* ========================================================
サイト全体の設定（SP版）
========================================================= */
@media only screen and (max-width:760px){
.essentials01{
padding-top:30px;
width:100%;
display:block;
margin:0 auto;
}
.essentials01 .photo01 , .essentials01 .photo02{
float:left;
width:100%;
padding-top:30px;
text-align: center;
}
.essentials01 .photo01 img , .essentials01 .photo02 img{
width : 60%;
margin:0 auto;
}
.essentials_arrow{
padding-top:50px;
width:100%;
display:block;
margin:0 auto;
}
.essentials_arrow img{
margin:0 auto;
}
#books .wrap>.flex>.flex img{
width:70%;
margin:0 auto;
padding-top:20px;
/*
max-width:500px;
max-height:500px;
*/
}
.unit-btn10{
display:block;
margin:0 auto;
font-size:1.2rem;
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight:600;
line-height:150%;
background-color:#fcc800;
padding:10px 10px;
text-align:center;
color:#fff;
width: 60%;
height: 45px;
}
.unit-btn10:hover{
opacity:0.7
}
.therapist01{
padding-top:30px;
width:100%;
display:block;
margin:0 auto;
}
.therapist01 img{
width : 70%;
margin:0 auto;
}
.listen_view01{
width:95%;
display:block;
margin:0 auto;
text-align:center;
clear: both;
}
}
/* ========================================================
サイト全体の設定（PC版）
========================================================= */
@media only screen and (min-width:761px){
.pc_no {
display: none;
}
.voice {
background-image: url(./images/top/voice_bg_pc.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-bottom: 80px;
background-color: #f0f0f0;
min-width:1120px;
}
.voice .block {
width: 1120px;
margin-right: auto;
margin-left: auto;
padding-top: 40px;
}
.voice .box {
text-align: center;
width: 620px;
margin-right: auto;
margin-left: auto;
float: right;
color: #725a5a;
}
.voice .box .unit-ttl2 {
padding-bottom: 10px;
}
.voice .box .unit-ttl2:after{
top: 70px;
}
.voice .box .box01 {
text-align: left;
background-image: url(./images/top/voice_bg.png);
font-size: 15px;
color: #fff;
letter-spacing: 0;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.voice .block.cf .box .box01.cf p {
font-size: 24px;
margin: 0px;
text-align: center;
font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
padding-top: 10px;
padding-bottom: 10px;
}
.voice .box .box01 .left {
float: left;
text-align: left;
}
.voice .box .box01 .right {
text-align: left;
float: right;
}
.voice .block.cf .box h3 {
color: #fff;
background-color: #8c8c8c;
font-size: 18px;
line-height: 40px;
font-weight: normal;
font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
margin: 0px;
}
}
/* ========================================================
サイト全体の設定（SP版）
========================================================= */
@media only screen and (max-width:760px){
.sp_no {
display: none;
}
.voice {
background-image: url(./images/top/voice_bg_sp.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
padding-bottom: 50px;
background-color: #f0f0f0;
}
.voice .block {
padding-top: 40px;
}
.voice .box {
text-align: center;
color: #725a5a;
}
.voice .box .unit-ttl2 {
padding-bottom: 10px;
}
.voice .box .unit-ttl2:after{
top: 45px;
}
.voice .box .box01 {
text-align: left;
background-image: url(./images/top/voice_bg.png);
font-size: 13px;
color: #fff;
letter-spacing: 0;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
line-height: 18px;
}
.voice .block.cf .box .box01.cf p {
font-size: 24px;
margin: 0px;
text-align: center;
font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
padding-top: 10px;
padding-bottom: 10px;
line-height: 32px;
}
.voice .box .box01 .left {
text-align: left;
}
.voice .box .box01 .right {
text-align: left;
}
.voice .block.cf .box h3 {
color: #fff;
background-color: #8c8c8c;
font-size: 18px;
line-height: 40px;
font-weight: normal;
font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
margin: 0px;
}
.voice .block.cf .box .voice_m {
padding-right: 20px;
padding-left: 20px;
}
}
/* ========================================================
フロートクリア
========================================================= */
.cf:before,
.cf:after {
content:"";
display:block;
}
.cf:after {
clear:both;
}
/* ========================================================
音声プレイヤー
========================================================= */
/*
PLAYER
*/
.audioplayer {
height: 3.125em; /* 40 */
color: #fff;
/*
text-shadow: 1px 1px 0 #000;
*/
border: 1px solid #b4b4b4;
position: relative;
z-index: 1;
background: #b4b4b4;
font-size: 18px;
}
/* mini mode (fallback) */
.audioplayer-mini {
width: 2.5em; /* 40 */
margin: 0 auto;
}
/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */
.audioplayer > div
{
position: absolute;
}
/* play/pause button */
.audioplayer-playpause
{
width: 2.90em; /* 40 */
height: 100%;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
left: 0;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
{
border-right: 1px solid #555;
border-right-color: rgba( 255, 255, 255, .1 );
}
.audioplayer-mini .audioplayer-playpause
{
width: 100%;
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus
{
background-color: #8c8c8c;
}
.audioplayer-playpause a
{
display: block;
}
.audioplayer-stopped .audioplayer-playpause a
{
width: 0;
height: 0;
border: 0.5em solid transparent; /* 8 */
border-right: none;
border-left-color: #fff;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -0.5em 0 0 -0.25em; /* 8 4 */
}
.audioplayer-playing .audioplayer-playpause a
{
width: 0.75em; /* 12 */
height: 0.75em; /* 12 */
position: absolute;
top: 50%;
left: 50%;
margin: -0.375em 0 0 -0.375em; /* 6 */
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after
{
width: 40%;
height: 100%;
background-color: #fff;
content: '';
position: absolute;
top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before
{
left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after
{
right: 0;
}
.audioplayer-time
{
width: 1.375em; /* 70 */
height: 100%;
line-height: 3.1em; /* 38 */
text-align: center;
z-index: 2;
top: 0;
}
.audioplayer-time-current
{
left: 3.40em; /* 40 */
}
.audioplayer-time-duration
{
right: 2.5em; /* 40 */
}
.audioplayer-novolume .audioplayer-time-duration
{
border-right: 0;
right: 0;
}
/* progress bar of loaded/played */
.audioplayer-bar
{
height: 0.875em; /* 14 */
background-color: #8c8c8c;
cursor: pointer;
z-index: 1;
top: 50%;
right: 4.875em; /* 110 */
left: 6.875em; /* 110 */
margin-top: -0.438em; /* 7 */
}
.audioplayer-novolume .audioplayer-bar
{
right: 4.375em; /* 70 */
}
.audioplayer-bar div
{
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.audioplayer-bar-loaded
{
background-color: #8c8c8c;
z-index: 1;
}
.audioplayer-bar-played
{
background: #fff;
z-index: 2;
}
/* volume button */
.audioplayer-volume
{
text-indent: -9999px;
}
/*** 明治カラーテーブル（PC版） ***/
@media only screen and (min-width:761px){
.meiji-table {
width:100%;
border:1px solid #DF3F86;
}
.meiji-table thead th {
background:#FFB2D8;
font-weight: bold;
color:#fff;
border:1px solid #DF3F86;
padding:10px;
}
.meiji-table tbody th {
background:#FFB2D8;
font-weight: bold;
color:#fff;
border:1px solid #DF3F86;
padding:10px;
}
.meiji-table tbody td{
text-align:center;
border:1px solid #DF3F86;
padding:10px;
}
}
/*** 明治カラーテーブル（PC版） ***/
@media only screen and (max-width:760px){
.meiji-table {
width:100%;
border:1px solid #DF3F86;
}
.meiji-table thead th {
background:#FFB2D8;
font-weight: bold;
color:#fff;
border:1px solid #DF3F86;
padding:2px;
font-size:10px;
}
.meiji-table tbody th {
background:#FFB2D8;
font-weight: bold;
color:#fff;
border:1px solid #DF3F86;
padding:2px;
font-size:10px;
}
.meiji-table tbody td{
text-align:center;
border:1px solid #DF3F86;
padding:2px;
font-size:10px;
}
}
/*** 明治カラーテーブル２ ***/
.meiji-table2 {
width:100%;
border:1px solid #DF3F86;
}
.meiji-table2 thead th {
background:#FFB2D8;
font-weight: bold;
color:#fff;
border:1px solid #DF3F86;
padding:10px;
}
.meiji-table2 tbody th {
background:#FFB2D8;
font-weight: bold;
color:#fff;
border:1px solid #DF3F86;
padding:10px;
vertical-align:middle;
}
.meiji-table2 tbody td{
text-align:left;
border:1px solid #DF3F86;
padding:10px;
padding-left:30px;
}
@media only screen and (min-width:761px){
.course .item_wrp {
padding: 50px;
/*background: #fff9eb;*/
background: url("images/bg_pattern_02.jpg") repeat center / 250px 444px;
}
.course .item_wrp + .item_wrp {
margin-top: 40px;
}
.course .item_wrp .head {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #D79B00;
}
.course .item_wrp .head .name {
font-size: 26px;
line-height: 1.5;
font-weight: 500;
}
.course .item_wrp .head .price {
font-size: 18px;
line-height: 1.5;
font-weight: 500;
margin-top: 0;
}
.course .item_wrp p {
line-height: 1.8;
margin-top: 20px;
}
.course .item_wrp .subhead {
font-size: 18px;
line-height: 1.5;
font-weight: 500;
margin-top: 30px;
}
.course .item_wrp .list {
column-count: 2;
margin-top: 10px;
}
.course .item_wrp .list li {
font-size: 16px;
line-height: 1.5;
font-weight: 300;
padding-left: 1em;
text-indent: -1em;
margin-top: 2px;
}
.course .caption {
margin-top: 20px;
}
.course .item_wrp + .caption,
.course .txt + .caption {
margin-top: 40px;
}
.course .caption li {
font-size: 14px;
line-height: 1.5;
font-weight: 300;
padding-left: 1em;
text-indent: -1em;
margin-top: 0;
}
}
@media screen and (max-width:768px){
.course .item_wrp {
/* padding: 50px;*/
padding-top: 50px;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
/*background: #fff9eb;*/
background: url("images/bg_pattern_02.jpg") repeat center / 250px 444px;
}
.course .item_wrp + .item_wrp {
margin-top: 40px;
}
.course .item_wrp .head {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #D79B00;
}
.course .item_wrp .head .name {
font-size: 20px;
line-height: 1.5;
font-weight: 500;
width:100%;
text-align: center;
}
.course .item_wrp p {
line-height: 1.8;
margin-top: 20px;
}
.course .item_wrp .subhead {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
margin-top: 30px;
text-align: center;
}
.course .item_wrp .list {
margin-top:10px;
column-count: 1;
}
.course .item_wrp .list li {
font-size: 13px;
line-height: 1.5;
font-weight: 300;
padding-left: 1em;
text-indent: -1em;
margin-top: 2px;
}
.course .caption {
margin-top: 20px;
}
.course .item_wrp + .caption,
.course .txt + .caption {
margin-top: 40px;
}
.course .caption li {
font-size: 14px;
line-height: 1.5;
font-weight: 300;
padding-left: 1em;
text-indent: -1em;
margin-top: 0;
}
}
/* =============================================================================
活動報告のcss tlink作成 2022.08.29
========================================================================== */
/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){
/* TOPページ */
#report_top{
padding-top:50px;
margin-bottom:10px;
background:#faf4f4;
}
#report_top .flex div{
width:47%;
text-align: center;
}
#report_top .flex img{
width:430px;
margin-left:100px;
}
#report_top ul{
width:509px;
height:229px;
list-style:none;/*ここでリストスタイルを消す*/
background-image:url(./images/top/report_waku.png);
background-repeat:no-repeat;
margin-top:20px;
padding-top:18px;
margin-bottom:30px;
}
#report_top li{
width: 450px;
margin-left:30px;
text-align: left;
padding:4px;
line-height:200%;
font-size:14.5px;
border-bottom: dotted 2px #cecccd;
list-style: none;
}
#report_top .unit-btn6_bak221124{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
color:#ffffff;
background-color: #b5b5b5;
width: 250px;
font-size:15px;
white-space: nowrap;
padding:12px 20px;
}
#report_top .unit-btn6_bak221124:hover{
background-color:#fff;
color:#bdaaaa;
}
#report_top .unit-btn6{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
color:#ffffff;
/* background-color: #fa8282;*/
background-color: #ffbfc7;
width: 250px;
font-size:15px;
white-space: nowrap;
padding:12px 20px;
}
#report_top .unit-btn6:hover{
background-color:#fff;
color:#bdaaaa;
/*opacity:0.7;*/
}
/* 一覧ページ */
#report_list{
padding-top:25px;
padding-bottom:50px;
background:#faf4f4;
height:770px;
}
#report_list .flex div{
width:49%;
text-align: center;
}
#report_list .flex img{
margin-top:60px;
margin-left:100px;
width:430px;
}
#report_list ul{
width:100%;
list-style:none;
margin-top:20px;
padding-top:18px;
margin-bottom:30px;
}
#report_list li{
width: 100%;
margin-left:20px;
text-align: left;
border-bottom: dotted 2px #cecccd;
list-style: none;
}
#report_list li a{
font-size:18px;
padding:8px;
line-height:200%;
}
#report_list li:nth-child(1) {
border-top: dotted 2px #cecccd;
}
/* 一覧ページのページナビゲーション */
#report_list .pagination {
width: 100%;
}
#report_list .nav-links {
white-space: nowrap;
margin:0 auto;
}
#report_list .pagination a, #report_list .pagination span {
display: inline-block;
margin-bottom:20px;
text-decoration: none;
border-radius: 100%;
width: 42px;
height: 42px;
padding: 14px 0;
box-sizing: border-box;
color: #333;
font-weight: bold;
line-height: 1;
}
#report_list .pagination a:hover {
opacity: 0.5;
}
#report_list .pagination .page-numbers {
background: #ffbdcb;
color: #FFF;
}
#report_list .pagination .current {
background: #ffeff7;
color: #ffbdcb;
border: 1px solid #ffbdcb;
}
/* 詳細ページ */
#report_details{
width:100%;
padding-top:25px;
padding-bottom:25px;
}
#report_details .flex{
width:1050px;
margin:0 auto;
}
#report_details h1{
width:1042px;
height:110px;
background-image:url(./images/report/details_h1_pc.png);
background-repeat:no-repeat;
background-size: 100% 100%;
text-align: center;
font-size:30px;
color: #e23b55;
padding-top:25px;
margin-bottom:50px;
}
#report_details h4{
width:50%;
height:55px;
background-image:url(./images/report/details_h4_line.png);
background-repeat:repeat-x;
background-position:0px 45px;
font-size:24px;
color: #313131;
margin-bottom:20px;
}
#report_details p{
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
outline: none;
box-sizing: border-box;
font-size:16px;
line-height:1.8;
color: #313131;
margin-bottom:20px;
}
#report_details img{
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
outline: none;
box-sizing: border-box;
}
#report_details .box {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
#report_details .item {
margin-left: 20px;
}
#report_details .return{
width:1050px;
text-align: center;
margin-top:50px;
margin-bottom:20px;
}
#report_details .unit-btn6{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
color:#ffffff;
/* background-color: #b5b5b5;*/
background-color: #ffbfc7;
width: 250px;
font-size:15px;
white-space: nowrap;
padding:12px 20px;
}
#report_details .unit-btn6:hover{
background-color:#fff;
color:#bdaaaa;
}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){
/* TOPページ */
#report_top{
padding-top:30px;
padding-bottom:50px;
background:#faf4f4;
margin-bottom:50px;
}
#report_top .flex div{
width:100%;
text-align: center;
}
#report_top ul{
width:100%;
list-style:none;/*ここでリストスタイルを消す*/
background-image:url(./images/top/report_waku_sp.png);
background-repeat:no-repeat;
background-size: 100% 100%;
margin-top:20px;
margin-bottom:30px;
padding-top:20px;
padding-bottom:20px;
}
#report_top li{
width: 90%;
margin-left:20px;
text-align: left;
padding:10px;
line-height:140%;
font-size:14px;
border-bottom: dotted 2px #cecccd;
list-style: none;
}
#report_top .unit-btn6_bak221124{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
color:#ffffff;
background-color: #b5b5b5;
width: 250px;
font-size:15px;
white-space: nowrap;
padding:12px 20px;
}
#report_top .unit-btn6{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
color:#ffffff;
background-color: #ffbfc7;
width: 250px;
font-size:15px;
white-space: nowrap;
padding:12px 20px;
}
/* 一覧ページ */
#report_list{
padding-top:10px;
padding-bottom:10px;
background:#faf4f4;
margin-bottom:10px;
}
#report_list .flex div{
width:100%;
text-align: center;
}
#report_list ul{
width:100%;
list-style:none;
margin-top:20px;
margin-bottom:30px;
}
#report_list li{
width: 95%;
margin-left:10px;
text-align: left;
padding:10px;
line-height:140%;
font-size:14px;
border-bottom: dotted 2px #cecccd;
list-style: none;
}
#report_list li a{
padding:5px;
}
#report_list li:nth-child(1) {
border-top: dotted 2px #cecccd;
}
/* 一覧ページのページナビゲーション */
#report_list .pagination {
width: 100%;
}
#report_list .nav-links {
white-space: nowrap;
margin:0 auto;
}
#report_list .pagination a, #report_list .pagination span {
display: inline-block;
margin-bottom:20px;
text-decoration: none;
border-radius: 100%;
width: 42px;
height: 42px;
padding: 14px 0;
box-sizing: border-box;
color: #333;
font-weight: bold;
line-height: 1;
}
#report_list .pagination a:hover {
opacity: 0.5;
}
#report_list .pagination .page-numbers {
background: #ffbdcb;
color: #FFF;
}
#report_list .pagination .current {
background: #ffeff7;
color: #ffbdcb;
border: 1px solid #ffbdcb;
}
/* 詳細ページ */
#report_details{
width:100%;
padding-top:25px;
padding-bottom:25px;
}
#report_details .flex{
width:98%x;
margin:0 auto;
}
#report_details h1{
width:100%;
height:100%;
background-image:url(./images/report/details_h1_sp.png);
background-repeat:no-repeat;
background-size: 100% 100%;
text-align: center;
font-size:20px;
color: #e23b55;
padding-top:30px;
padding-bottom:30px;
margin-bottom:30px;
}
#report_details h4{
width:950%;
height:40px;
background-image:url(./images/report/details_h4_line.png);
background-repeat:repeat-x;
background-position:0px 35px;
font-size:18px;
color: #313131;
margin-bottom:20px;
}
#report_details p{
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
outline: none;
box-sizing: border-box;
font-size:14px;
line-height:1.8;
color: #313131;
margin-bottom:20px;
}
#report_details img{
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
outline: none;
box-sizing: border-box;
}
#report_details .box {
display: flex;
flex-wrap: wrap;
}
#report_details .item {
margin:0 auto;
padding-bottom:20px;
}
#report_details .return{
width:100%;
text-align: center;
margin-top:30px;
margin-bottom:20px;
}
#report_details .unit-btn6{
font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
color:#ffffff;
/* background-color: #b5b5b5;*/
background-color: #ffbfc7;
width: 250px;
font-size:15px;
white-space: nowrap;
padding:12px 20px;
}
}
/*===============================================================
TOPページ内下段のyoutube動画の説明文の箇所
https://evatherapy.jp/
===============================================================*/
/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){
.explanation{
margin-top:10px;
width:500px;
text-align:center;
font-size: 18px;
font-weight: bold;
}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){
.explanation{
margin-top:10px;
width:100%;
text-align:center;
font-size: 16px;
font-weight: bold;
}
}
/*===============================================================
インストラクターページの本文内の改行
https://evatherapy.jp/therapist/ayumi-todoroki/
===============================================================*/
/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){
.instructor_block{
width:1100px;
margin:0 auto;
padding:0;
margin-bottom : 20px;
}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){
.instructor_block{
width:90%;
margin:0 auto;
padding:0;
margin-bottom : 30px;
}
}