@charset "UTF-8";

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

.btmlinkbnr { display:block; width:70vw; height: auto; margin: 0 auto;}
p {margin-bottom: 0; line-height: 1.8; font-size: 115%;}
a:link { text-decoration: none; color: #452F0D;}
a:active { text-decoration: none; color: #452F0D;}
a:link,a:visited,a:active {transition: all .6s; }

iframe { display:block; width:100%; height:30vw; border: none; margin: 0 auto;}
body {font-size:2.8vw; background: #F8F8F8; font-family: "fot-tsukubrdgothic-std", sans-serif; font-weight: 400; font-style: normal; color: #000; }
h1,h2,h3,h4  {}

.loading { opacity: 1; z-index: 100; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: #F9F7F1; transition: all 1s; }
.loading.ready {opacity: 0; z-index: -100;}
.loading h1 { animation: animationZoom2 10s ease-in-out infinite;}
@keyframes animationZoom2{ 0% {transform: scale(1); opacity: .4;} 100% {transform: scale(1.6); opacity: .9;}}


.instalogo {position: fixed; z-index: 2; top: 2.5vw; right: 2.5vw; width: 7.5vw; height: 7.5vw; display: block;}
.instalogo img {width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0px 0px 3px rgba(0,0,0,.4))}

#spMenu {position: fixed; z-index: 30; top: 3vw; left: 2.5vw; display: flex; justify-content: center; align-items: center; width: 7.5vw; height: 7.5vw; transition: all 1s; padding: 0; align-items: center; margin: 0 2vw 0 0; }
#spMenu .menu-trigger { position: relative; width: 7.5vw; height: 7.5vw; display: block; justify-content: center; align-items: center; margin: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 30; opacity: 1;}
.menu-trigger,.menu-trigger p { display: block; transition: all .4s; box-sizing: border-box;filter: drop-shadow(0px 0px 3px rgba(0,0,0,.4)) }
.menu-trigger.down p { position: absolute; left: 0; width: 100%; height: 1px; background: #fff; font-size: 0.1em; }
.menu-trigger p { position: absolute; left: 0; width: 7.5vw; height: 2px; background: #fff; font-size: 0.1em; z-index: 30;}
.menu-trigger p:nth-of-type(1) { top: 0; }
.menu-trigger p:nth-of-type(2) { top: 3.2vw; }
.menu-trigger p:nth-of-type(3) { top: 7.0vw; }
.menu-trigger.active p:nth-of-type(1) { transform: translateY(1.2vw) rotate(-45deg); background: #fff; }
.menu-trigger.active p:nth-of-type(2) { opacity: 0; }
.menu-trigger.active p:nth-of-type(3) { transform: translateY(-1.05vw) rotate(45deg); background: #fff; top: 2.2vw;}
.spnavi { display: block; position: fixed; top: 0; left: -70vw; z-index: 2; background: rgba(91,151,178,.9); width: 70vw; height: 100%; padding: 10vw 2vw 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all 1s; transition: all .5s; z-index:5;}
.spnavi.active { left: 0; transition: all .5s;}
.spnavi a { color: #fff; display: block; padding: 1.4vh 0; border-bottom: dotted 1px rgba(255,255,255,.2); font-size: 130%;}
.spnavi a:first-child { border-top: dotted 1px rgba(255,255,255,.2);}

.footer {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #686869; padding: .5vw 2vw; box-sizing: }
.footer .logo { width: 100%; height: auto; color: #fff; display: flex; justify-content: flex-start; align-items: center; }
.footer .logo img { width: 4vw; height: auto; display: block; margin-right: 3vw;}
.footer .logo p {font-size: 90%;}
.footer .cp { width: 100%; height: auto; text-align: center; color: #fff; padding-top: 1vw; box-sizing: border-box; font-size: 90%;}

.maincont { margin: 4vw auto 0; display: block; overflow: hidden; min-height: 80vh;}

a.btn { font-size: 100%; margin-right: auto; margin-left: auto; display: block; width: max-content; background: #000; color: #fff; padding: .1vw 3vw; text-align: center; letter-spacing: .5vw; text-indent: .5vw;}
a.btn p {font-size: 90%;}

.hbox { text-align: center; margin-bottom: 5vw;}
.hbox h1,.hbox h2, .hbox h3 {font-size: 200%; letter-spacing: .5vw; text-indent: .5vw; margin-bottom: .3vw;}
.hbox:after { display: block; content:""; width: 15%; height: 2px; background: #000; margin: 1vw auto 0;}

.featurebox { text-align: center; margin-bottom: 5vw;}
.featurebox h1 {font-weight: normal; color: #5B97B2; font-size: 120%; margin-bottom: 1vw;}
.featurebox h2 { font-size: 160%; margin-top:2vw;}


.blueh { font-family: "toppan-bunkyu-midashi-min-st", serif; text-align: center; color: #5B97B2; font-size: 300%;}

.section {position: relative; display: block; margin: 10vw auto; text-align: center; width: 90%; }
.pagettl + .section {margin: 15vw auto;}
.section.aboutus .maincell {padding-bottom: 0!important;}

.stripeBg {background: url(https://kyokasho230225.smooooth.jp/system_panel/uploads/images/bg_btmcell.png); background-size: 4px auto; padding: 2vw 0 1vw; overflow: hidden;}
.stripeBg .section { margin: 0 auto;}
.mb1 {margin-bottom: 1vw!important;}
.mb3 {margin-bottom: 3vw!important;}
.mb5 {margin-bottom: 5vw!important;}

.largep { font-size: 140%; }
.section h3 { text-align: center; font-size: 140%; }
.w60 { display: block; width: 85%; margin-right: auto; margin-left: auto;}
.tal { text-align: left;}

.newslist .webgene-blog { height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.newslist .webgene-blog .flcell { display: block; width: 100%; height: auto; width: 30%; margin: 0 5% 2vw 0; border: none;}
.newslist .webgene-blog .flcell:nth-of-type(3n) {margin-right: 0;}
.newslist .webgene-blog .flcell .fleft { width: 100%;}
.newslist .webgene-blog .flcell .fleft a {display: block; width: 100%; height: 17vw; overflow: hidden;}
.newslist .webgene-blog .flcell .fleft a img { width: 100%; height: 100%; object-fit: cover;}
.newslist .webgene-blog .flcell .fright { width: 100%; padding: 1vw; box-sizing: border-box; text-align: center;}
.newslist .webgene-blog .flcell .fright a p { font-size: 120%; color: #000; font-weight: bold;}
.newslist .webgene-blog .flcell .fright h2 {font-size: 120%; color: #000; font-weight: normal; letter-spacing: 0; text-indent: 0;}

.newsdetail .webgene-blog { display: block; width: 90%; text-align: left; margin: 0 auto; }
.newsdetail .webgene-blog header { display: block; text-align: center; margin: 0 auto 1vw;}
.newsdetail .webgene-blog header h1 {font-size: 200%; margin-bottom: 1vw;}
.newsdetail .webgene-blog header p {font-size: 100%;}
.newsdetail .webgene-blog article img {padding-bottom: 3vw;}
.newsdetail .webgene-blog article p {padding-bottom: 3vw;}

.pagettl { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 24vw; }
.pagettl .txt {position: absolute; z-index: 2; left: auto; right: auto; width: max-content; height: auto; text-align: center; color: #fff; margin: 0 auto; bottom: -10vw;}
.pagettl .txt img {display: block; width: 20vw; height: auto; margin: 0 auto;}
.pagettl .bg { position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden;}
.pagettl .bg img { width: 100%; height: 100%; object-fit: cover;}

.kv { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 44vw; }
.kv .txt {position: absolute; z-index: 2; left: auto; right: auto; width: max-content; height: auto; text-align: center; color: #fff; margin: 0 auto; bottom: -10vw;}
.kv .txt img {display: block; width: 20vw; height: auto; margin: 0 auto;}
.kv .bg { position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden;}
.kv .bg img { width: 100%; height: 100%; object-fit: cover;}

.form {width: 100%; margin: 0 auto;}
.form .formRow { margin: 0 0 2vw; padding: 0; text-align: left;}
.form .formRow input[type="text"],.form .formRow input[type="email"],.form .formRow textarea {width: 90%;font-size:2.2vw;}
.form .formRow textarea {height: 10em;}
.form p {margin-bottom: 0;font-size:2.2vw;}
.form label {font-size:2.2vw;}
.form .pp { display: block;width: 100%;height: 20vw; margin: 2vw auto;overflow: scroll;border: solid 1px #fafafa;padding: 1vw; box-sizing: border-box; text-align: left;}
.form .submit { text-align: center; margin: auto;}
.form #submit { width: max-content; padding: 1vw 10vw; background: #000; color: #fff; opacity: .2; margin: auto; border: none;}
.form #submit.active {opacity: 1;}

.txtlist .flcell { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: auto; margin: 0 auto; border-top: solid 1px #E0E0E0;}
.txtlist .flcell:nth-last-of-type(1) { border-bottom: solid 1px #E0E0E0;}
.txtlist .flcell .fleft { width: 40%; text-align: left;}
.txtlist .flcell .fright { width: 60%; padding: 1vw; box-sizing: border-box; display: block;}
.txtlist .flcell .fright p {text-align: left;}


.btmlink { display: block; width: 100%; margin: 7vw auto 7vw; padding: 0; overflow: hidden; box-sizing: border-box;}
.btmlink .ttlimg { width: auto; height: 12vw; margin: 0 auto 1vw; display: block;}
.btmlink .menucell { display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto;}
.btmlink .menucell .cell { background: #fff; width: 30%; border-radius: 2vw; padding: .5vw .5vw 1vw; overflow: hidden; text-align: center; margin: 0 auto; }
.btmlink .menucell .cell img {display: block; overflow: hidden; border-top-left-radius: 1.5vw; border-top-right-radius: 1.5vw; overflow: hidden;}
.btmlink .menucell p { text-align: center; font-size: 130%; font-weight: bold; display: block; margin: 1vw auto;}
.btmlink .menucell a.btn p { margin: 0 auto; padding: 0; font-size: 80%;}

.btmnews { display: block; width: 100%; margin: 0 auto; padding: 3vw 0; box-sizing: border-box; background: url(https://jitji.jp/system_panel/uploads/images/stripebg2.jpg); background-size: 100% auto;}
.btmnews .section {position: relative; background: #fff; border-radius: 3vw; margin: 0 auto; padding: 3vw; box-sizing: border-box;}
.btmnews .section .ttlimg { position: relative; z-index: 2; width: auto; height: 15vw; margin: -9vw auto 2vw; display: block;}
.btmnews .webgene-blog {width: 100%;}
.btmnews .webgene-blog article {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 1vw 0; border-bottom: solid 1px #EBEBEB; }
.btmnews .webgene-blog article:nth-of-type(1) { border-top: solid 1px #EBEBEB; }
.btmnews .webgene-blog article .date { width: 30%; font-size: 130%; padding-left: 1vw; color: #0EB4B4; text-align: left;}
.btmnews .webgene-blog article .mainAnc { width: 70%; text-align: left;}
.btmnews .webgene-blog article .mainAnc h2 { font-size: 130%; font-weight: normal;}

.subpagebg1 {width: 100%; height: auto; overflow: hidden; background: url(https://jitji.jp/system_panel/uploads/images/subpagebg1.jpg) no-repeat;}
.section.stripebg { box-sizing: border-box; padding: 2vw; margin-top: 15vw; background: url(https://jitji.jp/system_panel/uploads/images/stripebg.jpg) repeat-y; background-size: 100% auto;}
.section.stripebg .maincell { background: #fff; padding: 4vw;}

.menucell { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 90%; margin: auto;}
.menucell .cell { display: block; width: 48%; margin: 0 4% 3% 0; padding: 2vw; box-sizing: border-box; background: #fff;}
.menucell .cell:nth-of-type(even) {margin-right: 0;}

.menucell .cell.aspect1-1 img{
    object-fit: cover;
    aspect-ratio: 1/1;
}
  .btmlink .menucell .cell.aspect263-323 img{
  object-fit: contain;
  aspect-ratio: 263/312;
}

.f1 { margin-top: 15vw; width: 100%; height: auto; overflow: hidden; background: url(https://jitji.jp/system_panel/uploads/images/f1.jpg) no-repeat center top; background-size: 100% auto;}
.f2 { margin-top: 5vw; width: 100%; height: auto; overflow: hidden; background: url(https://jitji.jp/system_panel/uploads/images/f2.jpg) no-repeat center top; background-size: 100% auto;}
.f3 { margin-top: 5vw; width: 100%; height: auto; overflow: hidden; background: url(https://jitji.jp/system_panel/uploads/images/f3.jpg) no-repeat center top; background-size: 100% auto;}
.f1 .section,.f2 .section,.f3 .section {margin-top: 25vw;}


.topbg { width: 100%; height: auto; overflow: hidden; background: url(https://jitji.jp/system_panel/uploads/images/topbg.jpg) no-repeat center top; background-size: cover;}
.topbg .section {margin-top: 20vw !important;}
.topbg h1 {font-size: 120%;}
.topbg p { font-size: 100%;}

.indeximgcell2 {position: relative; display: block; width: 100%; height: 64vw; overflow: hidden; }
.indeximgcell2 img { width: 100%; height: 100%; object-fit: cover; }

.maincell.feature p {text-align: left;}
.maincell.feature p + .w60 {width: 80%;}
}

/* gjs-dashed */
.gjs-dashed .loading { display: none!important; opacity: 0!important; z-index: -100!important;  }
.gjs-dashed * {padding: 20px!important;}
.gjs-dashed .spnavi { top: 0; width: 50vw; right: 0; margin: 0; padding-top: 5vw; }
.gjs-dashed .spnavi a { width: auto; margin: 0!important; padding: 5px!important;}
.gjs-dashed .spnavi a p { margin: 0!important; padding: 0!important;}
.gjs-dashed #slide { position: relative; height: auto!important;}