/*
Theme Name:Noel child
Theme URI:
Description:WordPress繝��繝槭€君oel縲阪�閾ｪ菴懷ｭ舌ユ繝ｼ繝槭〒縺吶€�
Template:noel_tcd072
Author:Itsuki Ueda
Author URI:
Version:1.11
*/

/* 繝�ヵ繧ｩ繝ｫ繝医�繝�ム繝ｼ縺ｮ蟾ｦ遶ｯ縺ｮ邱壹�濶ｲ */
.cf_content_list .headline {
    border-left: 3px solid #91804a;
}

/* 繝�ヵ繧ｩ繝ｫ繝医�繝�ム繝ｼ縺ｮ濶ｲ繧貞､画峩縺励◆繧ｯ繝ｩ繧ｹ */
.cf_content_list h3.org-header_1 {
    color: #000000;
    border-color: #91804a;
    font-size: 20px;
}

/*縲€�定｡御ｻ･荳翫�繝倥ャ繝€繝ｼ繧剃ｽ懈�縺ｧ縺阪ｋ繧ｯ繝ｩ繧ｹ */
.cf_content_list h3.org-header_2 {
    color: #000000;
    border-color: #91804a;
    min-height: 100px;
    line-height: 40px;
    font-weight: normal;
    font-size: 17px;
}

/* 繝薙ず繝･繧｢繝ｫ繧ｨ繝�ぅ繧ｿ繝ｼ逕ｨ */
.space-bottom-20 {
	padding-bottom:20px;
}

/*  */
.cf_content_list h3.org-header_2 .org-header_2_subtitle {
    font-size: 14px;
}

/* 荳贋ｸ九ｒ荳ｭ螟ｮ縺ｫ縺吶ｋ隕∫ｴ���inner繧ｯ繝ｩ繧ｹ�峨�螟悶↓險ｭ螳� */
.org-header_2_outer {
    position: relative;
}

/* 荳贋ｸ九ｒ荳ｭ螟ｮ縺ｫ縺吶ｋ隕∫ｴ�縺ｫ險ｭ螳壹€€outer縺ｨ繧ｻ繝�ヨ縺ｧ菴ｿ逕ｨ */
.org-header_2_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* 繝�く繧ｹ繝医し繧､繧ｺ繧呈純縺医ｋ */
p.org-text,
span.org-text {
    font-size: 17px
}

.rich_font_org {
    font-family: "Times New Roman", "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
    font-weight: 600;
}

.text_white {
    color: #fff;
}

.text_blue {
    color: #40B7E6;
}

.bg-color_white {
    background-color: #fff;
}

.text_ryohashi-soroe {
    text-align: justify;
    text-justify: inter-ideograph;
    /* IE逕ｨ */
}

/* 繝�く繧ｹ繝医ｒ荳ｭ螟ｮ謠�∴ */
.text-center {
    text-align: center;
}

/* 荳贋ｸ倶ｸｭ螟ｮ謠�∴ */
.center_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

/* 荳贋ｸ句ｷｦ蜿ｳ荳ｭ螟ｮ謠�∴ */
.center_content-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* 荳贋ｸ句ｷｦ蜿ｳ荳ｭ螟ｮ謠�∴ */
.center_text {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 荳贋ｸ九�縺ｿ荳ｭ螟ｮ謠�∴ */
.center_text_updown {
    display: flex;
    align-items: center;
}

/* 繧ｹ繝槭�逕ｨ繧ｳ繝ｳ繝�Φ繝� */
.content_mb,
.content_mb_2 {
    display: none !important;
}

/* 縺雁ｮ｢讒倥�螢ｰ縺ｮ讖溽ｨｮ縺ｪ縺ｩ縺ｮ蟆代＠螟ｪ繧√�譁�ｭ� */
.voice_bold {
    font-weight: 500;
}

/* 縺雁ｮ｢讒倥�螢ｰ縺ｮ譖ｴ譁ｰ譌･縺ｮ譁�ｭ励ｒ蟆代＠蟆上＆縺� */
.voice_date {
    font-size: 14px;
}

.voice_border_top {
    border-top: 3px solid #91804a;
}

/* 縺雁ｮ｢讒倥�螢ｰ縺ｮ隰帛ｸｫ縺ｮ繧ｳ繝｡繝ｳ繝� */
.voice_teacer_container {
    background-color: #efefef;
    padding: 20px 30px;
    margin-top: 50px;
}

.voice_teacher_title {
    font-weight: 700;
    font-size: 17px;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 2px solid black;
}

.voice_teacher_text {
    line-height: 30px;
}

/* Widget */
#side_col .widget_org .side_headline {
	height:80px;
	line-height:80px;
	color:#ffffff;
	background:#91804a;
	font-size:22px;
	padding:0 0 0 25px;
	margin:0;
	font-family: "Times New Roman" , "貂ｸ譏取悃" , "Yu Mincho" , "貂ｸ譏取悃菴�" , "YuMincho" , "繝偵Λ繧ｮ繝取�譛� Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS譏取悃E" , "�ｭ�ｳ �ｰ譏取悃" , "MS PMincho" , serif;
    font-weight: 500;
}

#side_col .widget_org li:nth-child(2n){
	background:#f1f1f1;
}

#side_col .widget_org li:nth-child(2n+1){
	background:#f7f7f8;
}

