@charset "UTF-8";
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0; font-weight: normal;}
h1,h2,h3,h4 {font-weight: bold;}
p {margin-bottom: 0; line-height: 1.6;}

a:link { text-decoration: none; color: #452F0D;}
a:visited { text-decoration: none; color: #452F0D;}
a:hover { text-decoration: none;}
a:active { text-decoration: none; color: #452F0D;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }
a:hover { opacity: .4;}

img { width: 100%; height: auto;vertical-align: bottom}

* {word-break: break-all;}
.requiredText {color:red; padding-left:.3vw;}

/*
font-family: "toppan-bunkyu-midashi-min-st", serif;

*/

@media screen and (min-width: 1000px) {
.btmlinkbnr { display:block; width:40vw; height: auto; margin: 0 auto;}
iframe { display:block; width:100%; height:30vw; border: none; margin: 0 auto;}
body {font-size:.95vw; 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: 2.5vw; height: 2.5vw; overflow: hidden; 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: 3; top: 2.5vw; left: 2.5vw; display: flex; justify-content: center; align-items: center; width: 2.5vw; height: 2.5vw; transition: all 1s; padding: 0; align-items: center; margin: 0 2vw 0 0; }
#spMenu .menu-trigger { position: relative; width: 2.5vw; height: 2.5vw; display: block; justify-content: center; align-items: center; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }
.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: 100%; height: 1px; background: #fff; font-size: 0.1em; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); }
.menu-trigger p:nth-of-type(1) { top: 0; }
.menu-trigger p:nth-of-type(2) { top: 1.1vw; }
.menu-trigger p:nth-of-type(3) { top: 2.3vw; }
.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; }
.spnavi { display: block; position: fixed; top: 0; left: -30vw; z-index: 2; background: rgba(91,151,178,.8); width: 30vw; height: 100%; padding: 8vw 2vw 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; }
.spnavi.active { left: 0;}
.spnavi a { color: #fff; display: block; padding: 1.4vh 0; border-bottom: dotted 1px rgba(255,255,255,.2); }
.spnavi a p {color: #fff;}
.spnavi a:first-child { border-top: dotted 1px rgba(255,255,255,.2);}

.footer {display: flex; justify-content: space-between; align-items: center; background: #686869; padding: .5vw 2vw; box-sizing: }
.footer .logo { width: 50%; 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 .cp { width: 50%; height: auto; text-align: right; color: #fff; padding-right: 5vw; box-sizing: border-box;}

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

a.btn { 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;}

.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: 200%;}
  .featurebox h2 br {display:none;}

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

.section {position: relative; display: block; margin: 10vw auto; text-align: center; width: 60%; }
.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%; }
.section p {font-size: 110%;}
.w60 { display: block; width: 60%; 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: 13vw; 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: 100%; color: #000; font-weight: bold;}
.newslist .webgene-blog .flcell .fright h2 {font-size: 100%; color: #000; font-weight: normal; letter-spacing: 0; text-indent: 0;}

.newsdetail .webgene-blog { display: block; width: 40vw; 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%;}
.form .formRow textarea {height: 10em;}
.form p {margin-bottom: 0;}
.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: 30%; text-align: left;}
.txtlist .flcell .fright { width: 70%; 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: 5vw; margin: 0 auto 1vw; display: block;}
.btmlink .menucell { display: flex; justify-content: space-between; align-items: center; width: 60%; 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: 6vw; 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: 20%; font-size: 100%; padding-left: 1vw; color: #0EB4B4; text-align: left;}
.btmnews .webgene-blog article .mainAnc { width: 80%; text-align: left;}
.btmnews .webgene-blog article .mainAnc h2 { font-size: 100%; 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: 15vw; 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: 15vw; 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: 100% auto;}
.topbg .section {margin-top: 20vw !important;}
.topbg h1 {font-size: 200%;}
.topbg p { font-size: 120%;}

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

/* 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 .kv {height: auto; display: block; overflow: visible;position: relative;}
.gjs-dashed .kv .txt {position: relative; height: auto!important;}
.gjs-dashed .kv .txt h1 { writing-mode: vertical-lr;}
.gjs-dashed .kv .bg { position: relative; height: auto;}
.gjs-dashed #slide { position: relative; height: auto!important;}