@ch0arset "utf-8";
/* CSS Document */

body {background:url(../images/back_contents05.png) left 71px repeat-x;}
#wrap{}
.sectionInner { width:920px; margin:0;}
#conf{}
img{
    max-width: 100%;
}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea { background:none;width: 100%;}
#contentsAreaInner{width: 100%;/* height:360px; */background: url(../images/img_top_back.jpg) center no-repeat;margin: 0px 0;}
#contentsAreaInner .section{padding: 2em;}

#conf #headerArea { margin-bottom:15px;}


h1{ width:350px; padding:12px 0 3px 0;  font-size:12px; font-weight:normal; line-height:1.1em;}

#headerNav{ float:right;}
#headerNav li img { margin:14px 5px 0 0;}
#headerNav li.last img { margin:14px 0 0 0;}

#topimage{ width: 100%; margin:0 auto; }

#imgBox {}
#imgBox .imgBoxInner{/* width: 480px; */width: 100%;margin: 0 auto;}
#imgBox .imgBoxInner .txtBoxsp p{text-align: center;}
#imgBox h2 {/* margin: 0 auto; *//* font-size: 48px; */line-height: 0em;margin-bottom: 0em;text-align: center;}
#imgBox h2 span{display: block;margin: 0 0 0.5em;}
#imgBox .txtBox{/* border-top: 1px solid #231815; */width: 100%;padding-top: 0px;margin: 0px 0;}
#imgBox p strong{color: #231815; font-size: 33px; line-height: 1em;}
#imgBox p strong .smallTxt{ font-size:21px}
#imgBox p strong .smallTxt:last-child{ display: block; margin-top: -0.2em;}
#imgBox .txtBox > p{ color: #595757; margin-top: -0.5em;}
#imgBox .cpImg{ position:absolute; top:-45px; left:750px;}
#imgBox .mainBtnImg{ position:absolute; bottom:-15px; right:0;}
#imgBox {position:relative;}

/*----------------------------------------------------------------------------
 ***                                                       鬮ｯ�ｷ髣鯉ｽｨ�ｽ�ｽ�ｽ�ｱ鬯ｯ�ｨ�ｽ�ｾ�ｽ�ｽ�ｽ�ｽ
----------------------------------------------------------------------------*/

.secBox {
    width: 100%;
    margin: 7em auto;
}

