@charset "UTF-8";
/* CSS Document */
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900
.noto-sans-jp- {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight:500,600,700,800;
  font-style: normal;}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_//_/_/_/_/_/_/_
 リセット
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, section, summary,
time, mark, audio, video {
	/*margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}*/
ul {list-style:none;}
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;}
.hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    width: 80%;
    margin: 70px auto;}
input, select {
	vertical-align:middle;}
/* clearfix */
.cf {zoom: 1;}
.cf:before, .cf:after {
	content: "";
	display: table;}
.cf:after{
		/*content:".";*/
		display:block;
		clear:both;
		height:0;
		visibility:hedden;
		overflow:hidden;}
.clear{overflow:hidden;}
.bold{font-weight:bold;}
.br480{display: none;}
/*.youtube {
  display: block;
  margin: 1.5em auto 5em;
  max-width: 100%;}*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top: 50px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.smb30{margin-bottom:30px;}
.smb50{margin-bottom:50px;}
.mr40{margin-right: 40px;}
.mr58{margin-right: 58px;}
.ml30{margin-left: 30px;}
.smr40{margin-right: 40px;}
.smt80{margin-top: 80px;}
.part1 img{margin-top: -20px;
padding-top: 0px;}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body {
	width: 100%;
	font-size: 1em;
	line-height: 1.7;
	color:#464646;
	font-family: "Noto Sans JP", Tahoma, Geneva, sans-serif;}
.for-pc { display:block; }
.for-sp { display:none; }
/**********キャンペーン中の表示**********/
.ow_cam{
    font-size: 3em;
    text-align:center;
    color:#f00;
    font-weight: bold;}
.center_img img{
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-left: 35px;
}
/**********   main   **********/
article, section{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;}
.usu{
    font-size: 14px;}
.h301{font-size: 24px;}
.ow_top{
    max-width: 960px;
    width: 100%;
    height: auto;
    display: block;}
.ow_top img{
    max-width: 960px;
    width: 100%;
    height: auto;
    display: block;}
.flex_box{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:flex;
    margin-bottom: 60px;}
.flex_box007{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:flex;
    margin-bottom: 0px;}
.mb80{
    margin-bottom: 80px;}
.square {
    height:5px;
    width:5px;
    color:#fff;
    line-height:5px;
    text-align:center;
    vertical-align: middle !important;
    font-size: 1.3em;
    padding: 0.2em 0.4em;
    margin-right: 0.5em;}