#side_col .widget_org li{
	margin-bottom:0px;
}

/* 繝��繝槭�繝�ヵ繧ｩ繝ｫ繝医�繧ｦ繧｣繧ｸ繧ｧ繝�ヨ譁�ｭ励し繧､繧ｺ繧貞､画峩 */
#side_service_category_list h3.headline {
	font-size:22px
}

/* 繝��繝槭°WP縺ｮ繧｢繝��繝��繝医〒荳句ｱ､縺ｮUL縺ｫCSS繧帝←逕ｨ縺吶ｋ蠢�ｦ√′縺ｧ縺阪◆縺溘ａ繧ｳ繝｡繝ｳ繝医い繧ｦ繝� */
/* .sns_container {
   list-style-type:none!important;
	display:flex;
	justify-content:center;
} */

.sns_container ul {
    list-style-type: none !important;
    display: grid;
    justify-content: center;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows:1fr;
}

/*SNS繝懊ち繝ｳ��PC��--------------------------------------------*/
/* 繝懊ち繝ｳ蜈ｨ菴� */
.flowbtn11{
font-family:'Verdana',sans-serif;	
border-radius:4px;
position:relative;
display:inline-block;
width:90%;
font-size:25px;
color:#fff!important;
text-decoration:none;
margin-bottom:5px;
max-width:200px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Instagram繧｢繧､繧ｳ繝ｳ菴咲ｽｮ */
.insta_btn11 .fa-instagram{
position:relative;
z-index:1;	
}
/* Instagram邏ｫ繧ｰ繝ｩ繝�レ譎ｯ濶ｲ */
.insta_btn11{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagram繧ｪ繝ｬ繝ｳ繧ｸ繧ｰ繝ｩ繝�レ譎ｯ濶ｲ */
.insta_btn11:before{
content: '';
position:absolute;
top:17px;
left:-75px;
width:100%;
height:100%;
background:-webkit-radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 45%, rgba(255, 88, 96, 0) 80%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 80%);
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}

/* LINE */
.fl_li1{
background:#00c300;
}

/* 繝懊ち繝ｳ蜀�ユ繧ｭ繧ｹ繝郁ｪｿ謨ｴ */
.flowbtn11 span {
    font-size: 14px;
    position: relative;
    left: 8px;
    bottom: 2px;
    transition: .6s;
    display: inline-block;
}

/* ul繧ｿ繧ｰ縺ｮ蜀��菴咏區繧抵ｼ舌↓縺吶ｋ */
ul.snsbtniti {
    padding: 0 !important;
}

/* 繧｢繧､繧ｳ繝ｳ繝懊ち繝ｳ縺ｮ菴咲ｽｮ隱ｿ謨ｴ */
.snsbtniti {
    display: flex;
    flex-flow: row wrap;
}

/* 繧｢繧､繧ｳ繝ｳ繝懊ち繝ｳ蜷悟｣ｫ縺ｮ菴咏區隱ｿ謨ｴ */
.snsbtniti li {
    flex: 0 0 48%;
    text-align: center !important;
}

.fa-brands, .fab {
	padding-right:10px;
}

/*SNS繝懊ち繝ｳ��MB��--------------------------------------------*/

/* 繝懊ち繝ｳ蜈ｨ菴� */
.flowbtn7 {
    border-radius: 50%;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 30px;
    color: #fff !important;
    text-decoration: none;
    transition: .5s;
	margin:10px;
}

/* 繧｢繧､繧ｳ繝ｳ繧偵←逵溘ｓ荳ｭ縺ｫ*/
.flowbtn7 i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ul繧ｿ繧ｰ縺ｮ蜀��菴咏區繧抵ｼ舌↓縺吶ｋ */
ul.snsbtniti {
    padding: 0 !important;
}

/* 繝懊ち繝ｳ蜈ｨ菴薙�菴咲ｽｮ */
.snsbtniti {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

/* Twitter */
.fl_tw7 {
    background: linear-gradient(135deg, #13f1fc 0%, #0470dc 100%);
}

/* Instagram繧｢繧､繧ｳ繝ｳ菴咲ｽｮ */
.insta_btn7 .fa-instagram {
    font-size: 35px;
}

/* Instagram邏ｫ繧ｰ繝ｩ繝�レ譎ｯ */
.insta_btn7 {
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    overflow: hidden;
}

/* Instagram繧ｪ繝ｬ繝ｳ繧ｸ繧ｰ繝ｩ繝�レ譎ｯ */
.insta_btn7:before {
    content: '';
    position: absolute;
    top: 27px;
    left: -12px;
    width: 59px;
    height: 40px;
    background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    background: radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

/* Facebook */
.fl_fb7 {
    background: linear-gradient(135deg, #6699ff 0%, #3b5998 100%);
}

/* LINE */
.fl_li7 {
    background: linear-gradient(135deg, #3a9278 0%, #00c300 100%);
}


/* 髱偵＞魑･髻ｳ讌ｽ謨吝ｮ､------------------------------------------------------------------------------------------- */

/* 荳ｭ螟ｮ謠�∴ */
.lesson_sec_container {
    padding: 20px 0 60px 0;
    display: flex;
    justify-content: center;
}

/* 蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ繧ｿ繧､繝医Ν */
.lesson_sec_title,
div h2.lesson_sec_title {
    margin: 20px 0;
    font-weight: 600;
    font-size: 2em;
}

/* 蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ繧ｳ繝ｳ繝�リ */
.lesson_sec_tmp {
    width: 75%;
    max-width: 1020px;
}

/* 繝�く繧ｹ繝医さ繝ｳ繝�リ */
.lesson_text_container {
    padding-bottom: 40px;
}

/* 豕ｨ驥� */
.lesson_annotation {
    line-height: 2;
}

/* 髱偵＞魑･髻ｳ讌ｽ謨吝ｮ､縺ｮ繝懊ち繝ｳ */
.lesson_botton {
    background-color: #222222;
    border: 2px solid #222222;
    width: 100%;
    max-width: 434px;
    transition: .3s;
}

.lesson_botton:hover {
    background-color: #fff;
}

div.lesson_botton a {
    display: block;
    height: 46px;
    line-height: 46px;
    min-width: 180px;
    max-width: 434px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

div.lesson_botton a:hover {
    color: #222222;
}

.icon_play {
    margin-right: 15px;
}


/* 繝ｬ繝�せ繝ｳ繧ｳ繝ｼ繧ｹ------------------------------------------------------------------------------------------- */

/* 繝ｬ繝�せ繝ｳ繧ｳ繝ｼ繧ｹ縺ｮ繧ｿ繧､繝医Ν */
.lesson_course_title {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin: 40px 0 20px 0;
    text-align: center;
}

.lesson_main-text_pc {
    text-align: center;
}

.lesson_banner_container {
    padding: 60px 0;
    max-width: 100%;
}

.lesson_banner_container a img {
    max-width: 100%;
}

.lesson_course_container {
    margin: 60px 0;
}

/* Table縺ｮ繝倥ャ繝€繝ｼ */
.lesson_grid_header {
    font-weight: bold;
    background-color: #f5f1e8;
    font-size: 16px;
}

/* 譁咎≡繧ｰ繝ｪ繝�ラ */
.lesson_price_grid-container {
    display: grid;
    grid-template-rows: repeat(3, 55px);
    grid-template-columns: repeat(3, 33.3%);
    grid-auto-flow: column;
    border: 1px solid grey;
    margin: 20px 0;
}

.lesson_price_grid-item {
    padding: 10px;
}

.border-top {
    border-top: 1px solid gray;
}

.border-bottom {
    border-bottom: 1px solid gray;
}

.border-left {
    border-left: 1px solid gray;
}

.border-right {
    border-right: 1px solid gray;
}

/* 繧ｳ繝ｼ繧ｹ繧ｰ繝ｪ繝�ラ */
.lesson_course_grid-container {
    display: grid;
    grid-template-rows: repeat(5, 50px);
    grid-template-columns: repeat(3, 33.3%);
    grid-auto-flow: column;
    border: 1px solid grey;
    margin: 20px 0;
}

.lesson_course_grid-title-1 {
    grid-row: 1/2;
    grid-column: 1/4;
}

.lesson_course_grid-item,
.lesson_room_grid-item {
    padding: 15px 10px 15px 30px;
}

/* 謨吝ｮ､繧ｰ繝ｪ繝�ラ */
.lesson_room_grid-container {
    display: grid;
    grid-template-columns: 1fr 18% 23% 23%;
    grid-template-rows: repeat(4, 50px);
    grid-auto-flow: column;
    border: 1px solid grey;
    margin: 20px 0;
}

.lesson_room_grid-title-1 {
    grid-row: 1/2;
    grid-column: 1/5;
}

.lesson_room_grid-item-ohter {
    grid-row: 5/6;
    grid-column: 4/5;
}

/* 繧ｰ繝ｪ繝�ラ------------------------------------------------------------------------------------------- */

/* Grid蜀��繝�く繧ｹ繝医さ繝ｳ繝�リ */
p.lesson_grid-text_container {
    max-width: 434px;
    font-size: 15px;
    margin-bottom: 0;
    padding-bottom: 20px;
    /*margin: 0 auto;*/
}

/* �貞��題｡後�Grid繧ｳ繝ｳ繝�リ�育判蜒丞承�� */
.lesson_grid_container-c2-r1 {
    display: grid;
    grid-template-columns: 45% 55%;
    padding: 0 0 60px 0;
}

/* �貞��題｡後�Grid繧ｳ繝ｳ繝�リ�育判蜒丞ｷｦ�� */
.lesson_grid_container-c2-r1-reverse {
    display: grid;
    grid-template-columns: 55% 45%;
    padding: 0 0 60px 0;
}

/* �貞�3陦後�Grid繧ｳ繝ｳ繝�リ�亥ｷｦ蜿ｳ蟇ｾ遘ｰ�� */
.lesson_grid_container-c2-r3 {
    display: grid;
    /*grid-template-rows:120px 260px 55%;*/
    grid-auto-rows: auto;
    grid-template-columns: 50% 50%;
    padding: 0 0 60px 0;
}

/* 3蛻暦ｼ題｡後�Grid繧ｳ繝ｳ繝�リ�亥插遲牙牡�� */
.lesson_grid_container-c3-r1 {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    padding: 0 0 60px 0;
}

/* �貞�3陦後�Grid縺ｮ蟾ｦ荳翫�繝�く繧ｹ繝� */
.lesson_grid_text-2-1 {
    grid-column: 1/2;
    grid-row: 2/3;
    padding: 20px;
}

/* �貞�3陦後�Grid縺ｮ蜿ｳ荳翫�繝�く繧ｹ繝� */
.lesson_grid_text-2-2 {
    grid-column: 2/3;
    grid-row: 2/3;
    padding: 20px;
}

/* �貞�3陦後�Grid縺ｮ蟾ｦ荳翫�逕ｻ蜒� */
.lesson_grid_img-2-1 {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 15px;
}

/* �貞�3陦後�Grid縺ｮ蟾ｦ荳九�逕ｻ蜒� */
.lesson_grid_img-2-2 {
    grid-column: 1/2;
    grid-row: 3/4;
}

/* �貞�3陦後�Grid縺ｮ蜿ｳ荳翫�逕ｻ蜒� */
.lesson_grid_img-2-3 {
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 15px;
}

/* �貞�3陦後�Grid縺ｮ蜿ｳ荳九�逕ｻ蜒� */
.lesson_grid_img-2-4 {
    grid-column: 2/3;
    grid-row: 3/4;
}


/* 逕ｻ蜒�------------------------------------------------------------------------------------------- */

/* 閭梧勹逕ｻ蜒擾ｼ医�繝ｼ繧ｸ繝･繧ｿ繧､繝ｫ�� */
.lesson_sec_beige {
    background-image: url(https://t-gakki.xsrv.jp/wp-content/uploads/2022/12/bk_beg_pattern.webp);
    background-repeat: repeat;
}

.lesson_sec_white {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2022/12/bk_off_pattern.webp);
    background-repeat: repeat;
}

.lesson_sec_ivory {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/03/bk_ivory_pattern.webp);
    background-repeat: repeat;
}

.lesson_sec_yellow {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/03/bk_yellow_pattern.webp);
    background-repeat: repeat;
}

.lesson_sec_blue {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/03/bk_blue_pattern.webp);
    background-repeat: repeat;
}

/* 蜈磯�ｭ縺ｮ魑･邀�縺ｮ逕ｻ蜒� */
.lesson_top-img_container {
    width: 155px;
    margin: 50px auto;
}

.lesson_top-img {
    width: 100%;
}

.lesson_subtitle-img_container {
    position: relative;
    width: 100px;
    margin: 100px auto;
}

.lesson_subtitle-img {
    position: absolute;
    top: -150px;
    width: 100%;
}

img.lesson_circle-img {
    margin: 20px;
    max-width: 90%;
    width: 90%;
    height: auto;
    /*max-width:320px;*/
}

img.lesson_circle-img_sec3 {
    max-width: 90%;
}

.lesson_catchcopy-img {
    padding-bottom: 20px;
}

/* 繝槭せ繧ｿ繝ｼ繧ｯ繝ｩ繧ｹ ------------------------------------------------------------------------------------------- */

/* 蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ繧ｿ繧､繝医Ν */
.master_sec_title,
div h2.master_sec_title {
    margin: 20px 0;
    font-weight: 600;
    font-size: 2em;
    padding-bottom: 40px;
    padding-top: 15px;
}

.master_button,
div.master_button a {
    max-width: 380px;
}

.master_button_container {
    width: 100%;
    max-width: 800px;
    display: grid;
    gap: 10px 10px;
}

/* 蜈磯�ｭ縺ｮ魑･邀�縺ｮ逕ｻ蜒� */
.master_top-img_container {
    width: 120px;
    margin: 0px auto;
    margin-top: 30px;
}

.master_sec0 {
    position: relative;
}

.master_sec0_sankaku {
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
}

.master_sec0_text {
    line-height: 2.5;
    font-size: 15px;
}

.master_sec0_circle_container {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}

.master_sec0_circle {
    background-color: #fff;
    border-radius: 50%;
    width: 230px;
    height: 230px;
    position: relative;
    margin: 10px;
}

.master_sec0_circle_text {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 2;
    /* font-weight: 500; */
}

.master_fukidasi_container {
    position: relative;
}

.master_fukidasi_container img {
    width: 100%;
}

.master_fukidasi_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    line-height: 1.4;
}

.master_bg-white {
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
}

.master_bg-white_text-container {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.master_sec2 {
    /* 	color:#fff; */
    padding-top: 60px;
}

.master_sec2_text {
    line-height: 2.5;
    font-size: 15px;
}

.master_sec2_bg-img {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/03/master_sec2_bg-img.webp);
    /* 逕ｻ蜒上ｒ蟶ｸ縺ｫ螟ｩ蝨ｰ蟾ｦ蜿ｳ縺ｮ荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
    background-position: center center;
    /* 逕ｻ蜒上ｒ繧ｿ繧､繝ｫ迥ｶ縺ｫ郢ｰ繧願ｿ斐＠陦ｨ遉ｺ縺励↑縺� */
    background-repeat: no-repeat;
    /* 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺檎判蜒上�鬮倥＆繧医ｊ螟ｧ縺阪＞譎ゅ€∝虚縺九↑縺�ｈ縺�↓蝗ｺ螳� */
    /*   background-attachment: fixed; */
    /* 陦ｨ遉ｺ縺吶ｋ繧ｳ繝ｳ繝�リ縺ｮ螟ｧ縺阪＆縺ｫ蝓ｺ縺･縺�※縲∬レ譎ｯ逕ｻ蜒上ｒ隱ｿ謨ｴ */
    background-size: cover;
}

.master_sec2_white-container {
    padding: 15px;
    padding-bottom: 40px;
    border-radius: 20px;
}

.master_sec3_img-text {
    line-height: 1.5;
}

.master_sec3_img-text_color {
    color: #fff;
    background-color: #91804a;
    padding: 5px;
    margin: 2px;
}

.master_sec3_text_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

/* 繝槭せ繧ｿ繝ｼ繧ｯ繝ｩ繧ｹ縲€繧ｰ繝ｪ繝�ラ */

/* �貞��題｡後�Grid繧ｳ繝ｳ繝�リ�育判蜒丞承�� */
.master_grid_container-c3-r1 {
    display: grid;
    grid-template-columns: 380px 1fr 1fr;
    padding: 0 0 60px 0;
}



/* Grid蜀��繝�く繧ｹ繝医さ繝ｳ繝�リ */
p.master_grid-text_container {
    /* 	max-width:530px; */
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

/* 繝槭せ繧ｿ繝ｼ繧ｯ繝ｩ繧ｹ縲€繧ｫ繝ｼ繝� */
.master_card_container {
    border: 2px solid #40B7E6;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1020px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    margin-bottom: 40px;
    min-height: 306px;
}

.master_card_text {
    padding: 20px;
    position: relative;
}

.master_card_img {
    padding-right: 20px;
    width: 60px;
    height: 50px;
}

.master_card_title {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    color: #40B7E6;
}

.master_card_title span h3 {
    font-weight: 700;
    font-size: 25px;
}

.master_card_description {
    line-height: 2;
}

.master_card_student-info {
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.master_card_movie {
    padding: 20px;
    position: relative;
}

.master_card_movie iframe {
    width: 100%;
    height: 100%;
}

/* 逕ｻ蜒上�蟶ｯ驛ｨ蛻� */

.master_lesson-img_container {
    display: flex;
    max-width: 100%;
}

.master_lesson-img_container img {
    width: 25%;
}

/* QA */
.master_qa_container {
    display: flex;
    align-items: center;
}

.master_qa_container_a {
    margin-bottom: 20px;
}

.master_qa_img {
    padding: 15px;
}

.master_qa_text_q {
    padding: 15px;
    font-size: 20px;
    line-height: 1.5;
}

.master_qa_text_a {
    padding: 15px;
    font-size: 16px;
    line-height: 1.5;
}

.master_review_bg-img {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/04/master_review_pc.webp);
    /* 逕ｻ蜒上ｒ蟶ｸ縺ｫ螟ｩ蝨ｰ蟾ｦ蜿ｳ縺ｮ荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
    background-position: center center;
    /* 逕ｻ蜒上ｒ繧ｿ繧､繝ｫ迥ｶ縺ｫ郢ｰ繧願ｿ斐＠陦ｨ遉ｺ縺励↑縺� */
    background-repeat: no-repeat;
    /* 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺檎判蜒上�鬮倥＆繧医ｊ螟ｧ縺阪＞譎ゅ€∝虚縺九↑縺�ｈ縺�↓蝗ｺ螳� */
    /*   background-attachment: fixed; */
    /* 陦ｨ遉ｺ縺吶ｋ繧ｳ繝ｳ繝�リ縺ｮ螟ｧ縺阪＆縺ｫ蝓ｺ縺･縺�※縲∬レ譎ｯ逕ｻ蜒上ｒ隱ｿ謨ｴ */
    background-size: cover;
}

.master_review_container {
    display: grid;
    grid-template-columns: repeat(2, 450px);
    grid-template-rows: 250px 250px 310px;
}

.master_review_card-container {
    margin: 15px;
    padding: 20px;
    border: 1px solid #40B7E6;
    line-height: 1.5;
    font-size: 16px;
}

.master_review_text-reviewer {
    /* 	font-size:20px; */
}

/* 繝代�繝輔ぉ繧ｯ繝医た繝ｫ繝輔ぉ繝ｼ繧ｸ繝･ ------------------------------------------------------------------------------------------- */

.lesson_ps_container_1 {
    position: relative;
}

.lesson_ps_grid {
    display: grid;
    grid-template-columns: 60% 1fr;
    grid-template-rows: 20% 75%;
}

.lesson_ps_grid .master_sec2_text {
    grid-row: 1/3;
    padding-right: 20px;
}

.lesson_ps_grid2 {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 45% 10% 45%;
    grid-template-rows: 430px 200px;
}

.lesson_ps_grid2_item_point {
    display: flex;
    justify-content: center;
}

.lesson_ps_grid2_item {
    display: flex;
    justify-content: center;
}

.lesson_note-1 {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/08/PS_Note1.png);
    background-repeat: no-repeat;
    height: 400px;
    width: 400px;
    position: absolute;
    left: -270px;
    animation: move_note-x 2s infinite alternate forwards ease-in;
}

.lesson_note-2 {
    background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/08/PS_Note2.png);
    background-repeat: no-repeat;
    height: 400px;
    width: 400px;
    position: absolute;
    top: 200px;
    right: -360px;
    animation: move_note-y 2s infinite alternate forwards ease-out;
}

.lesson_ps_headline {
    padding-bottom: 40px;
    position: relative;
}

.lesson_ps_headline_pc {
    max-width: 800px;
    margin: auto;
}

.lesson_ps_headline_pc img {
    position: absolute;
    top: -140px;
    left: 0px;
}

.lesson_ps_headline_mb {
    max-width: 500px;
    margin: auto;
    padding-bottom: 70px;
}

.lesson_ps_headline_mb img {
    position: absolute;
    top: -160px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.lesson_ps_fukidashi {
    padding:40px 10px 0px 10px;
}

.lesson_ps_card_container {
    position: relative;
}

.lesson_ps_point {
    position: absolute;
    top: -80px;
    left: -60px;
}

.lesson_ps_card {
    background-color: #DBDBDB;
    display: flex;
    /* justify-content: flex-end; */
    padding: 15px;
    max-width: 330px;
}

.lesson_ps_card_A {
    padding-right: 20px;
}

.lesson_ps_card_text {
    line-height: 1.5;
    font-weight: 540;
}



@keyframes move_note-x {
    0% {
        transform: translatex(20px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes move_note-y {
    0% {
        transform: translatey(20px);
    }

    100% {
        transform: translatey(0);
    }
}

.lesson_list_check {
    background-color: white;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
    max-width: 434px;
}

.lesson_list_check ul {
    list-style: none;
    padding: 20px 10px 20px 0;
}

.lesson_list_check li:before {
    content: "";
    position: absolute;
    top: .75em;
    left: .9em;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: .2em;
    height: .5em;
    border-right: 2px solid #40bdec;
    border-bottom: 2px solid #40bdec;
}

.lesson_list_check li:after {
    content: "";
    position: absolute;
    top: .55em;
    left: .5em;
    width: 1em;
    height: 1em;
    border: solid 1px #40bdec;
}

.lesson_list_check li {
    position: relative;
    padding-left: 2.5em;
    list-style: none;
}

/* 繧ｰ繝ｬ繝ｼ繝峨ユ繧ｹ繝� */
.grade-test .grade-test_text {
	line-height:2.5em;
	padding-top:50px;
	padding-bottom:50px;
	font-size:1.9em;
}

.grade-test_subtitle {
	padding:20px;
	line-height:2em;
	font-size:1.5em;
}

.grade-test_grid_container-c2-r1 {
    display: grid;
    grid-template-columns: 50% 50%;
	padding-bottom:30px;
	padding-top:50px;
}

.grade-test_grid_container-c2-r1 div img {
	max-width:80%;
	padding:30px;
}

.grade-test_grid_img {
	text-align:center;
}

.grade-test_sec2_container {
	padding-bottom:100px;
}

.grade-test_sec2_white-container {
	box-shadow:10px 10px 20px rgba(0, 0, 0, .5);
}

/* 髱偵＞魑･繧ｳ繝ｳ繝壹ユ繧｣繧ｷ繝ｧ繝ｳ */

.compe_sec1_container {
	padding-top:50px;
	padding-bottom:50px;
}

p.compe_grid-text_container {
    max-width: 434px;
    font-size: 15px;
    margin-bottom: 0;
    padding-bottom: 20px;
    /*margin: 0 auto;*/
}

.compe_sec1_text {
	font-size:1.2em;
	line-height:3em;
}

.compe_sec3_title {
	text-align:center;
}

.compe_grid1 {
	max-height:280px;
}

.compe_grid2 {
	max-height:470px;
}

.compe_grid-img {
	max-height:85%;
	width:100%;
	object-fit:contain; /* 邵ｮ蟆ｺ縺ｮ閾ｪ蜍戊ｪｿ謨ｴ */
}

p.compe_grid-text_container {
    max-width: 500px;
    font-size: 15px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

/* �貞��題｡後�Grid繧ｳ繝ｳ繝�リ�育判蜒丞承�� */
.compe_grid_container-c2-r1 {
    display: grid;
    grid-template-columns: 55% 45%;
    padding: 0 0 60px 0;
}

/* �貞��題｡後�Grid繧ｳ繝ｳ繝�リ�育判蜒丞ｷｦ�� */
.compe_grid_container-c2-r1-reverse {
    display: grid;
    grid-template-columns: 45% 55%;
    padding: 0 0 60px 0;
}

/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝門ｯｾ蠢�------------------------------------------------------------------------------------------- */
@media screen and (max-width:1350px) {
    .master_sec0_circle_container {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        max-width: 510px;
        margin: 30px auto;
    }

    .lesson_ps_grid {
        grid-template-rows: 25% 1fr;
    }

    .content_pc-1350 {
        display: none !important;
        height: 0 !important;
    }
}

@media screen and (max-width:1150px) {
    .master_grid_container-c3-r1 {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 1fr 1fr;
        padding: 0 0 60px 0;
    }

    .master_sec3_teacher-1,
    .master_sec3_teacher-2 {
        grid-row: 1/2;
    }

    .master_sec3_text_container {
        grid-row: 2/2;
        grid-column: 1/3;
        display: block;
        padding-top: 20px;
    }

    .master_button_container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .lesson_ps_grid {
        display: block;
    }

    .lesson_ps_grid2 {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 100%;
        grid-template-rows: 430px 200px 100px 0px 430px 200px;
    }

}

@media screen and (max-width:950px) {

    p.org-text,
    span.org-text {
        font-size: 16px;
    }

    div.cf_content_list h3.org-header_2 {
        font-size: 15px;
    }

    div.cf_content_list h3.org-header_1 {
        font-size: 18px;
    }

    .lesson_sec_tmp {
        width: 90%;
    }

    .voice_date {
        font-size: 12px;
    }

    .content_pc {
        display: none !important;
        height: 0 !important;
    }

    .content_mb {
        display: block !important;
    }

    .sns_container {
        padding-bottom: 20px;
    }

    p.lesson_grid-text_container {
        max-width: 100%;
    }

    /* Grid繧抵ｼ大�縺ｫ縺吶ｋ */
    .lesson_grid_container-c2-r1,
    .lesson_grid_container-c2-r1-reverse,
	.grade-test_grid_container-c2-r1,
	.compe_grid_container-c2-r1,
	.compe_grid_container-c2-r1-reverse{
        grid-template-columns: 1fr;
        padding: 0 0 25px 0;
    }

    .lesson_grid_container-c2-r3 {
        display: grid;
        /*grid-template-rows:60px 190px 320px 60px 260px 320px;*/
        grid-auto-rows: auto;
        grid-template-columns: 1fr;
        padding: 30px 0;
    }

    .lesson_grid_text-2-1 {
        grid-column: 1/2;
        grid-row: 2/3;
        padding: 20px;
    }

    .lesson_grid_text-2-2 {
        grid-column: 1/2;
        grid-row: 5/6;
        padding: 20px;
    }

    .lesson_grid_img-2-1 {
        grid-column: 1/2;
        grid-row: 1/2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lesson_grid_img-2-2 {
        grid-column: 1/2;
        grid-row: 3/4;
    }

    .lesson_grid_img-2-3 {
        grid-column: 1/2;
        grid-row: 4/5;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lesson_grid_img-2-4 {
        grid-column: 1/2;
        grid-row: 6/7;
    }

    .lesson_grid_container-c3-r1 {
        display: grid;
        grid-template-columns: 100%;
        margin: 0 0 25px 0;
        padding: 0;
    }

    /* 荳九↓驟咲ｽｮ縺吶ｋ */
    .lesson_grid-down {
        grid-column: 1/1;
        grid-row: 2/2;
    }

    /* 荳翫↓驟咲ｽｮ縺吶ｋ */
    .lesson_grid-up {
        grid-column: 1/1;
        grid-row: 1/2
    }

    /* 蜀�ｽ｢逕ｻ蜒上ｒ荳贋ｸ倶ｸｭ螟ｮ縺ｫ縺吶ｋ */
    .lesson_circle-img_container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 蜀�ｽ｢逕ｻ蜒上ｒ繧ｹ繝槭�縺ｧ隕九◆蝣ｴ蜷医�讓ｪ蟷�♀繧医�荳狗ｩｺ髢薙€€*/
    img.lesson_circle-img,
    img.lesson_circle-img_sec3 {
        max-width: 280px;
        margin: 0 0 20px 0;
    }

    /* 繝舌リ繝ｼ縺ｮ荳贋ｸ九�菴咏區繧定ｪｿ謨ｴ */
    .lesson_banner_container {
        padding: 30px 0;
    }

    .lesson_grid-up,
    .lesson_grid-down {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 15px 0;
    }

    .lesson_grid_header {
        font-size: 13px;
    }

    .lesson_annotation {
        font-size: 12px;
    }

    /* 譁咎≡繧ｰ繝ｪ繝�ラ---------------------------- */
    .lesson_price_grid-container {
        display: grid !important;
        grid-template-rows: repeat(3, 55px);
        grid-template-columns: 40% 60%;
        font-size: 13px;
        grid-auto-flow: row;
    }

    /* 繧ｳ繝ｼ繧ｹ繧ｰ繝ｪ繝�ラ---------------------------- */
    .lesson_course_grid-container {
        display: grid;
        grid-template-rows: repeat(7, 50px);
        grid-template-columns: 50% 50%;
        border: 1px solid grey;
        margin: 20px 0;
    }

    .lesson_course_grid-title-1 {
        grid-row: 1/2;
        grid-column: 1/3;
    }

    /* 謨吝ｮ､繧ｰ繝ｪ繝�ラ--------------------------------------- */
    .lesson_room_grid-container {
        grid-template-columns: 1fr 25% 30%;
        grid-template-rows: repeat(7, 50px);
    }

    .lesson_room_grid-title-1 {
        grid-row: 1/2;
        grid-column: 1/4;
    }

    .lesson_room_grid-item-ohter {
        grid-row: 7/8;
        grid-column: 3/4;
    }

    .master_grid_container-c3-r1 {
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        padding: 0 0 60px 0;
    }

    .master_sec3_teacher-1 {
        grid-row: 1/2;
        margin-bottom: 20px;
    }

    .master_sec3_teacher-2 {
        grid-row: 2/3;
    }

    .master_sec3_text_container {
        grid-row: 3/4;
    }

    /* 繝槭せ繧ｿ繝ｼ繧ｯ繝ｩ繧ｹ縲€繧ｫ繝ｼ繝峨げ繝ｪ繝�ラ */
    .master_card_container {
        grid-template-columns: 100%;
        grid-template-rows: 1fr 300px;
    }

    .master_lesson-img_container {
        overflow-x: scroll;
    }

    .master_lesson-img_container img {
        width: 95%;
    }

    /* 繝槭せ繧ｿ繝ｼ繧ｯ繝ｩ繧ｹ縲€繧ｯ繝ｩ繧ｹ隧ｳ邏ｰ */
    .master_card_student-info {
        right: 20px;
        top: -5px;
    }

    /* 繝槭せ繧ｿ繝ｼ繧ｯ繝ｩ繧ｹ縲€QA */
    .master_qa_text_q {
        font-size: medium;
        line-height: 1.5;
    }

    /* 繝槭せ繧ｿ繝ｼ繧ｯ繝ｩ繧ｹ縲€縺頑ｯ肴ｧ倥�螢ｰ */
    .master_review_bg-img {
        background-image: url(https://www.takamatsu-gakki.jp/wp-content/uploads/2023/04/master_review_mb.webp);
    }

    .master_review_container {
        display: grid;
        grid-template-columns: 380px;
        grid-template-rows: repeat(4, 270px) 300px 300px;
    }

    .master_review_card-container {
        font-size: 15px;
    }

    .master_review_text-container {
        width: 90%;
    }

    .master_review_text-reviewer {
        /* 	font-size:18px; */
    }
	
	#side_service_category_list h3.headline {
		font-size:16px
	}
	
	/* 髱偵＞魑･繧ｳ繝ｳ繝壹ユ繧｣繧ｷ繝ｧ繝ｳ */
	.compe_grid1,
	.compe_grid2 {
		max-height:100%;
	}
}

@media screen and (max-width:600px) {
    .content_pc_2 {
        display: none;
    }

    .content_mb_2 {
        display: block !important;
    }

    /* 繧ｳ繝ｼ繧ｹ繧ｰ繝ｪ繝�ラ---------------------------- */
    .lesson_course_grid-container {
        display: grid;
        grid-template-rows: repeat(12, 50px);
        grid-template-columns: 100%;
        border: 1px solid grey;
        margin: 20px 0;
    }

    .lesson_course_grid-title-1 {
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .lesson_course_grid-item {
        grid-column: 1/2;
    }

    .lesson_course_grid-title-1 {
        grid-row: 1/2;
        grid-column: 1/2;
    }

    /* 謨吝ｮ､繧ｰ繝ｪ繝�ラ--------------------------------------- */
    .lesson_room_grid-container {
        grid-template-columns: 100%;
        grid-template-rows: repeat(13, 40px);
    }

    .lesson_room_grid-title-1 {
        grid-row: 1/2;
        grid-column: 1/4;
    }

    .lesson_room_grid-item {
        grid-column: 1/2;
    }

    .lesson_room_grid-item-ohter {
        grid-row: 14/15;
        grid-column: 1/2;
    }

    .master_sec0_circle_container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .lesson_ps_point {
        position: absolute;
        top: -95px;
        left: -25px;
    }

    .lesson_ps_card_text {
        font-size: small;
    }

    .lesson_ps_headline_mb {
        max-width: 351px;
    }

    .lesson_ps_headline_mb img {
        position: absolute;
        top: -120px;
        left: 50%;
    }
	
	.fa-brands, .fab {
		padding-right:0px;
	}
	
	/* 繧ｰ繝ｬ繝ｼ繝峨ユ繧ｹ繝� */
	.grade-test .grade-test_text {
	font-size:1.7em;
}

}

/* 荳狗泙蜊ｰ */
.arrow {
    width: 30px;
    height: 30px;
    border: 5px solid;
    border-color: transparent transparent #565656 #565656;
    transform: rotate(-45deg);
    margin: auto;
}

/* 繝�ヵ繧ｩ繝ｫ繝医�繝�ム繝ｼ縺鯉ｼ定｡瑚｡ｨ遉ｺ荳榊庄縺ｪ轤ｹ繧呈隼蝟� */
@media screen and (max-width:950px) {
    .cf_content_list .item {
        margin: 0;
    }

    .cf_content_list h3.headline {
        font-size: 16px;
        height: auto;
        min-height: 42px;
        line-height: 42px;
        padding: 0 20px;
    }
}

/* 繝医ャ繝励�繝ｼ繧ｸSNS繝懊ち繝ｳ��PC��--------------------------------------------*/
.field {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.opacity:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

/* 繝医ャ繝励�繝ｼ繧ｸSNS繝懊ち繝ｳ��MB��--------------------------------------------*/



/* 404繝壹�繧ｸ��PC��--------------------------------------------*/
<?php

get_header();

?>
<div class="page-404">
  <h1>404 NOT FOUND</h1>
  <p>縺頑爾縺励�繝壹�繧ｸ縺ｯ隕九▽縺九ｊ縺ｾ縺帙ｓ縺ｧ縺励◆</p>
  <?php // 繝医ャ繝励↓謌ｻ繧九�繧ｿ繝ｳ ?>
  <a href="<?php echo esc_url( home_url( '/' ) ); ?>">繝医ャ繝励↓謌ｻ繧�</a>
  <?php get_search_form(); // 讀懃ｴ｢繝輔か繝ｼ繝� ?>
</div>
<?php

get_footer();