.org{color: #f6874f}


/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection { width:auto; margin:0;}
.mainSectionInner {}
.mainSection h3{color: #ffffff; font-size:36px; text-align:center; padding-top:24px; height:92px; background-repeat:repeat-x; background-position:left top; line-height:1.1em;}
.mainSection h3 img{padding-right:15px; margin-bottom:6px;}
.mainSection .subTitleTxt{ color: #000; text-align:center; font-weight: bold; border-bottom: 1px solid #3c3c3c; padding-bottom: 0.3em;} 
.mainSection .sectionInner{ width: 100%; margin:0 auto;}
.mainSection .sectionInner .sectionInner{ width:auto; margin:0;}


.mainSection li,
.mainSection dt,
.mainSection dd,
.mainSection p{ font-size:16px;}

#inNavBox{}
#inNavBox{ width:730px; margin:auto;}
#inNavBox dt{ font-size:36px; text-align:center;}
#inNavBox dd{ float:left;}
#inNavBox dd img{ margin-bottom:40px;}






#fcScheduleBox { margin-top:15px; margin-bottom:25px;}

.infobar{ line-height:1em; font-size:20px; color: #000; margin-top:10px;}
.info{ font-size:12px; color: #CCC;}
.infobar img { line-height:1em;}

#fcScheduleBox .fcBox {
	float:left; background:url(../images/img_contents01c.png) top left no-repeat;
	width:193px; height:220px; }

#fcScheduleBox .fcBoxInner { margin:98px 18px 18px 18px; }

#fcScheduleBox .fcBoxInner p { font-size:14px; color:#FFF; line-height:1.3em; }

#fcScheduleBox .scheduleBox {
	float:right; width:730px; height:200px; overflow: auto;
	border-top:#333333 5px solid;
	border-bottom:#333333 5px solid;
	padding: 5px 0;}
	
#fcScheduleBox .scheduleBoxInner { margin:0 15px;}

#fcScheduleBox .scheduleBox li {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:5px;
	width: auto;
	clear: both;
	display: block;
	line-height:1em;
	font-size:12px;
	color:#000;
	border-bottom:#ccc 1px dotted;}
	
#fcScheduleBox .scheduleBox li.last {
	border-bottom:none;}
	
.scheduleBox dl { padding:3px 0 3px 0;}
	
.scheduleBox dt { float: left; padding-top: 0px; line-height:1.1em; }
.scheduleBox dt img { vertical-align:middle; padding-top:2px;}

.scheduleBox dd {
	float: left; padding-top: 5px;  padding-left:12px; padding-right:12px;
	border-right: none; line-height:1.3em; }

.scheduleBox dd.place,.scheduleBox dd.school,.scheduleBox dd.schoolName{
	border-right: none;}
	
.scheduleBox dd.day{ width:160px;}
.scheduleBox dd.place { width:65px; padding-right:0px;}
.scheduleBox dd.time { width:80px;}
.scheduleBox dd.school { padding-right:0px; padding-top:2px;}
.scheduleBox dd.schoolName img { padding-bottom:4px;}
.scheduleBox dd.fairName img { padding-bottom:4px;}
.scheduleBox .areaName{ font-weight:bold; margin-top:1.5em;}





#fcScheduleBox .scheduleBox ul.fair{}

#fcScheduleBox .scheduleBox li.fair01 {
	width: 268px; padding:0; float:left;
	border-bottom:none; clear:none;}
	
#fcScheduleBox .scheduleBox li.fair02 {
	padding:0; 
	border-bottom:none; clear:none;}
	
#fcScheduleBox .scheduleBox .fair dd {
    padding-left: 5px;
    padding-right: 0;}
	
#fcScheduleBoxInner dd.fairName{ width:540px;}

#fcScheduleBoxInner dd.fairName a { font-weight:bold;}


/*-----------------------------------------------------
top
-----------------------------------------------------*/

h5{color:#3c3c3c; line-height:1.4em; margin-bottom:20px;}

.pink{color:#ED1e79;}
.blue{color:#0071bc;}
.white{color:#ffffff;}

.btnBox{margin-bottom:60px;}
.btnBox p{ text-align:center; margin:0;}

/*----------------------------------------------------------------------------
 ***                                                                 info_btn
----------------------------------------------------------------------------*/
.info_btn{text-align: center;margin: 2em auto;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#menuSec{}
.menusecBox{width: 100%;margin: 0em auto}
#menuSec .sectionInner{margin-left: auto;
    margin-right: auto;}
#menuSec .sectionInner .subContent{}
#menuSec .sectionInner .ul{}
#menuSec .sectionInner .subContent li{
    border-right: dashed 1px #809eaa;
    text-align: center;
    padding: 0em 0em;
    width: 20%;
    margin-bottom: 1em;
}
#menuSec .sectionInner .subContent .left{
    border-left: dashed 1px #809eaa;
}
#menuSec .sectionInner .subContent li a{
    text-decoration: none;
    color: #333333;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
}
#menuSec .sectionInner .subContent li a .smalltxt{
    color: #808080;
    font-size: 16px;
}
/*-----------------------------------------------------
tipsSec
-----------------------------------------------------*/
#tipsSec{}
#tipsSec .sectionInner{margin-left: auto;
    margin-right: auto;}
#tipsSec .sectionInner .titleBox{}
#tipsSec .sectionInner .titleBox .ttl-h2{
    font-size: 34px;
    line-height: 1.4em;
    text-align: center;
    border-bottom: dashed 2px #534741;
	position: relative;
}