.ow_c{background-color: #5CC44E !important;}
.aow_c{background-color:#F55B09;}
.efr_c{background-color:#F24E7D;}
.red_c{background-color:#E61518;}
.dm_c{background-color:#31B6B5;}
.idc_c{background-color:#574CE0;}
.sp_c{background-color:#4c85e0;}
.msd_c{background-color:#d3c76f;}

/*****************レンタル器材***********/
.s_green{border-left: 3px solid #5CC44E;}
.s_aow{border-left: 3px solid #F55B09;}
.s_efr{border-left: 3px solid #F24E7D;}
.s_red{border-left: 3px solid #E61518;}
.s_dm{border-left: 3px solid #31B6B5;}
.s_idc{border-left: 3px solid #574CE0;}
.s_sp{border-left: 3px solid #4c85e0;}
.s_msd{border-left: 3px solid #d3c76f;}

/*********ボタン追加20250310***************/
.ca_free{
    margin: 10px auto 30px;
    max-width: 900px;
    width: 90%;}
.box000{
  display: flex;
  justify-content: center;
  height: 200px; }
.box001{
  display: flex;
  justify-content: center; 
  height: 200px; }
.btn {
  font-size: 22px;
  display: inline-block;
  padding: 1.8em 2.5em;
  border-radius:100vh;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  margin: 2em auto 5em;
  line-height:0.6;}
.btn:hover {
  box-shadow: none;
  transform: translateY(5px);}
.btn:active {
  box-shadow: none;
  transform: translateY(5px);}
.ow_bc{
  background-color: #5CC44E;
  box-shadow: 0 5px 0 #2aa31a;}
.aow_bc{
  background-color:#EF7F40;
  box-shadow: 0 5px 0 #f25902;}
.efr_bc{
  background-color:#F24F7E;
  box-shadow: 0 5px 0 #fa024a;}
.red_bc{
  background-color:#E31311;
  box-shadow: 0 5px 0 #bf0402;}
.dm_bc{
  background-color:#31B6B5;
  box-shadow: 0 5px 0 #018a89;}
.idc_bc{
  background-color:#594CE1;
  box-shadow: 0 5px 0 #1802f7;}
.sp_bc{
  background-color:#27ACD9;
  box-shadow: 0 5px 0 #029fd4;}
.msd_bc{
  background-color:#D3C86F;
  box-shadow: 0 5px 0 #D3C86F;}
.asoview{
    margin-top: 50px;
    padding: 20px;
    display: block;
    text-align: center;}
/*.aso{
    max-width: 800px;
    width: 90%;
    height: auto;
    margin: 0 auto;}*/





/************ここまで************/

.option_p{
    text-align: center;
    color: #fff;
    max-width: 100px;
    height: 21px;
    font-size: 0.8em;}
.p14{
    font-size: 14px;
}
.option{
    margin-left: 30px;
    margin-bottom: 0px;}
.h303{
    font-size: 20px;
    font-family: "Noto Sans JP", Tahoma, Geneva, sans-serif;
    margin-top: -5px;
    padding-top: 0px;}
.h303_1 {
    border-bottom: 1px solid #ACACAC;
    display: inline-block;
    padding-bottom: 10px;
    font-size: 24px;
    font-family: "Noto Sans JP", Tahoma, Geneva, sans-serif;
    margin: 0px 0 5px 0;
    font-weight: 400;
    width: 100%;}
.box1{
    max-width: 465px;
    width: 100%;
    height: auto;
    margin-right: 25px;}
.box2{
    max-width: 470px;
    width: 100%;
    height: auto;}
.small{
    font-size: 10px;}
.small1{
    font-size: 12px;
    margin-bottom: 0px;
    padding-bottom: 0px;}
.small2{
    font-size: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;}
.center480{
    text-align: center;
    margin-bottom: 1em;}
.flex_box002{
    display: flex;
    text-align: left !important;
    vertical-align: middle;}
.ow img{
    margin-right: 15px;}
.box02{/*margin-top: 13px;*/
    margin-bottom: 20px;}
.h3{
    font-size: 25px;
    margin-top: 30px;}
table{
    max-width: 470px;}
table td {
	background: #fff;
    padding: 4px 5px;
    font-size: 12px;}
table tr:nth-child(odd) td {
	background: #eee;}
.large{
    font-size: 2em;
    font-weight: bold;}
.flex_box660{
    display: flex;
    max-width: 660px;
    width: 100%;
    height: auto;
    margin: 1em auto 15em;
    margin-right: auto !important;}
.box460{
    max-width: 460px;
    width: 100%;
    height: auto;}
.flex_box470{
    max-width: 960px;
    width: 100%;
    height: auto;
    display: flex;
    text-align: left !important;
    vertical-align: middle;
    margin-right: auto;
    margin-bottom: 10em;}
.noto14{
    font-family:"Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size:14px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: justify;}
.f14{font-size: 14px;}
.box3{
    max-width: 526px;
    width: 100%;
    height: auto;
    margin-right: 30px;}
.box4{
    max-width: 404px;
    width: 100%;
    height: auto;}
.p17{
    font-size: 17px;
    border-bottom: 2px solid #999;
    padding-bottom: 0.5em;
    width: 60%;
    margin-bottom: 1em;}
.h4{
    font-size: 2em;
    background-color:#EFF0F5;
    padding: 0.5em 1em;
    line-height: 2;
    margin-bottom: 1.5em;}
.noto15{
    font-size: 15px;
    margin-bottom: 1.5em;}
.left_green{
    border-left:solid 5px #5CC44E;
    margin-bottom: 5em;}
.h301{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;}
.pli{
    font-size: 16px;
    margin-top:0.3em;
    padding-left: 15px;}
.youtube {
    max-width: 960px;
  width: 100%;
  aspect-ratio: 16 / 9;
    margin: 1.5em auto;}
.youtube iframe {
  width: 100%;
  height: 100%;}
iframe{
    margin-bottom: 50px;}
.h302{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;
    border-left:solid 5px #5CC44E;
    margin-bottom: 1em !important;}
.box5{
    max-width: 470px;
    width: 100%;
    height: auto;}
.mr20{
    margin-right: 20px;}
/************ここから*****************/
.heading_ow{
    border-left: solid 3px #5CC44E;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.heading_aow{
    border-left: solid 3px #F55B09;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.heading_efr{
    border-left: solid 3px #F24E7D;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.heading_red{
    border-left: solid 3px #E61518;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.heading_dm{
    border-left: solid 3px #31B6B5;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.heading_idc{
    border-left: solid 3px #574CE0;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.heading_sp{
    border-left: solid 3px #4c85e0;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.heading_msd{
    border-left: solid 3px #d3c76f;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.course{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 1em auto 2em;}
.flex_box0{
    max-width: 960px;
    width: 100%;
    height: 200px;
    display: flex;
    margin-bottom: 2em;}
.fx_ch1{
    width: 24.16%;
    margin-right: 20px;}
.box001 img{
    max-width: 232px;
    width: 100%;
    height: 200px; }
.fx_ch2{
    max-width: 280px;
    width: 28%;
    margin-right: 30px;
    margin-top: 3px;}
.flex_option{
    display: flex;
    max-width: 430px;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    border: solid 1px #D1CFCF;
    padding: 5px;
    /*box-shadow: 0px 0px 5px #666666;*/}
.fx_ch3 img{
    max-width: 136px;
    width: 100%;
    margin-right: 50px;}
.fx_ch4{
    max-width: 284px;
    width: 100%;}
.option_l{
    text-align: center;
    color: #fff;
    max-width: 100px;
    height: 21px;
    font-size: 0.8em;
    border-radius: 5px;
    margin-bottom: 1em;}
/*.ow_c{background-color: #5CC44E;}*/

.ul1 img{border-bottom: 1px solid #fff;}


/***********オプションの1行左右寄せ**********/
.subject {
   text-align: left;
   float: left;}
.date {
   text-align: right;
    font-size: 1.5em;}
.titlebar {
   background-color:#EDEDED;
    padding: 0.8em 1em;
   color:#262626;
   font-weight:bold;
    margin-bottom: 1em;}
.flex_box003{
    width: 960px;
    height: auto;
    display: flex;}
.gakka{
    max-width: 532px;
    width: 55%;
    height: auto;
    margin-right: 32px;}
.gakka2{
    max-width: 394px;
    width: 45%;
    height: auto;}
.flex_box004{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:flex;
    margin-bottom: 30px;}
.part1{
    max-width: 530px;
    width: 100%;}
.part2{
    max-width: 430px;
    width: 100%;
    margin-top: 5px;
    margin-left: 30px;}
.flex_box005{
    display: flex;
    max-width: 430px;
    width: 100%;
    margin-bottom: 4em;
    position: relative;}
.place{
    position:absolute;
    top: 0;
    right: 0;}
.right_side{
        text-align: center;
        font-size: 0.65em;
        background-color:#EDEDED;
        border-radius: 25px;
        width: 150px;
        color:#666;
        max-height: 25px;
        vertical-align: middle;
        margin-top: 5px;
        line-height: 2.5;}
.sti{
    font-weight: bolder;
    font-size: 20px;
    text-align: left;}
.waku925{
    max-width: 940px;
    width: 100%;
    height: auto;}
.flex_box006{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content:space-between;
    margin: 1em auto 2em;
    padding-left: 0px !important;
    margin-left: 0px !important}
.flex_box006 li{
    max-width: 450px;
    width: 100%;
    height: auto;
}
.flex_box006 li img{
    box-shadow:3px 3px 8px #CACACA;}
.flex_box006 li:nth-of-type(n+3) {
  margin-top:30px;}
picture .rental{
    margin-left: 0px;
    padding-left: 0px;
    max-width: 450px !important;
    width: 100%;}

.box06{
    max-width: 435px;
    width: 100%;
    height: auto;
    margin-right: 40px;
    margin-top: 3em;
    font-size: 1.5em;}
.h4_1{
    border-bottom: solid 2px #CACACA;
    padding-bottom: 0.3em;
    margin-bottom: 1em;}
/*****************************************
***---    トップページ以外の設定    ---***
******************************************/
hr{
	border: none;
	height: 5px;
	color: #FFFFFF;
	clear:both;
	margin-top:30px;
	background-image: url(../../school2/img/dotted.png);
	background-repeat: repeat-x;
	width:100%;}
/*****************************************
***---    OWページ    ---***
******************************************/
.inq{
    max-width: 640px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 1em auto 10em;}
.float_box{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 0em auto 100px;
    box-sizing: border-box;
    padding: 0px;}
.right001{
    max-width: 460px;
    width: 98%;
    height: auto;
    float: right;
    margin-left: 15px;}
.left001{
    max-width: 440px;
    width: 98%;
    height: auto;
    float: left;}
/*****************************************
***---    目次   ---***
******************************************/
.link{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 80px auto 100px;
    position: relative;}
.flex_licence{
    display: flex;}
.start, .next, .last{
    max-width: 295px;
    width: 30%;
    height: auto;
    margin-right: 30px;}
.under_l{
    width: 295px;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #666;
    margin: 1.5em auto;
    padding: 0.5em;}
.triangle1{
    width: 5%;
    position: absolute;
    top:30px;
    left: 310px;}
.triangle2{
    width: 5%;
    position: absolute;
    top:30px;
    left: 630px;}
.more{
    max-width: 370px;
    width: 38.54%;
    height: auto;
    margin: 3em auto;}
.center{
    text-align: center;
    margin: 0 auto;}
.normal{
    font-size: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    margin-bottom: 1em;}

/*************IDC追加分*********/
.bnr{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 0em auto 5em;}
.idc_img{
    max-width: 800px;
    width: 100%;
    height: auto;
    margin: 0em auto 3em;
    border-radius: 20px;
    display: block;}
.waku_idc{
    max-width:430px;
    width: 100%;
    border: solid 1px #EDEDED;
    padding: 10px;
    margin-bottom: 30px;
    font-size: 14px;}
.h5{
    font-size: 1.3em;
    margin-top: 1em;
    display: block;}
.bolder{
    font-weight: bolder;
    margin-bottom: 1em;}
/************SP****************/
.h304{
    font-size: 24px;
    font-weight: bolder;
}
/*************団体*********/
.w709{
    max-width: 709px;
    width: 80%;
    margin: 0 auto 50px;}

/*****************************************
***----------    mediaquery    ----------***
******************************************/

@media screen and (max-width: 768px) {
    article, .section{
        max-width: 768px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        box-sizing: border-box;}
.ow_top{
    max-width: 768px;
    width: 100%;
    height: auto;
    display: block;}
.ow_top img{
    max-width: 768px;
    width: 100%;
    height: auto;
    display: block;}
.flex_option{
    display: flex;
    max-width: 430px;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    /*border: solid 1px #666666;*/
    padding: 5px;
    box-shadow: 0px 0px 5px #666666;}
.fx_ch3 img{
    max-width: 126px;
    width: 29.3%;
    /*margin-right: 20px;*/}
.fx_ch4{
    max-width: 180px;
    width: 41%;
    margin-left: 10px !important;
    margin-top: 15px;}
.flex_box{
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:flex;
    margin-bottom: 60px;}
.flex_box007{
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:flex;
    margin-bottom: 0px;}
.mb80{
    margin-bottom: 80px;}
.square {
    height:5px;
    width:5px;
    color:#fff;
    line-height:5px;
    text-align:center;
    vertical-align: middle !important;
    font-size: 1.3em;
    padding: 0.2em 0.4em;
    margin-right: 0.5em;}
/*****************レンタル器材***********/
.option{
    margin-left: 30px;
    margin-bottom: 0px;}
.h303_1 {
    border-bottom: 1px solid #ACACAC;
    display: inline-block;
    padding-bottom: 10px;
    font-size: 24px;
    font-family: "Noto Sans JP", Tahoma, Geneva, sans-serif;
    margin: 0px 0 5px 0;
    font-weight: 400;
    width: 100%;}
.box1{
    max-width: 200px;
    width: 100%;
    height: auto;
    margin-right: 25px;}
.box2{
    max-width: 450px;
    width: 100%;
    height: auto;}
.small{
    font-size: 12px;}
.small1{
    font-size: 13px;}
.flex_box002{
    display: flex;
    text-align: left !important;
    vertical-align: middle;}
.ow img{
    margin-right: 15px;}
.box02{margin-top: 13px;
    margin-bottom: 20px;}
.h3{
    font-size: 30px;
    margin-top: 30px;}
table{
    max-width: 450px;}
/*table td {
	background: #eee;
    padding: 4px 5px;}
table tr:nth-child(odd) td {
	background: #fff;}*/
.large{
    font-size: 2em;
    font-weight: bold;}
.flex_box660{
    display: flex;
    max-width: 640px;
    width: 100%;
    height: auto;
    margin: 1em auto 10em;
    margin-right: auto !important;}
.box460{
    max-width: 460px;
    width: 100%;
    height: auto;}
.flex_box470{
    max-width: 768px;
    width: 100%;
    height: auto;
    display: flex;
    text-align: left !important;
    vertical-align: middle;
    margin-right: auto;
    margin-bottom: 10em;}
.noto14{
    font-family:"Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size:14px;
    margin-top: 20px;
    margin-bottom: 20px;}
.box3{
    max-width: 526px;
    width: 100%;
    height: auto;
    margin-right: 30px;}
.box4{
    max-width: 404px;
    width: 100%;
    height: auto;}
.p17{
    font-size: 17px;
    border-bottom: 2px solid #999;
    padding-bottom: 0.5em;
    width: 60%;
    margin-bottom: 1em;}
.h4{
    font-size: 2em;
    background-color:#EFF0F5;
    padding: 0.5em 1em;
    line-height: 2;
    margin-bottom: 1.5em;}
.noto15{
    font-size: 15px;
    margin-bottom: 1.5em;}
.left_green{
    border-left:solid 5px #5CC44E;
    margin-bottom: 5em;}
.h301{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;}
.pli{
    font-size: 16px;
    margin-top:0.3em;
    padding-left: 15px;}
.h302{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;
    border-left:solid 5px #5CC44E;
    margin-bottom: 1em !important;}
.box5{
    max-width: 470px;
    width: 100%;
    height: auto;}
.mr20{
    margin-right: 20px;}
/************ここから*****************/
.heading_ow{
    border-left: solid 3px #5CC44E;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.course{
    max-width:768px;
    width: 100%;
    height: auto;
    margin: 1em auto 2em;}
.flex_box0{
    max-width: 768px;
    width: 100%;
    height: 200px;
    display: flex;
    margin-bottom: 2em;}
.fx_ch1{
    width: 24.16%;
    margin-right: 20px;}
.box001 img{
    max-width: 232px;
    width: 100%;
    height: 200px; }
.fx_ch2{
    max-width: 280px;
    width: 28%;
    margin-right: 30px;
    margin-top: 3px;}
.fx_ch3 img{
    max-width: 136px;
    width: 100%;
    margin-right: 15px;}
.fx_ch4{
    max-width: 251px;
    width: 100%;}
.option_l{
    /*background-color: #5CC44E;*/
    text-align: center;
    color: #fff;
    max-width: 100px;
    height: 21px;
    font-size: 0.8em;
    border-radius: 5px;
    margin-bottom: 1em;}
.ow_c{background-color: #5CC44E;}

/***********オプションの1行左右寄せ**********/
.subject {
   text-align: left;
   float: left;
    font-size: 1.5em;
    margin-top: 0.5em;}
.date {
   text-align: right;}
.titlebar {
   background-color:#EDEDED;
    padding: 0.3em 1em;
   color:#262626;
   font-weight:bold;
    margin-bottom: 1em;}
.flex_box003{
    width: 768px;
    height: auto;
    display: flex;}
.gakka{
    max-width: 532px;
    width: 55%;
    height: auto;
    margin-right: 32px;}
.gakka2{
    max-width: 394px;
    width: 45%;
    height: auto;}
.flex_box004{
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:flex;
    margin-bottom: 30px;}
.part1{
    max-width: 530px;
    width: 100%;}
.part2{
    max-width: 430px;
    width: 100%;
    margin-top: 5px;
    margin-left: 30px;}
.flex_box005{
    display: flex;
    max-width: 430px;
    width: 100%;
    margin-bottom: 4em;
    position: relative;}
.place{
    position:absolute;
    top: 0;
    right: 0;}
.right_side{
        text-align: center;
        font-size: 0.65em;
        background-color:#EDEDED;
        border-radius: 25px;
        width: 150px;
        color:#666;
        max-height: 25px;
        vertical-align: middle;
        margin-top: 5px;
        line-height: 2.5;}
.sti{
    font-weight: bolder;
    font-size: 1.5em;}
.waku925{
    /*max-width: 925px;*/
    max-width: 950px;
    width: 100%;
    height: auto;}
.flex_box006{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
     justify-content:space-between;
    margin: 1em auto 2em;}
.flex_box006 li:nth-of-type(n+2) {
  margin-top:30px;}
.flex_box006 li:nth-of-type(n+3) {
  margin-top:30px;}
.box06{
    max-width: 435px;
    width: 100%;
    height: auto;
    margin-right: 40px;
    margin-top: 3em;
    font-size: 1.5em;}
.h4_1{
    border-bottom: solid 2px #CACACA;
    padding-bottom: 0.3em;
    margin-bottom: 1em;}
.waku300{
    max-width: 300px;
    width: 100%;
    margin: 0 auto 5em !important;}
/*****************************************
***---    トップページ以外の設定    ---***
******************************************/
hr{
	border: none;
	height: 5px;
	color: #FFFFFF;
	clear:both;
	margin-top:30px;
	background-image: url(../../school2/img/dotted.png);
	background-repeat: repeat-x;
	width:100%;
	/*border:*/}

/*****************************************
***---    OWページ    ---***
******************************************/
.inq{
    max-width: 640px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 1em auto 10em;}
.float_box{
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0em auto 100px;
    box-sizing: border-box;
    padding: 0px;}
.right001{
    max-width: 360px;
    width: 98%;
    height: auto;
    float: right;
    margin-left: 15px;}
.left001{
    max-width: 340px;
    width: 98%;
    height: auto;
    float: left;}
/*****************************************
***---   リンクの設定    ---***
******************************************/
.link{
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 80px auto 100px;
    position: relative;}
.flex_licence{
    display: flex;}
.start, .next, .last{
    max-width: 295px;
    width: 30%;
    height: auto;
    margin-right: 30px;}
.under_l{
    width: 230px;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #666;
    margin: 1.5em auto;
    padding: 0.5em;}
.triangle1{
    width: 5%;
    position: absolute;
    top:30px;
    left: 250px;}
.triangle2{
    width: 5%;
    position: absolute;
    top:30px;
    left: 510px;}
.more{
    max-width: 300px;
    width: 330%;
    height: auto;
    margin: 3em auto;}
    /*******idc******/
.bnr{
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0em auto 5em;}
.idc_img{
    max-width: 700px;
    width: 100%;
    height: auto;
    margin: 0em auto 3em;}
}
@media screen and (max-width: 480px) {
.for-pc { display:none; }
.for-sp { display:block; }
.br480{display: block;}
/*****************************************
***---    LICENCEページ    ---***
******************************************/
    .smb50{margin-bottom: 0px;}
article, .section{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;}
.ow_top{
    max-width: 480px;
    width: 100%;
    height: auto;
    display: block;}
.ow_top img{
    max-width: 480px !important;
    width: 100%;
    height: auto;
    display: block;}
.top{
    max-width: 480px;
    width: 87.5%;
    margin: 0 auto;}
/*p{
    font-family: Noto Sans JP, Arial, Helvetica, "sans-serif";
    font-size: 12px;
    text-align:justify}
.dis{
    text-align: center;
    margin: 40px auto 80px;}
.center{
    text-align: center;
    margin: 0 auto;}
.h2{
    text-align: center !important;
    border-bottom: 2px solid #666;
    font-size: 20px;
    max-width: 400px;
    margin: 1.5em auto;
    padding-bottom: 0.2em;}
.link{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 80px auto 100px;
    position: relative;}
.flex_licence{
    display: block;}
.start, .next, .last{
    max-width: 400px;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin: 0 auto;}
.under_l{
    width: 230px;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #666;
    margin: 1.5em auto;
    padding: 0.5em;}
.triangle1{
    width: 5%;
    position: absolute;
    top:30px;
    left: 250px;}
.triangle2{
    width: 5%;
    position: absolute;
    top:30px;
    left: 510px;}
.sankaku{
        display: none;
    }
.more{
    max-width: 300px;
    width: 330%;
    height: auto;
    margin: 3em auto;}
.gray{
    background-color:#EFF0F5;
    max-width: 480px;
    width: 100%;
    padding:40px 0;}
.h020{
    font-size: 25px;
    margin: 1em 2em;}
.ow, .aow, .efr, .red, .dm, .idc, .sp, .msd{
    max-width: 460px;
    margin: 1em auto;}
.dis2{
    max-width: 460px;
    margin: 1em auto 3em;}
.btn10{
    text-align: center;
    margin: 3em auto 5em;}
.caption{
    font-size: 14px;
    padding-top: 0.5em;}
.flex_box810{
    display: block;
    justify-content:space-around;
    margin: 2em auto 5em;}
.flex_box810 img{margin: 2em auto 3em;}
    
    
    
    
    
/**********キャンペーン中の表示**********/
.ow_cam{
    font-size: 1.3em !important;
    text-align:center;
    color:#f00;
    font-weight: bold;}
.center_img img{
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-left: 20px;}
.hr{
    margin: 40px auto;}
/************ow*************/
.flex_box{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:block;
    margin-bottom: 30px;}
.box1{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin-right: 0px;}
.flex_box660{
    display: block;
    max-width: 400px;
    width: 100%;
    height: auto;
    margin: 1em auto 2em;
    text-align: center;
    /*margin-right: auto !important;*/}
.flex_box660 img{
    max-width:400px;
    width: 100%;
    margin: 1em auto 3em;
    height: auto;}
.flex_box470{
    max-width: 480px;
    width: 90%;
    height: auto;
    text-align: left !important;
    vertical-align: middle;
    margin-right: auto;
    margin-bottom: 1em;
    margin: 1em auto;
    display:flex;
    flex-direction: column;}
.child1{
    order: 0;
    padding-bottom: 2em;}
.child2{
  order: 2;}
.box460{
    max-width: 460px;
    width: 98%;
    margin-left: 0px;
    height: auto;
    margin: 0 auto;
    }
.mr40{margin-right: 0px !important;
    margin-bottom: 1em;}
.mb50{margin-bottom: 10px;}
.h303{
    font-size: 16px;}
.heading_ow, .heading_aow, .heading_efr, .heading_red, .heading_dm, .heading_idc, .heading_sp, .heading_msd{
        marx-width:480px;
        width: 90%;
        height: auto;
        margin: 1em auto;} 
    .pp{
        margin-left: 10px;}
.course{
    max-width: 480px;
    width: 90%;
    height: auto;
    margin: 1em auto 2em;}
.box2{
    max-width: 400px !important;
    width: 90%;
    height: auto;
    margin: 1em auto;}
    
.small{
    font-size: 10px;}
.small1{
    font-size: 12px;}
.flex_box002{
    display: flex;
    text-align: left !important;
    vertical-align: middle;}
.ow img{
    margin-right: 15px;}
.box02{
    margin-top: 13px;
    margin-bottom: 20px;}
.h3{
    font-size: 25px;
    margin-top: 30px;}
table{
    max-width: 430px;
}
/*table td {
	background: #eee;
    padding: 4px 5px;}
table tr:nth-child(odd) td {
	background: #fff;}*/
.large{
    font-size: 1.6em;
    font-weight: bold;}

.box470{
    max-width: 480px;
    width: 95%;
    height: auto;
    margin: 1em auto;}
/*.flex_box470{
    max-width: 480px;
    width: 95%;
    height: auto;
    display: block;
    text-align: left !important;
    vertical-align: middle;
    margin-right: auto;
    margin-bottom: 10em;}*/
.noto14{
    font-family:"Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size:14px;
    margin-top: 0px;
    margin-bottom: 30px;}
.box3{
    max-width: 430px;
    width: 100%;
    height: auto;
    margin-right: 30px;}
.box4{
    max-width: 404px;
    width: 100%;
    height: auto;}
.p17{
    font-size: 17px;
    border-bottom: 2px solid #999;
    padding-bottom: 0.5em;
    width: 60%;
    margin-bottom: 1em;}
.h4{
    font-size: 2em;
    background-color:#EFF0F5;
    padding: 0.5em 1em;
    line-height: 2;
    margin-bottom: 1.5em;}
.noto15{
    font-size: 15px;
    margin-bottom: 1.5em;}
.left_green{
    border-left:solid 5px #5CC44E;
    margin-bottom: 5em;}
.h301{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;}
.pli{
    font-size: 16px;
    margin-top:0.3em;
    padding-left: 15px;}
/*.youtube {
    max-width: 430px;
  width: 100%;
  aspect-ratio: 16 / 9;
    margin: 1.5em auto;}
.youtube iframe {
  width: 100%;
  height: 100%;}
iframe{
    margin-bottom: 50px;}*/
.h302{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;
    border-left:solid 5px #5CC44E;
    margin-bottom: 1em !important;}
.box5{
    max-width: 430px;
    width: 100%;
    height: auto;}
.mr20{
    margin-right: 20px;}
.usu{
    font-size: 14px;
    margin-bottom: 2em;}
/*****************************************
***---    OWページ    ---***
******************************************/

.float_box{
    max-width: 480px;
    width: 94%;
    height: auto;
    margin: 0em auto 100px;
    box-sizing: border-box;
    padding: 0px;}
.right001{
    max-width: 480px;
    width: 94%;
    height: auto;
    float: none;
    margin-left: 0px;
    margin: 1em auto;}
.left001{
    max-width: 480px;
    width: 94%;
    height: auto;
    float:none;
    margin: 1em auto 1.5em;}
.mb50{margin-bottom: 30px;}
/****ここから*******/
.flex_box004{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    display:block;
    margin-bottom: 20px;}
.part1{
    max-width: 480px;
    width: 96%;
    margin-bottom: 2em;}
.part2{
    max-width: 480px;
    width: 100%;
    margin-top: 5px;
    margin-left: 0px;}
.flex_box005{
    display: block;
    max-width: 480px;
    width: 100%;
    margin-bottom: 4em;
    position: relative;}
.place{
    position:absolute;
    top: 0;
    right: 0;}
.right_side{
        text-align: center;
        font-size: 0.65em;
        background-color:#EDEDED;
        border-radius: 25px;
        width: 150px;
        color:#666;
        max-height: 25px;
        vertical-align: middle;
        margin-top: 5px;
        line-height: 2.5;}
.sti{
    font-weight: bolder;
    font-size: 18px;}
.waku925{
    max-width: 480px;
    width: 100%;
    height: auto;}
.flex_box006{
    display: block;
    flex-wrap: wrap;
    list-style: none;
     justify-content:space-between;
    margin: 1em auto 2em;}
/*.flex_box006 li{
    box-shadow:0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);}*/
.flex_box006 li:nth-of-type(n+3) {
  margin-top:30px;}
.box06{
    max-width: 435px;
    width: 100%;
    height: auto;
    margin-right: 40px;
    margin-top: 3em;
    font-size: 1.5em;}
.h4_1{
    border-bottom: solid 2px #CACACA;
    padding-bottom: 0.3em;
    margin-bottom: 1em;}
.flex_option{
    display: flex;
    /*max-width: 430px;*/
    max-width: 450px;
    width: 100%;
    height: auto;
    margin: 5px auto 30px;
    /*border: solid 1px #666666;*/
    padding: 5px 15px;
    box-shadow: 0px 0px 3px #999999;}
.subject {
    font-size: 1.1em;
    margin-top: 0.5em;}
.date {
   text-align: right;}
.fx_ch3 img{
    max-width: 126px;
    width: 29.3%;
    /*margin-right: 20px;*/}
.fx_ch4{
    max-width: 180px;
    width: 41%;
    margin-left: 10px !important;}
.flex_box{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:block;
    margin-bottom: 60px;}
.flex_box007{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:block;
    margin-bottom: 0px;}
.shimashima{
    max-width:480px;
    width: 98%;
    height: auto;
    margin: 1em auto;
    font-size: 14px !important;}
/**********モバイルのみの表示のフッターインデックス************/
.link-sp{
    max-width: 480px;
    width: 90%;
    margin: 6em auto;
    height: auto;}
.h4_2{
    max-width: 350px;
    width: 100%;
    margin: 2em auto 0;}
.lank{
    max-width: 350px;
    width: 100%;
    margin: 1em auto;
    margin-bottom: 1px;}
.mb1{margin-bottom: 1px;}
.normal{
    margin-top: 3em;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 1em;
    max-width: 480px;
    width: 94%;}
.float_box{
    margin-top: 50px;}
.flex_option{
    display: block;
    max-width: 480px;
    width: 96%;
    height: auto;
    margin: 0 auto 30px;
    /*border: solid 1px #666666;*/
    /*padding: 0px auto 20px;;
    /*box-shadow: 0px 0px 5px #666666;*/}
.fx_ch3 img{
    max-width: 480px;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 1em;}
.fx_ch4{
    max-width: 480px;
    width: 96%;
    margin-left: 0px !important;
    margin: 0 auto;}
.flex_box005{
    display: block;
    max-width: 480px;
    width: 100%;
    margin-bottom: 4em;
    position: relative;}
.place{
    position:absolute;
    top: 0;
    right: 0;}
.right_side{
        text-align: center;
        font-size: 0.65em;
        background-color:#EDEDED;
        border-radius: 25px;
        width: 150px;
        color:#666;
        max-height: 25px;
        vertical-align: middle;
        margin-top: 5px;
        line-height: 2.5;}
.sti{
    font-weight: bolder;
    font-size: 1.5em;}
.section02{
    max-width: 480px;
    width: 94%;
    height: auto;
    margin: 0 auto;}
.box06{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-top: 3em;
    font-size: 1.2em;}
.h4_1{
    border-bottom: solid 2px #CACACA;
    padding-bottom: 0.3em;
    margin-bottom: 1em;}
.inq{
    max-width: 480px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 1em auto 10em;}
.center006{
    text-align: center;
    margin: 2em auto;}
.waku430{
    max-width: 480px;
    width: 90%;
    margin: 0 auto 1em;}
.smb20{
        margin-bottom: 20px !important;}
    .smr40{margin-right: 0px;}
   /*******idc******/
.bnr{
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0em auto 3em;}
.idc_img{
    max-width: 480px;
    width: 90%;
    height: auto;
    margin: 0em auto 3em;}
.waku_idc{
    max-width:430px;
    width: 100%;
    border: solid 1px #EDEDED;
    padding: 10px;
    margin-bottom: 30px;
    font-size: 0.9em;}
.h5{
    font-size: 1.1em;
    margin-top: 1em;
    display: block;}
.mb80{margin-bottom: 0px;}
/*************団体*********/
.w709{
    max-width: 480px;
    width: 90%;
    margin: 30px auto 50px;}
.h3231{font-size: 0.9em;
        color:#076EB1;}
/*********ボタン追加20250310***************/
.ca_free{
    margin: 10px auto 30px;
    max-width: 470px;
    width: 90%;}
.box000{
  display: flex;
  justify-content: center; /* 水平方向の中央寄せ */
  height: 200px; /* 親要素の高さ（必要に応じて調整） */
}
.btn {
  font-size: 20px;
  display: inline-block;
  padding: 1.8em 2em;
  /*border-radius:100vh;
  color: #fff;
  cursor: pointer;
  text-decoration: none;*/
  margin: 2em auto 5em;
  line-height:0.6;}
.asoview{
    margin-top: 40px;
    padding: 0 20px;}



}



@media screen and (max-width: 430px) {
.for-pc { display:none; }
.for-sp { display:block; }

article, section{
    max-width: 430px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;}
.ow_top{
    max-width: 430px;
    width: 100%;
    height: auto;
    display: block;}
.ow_top img{
    max-width: 430px;
    width: 100%;
    height: auto;
    display: block;}
.flex_box{
    max-width: 430px;
    width: 100%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:block;
    margin-bottom: 10px;}
.flex_box007{
    max-width: 430px;
    width: 96%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    display:block;
    margin-bottom: 0px;}
.mb80{margin-bottom: 80px;}
/*.square {
    height:5px;
    width:5px;
    background-color: #5CC44E;
    color:#fff;
    line-height:5px;
    text-align:center;
    vertical-align: middle !important;
    font-size: 1.3em;
    padding: 0.2em 0.4em;
    margin-right: 0.5em;}*/
/*****************レンタル器材***********/
.section02{
    max-width: 430px;
    width: 94%;
    height: auto;
    margin: 0 auto;}
.option{
    margin-left: 30px;
    margin-bottom: 0px;}
.h303_1 {
    border-bottom: 1px solid #ACACAC;
    display: inline-block;
    padding-bottom: 10px;
    font-size: 24px;
    font-family: "Noto Sans JP", Tahoma, Geneva, sans-serif;
    margin: 0px 0 5px 0;
    font-weight: 400;
    width: 100%;}
.box1{
    max-width: 430px;
    width: 100%;
    height: auto;
    margin-right: 0px;}
.box2{
    max-width: 430px;
    width: 98%;
    height: auto;}
.small{
    font-size: 12px;
    max-width: 430px;
    width: 96%;
    margin: 0 auto;}
.small1{
    font-size: 14px;
    margin-bottom: 1em;}
.flex_box002{
    display: flex;
    text-align: left !important;
    vertical-align: middle;}
.ow img{
    margin-right: 15px;}
.box02{margin-top: 13px;
    margin-bottom: 20px;}
.h3{
    font-size: 25px;
    margin-top: 30px;}
table{
    max-width: 430px;}
/*table td {
	background: #eee;
    padding: 4px 5px;}
table tr:nth-child(odd) td {
	background: #fff;}*/
.large{
    font-size: 1.8em;
    font-weight: bold;}
.flex_box660{
    display: block;
    max-width: 430px;
    width: 100%;
    height: auto;
    margin: 1em auto 3em;
    margin-right: auto !important;}
.box470{
    max-width: 430px;
    width: 100%;
    height: auto;}
.flex_box470{
    max-width: 430px;
    width: 90%;
    height: auto;
    /*display: block;*/
    text-align: left !important;
    vertical-align: middle;
    margin-right: auto;
    margin: 1em auto 2em;
    display:flex;
    flex-direction: column;}
.child1{
    order: 0;
    padding-bottom: 2em;}
.child2{
  order: 2;}
   /* }*/
.noto14{
    font-family:"Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size:14px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 430px;
    width: 90%;
    margin: 2em auto;}
.box3{
    max-width: 430px;
    width: 100%;
    height: auto;
    margin-right: 30px;}
.box4{
    max-width: 404px;
    width: 100%;
    height: auto;}
.p17{
    font-size: 17px;
    border-bottom: 2px solid #999;
    padding-bottom: 0.5em;
    width: 60%;
    margin-bottom: 1em;}
.h4{
    font-size: 2em;
    background-color:#EFF0F5;
    padding: 0.5em 1em;
    line-height: 2;
    margin-bottom: 1.5em;}
.noto15{
    font-size: 15px;
    margin-bottom: 1.5em;}
.left_green{
    border-left:solid 5px #5CC44E;
    margin-bottom: 5em;}
.h301{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;}
.pli{
    font-size: 16px;
    margin-top:0.3em;
    padding-left: 15px;}
.youtube {
    max-width: 430px;
  width: 100%;
  aspect-ratio: 16 / 9;
    margin: 1.5em auto;}
.youtube iframe {
  width: 100%;
  height: 100%;}
iframe{
    margin-bottom: 50px;}
.h302{
    font-size: 30px;
    font-weight: 600;
    padding-left: 15px;
    border-left:solid 5px #5CC44E;
    margin-bottom: 1em !important;}
.box5{
    max-width: 430px;
    width: 100%;
    height: auto;}
.mr20{
    margin-right: 20px;}
/************ここから*****************/
.heading_ow{
    border-left: solid 3px #5CC44E;
    padding: 10px;
    margin-bottom: 3em;
    line-height: 2;}
.course{
    max-width: 430px;
    width: 96%;
    height: auto;
    margin: 1em auto 2em;}
.flex_box003{
    width: 430px;
    height: auto;
    display: flex;}
.gakka{
    max-width: 430px;
    width: 55%;
    height: auto;
    margin-right: 32px;}
.gakka2{
    max-width: 394px;
    width: 45%;
    height: auto;}
.flex_box004{
    max-width: 430px;
    width: 96%;
    height: auto;
    margin: 0 auto;
   /* display: block;*/
    box-sizing: border-box;
    display:block;
    margin-bottom: 30px;}
.part1{
    max-width: 430px;
    width: 100%;}
    .noto14{margin-top: 0px;}
.part2{
    max-width: 430px;
    width: 96%;
    margin-top: 40px;
    margin-left: 0px;}
.flex_option{
    display: block;
    max-width: 430px;
    width: 96%;
    height: auto;
    margin: 0 auto 30px;
    /*border: solid 1px #666666;*/
    /*padding: 0px auto 20px;;
    /*box-shadow: 0px 0px 5px #666666;*/}
.fx_ch3 img{
    max-width: 430px;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 1em;}
.fx_ch4{
    max-width: 430px;
    width: 96%;
    margin-left: 0px !important;
    margin: 0 auto;}
.flex_box005{
    display: block;
    max-width: 430px;
    width: 100%;
    margin-bottom: 4em;
    position: relative;}
.place{
    position:absolute;
    top: 0;
    right: 0;}
.right_side{
        text-align: center;
        font-size: 0.65em;
        background-color:#EDEDED;
        border-radius: 25px;
        width: 150px;
        color:#666;
        max-height: 25px;
        vertical-align: middle;
        margin-top: 5px;
        line-height: 2.5;}
.sti{
    font-weight: bolder;
    font-size: 1.5em;}
.waku925{
    max-width: 430px;
    width: 100%;
    height: auto;}
.flex_box006{
    display: block;
    /*flex-wrap: wrap;
    list-style: none;
     justify-content:space-between;*/
    margin: 0 auto 2em;}
/*.flex_box006 li img{
    box-shadow: 3px 3px 5px #666666;}*/
.flex_box006 li:nth-of-type(n+3) {
  margin-top:0px;}
.flex_box006 li{
    max-width:320px;
    width: 100%;
    height: 140px;
    margin: 0 auto 2em;}
.box06{
    max-width: 430px;
    width: 96%;
    height: auto;
    margin-right: 0px;
    margin-top: 3em;
    font-size: 1em;}
.h4_1{
    border-bottom: solid 2px #CACACA;
    padding-bottom: 0.3em;
    margin-bottom: 1em;}
.center006{
    text-align: center;
    margin: 2em auto;}

/**************************************
***--------    ACCORDION    -------***
**************************************/
/*ACCORDION*/
.accordion {	
	min-width: 300px;
    
	margin: 0 auto;
	padding: 10px;}
.accordion dt {
	display: block;
	background:#72c3e9;
	color:#fff;
	cursor: pointer;
	padding: 10px;
	font-size:1em;
	border-bottom: 1px solid #fff;
	border-radius:10px;}
.accordion dd{
	display: none;
	background: #fcfcfc;
	padding: 20px;
	border-bottom: 1px solid #fff;
	font-size:0.6em;}

.columnd{
	display:block;
	background: #72c3e9;
	padding: 20px;
	border-bottom: 1px solid #72c3e9;;}

/*****************************************
***---    トップページ以外の設定    ---***
******************************************/
hr{
	border: none;
	height: 5px;
	color: #FFFFFF;
	clear:both;
	margin-top:30px;
	background-image: url(../../school2/img/dotted.png);
	background-repeat: repeat-x;
	width:100%;
	/*border:*/}
/*****************************************
***---    LICENCEページ    ---***
******************************************/
.top{
    max-width: 430px;
    width: 87.5%;
    margin: 0 auto;}
p{
    font-family: Noto Sans JP, Arial, Helvetica, "sans-serif";
    font-size: 14px;
    text-align:justify}
.dis{
    text-align: center;
    margin: 40px auto 80px;}
.center{
    text-align: center;}
.h2{
    text-align: center !important;
    border-bottom: 3px solid #666;
    font-size: 25px;
    max-width: 350px;
    margin: 1.5em auto;
    padding-bottom: 0.3em;}
.link{
    max-width: 430px;
    width: 100%;
    height: auto;
    margin: 80px auto 100px;
    position: relative;}
.flex_licence{
    display: block;}
.start, .next, .last{
    max-width: 295px;
    width: 30%;
    height: auto;
    margin-right: 30px;}
.under_l{
    width: 295px;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #666;
    margin: 1.5em auto;
    padding: 0.5em;}
.triangle1{
    display: none;
    /*width: 5%;
    position: absolute;
    top:30px;
    left: 310px;*/}
.triangle2{
    display: none;
    /*width: 5%;
    position: absolute;
    top:30px;
    left: 630px;*/}
.more{
    max-width: 300px;
    width: 330%;
    height: auto;
    margin: 3em auto;}
.gray{
    background-color:#EFF0F5;
    max-width: 430px;
    width: 100%;
    padding:40px 0;}
.h020{
    font-size: 25px;
    margin: 1em 0;}
.ow, aow, .efr, .red, .dm, .idc, .sp, .msd{
    max-width: 430px;
    margin: 1em auto;}
.dis2{
    max-width: 430px;
    margin: 1em auto 3em;}
.btn10{
    text-align: center;
    margin: 3em auto 5em;}
.caption{
    font-size: 14px;
    padding-top: 0.5em;}
.flex_box810{
    display: flex;
    justify-content:space-around;
    margin: 2em auto 5em;}
.flex_box810 img{margin: 3em auto 5em;}
/*****************************************
***---    OWページ    ---***
******************************************/
.inq{
    max-width: 430px;
    width: 96%;
    height: auto;
    box-sizing: border-box;
    margin: 3em auto;} 
.smt80{margin-top: 0px;}
.smr40{margin-right: 0px;}
.waku300{
    max-width: 300px;
    width: 100%;
    margin: 0 auto 0em !important;}
.waku430{
    max-width: 430px;
    width: 90%;
    margin: 0 auto 1em;}
.smb20{
        margin-bottom: 20px !important;}
/**********モバイルのみの表示のフッターインデックス************/
.link-sp{
    max-width: 430px;
    width: 90%;
    margin: 6em auto;
    height: auto;}
.h4_2{
    max-width: 350px;
    width: 100%;
    margin: 2em auto 0;}
.lank{
    max-width: 350px;
    width: 100%;
    margin: 1em auto;
    margin-bottom: 1px;}
.mb1{margin-bottom: 1px;}
.normal{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1em;
    max-width: 430px;
    width: 94%;}
/*********ボタン追加20250310***************/
.box000{
  display: flex;
  justify-content: center; /* 水平方向の中央寄せ */
  height: 180px; /* 親要素の高さ（必要に応じて調整） */
}
.btn {
  font-size: 20px;
  display: inline-block;
  padding: 1.8em 2em;
  margin: 2em auto 3em;
  line-height:0.6;}
.asoview{
    margin-top: 40px;
    padding: 0 20px;}
}

@media screen and (max-width: 395px) {
    article, .section{
    max-width: 395px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;}
.flex_box{
    max-width: 395px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    display: block;
    margin-bottom: 80px;}
.box1{
    max-width: 395px;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin: 0 auto;}
.box2{
    max-width: 395px;
    width: 96%;
    height: auto;
    margin: 1em auto;}
.h3{
    font-size: 25px;
    margin-top: 30px;}
.box3{
    max-width: 375px;
    width: 100%;
    height: auto;
    margin: 1em auto;
    /*margin-right: 0px;
    margin-bottom: 3em;*/}
.box4{
    max-width: 375px;
    width: 100%;
    height: auto;
    margin: 1em auto;}
.p17{
    font-size: 17px;
    border-bottom: 2px solid #999;
    padding-bottom: 0.5em;
    width: 60%;
    margin-bottom: 1em;}
.h4{
    font-size: 1.2em;
    padding: 0.5em 1em;
    line-height: 2;
    margin-bottom: 1.5em;}
.noto15{
    font-size: 15px;
    margin-bottom: 1.5em;}
.left_green{
    max-width: 375px;
    border-left:solid 5px #5CC44E;
    margin: 2em auto;}
.h301{
    font-size: 24px;
    font-weight: 600;
    padding-left: 15px;
    margin-top: -50px;
    padding-top: 0px;}
.pli{
    font-size: 16px;
    margin-top:0.3em;
    padding-left: 15px;}
.youtube {
    max-width: 960px;
  width: 100%;
  aspect-ratio: 16 / 9;
    margin: 1.5em auto;}
.youtube iframe {
  width: 100%;
  height: 100%;}
iframe{
    margin-bottom: 50px;}
.waku1{
    max-width: 375px;
    margin: 1em auto;}
.h302{
    max-width:375px;
    font-size: 16px;
    font-weight: 600;
    padding-left: 15px;
    border-left:solid 5px #5CC44E;
    margin: 1em auto !important;}
.box5{
    max-width: 385px;
    width: 100%;
    height: auto;
    margin: 1em auto;
    padding: 0px;}
.mr20{
    margin-right: 0px;
    margin-bottom: 20px;}
/*****************************************
***---    LICENCEページ    ---***
******************************************/
    article, .section{
        max-width: 395px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        box-sizing: border-box;}
    .center000{
        text-align: center;
        margin: 1em auto;
        display: block;}
    .ow_top{
        max-width: 395px !important;
        width: 100%;
        height: auto;
        display: block;}
    .ow_top img{
        max-width: 395px !important;
        width: 100%;
        height: auto;
        display: block;}
    .top{
        max-width: 395px;
        width: 90%;
        height: auto;
        margin: 2em auto;}
.top{
    max-width: 395px;
    width: 87.5%;
    margin: 0 auto;}
p{
    font-family: Noto Sans JP, Arial, Helvetica, "sans-serif";
    font-size: 12px;
    text-align:justify}
.dis{
    text-align: center;
    margin: 40px auto 80px;}
.center{
    text-align: center;}
.h2{
    text-align: center !important;
    border-bottom: 2px solid #666;
    font-size: 20px;
    max-width: 395px;
    margin: 1.5em auto;
    padding-bottom: 0.2em;}
.link{
    max-width: 395px;
    width: 100%;
    height: auto;
    margin: 80px auto 100px;
    position: relative;}
.flex_licence{
    display: block;}
.start, .next, .last .more{
    max-width: 395px;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin: 0 auto;}
.under_l{
    width: 270px;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #666;
    margin: 1.5em auto;
    padding: 0.5em;}
.triangle1{
    width: 5%;
    position: absolute;
    top:30px;
    left: 0px;}
.triangle2{
    width: 5%;
    position: absolute;
    top:30px;
    left: 0px;}
.sankaku{
        display: none;}
/*.more{
    max-width: 300px;
    width: 33%;
    height: auto;
    margin: 3em auto;}*/
.gray{
    background-color:#EFF0F5;
    max-width: 395px;
    width: 100%;
    padding:40px 0;}
.h020{
    font-size: 25px;
    margin: 1em 2em;}
.ow, .aow, .efr, .red, .dm, .idc, .sp, .msd{
    max-width: 375px !important;
    width: 90%;
    height: auto;
    margin: 1em auto;}
.dis2{
    max-width: 380px;
    margin: 1em auto 3em;}
.btn10{
    max-width: 380px;
    width: 90%;
    text-align: center;
    margin: 3em auto 5em;}
.caption{
    font-size: 14px;
    padding-top: 0.5em;}
.flex_box810{
    display: block;
    justify-content:space-around;
    margin: 2em auto 5em;}
.flex_box810 img{margin: 1.5em auto 2.5em;}
.shimashima{
    max-width:395px;
    width: 98%;
    height: auto;
    margin: 1em auto;
    font-size:14px;}
.flex_box660{
    display: block;
    max-width: 350px;
    width: 96%;
    height: auto;
    margin: 1em auto 3em;
    margin-right: auto !important;}
.square {
    font-size: 0.9em;
    padding: 0.2em 0.4em;
    margin-right: 0.5em;}
.sti{
    font-weight: bolder;
    font-size: 1.3em;}
.noto14{
    font-size:14px;
    margin-top: 0px;
    margin-bottom: 20px;}
.section02{
    max-width: 395px;
    width: 94%;
    height: auto;
    margin: 0 auto;}
.smt20{
    margin-top: 20px;}
.waku430{
    max-width: 395px;
    width: 90%;
    margin: 0 auto 1em;}
/*********202503ボタン一つ***********/
.box000{
  display: flex;
  justify-content: center; /* 水平方向の中央寄せ */
  height: 140px; /* 親要素の高さ（必要に応じて調整） */
}
.btn {
  font-size: 18px;
  display: inline-block;
  padding: 1.8em 2em;
  margin: 1em auto 3em;
  line-height:0.6;}
.asoview{
    margin-top: 40px;
    padding: 0 20px;}

}
/**********************************
***---    追従ボタン    ---***
***********************************/

.floating-banner {
  position: fixed;
  z-index: 99999;
  bottom: 70px;
  right: 0px;
  width: 170px;}
.floating-banner__image {
  max-width: 100%;}
@media screen and (max-width: 480px) {
  .floating-banner {
    display: block;
    width: 100vw; 
    bottom: 0px;}
}
/* =====================================
   LP CTA DESIGN
===================================== */
.lp-cta-wrap{
    margin: 60px auto;
    text-align: center;
    padding: 0 20px;
}

.lp-cta-lead{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 14px;
    letter-spacing: .04em;
    text-align: center;
}

/* step UI */
.lp-step-flow{
    max-width: 720px;
    margin: 0 auto 22px;
    padding: 18px 16px;
    background: #fff;
    border: 1px solid #e8efe8;
    border-radius: 18px;
    box-shadow: 0 8px 20px rgba(0,0,0,.05);
}

.lp-step-heading{
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #35a934;
}

.lp-step-row{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lp-step-item{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #f8fcf8;
    border-radius: 999px;
    border: 1px solid #e3f1e3;
}

.lp-step-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(180deg,#5ed15a,#35a934);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 3px 8px rgba(53,169,52,.25);
}

.lp-step-text{
    font-size: 14px;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
}

.lp-step-arrow{
    font-size: 24px;
    line-height: 1;
    color: #7abf78;
    font-weight: 700;
}

/* select */
.lp-cta-select{
    width: 100%;
    height: 56px;
    max-width: 480px;
    font-size: 16px;
    border-radius: 10px;
    border: 2px solid #e5e5e5;
    padding: 0 16px;
    background: #fff;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    transition: .25s;
}

.lp-cta-select:focus{
    border-color: #42b549;
    outline: none;
}

/* button */
.lp-cta-button{
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 16px auto 0;
    padding: 20px 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    text-align: center;
    box-sizing: border-box;
    background: linear-gradient(180deg,#5ed15a,#35a934);
    box-shadow: 0 7px 0 #2c8d2a, 0 14px 28px rgba(0,0,0,.18);
    transition: transform .18s, box-shadow .18s, opacity .18s, filter .18s;
}

.lp-cta-button.is-disabled{
    opacity: .45;
    filter: grayscale(30%);
    animation: none;
}
/*
.lp-cta-button.is-active{
    animation: lpCtaBreath 3s ease-in-out infinite;}*/

.lp-cta-button.is-active:hover{
    transform: translateY(3px);
    box-shadow: 0 3px 0 #2c8d2a, 0 10px 18px rgba(0,0,0,.18);
}

.lp-cta-button.is-active:active{
    transform: translateY(7px);
    box-shadow: 0 0 0 #2c8d2a, 0 4px 10px rgba(0,0,0,.2);
}
/*
@keyframes lpCtaBreath{
    0%{ transform: translateY(0) scale(1); }
    50%{ transform: translateY(-2px) scale(1.02); }
    100%{ transform: translateY(0) scale(1); }
}*/

/* fade */
.js-lp-fade{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .9s, transform .9s;
}

.js-lp-fade.is-show{
    opacity: 1;
    transform: none;
}

@media (max-width: 767px){
    .lp-step-flow{
        margin: 0 auto 18px;
        padding: 16px 12px;
    }

    .lp-step-row{
        gap: 8px;
    }

    .lp-step-item{
        width: 100%;
        justify-content: center;
        border-radius: 14px;
    }

    .lp-step-arrow{
        width: 100%;
        text-align: center;
        transform: rotate(90deg);
        font-size: 20px;
        margin: -2px 0;
    }

    .lp-cta-wrap{
        margin: 48px auto;
        padding: 0 16px;
    }

    .lp-cta-lead{
        font-size: 18px;
    }

    .lp-cta-button{
        font-size: 17px;
        padding: 18px 10px;
    }
}
/* =====================================
   DMページ：追加費用の行だけ調整 
===================================== */
.shimashima .extra-cost-row td {
  padding: 12px 10px;
  vertical-align: middle;
}

.shimashima .cost-title {
  width: 170px;
  font-weight: 600;
  line-height: 1.6;
}

.shimashima .cost-name {
  width: 120px;
}

.shimashima .cost-price {
  width: 200px;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.2;
}

.shimashima .extra-cost-row td{
    background:#eee !important;
}