#tipsSec .sectionInner .titleBox .ttl-h2::before {
    content: "";
    position: absolute;
    width: 44px;
    height: 63px;
    background: url(../images/img_tips_light.png) no-repeat;
    transform: rotate(16deg);
    right: 0em;
    top: -4px;}

#tipsSec .sectionInner .titleBox .ttl-h2::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 118px;
    background: url(../images/img_tips_left.png) no-repeat center left;
    transform: rotate(-9deg);
    left: 0em;
    top: -31px;
    }

#tipsSec .sectionInner .titleBox .ttl-h2 .txtTop{position: relative;}
#tipsSec .sectionInner .titleBox .ttl-h2 .txtTop::before {
    content: "";
    position: absolute;
    width: 72px;
    height: 141px;
    background: url(../images/img_tips_it.png) no-repeat center right;
    right: -8em;
    top: -60px;
    }

/* 共通設定：最初は全部表示 */
.pcNone {
  display: block;
}
.spNone {
  display: block;
}

/* PC用（例: 幅 769px以上をPCとする） */
@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}

/* スマホ用（例: 幅 768px以下をスマホとする） */
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

#tipsSec .sectionInner .titleBox .ttl-h2 .txtTop .frtitl{
    background-color: #f6874f;
    color: #fff;
}
#tipsSec .sectionInner .subContent{margin-top:1em;}
#tipsSec .sectionInner .subContent li{
    margin: auto;
    width: 33%;
}
#tipsSec .sectionInner .subContent .sub_ttl{
    margin: 15px auto;
}
#tipsSec .sectionInner .subContent .sub_ttl img{
    display: block;
    margin: 0 auto;
}
#tipsSec .sectionInner .subContent .sub-content{}
#tipsSec .sectionInner .subContent .sub-content h3{
    text-align: center;
    margin-left: 0.3em;
    font-size: 24px;
    position: relative;
}

#tipsSec .sectionInner .subContent .sub-content h3::after {
   /* content: "";
    position: absolute;
    width: 12px;
    height: 35px;
    background-image: url(../images/img_tips_back.png);
    left: 2.3em;
    top: 0px;*/
    }

#tipsSec .sectionInner .subContent .sub-content p{
    text-align: center;
    font-size: 15px;
}

/*-----------------------------------------------------
unfoldSec
-----------------------------------------------------*/
#unfoldSec{}
#unfoldSec .sectionInner{
    margin-left: auto;
    margin-right: auto;
}
#unfoldSec .sectionInner .titleBox{}
#unfoldSec .sectionInner .titleBox .ttl-h2{
    text-align: center;
}
#unfoldSec .sectionInner .titleBox .ttl-h2 .txtTop{}
#unfoldSec .sectionInner .titleBox .ttl-h2 .txtBottom{
    font-size: 22px;
}
#unfoldSec .sectionInner .titleBox .txtBottom{    text-align: center;font-size: 17px;margin: 0em auto 1em;;}

#unfoldSec .sectionInner .titleBox .ttl-h2 .sub_ttl{text-align: center;}
#unfoldSec .sectionInner .titleBox .ttl-h2 .sub_ttl .img{}
#unfoldSec .sectionInner .titleBox .ttl-h2 img{
    /* text-align: center; */
}
#unfoldSec .sectionInner .subContent{}
#unfoldSec .sectionInner .subContent p{}
#unfoldSec .sectionInner .subContent img{
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/*-----------------------------------------------------
caseSec
-----------------------------------------------------*/
#caseSec{}
#caseSec .sectionInner{margin-left: auto;
    margin-right: auto;}
#caseSec .sectionInner .titleBox{}
#caseSec .sectionInner .titleBox .ttl-h2{

    background-color: #ffd402;
    padding: 1em;text-align: center;
}
#caseSec .sectionInner .titleBox .ttl-h2 .txtTop{
    /* text-align: center; */
    /* background-color: #ffd402; */
    width: 100%;
    /* margin: 0 auto; */
    color: #fff;
    font-size: 33px;
    /* width: 100%; */
}
#caseSec .sectionInner .titleBox .txtBottom{
    text-align: center;
    font-size: 17px;
    margin: 1em auto;
}

#caseSec .sectionInner .caseBox{
    background-color: #ddf3f1;
    /* margin: -4em; */
    padding: 0.1em 0em;
}
#caseSec .sectionInner .caseBox .ul{}
#caseSec .sectionInner .caseBox .caseListBox{
    margin: 1em 1em;
    background-color: #fff;
    padding: 1em;
}
#caseSec .sectionInner .caseBox .caseListBox li{}
#caseSec .sectionInner .caseBox .caseListBox .caseListItem{width: 100%;}
#caseSec .sectionInner .caseBox .caseListBox .caseListItem h3{font-size: 20px;}
#caseSec .sectionInner .caseBox .caseListBox .caseListItem h3 span{font-size: 20px;}
#caseSec .sectionInner .caseBox .caseListBox  .caseListItem .case-info{
    padding-right: 3em;
}
#caseSec .sectionInner .caseBox .caseListBox  .caseListItem h4{
    font-size: 20px;
    background-color: #57c2ba;

    color: #fff;
    color: #fff;
    width: 70%;
    padding-left: 0.5em;
}
#caseSec .sectionInner .caseBox .caseListBox  .caseListItem .case-info .info-more{
    font-size: 15px;
    margin: 7px 0 6px 0;
}
#caseSec .sectionInner .caseBox .caseListBox  .caseListItem img{}

/*-----------------------------------------------------
ownerSec
-----------------------------------------------------*/
#ownerSec{}
#ownerSec .sectionInner{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#ownerSec .sectionInner .titleBox{}
#ownerSec .sectionInner .titleBox .ttl-h2{}
#ownerSec .sectionInner .titleBox .ttl-h2 .txtTop{}
#ownerSec .sectionInner .titleBox .txtBottom{
    font-size: 17px;
}
#ownerSec .sectionInner .ownerBox{}
#ownerSec .sectionInner .ownerBox .ownerListBox{
    margin: 1.5em;
}
#ownerSec .sectionInner .ownerBox .ownerListBox .front{
    width: 20%;
    padding: 0em 1em;
}
#ownerSec .sectionInner .ownerBox .ownerListBox .front p{
    text-align: center;
    /* width: 20%; */
}
#ownerSec .sectionInner .ownerBox .ownerListBox .ownerListItem{
    width: 80%;
    padding: 0em 1em;
    /* border-bottom: 2px solid #4f393b; */
    margin: auto;
}
#ownerSec .sectionInner .ownerBox .ownerListBox .front img{}
#ownerSec .sectionInner .ownerBox .ownerListBox .front .owner-name{font-size: 12px;/* text-decoration: underline; */border-bottom: 2px solid #57c2ba;}

#ownerSec .sectionInner .ownerBox .ownerListBox .ownerListItem h3{
    font-size: 18px;
    border-bottom: 4px solid #57c2ba;
}
#ownerSec .sectionInner .ownerBox .ownerListBox .ownerListItem .info-more{
    font-size: 15px;
    padding: 0.5em 0;
    border-bottom: 1px solid #4f393b;
}

/*-----------------------------------------------------
SchoolSec
-----------------------------------------------------*/
#SchoolSec{}
#SchoolSec .sectionInner{}
#SchoolSec .yellow{
    background-color: #fffcdc;
    /* margin: 1em; */
    padding: 1em 0em 3em 0;
    margin-left: auto;
    margin-right: auto;
}
#SchoolSec .green{
    background-color: #ddf3f1;
    padding: 1em 0em 0.1em 0;
      margin-left: auto;
    margin-right: auto;
}
#SchoolSec .sectionInner .titleBox{padding: 1.5em 0 1em;}
#SchoolSec .sectionInner .titleBox .ttl-h2{
    text-align: center;
    border-bottom: dashed 4px #534741;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 1em;
}
#SchoolSec .sectionInner .titleBox .ttl-h2 .txtTop{
    line-height: 2.2em;
    margin-left: 0.5em;
}
.Schoottl{font-size: 34px;}
#SchoolSec .sectionInner .titleBox .txt-icon{}
#SchoolSec .sectionInner .SchoolListBox{}
#SchoolSec .sectionInner .SchoolListBox img{
    margin: 0 0.5em;
}
#SchoolSec .sectionInner ul{}
#SchoolSec .sectionInner .IndoorsListBox{
    margin-bottom: 2.5em;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#SchoolSec .sectionInner .IndoorsListBox .Indfront{margin-right: 2.3em;}
#SchoolSec .sectionInner .IndoorsListBox img{}
/*----------------------------------------------------------------------------
 ***                                             form
----------------------------------------------------------------------------*/


#kage { margin-bottom:20px;}

#formArea{background:url(../images/1606/kage_line.png) left top repeat-x; padding-top: 90px;  width: 100%;}
#formAreaInner{color:#ffe633; margin-top:20px;  padding-top:20px; margin-bottom:10px; background-color:#ffe633; margin:0 auto;}
	
#formArea h3{font-size:30px; color:#FFF; background:none; height:auto; text-align:center;}
#formArea .section{}
#formBox p { color:#FFF; font-size:24px; text-align:center;}

#formAreaInner{}
#formArea{ float:none;width: 950px;
    margin-left: auto;
    margin-right: auto;}
#formR{ float:right;}
#formR li { line-height:5px;}

#formTxt{width: 85%; margin:0 auto;}
.attention{display: block;}

@media screen and (max-width: 480px) {
  .tw33 {
    width: 40%;
  }
}

table {
	display: block;
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
	margin:auto;
	margin-bottom:10px;
	font-size:14px;
	width: 85%;
	background-color:#fff;
   
	}
    tbody{
         width: 100%;
    display: inline-table;
    }
	
td,th {
	border:1px solid #CCCCCC;
	padding: 3px;
}
th{
	background-color:#FFF;
	color:#FFF;
}



.midashi{
	font-size:16px;
}

td{
	padding:5px 0px 5px 10px;
	line-height:1em;
}



.kaikouchi li{
	margin-bottom:5px;
	list-style-type:none;
	line-height:1em;
}

input{
	line-height:1.2em;
	height:1.2em;
	vertical-align:middle;
}
input.btn{line-height:2em; height:auto;}
textarea{
	line-height:1.4em;
}

.attention{ font-size:10px; line-height:1.2em;}
#footerLogo{}


/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ margin-top:20px; text-align:center; background-color:#fff;width: 100%;margin-left: auto;margin-right: auto;}



#footerLogo{ width:auto;}
#footerLogo p{ text-align:center; margin:0;}

#footerTxt p{ text-align:center; margin:0 0 12px 0;}

#footerCopyright{ background:#000; padding:7px 0 5px 0;}
#footerCopyright p{ margin:0;}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}


#formAreaC h2{
	font-size:24px;
	color:#06C;
	text-align:center;
	margin-bottom:20px;
}


#formAreaC table {
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
	margin:0 auto 20px auto;	
	font-size:14px;
	width:700px;
	}
	
td,th {
	border:1px solid #CCCCCC;
	padding: 3px;
	vertical-align:middle;
	line-height:1.6em;
}
th{
	color:#333333;
}
.pdb30{ padding-bottom:30px;}


.tantou{text-align:center; vertical-align:middle; }

#contents06 h3{color:#000;}

/*----------------------------------------------------------------------------
 ***                                                                 鬩搾ｽｵ�ｽ�ｺ鬯ｮ�ｮ遶擾ｽｵ霑壼ｸ晏建�ｽ�ｷ髯具ｽｹ�ｽ�ｻ髫ｨ�ｳ�ｽ�ｽ
----------------------------------------------------------------------------*/

#formTxt{ background:#FFF; font-size:16px; text-align:center; margin:0 auto; padding:15px 0;}
#formTb table{ border:none; width:900px;}
#formTb table td{ border-left:none; border-right:none; padding-left:20px;}
#formTb table th{ border-left:none; border-right:#CCC dotted 1px; width:30%;}
#formTb #goikenArea{ margin:10px 0; width:80%;}


#txtSize{ margin-left:44px; font-size:14px; color:#FFF;}


#wrap {margin:0 auto; width: 100%;}
#contentsArea {margin:0 auto;}

.mainSection {margin:0 auto;}
/* eof */




@media screen and (max-width: 950px){
    body{
        background-position: 0 1%;
    }
    .sectionInner { width:100%;}
    #headerAreaInner{width: 100%;}
    #headerNav{
        margin: -0.9em 0 1em;
    }
    #headerNav li{
        width: 31%;
        margin: 0 0.3em;
    }
   
   #wrap img{max-width: 100%;height: auto;} 
   #contentsArea{width: 100%;}
   #headerNav{
    width: 100%;
    
   }
   #tipsSec
 {
    margin-top: 5em;
}
}
	
	
@media screen and (max-width: 750px) {
    #contentsArea{}
    #imgBox h2 span img{
        width: 90%;
    }
    #imgBox .txtBox img{
        width: 90%;
    }
     #imgBox .txtBox div{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
     }
      #imgBox .txtBox div p{
        width: 50%;
      }
      #imgBox .txtBox div p:last-child{
        width: 60%;
      }
    #menuSec .sectionInner .subContent{
        flex-wrap: wrap;
    }
    #menuSec .sectionInner .subContent li{
        width: 32%;
    }
    #menuSec .sectionInner .subContent li:nth-child(4){
        border-left: dashed 1px #809eaa;
    }
    #menuSec .sectionInner .subContent li a{
        font-size: 130%;
    }
    #menuSec .sectionInner .subContent li a .smalltxt{
        font-size: 60%;
    }
    .info_btn img{
       width: 50%;
        height: auto;
    }
    #tipsSec .sectionInner .titleBox .ttl-h2{
        font-size: 190%;
    }
    #tipsSec .sectionInner .titleBox .ttl-h2::after{
      background-size: 30%;
        top: -1%;
        left: 1%;
    }
    #tipsSec .sectionInner .titleBox .ttl-h2 .txtTop::before {
      background-size: 54%;
        right: -3.9em;
        top: -1.2em;
    }
    #tipsSec .sectionInner .titleBox .ttl-h2::before{
      background-size: 40%;
      right: 0.6em;
        top: 2.7em;
    }
    .pcNone{
        display: block;
    }
    #tipsSec .sectionInner .subContent .sub-content h3{
       font-size: 190%;
    }
    #tipsSec .sectionInner .subContent{
        display: flex;
        flex-direction: column;
    }
    #tipsSec .sectionInner .subContent li{
        width: 100%;
        margin-bottom: 1em;

    }
    #tipsSec .sectionInner .subContent .sub_ttl img{
      width: 35%;
    }
    #tipsSec .sectionInner .subContent .sub-content p{
        margin-top: 0;
    }
    #unfoldSec .sectionInner .titleBox .ttl-h2 .txtBottom{
        font-size: 150%;
    }
    #unfoldSec .sectionInner .titleBox .ttl-h2 img{
    width: 90%;
    height: auto;
    }
    #unfoldSec .sectionInner .titleBox .txtBottom{
        font-size: 120%;
    }
    #caseSec .sectionInner .titleBox{
        text-align: center
    }
     #caseSec .sectionInner .titleBox .ttl-h2{
        line-height: 1.2;
        text-align: center;
     }
    #caseSec .sectionInner .titleBox .ttl-h2 .txtTop{
        font-size: 120%;
       
    }
    #caseSec .sectionInner .titleBox .txtBottom{
        font-size: 90%;
    }
    #caseSec .sectionInner .caseBox .caseListBox{
        flex-direction: column;
    }
    #caseSec .sectionInner .caseBox .caseListBox .caseListItem h3{
        font-size: 190%;
    }
    #caseSec .sectionInner .caseBox .caseListBox .caseListItem h4{
        font-size: 130%;
    }
    #caseSec .sectionInner .caseBox .caseListBox .caseListItem .case-info{
        padding-right: 0;
    }
    #caseSec .sectionInner .caseBox .caseListBox .caseListItem .case-info .info-more{
        font-size: 120%;
    }
    #ownerSec .sectionInner .titleBox .ttl-h2 .txtTop img{
        width: 80%;
    }
    #ownerSec .sectionInner .titleBox .txtBottom{
        font-size: 120%;
    }
    #ownerSec .sectionInner .ownerBox .ownerListBox .front{
        width: 80%;
        margin-left: auto;
        margin-bottom: 2em;
        margin-right: auto;
    }
    #ownerSec .sectionInner .ownerBox .ownerListBox .front img{
       width: 70%;
        height: auto;
    }
    #ownerSec .sectionInner .ownerBox .ownerListBox .front .owner-name{
        font-size: 135%;
    }
    #ownerSec .sectionInner .ownerBox .ownerListBox{
        flex-direction: column;
    }
    #ownerSec .sectionInner .ownerBox .ownerListBox .ownerListItem{
        width: 90%;
    }
    #ownerSec .sectionInner .ownerBox .ownerListBox .ownerListItem h3{
        font-size: 120%;
        padding-bottom: 0.6em;
        line-height: 1.3;
    }
    #ownerSec .sectionInner .ownerBox .ownerListBox .ownerListItem .info-more{
        font-size: 100%;
    }
    #SchoolSec .sectionInner .titleBox .ttl-h2{
        width: 90%;
    }
    #SchoolSec .sectionInner .titleBox .ttl-h2 .txt-icon img{
        width: 80%;
    }
    #SchoolSec .sectionInner .titleBox .ttl-h2 .txtTop{
        font-size: 80%;
    }
   #SchoolSec .sectionInner .titleBox .ttl-h2 .txtTop .Schoottl{
    font-size: 170%;
   }
    #SchoolSec .sectionInner .titleBox .ttl-h2 .Schoottl{
       font-size: 120%;
    }
   #SchoolSec .sectionInner .SchoolListBox{
    flex-direction: column;
   }
   #SchoolSec .sectionInner .IndoorsListBox{
    flex-direction: column-reverse;
   }
    #SchoolSec .sectionInner .SchoolListBox li{
        width: 60%;
        margin-bottom: 1.5em;
    }
    #SchoolSec .sectionInner .IndoorsListBox .Indfront{
        margin: 1em 0;
        width: 48%;
    }
   
    #SchoolSec .sectionInner .IndoorsListBox:last-child{
        flex-direction: column;
    }
    #SchoolSec .sectionInner .IndoorsListBox:last-child .Indfront{
        text-align: right;
        margin-top: -56.7%;
        margin-left: 52%;
    }
   tbody{
    display: block;
   }
   td,th{border: none;}
   table th, table td{text-align: left; font-size: 130%;margin-top: 0.2em;}
   tr{
    display: flex;
    flex-direction: column;
   }
   table{
    width: 90%;
    font-size: 150%;
   }
   table label{
    font-size: 77%;

    padding: 0.2em;
   }
   table  select{
    font-size: 56%;
    height: 1.8em;
    padding: 0.4em 0.4em;
    margin: 0 -0.3em 0;
    line-height: 1.2em;
   }
   table  input{
    font-size: 95%;
   }

   table button, table select, table label, table input{
    box-sizing: border-box;
   }
   table button{
    font-size: 75%;
   }
  
   #formTxt
   {width: 90%;font-size: 91%;}
   .attention{
    font-size: 50%;
   }
   input.btn{
    font-size: 160%;
   }
   .privacy_check {
    font-size: 140%;
   }
   #ryear{
    font-size: 67%;
   }
   table .name{
    font-size: 90%;
   }
   table .name input{
    font-size: 120%;
   }
   #formArea{
    width: 100%;
   }
   table #SArea1,#SArea2,#SArea3{
    margin-bottom: 0.4em;
   }
  
}