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


#header, .heading-area, footer{z-index:3;position: relative;}
#kijiDB{
	background:#fff;
	box-sizing:border-box;
	line-height:1.6em;
	font-size:1.7em;
	font-family: "Noto Sans JP", Arial, sans-serif;
	font-weight:500;
	color: #2a2a2a;
  width:100%;
	overflow:hidden;
	margin:auto;
  position: relative;
  z-index:1;
}
#kijiDB img{vertical-align: bottom;}

ul,ol{list-style:none;}
h2:not(.hdg),h3:not(.hdg) {padding: 0;border: 0;}
#kijiDB a{transition:all .3s ease-out;cursor:pointer;}
#kijiDB img{width:100%;}
#kijiDB .small{font-size:1.4rem;line-height:1.5em;}
.Fbold{font-weight:bold;}
.container{width:94%;margin:auto;max-width:880px;}
.flex{display: flex;align-items: flex-start;}

#kijiDB h2{font-size:2.8rem;color:#002660;font-weight:700;text-align: center;margin:75px 0 25px;}
#kijiDB h3{font-size:2rem;font-weight:700;line-height:1.3em;}
.front h1{width:100%;}
.front h1 span{background:#fff;font-size:1.8rem;display: inline-block;height:38px;line-height:33px;padding:0 10px;font-weight:500;margin-left:20px;text-align: center;color:#002660;border:2px solid #002660;}
.front h1 img{max-width:407px;filter: brightness(0) saturate(100%) invert(8%) sepia(84%) saturate(4246%) hue-rotate(209deg) brightness(88%) contrast(103%);}
.btn_trial{background:#F1609E;font-size:1.6rem;color:#fff!important;border-radius:10px;padding:10px 20px;display: block;position: relative;
  line-height:1.5em;margin-top:40px;max-width:420px;}
.btn_trial::after{content:"";position: absolute;width:7px;height:12px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/arrow.png) no-repeat center center / cover;
  top:29px;right:28px;transform: rotate(90deg);filter: brightness(0) saturate(100%) invert(59%) sepia(58%) saturate(3251%) hue-rotate(301deg) brightness(99%) contrast(92%);}
.btn_trial span{position: relative;padding-left:38px;display: inline-block;}
.btn_trial span::before{content:"";position: absolute;width:24px;height:34px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_trial.png) no-repeat center center / cover;
  top:50%;left:0;transform: translateY(-50%);}

.contact{padding:50px 0;margin-top:60px;}
#kijiDB .contact h2{margin-top:0;}
#kijiDB .contact.ta-c h3{font-weight:500;}
.contact .tel{margin:10px 0;}
.contact .tel a{font-size:2.6rem;font-weight:700;}
.contact .email{font-size:2rem;font-weight:700;}
.contact .btn{display:block;color:#fff;background: #002660;border-radius:25px;max-width:300px;margin:30px auto 0;padding:10px;text-align: center;border:1px solid #002660;}
.contact .btn:hover{background: #fff;color:#002660;opacity:1;}
.contact ul li{background:#fff;padding:25px 30px;margin-bottom:18px;}
.contact ul li h3{margin-bottom:10px;}
.contact ul li p a{word-break: break-all;}
.contact ul li p a:hover{text-decoration: underline;opacity:1;}

.contents div{text-align:center;position: relative;padding:30px 0;}
.contents h3{margin-bottom:8px;}
.contents a{color:#fff;display:block;border-radius:20px;max-width:240px;line-height:40px;margin:20px auto 0;}
#kijiDB .contents a:hover{opacity:.7;}
.contents a span{position: relative;padding-right:25px;}
.contents a span::before{content:"";position: absolute;width:16px;height:16px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_glink.png) no-repeat center center / cover;top:50%;right:0;
transform: translateY(-50%);}
.contents .kiji{background:#EAF1F8;margin-bottom:15px;}
.contents .kiji h3{color:#002660;}
.contents .kiji a{background:#002660;}
.contents .kako{background:#FBEAEA;}
.contents .kako h3{color:#e25050;}
.contents .kako a{background:#e25050;}

.price table{border-collapse: collapse;border-spacing: 0;width:100%;font-size:1.6rem;border-top:2px solid #0056B4;color:#0056B4;line-height:1.4em;}
.price table:first-of-type{margin-top:25px;}
.price table th, .price table td{vertical-align: middle;border-bottom:1px solid #0056B4;padding:5px 6px 7px;}
.price table th{font-weight:500;text-align:center;}
.price table thead th:first-child{background:#EAF1F8;}
.price table tr:first-of-type th:not(:first-child){background: #0056B4;border-color:#fff;color:#fff;}
.price table th:not(:last-child), .price table td:not(:last-child) {border-right:1px solid #0056B4;}
.price table td span{font-size:1.4rem;}
.price .btn{font-size:2rem;display:block;color:#fff;background: #0056B4;border-radius:26px;margin:30px auto 0;padding:13px;max-width:500px;text-align: center;}

.guide{margin-bottom:40px;}
.info p a, .library .price p a, .university .price p a, .basic .price p a{color: #0056B4;text-decoration: underline;}

#kijiDB .blue{color: #15447E;}
#kijiDB .purple{color:#542F8E;}
#kijiDB .orange{color:#EA6000;}
#kijiDB .r-purple{color:#8357B2;}
#kijiDB .green{color:#75A316;}

/*全体TOP*/
.alltop h1{margin-bottom:20px;}
.alltop h1 img{max-width:520px;filter: brightness(0) saturate(100%) invert(8%) sepia(84%) saturate(4246%) hue-rotate(209deg) brightness(88%) contrast(103%);}
.alltop .mainV{background: linear-gradient(180deg, rgba(227,233,243,1) 0%, rgba(255,255,255,1) 100%);padding-top:40px;}
.alltop .mainV .flex{justify-content: space-between;margin-bottom:40px;}
.alltop .mainV .ta-c p{display: inline-block;}
.alltop .mainV ul li{margin-bottom:10px;}
.alltop .mainV ul li a{font-size:2.2rem;color:#fff;position:relative;display:block;padding:15px 15px 15px 20px;border-radius:32px;background:#002660;}
#kijiDB.alltop .mainV ul li a:hover{opacity:.6;}
.alltop .mainV ul li:nth-child(2) a{background:#0056B4;}
.alltop .mainV ul li:nth-child(3) a{background:#0091D1;}
.alltop .mainV ul li:nth-child(4) a{background:#75A316;font-size:1.8rem;}
.alltop .mainV ul li a::before, .btn_trial::before{content:"";position: absolute;width:34px;height:34px;background:#fff;border-radius:50%;right:15px;top:50%;transform: translateY(-50%);}
.alltop .mainV ul li a::after{content:"";position: absolute;width:7px;height:12px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/arrow.png) no-repeat center center / cover;
top:50%;right:27px;transform: translateY(-50%);}
.alltop .mainV ul li:nth-child(1) a::after{filter: brightness(0) saturate(100%) invert(12%) sepia(33%) saturate(4663%) hue-rotate(203deg) brightness(95%) contrast(106%);}
.alltop .mainV ul li:nth-child(2) a::after{filter: brightness(0) saturate(100%) invert(12%) sepia(85%) saturate(5751%) hue-rotate(202deg) brightness(98%) contrast(103%);}
.alltop .mainV ul li:nth-child(3) a::after{filter: brightness(0) saturate(100%) invert(34%) sepia(100%) saturate(2913%) hue-rotate(176deg) brightness(101%) contrast(104%);}
.alltop .mainV ul li:nth-child(4) a::after{filter: brightness(0) saturate(100%) invert(62%) sepia(11%) saturate(3302%) hue-rotate(38deg) brightness(90%) contrast(83%);}
.alltop .mainV ul li a span{position: relative;padding-left:38px;}
.alltop .mainV ul li a span::before{content: "";position: absolute;width:30px;height:30px;top:50%;left:0;transform: translateY(-50%);}
.alltop .mainV ul li:nth-child(1) a span::before{background:url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_buisiness.png) no-repeat center center / cover;}
.alltop .mainV ul li:nth-child(2) a span::before{background:url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_university.png) no-repeat center center / cover;}
.alltop .mainV ul li:nth-child(3) a span::before{background:url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_library.png) no-repeat center center / cover;}
.alltop .mainV ul li:nth-child(4) a span::before{background:url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_school.png) no-repeat center center / cover;}
.alltop .mainV .Rpart p{font-weight:700;margin:20px 0 0 10px;}
.alltop .mainV .Rpart p a{color:#0056B4;text-decoration: underline;}
.alltop .mainV .Rpart p a:hover, .info p a:hover, .library .price p a:hover, .university .price p a:hover{text-decoration: none;opacity:1;}
.alltop .useful{margin-bottom:75px;}
.alltop .useful ul{justify-content: space-between;flex-wrap: wrap;margin-bottom:40px;}
.alltop .useful ul li{width:24%;}
.alltop .contact, .basic .contact{background:#F1F4F9;}

/*企業・団体*/
.basic .mainV{background: linear-gradient(180deg, rgba(227,233,243,1) 0%, rgba(255,255,255,1) 100%);margin-bottom:10px;}
.basic .mainV .front a{display:block;color:#fff;background: #002660;border-radius:25px;line-height:48px;padding:0 10px;font-size:1.6rem;text-align: center;}
.basic .mainV .front a:hover{background:#365c96;opacity:1;}
.basic .mainV .front a span{position: relative;padding-right:25px;}
.basic .mainV .front a span::before{content:"";position: absolute;width:18px;height:18px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_login.png) no-repeat center center / cover;
  top:50%;right:0;transform: translateY(-50%);}
#kijiDB.basic .mainV h2{font-size:2.4rem;text-align: left;line-height:1.45em;margin-top:0;}
.basic .mainV .visual p{font-size:1.6rem;}
.basic .points ul li{background: #FFFBD5;margin-bottom:20px;}
.basic .points ul li .text{padding:20px;}
.basic .points h3{font-size:1.8rem;color:#002660;margin-bottom:10px;}
.basic .points p{line-height:1.4em;}
.basic .price div{display:flex;justify-content: space-between;align-items: center;}
.basic .price div, .basic .connect div{background:#F1F4F9;padding:15px 20px;}
.basic .price div p, .basic .connect div p{color:#002660;font-weight:700;font-size:2rem;}
.basic .price div+p{margin-top:20px;}
.basic .price div span{font-size:1.4rem;}
.basic .contact{margin-top:60x}
.basic .contact h2{margin-top:0;}

/*大学図書館*/
.university .mainV p, .library .mainV p{font-size:1.6rem;}
.university .mainV{background: linear-gradient(180deg, rgba(233,248,255,1) 0%, rgba(255,253,238,1) 75%, rgba(255,255,255,1) 100%);}
.university .front h1 img{filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(2740%) hue-rotate(200deg) brightness(95%) contrast(103%);}
.university .mainV .front h1 span{color:#0056B4;border:2px solid #0056B4;}
#kijiDB.university h2, .university .contents .kiji h3{color:#0056B4;}
.university .contents .kiji a{background:#0056B4;}
.university .contact{background: #EAF1F8;}
.university .price table tr:last-of-type td, .university .price table tr:last-of-type td{border-bottom: 2px solid;}

/*公共図書館*/
.library .mainV{background: linear-gradient(180deg, rgba(232,248,255,1) 0%, rgba(255,255,255,1) 100%);}
.library .front h1 img{filter: brightness(0) saturate(100%) invert(33%) sepia(100%) saturate(768%) hue-rotate(164deg) brightness(109%) contrast(105%);}
.library .front h1 span{color:#0091D1;border:2px solid #0091D1;}
#kijiDB.library h2, .library .contents .kiji h3{color:#0091D1;}
.library .contents .kiji a{background:#0091D1;}
.library .price table{color:#0091D1;border-color:#0091D1;}
.library .price table tr:first-of-type th:not(:first-child), .library .price .btn{background:#0091D1;}
.library .price table thead th, .library .contact{background: #EFFAFF;}
.library .price table th, .library .price table td, .library .price table th:not(:last-child), .library .price table td:not(:last-child){border-color:#0091D1;}

/*個人向け*/
#kijiDB.private{background: linear-gradient(180deg, rgba(227,233,243,1) 0%, rgba(255,255,255,1) 25%);padding:30px 0;}
#kijiDB.private h2{font-size:2.4rem;text-align: left;margin:60px 0 15px;}
.private ul li a{border:2px solid #B7B7B7;border-radius:20px;display: block;text-align: center;padding:20px 10px;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);}
.private ul li a img{max-width:264px;}
.private .contact .btn{margin:25px 0 0;}

/*記事検索*/
#kijiDB.guide h2{margin-top:0;}
.guide .front h1 span, .kaisetsu .front h1 span{color:#fff;}
.guide .sec1{padding-top:30px;}
#kijiDB.guide.kiji h2{margin-bottom:20px;}
.guide.kiji .sec1{background: linear-gradient(180deg, rgba(227,233,243,1) 0%, rgba(255,255,255,1) 30%);}
.guide.kiji .front h1 span{background:#002660;}
.guide.kiji .intro span{font-weight:700;}
.guide.kiji .sec2{background:#F1F4F9;padding:50px 0;}
.guide.kiji .sec2 ul{margin:30px 0 20px;}
.guide.kiji .sec3{padding:40px 0 80px;}
.guide.kiji .sec3 img{max-width:720px;}
.guide.kiji .sec3 p:last-of-type{margin-top:40px;}
#kijiDB.guide.kiji .sec3 h2{color:#0091D1;}
.guide.kiji  h3{background:#DEF1FB;color:#0091D1;max-width:280px;position: relative;text-align: center;margin:30px auto;padding:15px;}
.guide.kiji  h3::before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -12px;border: 12px solid transparent;border-top: 18px solid #DEF1FB;}
.guide.kiji  h3.purple{background:#E9E1F3;margin-top:70px;}
.guide.kiji  h3.purple::before{border-top: 18px solid #E9E1F3;}
.guide.kako .sec1{background: linear-gradient(180deg, rgba(251,234,234,1) 0%, rgba(255,255,255,1)25%);}
.guide.kako .front h1 img{filter: brightness(0) saturate(100%) invert(15%) sepia(80%) saturate(4770%) hue-rotate(355deg) brightness(80%) contrast(102%);}
.guide.kako .front h1 span{background: #C11010;border-color:#C11010;}
#kijiDB.guide.kako h2, .guide .check ul li span{color:#e25050;}
#kijiDB.guide.kako .sec1 h2{margin-bottom:15px;}
.guide .check{background:#FFFBD5;padding:30px;margin-bottom:70px;}
.guide .check ul li{font-size:1.8rem;font-weight:700;position: relative;padding-left:25px;}
.guide .check ul li:not(:last-child){margin-bottom:10px;}
.guide .check ul li::before{position: absolute;content:"";width:18px;height:18px;top:5px;left:0;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_check.png) no-repeat center center / cover;}

/*過去紙面検索*/
.guide.kako .zenshin{border-top:4px solid #15447E;margin-bottom:50px;}
.guide.kako .zenshin h3{display:block;border-radius:0 0 10px 10px;background:#15447E;color:#fff;text-align: center;max-width:380px;padding:4px 8px 8px;margin:0 auto 30px;}
.guide.kako .zenshin.tokyo{border-color:#542F8E;}
.guide.kako .zenshin.tokyo h3{background: #542F8E;}
.guide.kako .sec2{background: #FCF2F2;padding:55px 0 80px;}
#kijiDB.guide.kako .sec2 h2{margin-bottom:40px;}
#kijiDB.guide.kako .sec2 ul li{text-align: center;color:#e25050}
#kijiDB.guide.kako .sec2 ul li:not(:last-child) p{margin-top:10px;}
#kijiDB.guide.kako .sec2 ul li dl{display: flex;align-items: center;margin-top:10px;justify-content: center;}
#kijiDB.guide.kako .sec2 ul li dl dt{color:#fff;background:#e25050;border-radius:50%;width:50px;height:50px;font-size:1.2rem;display: flex;align-items: center;justify-content: center;}
#kijiDB.guide.kako .sec2 ul li dl dt span{line-height:1.3em;}
#kijiDB.guide.kako .sec2 ul li dl dd{margin-left:10px;}
#kijiDB.guide.kako .sec2 h3{background:#fff;padding:10px;color:#e25050;text-align: center;margin:40px 0 20px;}
#kijiDB.guide.kako sup{font-size: 55%;top: -.7em;}



/*IPアドレス制御型・ID/PASS認証型の解説*/
.university.kaisetsu .front h1 span{background: #0056B4;border-color:#0056B4;}
.kaisetsu .front h1 span{font-size:1.7rem;margin-left:0;padding:0 0 0 8px;}
.kaisetsu{padding:30px 0;}
.kaisetsu .box{background:#EAF1F8;padding:40px;justify-content: space-between;margin-top:40px;}
#kijiDB.kaisetsu h2{font-size:2.2rem;margin:0 0 20px;text-align: left;}
.kaisetsu .kome{font-size:1.5rem;padding-left:1.2em;text-indent:-1.2em;}
.kaisetsu .box .kome{margin-top:30px;}
.kaisetsu .d-line{border-top:1px dashed #9C9C9C;margin-top:45px;padding:40px 0;}
.kaisetsu .d-line p{margin-bottom:10px;}
.library.kaisetsu .front h1 span{background: #0091D1;border-color:#0091D1;}
#kijiDB.kaisetsu h2.ip{margin:40px 0 10px;position: relative;padding-left:32px;}
#kijiDB.kaisetsu h2.ip::before{position: absolute;content:"";background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_hand.png) no-repeat center center / cover;width:24px;height:32px;left:0;top:50%;transform: translateY(-50%);}

/*学校*/
.school .mainV{background: linear-gradient(180deg, rgba(239,248,221,1) 40%, rgba(255,255,255,1) 100%);}
.school h1 img{max-width:420px;}
.school .mainV .flex .text{font-size:1.6rem;padding-top:25px;}
.school .btns li a{background:#75A316;color:#fff;text-align: center;font-size:2rem;border-radius:26px;display: block;padding:14px;}
#kijiDB.school h2{color:#75A316;}
#kijiDB.school .feature h3{color:#75A316;font-size:2.4rem;text-align: center;margin:15px 0;}
.school .bg-y{background: #FFFBD5;}
.school .feature h4{font-size:2.4rem;font-weight:700;line-height:1.2em;}
.school .feature .box{padding-top:25px;margin:20px 0 60px;}
.school .feature .box h4{text-align: center;margin-bottom:20px;}
.school .feature ul li{padding:30px;}
.school .feature ul li p:last-of-type{margin-top:20px;}
.school .contact{background:#EFF8DD;padding:40px 0 60px;margin-top:50px;}
#kijiDB.school .info h2{margin-top:65px;}

#kijiDB.school.price, #kijiDB.school.cases{padding-top:30px;background: linear-gradient(180deg, rgba(239,248,221,1) 2%, rgba(255,255,255,1) 5%);}
.school.price h3.class, .school.price h3.teacher{position: relative;padding-left:18px;margin-bottom:10px;}
.school.price h3.class::before, .school.price h3.teacher::before{position: absolute;content:"";width:10px;height:26px;left:0;top:50%;transform: translateY(-50%);}
.school.price h3.class::before{background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/kaku_class.png) no-repeat center center / cover;}
#kijiDB.school.price h3.teacher::before{background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/kaku_teacher.png) no-repeat center center / cover;}
.school.price table{color:#75A316;border-color:#75A316;margin:15px 0 5px;}
.school.price table thead th:first-child{background:#EFF8DD;}
.school.price .plan h3.teacher{margin-top:50px;}
.school.price .plan .box{border-radius:6px;border:2px solid #75A316;padding:25px 30px;margin-top:30px;}
.school.price .plan .box h4{color:#75A316;font-size:1.8rem;font-weight:700;}
.school.price .plan ul li:not(:last-child){border-bottom:1px dashed #9C9C9C;margin-bottom:20px;padding-bottom:20px;}
.school.price .plan .chusyaku{display:flex;}
.school.price .system h3{color: #75A316;margin-bottom:10px;}
.school.price .trial{background:#FFF3F9;padding:60px 0 90px;margin-top:80px;}
#kijiDB.school.price .trial h2{margin-top:0;text-align: center;color:#F1609E;}
.school.price .trial h2 span{position: relative;padding-left:35px;}
.school.price .trial h2 span::before{content:"";position: absolute;width:24px;height:34px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/icon_trial2.png) no-repeat center center / cover;
  top:50%;left:0;transform: translateY(-50%);}
.school.price .trial .box{background: #fff;border-radius:10px;margin-top:25px;padding:30px;}
.school.price .trial .list li{position: relative;padding-left:1em;}
.school.price .trial .list li:not(:last-child){margin-bottom:5px;}
.school.price .trial .list li::before{position: absolute;content:"";width:3px;height:3px;border-radius:50%;background:#2A2A2A;left:.3em;top:.8em;}
.school.price .trial h4{color:#F1609E;margin:20px 0 5px;}
.school.price .trial .toiawase{font-size:1.8rem;font-weight:700;border-top:1px dashed #9C9C9C;padding-top:20px;margin-top:20px;}
.school.price .trial .flow li{padding-top:20px;}
.school.price .trial .flow li:first-child{margin-top:10px;}
.school.price .trial .flow li:not(:first-child){border-top:1px dashed #9C9C9C;margin-top:20px;}
.school.price .trial .flow li:nth-child(2){margin-top:25px;}
.school.price .trial .flow li:nth-child(2) p{font-weight:700;}
.school.price .trial .flow li:last-child .kome{font-size:1.4rem;}
.school.price .trial .flow li:last-child a{display:inline-block;margin-top:15px;}
.school.price .trial .flow li:last-child a img{max-width:158px;}
.school.price .trial .number{display:flex;font-weight:700;margin-bottom:5px;}
.school.price .trial .number p{color:#fff;background:#F1609E;width:30px;height:30px;line-height:30px;text-align:center;border-radius:6px;margin-right:6px;}
.school.price .trial .number h5{font-size:1.7rem;width:calc(100% - 36px);}
.school.price .trial .dl_btns{margin-top:15px;}
.school.price .trial .dl_btns a{background:#F1609E;font-size:1.8rem;font-weight:700;text-align: center;color:#fff;width:250px;border-radius:21px;display:block;padding:8px;}
.school.price .trial .dl_btns a span{font-size:1.5rem;font-weight:500;}

.school.cases .box{margin:30px 0 50px;}
.school.cases .box h3{border-bottom:2px solid #75A316;margin-bottom:15px;}
.school.cases .box h3 span{color:#fff;width:46px;height:44px;line-height:46px;background:#75A316;font-weight:700;display: inline-block;text-align: center;margin-right:25px;}
.school.cases .box .comment{padding:25px;margin:15px 0;}
.school.cases .box .comment p{font-size:1.6rem;}
.school.cases .box h4{color:#75A316;font-size:1.7rem;}

/*tokyo*/
.tokyo #document.pc .main-container{flex:none;width:100%;margin-bottom:0;}
.tokyo #document.pc .sub-container{display: none;}
.tokyo #document.sp .sub-container-wrp{display: none;}
.tokyo #document.sp .breadcrumb {padding: .5em 0;}

/*movie*/
.movie{position: relative;width: 100%;padding-top: 56.25%;margin-top:40px;}
.movie iframe{position: absolute;top: 0;right: 0;width: 100%;height: 100%;aspect-ratio: 16 / 9;}



/*PC======================================================*/
@media only screen and (min-width:769px) {

  .pc-only{display:block;}
  .sp-only{display:none;}

  .alltop .mainV .flex .Lpart{width:62.5%;}
  .alltop .mainV .flex .Rpart{width:34%;}
  .alltop .useful p{text-align: center;}
  .contact h3 span{padding-left:1em;}
  .mainV .container{position: relative;}
  .mainV .front{align-items: center;position: absolute;width:100%;left:0;top:28px;}
  .mainV .front a{width:41%;margin-left:2%;}
  .mainV .visual .text{width:52%;margin-top:100px;}
  .basic .mainV .front{top:23px;}
  .basic .mainV .front h1{width:55.5%;display:flex;align-items: center;}
  .mainV .front h1 span{max-width: 130px;}
  #kijiDB.basic .mainV .front h1 img{width:calc(100% - 82px);}
  .basic .mainV .front h1 span{width:62px;}
  .basic .mainV .visual{align-items: center;}
  #kijiDB .mainV .visual img{width:48%;}
  .basic .points{padding-top:20px;}
  .contents .kiji::before{content:"";position: absolute;width:221px;height:176px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/contents_img1.png) no-repeat center center / cover;
    top:50%;right:20px;transform: translateY(-50%);}
  .contents .kako::before{content:"";position: absolute;width:220px;height:180px;background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/contents_img2.png) no-repeat center center / cover;
    top:50%;left:0;transform: translateY(-50%);}
  .basic .points ul li:nth-child(odd){flex-direction: row-reverse;}
  .basic .points ul li .text, #kijiDB.basic .points ul li img{width:50%;}
  .basic .price h2+p, .basic .info p{text-align: center;}
  .price table tr:first-of-type th:first-child{width:17.4%;}
  .price table tr:first-of-type th:not(:first-child){width:41.3%;}
  .price table td, .info p{text-align:center;}
  .private ul{justify-content: space-between;margin-top:30px;}
  .private ul li{width:48%;}
  .guide.kiji .intro{display:flex;}
  .guide.kiji .intro .text{width:69%;}
  #kijiDB.guide.kiji .intro img{width:29%;}
  .guide.kako .front h1{margin-bottom:55px;}
  .guide.kiji .front h1{margin-bottom:25px;}
  .guide.kako .sec1 p+img{margin-top:40px;}
  .guide.kiji .sec2, .guide.kiji .sec3, .guide.kako .sec1 h2+p, #kijiDB.guide.kako .sec2 h3+p, .school.price .trial h2+p{text-align: center;}
  .guide .kirinuki ul, .guide.kako .zenshin .flex,.school .mainV .flex {justify-content: space-between;}
  .guide .kirinuki ul li{width:32%;}
  #kijiDB.guide.kako .zenshin .flex img{width:43.2%;}
  .guide.kako .zenshin .flex p{width:53%;}
  .kaisetsu .front h1, .school .btns, .guide.kiji .intro{display:flex;align-items: center;justify-content: space-between;}
  #kijiDB.kaisetsu .front h1 img{width:48%;}
  .kaisetsu .front h1 span{width:51.5%;}
  .kaisetsu .box .text{width:40%;}
  #kijiDB.kaisetsu .box img{width:56%;}
  .school .mainV h1{margin-bottom:30px;}
  .school .mainV .flex .text{width:47.2%;}
  #kijiDB.school .mainV .flex div+img{width:50%;}
  .school .btns{width:94%;margin:40px auto 0;}
  .school .btns li{width:48%;}
  #kijiDB.school .feature h3+p{text-align: center;}
  .school .feature ul{justify-content: space-between;align-items: center;margin-top:20px;}
  .school .feature ul li{width:49%;}
  .school .feature ul li:first-child h4{margin-bottom:15px;}
  .school .feature ul li:last-child img{margin-top:-40px;}
  #kijiDB.school.price table th{width:25%;}
  .school.price .plan .chusyaku{justify-content: space-between;}
  .school.price .trial .dl_btns{display:flex;}
  .school.price .trial .dl_btns a:first-of-type{margin-right:20px;}
  .school.price table tr:last-of-type td{border-bottom: 2px solid;}
  .school.price table th:not(:last-child), .school.price table td:not(:last-child){border-color:#75A316;}
  .school.price table tr:first-of-type th:not(:first-child){background:#75A316;}
  .school.price .plan .chusyaku .kome{font-size:1.4rem;}
  .school.price .system h3:last-of-type{margin-top:40px;}
  .school.cases{padding-bottom:60px;}
  .school.cases h2+p{text-align: center;}
  .school.cases .box{display:flex;justify-content: space-between;align-items: flex-start;}
  .school.cases .box .text{width:63%;}
  #kijiDB.school.cases .box img{width:32%;}
  .library .price table tbody tr:last-child td{border-bottom:2px solid #0091D1;}
}




@media only screen and (min-width:1024px) {
  .library .mainV .container{max-width:1024px;padding-left:72px;}
  .library .mainV .front{padding-left:72px;}
  .library .mainV .visual{justify-content: space-between;}
  .library .mainV .visual .text{width:50%;}

}

@media only screen and (min-width:971px) {
  .alltop .mainV .intro{text-align: center;}
}

@media screen and (min-width:769px) and (max-width:970px) {
  .alltop .mainV ul li:nth-child(4) a{font-size:1.6rem;}
  .alltop .mainV .flex .Lpart{width:62%;}
  .alltop .mainV .flex .Rpart{width:36%;}
  .kaisetsu .front h1 span{font-size:1.7vw;width:50%;}
}

@media screen and (min-width:769px) and (max-width:920px) {
  #kijiDB.basic .mainV h2{margin-top:80px;}
  .basic .mainV .front h1{width:51.5%;}
  .basic .mainV .front a{width:45%;}
}


@media screen and (min-width:769px) and (max-width:874px) {
  #kijiDB.basic .mainV h2{margin-top:100px;}
  .basic .mainV .front a{font-size:1.5rem;}
  .basic .points ul li:not(:nth-child(2)) {align-items: flex-end;}
  .basic .points ul li:nth-child(2) {align-items: center;}
}

@media only screen and (max-width:920px) {
  .price table td span{display: block;}
}



/*SP======================================================*/

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

.sp-only{display:block;}
.pc-only{display:none;}

#kijiDB{font-size:1.6rem;}
.container{width: 92%;}
.btn_trial{width:100%;}
#kijiDB h2{margin:12vw 0 5vw;font-size:2.5rem;}
#kijiDB .mainV{padding-top:5vw;}
.alltop h1{margin-bottom:4vw;}
.alltop .mainV .flex{flex-direction: column;}
.alltop .mainV .flex .Lpart{width:100%;margin-bottom:4vw;}
.alltop .mainV .Rpart{width:100%;}
.alltop .mainV .Rpart p{margin-left:0;font-size:1.6rem;}
.alltop .mainV ul{max-width:520px;margin:auto;}
.alltop .useful{margin-bottom:16vw;}
.alltop .useful ul li{width:48%;}
.alltop .useful ul li:nth-child(-n+2) {margin-bottom:4vw;}
.basic h1{margin-bottom:3vw;}
.basic .mainV .front{flex-direction: column;align-items:center;position: relative;z-index:2;}
.basic .mainV .front a{width:100%;margin-top:4vw;}
#kijiDB .mainV h1{width:100%;}
.front h1 span{display:block;margin:2vw 0 0;font-size:1.4rem;height:27px;line-height: 22px;}
#kijiDB .basic h2{margin-top:12vw;}
.mainV .visual{flex-direction: column-reverse;}
.mainV .visual .text{margin-top:6vw;}
.basic .mainV .visual{margin-top:-12vw;}
.basic .mainV .visual .text{margin:0;}
.basic .points ul li, .guide.kako .zenshin .flex, .private ul, .kaisetsu .box, .school .feature ul{flex-direction: column;}
.basic .points ul li:nth-child(2){padding-bottom:3vw;}
.basic .connect div{margin-top:5.5vw;}
.basic .price div{align-items: flex-end;flex-direction: column;}
.university .price table tr:first-of-type th:first-child, .library .price table tr:first-of-type th:first-child{font-size:1.4rem;line-height:1.3em;}
.price table td:first-child{text-align: center;}
.price .btn{font-size:1.6rem;border-radius:32px;line-height:1.5em;max-width:240px;padding:2.4vw;}
.contact{margin-top:12vw;}
.contact ul li h3{font-size:1.8rem;}
.contact ul li{padding:5.5vw 4.5vw;}
.private ul li{width:100%;margin-top:4vw;}
#kijiDB.private h2{margin:12vw 0 3vw;font-size:2.2rem;line-height:1.4em;}
.private .contact, .kaisetsu{padding:4vw 0;}
.guide.kiji .intro, .guide.kako .sec2 ul{flex-direction: column;align-items: center;}
#kijiDB.guide.kiji .intro img{width:60%;margin:4vw 0;}
#kijiDB.guide h2{font-size:2.2rem;margin-bottom:3vw;}
.guide .kirinuki ul{align-items: center;}
.guide.kiji .sec2 ul{margin:6vw 0;flex-direction: column-reverse;}
.guide.kiji .sec2 ul li:not(:first-child){margin-bottom:6vw;}
.guide.kiji .sec2 p:last-of-type, .guide.kiji .sec3 p:last-of-type{font-size:1.5rem;}
.guide .front h1, .guide.kako .sec1 h2+p{margin-bottom:7vw;}
.guide .check{padding:5vw;margin:10vw 0;}
.guide .check ul li{font-size:1.6rem;}
.guide .check ul li:not(:last-child){margin-bottom:3vw;}
.guide.kako .zenshin{margin-bottom:10vw;}
.guide.kako .zenshin h3{max-width:300px;margin-bottom:5vw;}
.guide.kako .zenshin p{margin-top:6vw;}
.guide.kako .sec2{padding:10vw 0 14vw;}
#kijiDB.guide.kako .sec2 h2{margin-bottom:5vw;}
.guide.kako .sec2 ul li:not(:last-child){margin-bottom:6vw;}
#kijiDB.guide.kako .sec2 h3{margin:6vw 0 4vw;}
.kaisetsu .front h1 span{font-size:1.2rem;}
.kaisetsu .box{padding:7vw 4vw;margin-top:8vw;}
#kijiDB.kaisetsu h2{font-size:2rem;margin-bottom:3vw;}
.kaisetsu .box .kome{margin-top:6vw;}
.kaisetsu .box img{margin-top:5vw;}
.kaisetsu .d-line{padding:6.5vw 0;margin-top:7vw;}
#kijiDB.kaisetsu h2.ip{margin-top:8vw;}
.school .mainV{background: linear-gradient(180deg, rgba(239,248,221,1) 30%, rgba(255,255,255,1) 50%);}
.school .mainV .flex{flex-direction: column-reverse;}
.school .mainV h1{text-align: center;position: relative;}
.school .mainV div+img{margin-top:-4vw;}
.school .btns{max-width:300px;margin:9vw auto 0;}
.school .btns li{margin-bottom:4vw;}
#kijiDB.school .feature h3, .school .feature .box h4{font-size:2.2rem;}
.school .feature .box{margin-bottom:12vw;}
.school .feature ul li{margin-top:4vw;padding:6vw 5vw;}
.school .feature ul li h4{text-align: center;}
.school .feature ul li h4+p{text-align: center;margin:2vw 0;}
.school .contact{padding:10vw 0;margin-top:12vw;}
#kijiDB.school .info h2{margin-top:13vw;}
#kijiDB.school.price, #kijiDB.school.cases{background: linear-gradient(180deg, rgba(239, 248, 221, 1) 1%, rgba(255, 255, 255, 1) 5%);padding-top:5vw;}
.school.price .trial h3::before{height:50px;}
.school.price .trial h3.class::before{background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/kaku_class2.png) no-repeat center center / cover;}
.school.price .trial h3.teacher::before{background: url(//static.chunichi.co.jp/chunichi/images/freepages/database/renew/kaku_teacher2.png) no-repeat center center / cover;}
.school.price .trial .kome{text-indent:-1em;padding-left:1em;}
.school.price table th{border-right:1px solid #fff;border-bottom:1px solid #fff;text-align: left;width:49%;}
.school.price table td{border-bottom:1px solid #75A316;width:51%;text-align: right;}
.school.price table tbody th{background:#75A316;color:#fff;}
.school.price table tbody tr:last-of-type th, .school.price table tbody tr:last-of-type td{border-bottom:2px solid #75A316;}
#kijiDB.school.price h3{font-size:1.8rem;}
.school.price .plan .chusyaku{flex-direction: column-reverse;}
.school.price .plan .chusyaku .kome{font-size:1.5rem;margin-top:4vw;}
.school.price .plan h3.teacher{margin-top:10vw;}
.school.price .plan .box{padding:5vw 4vw;}
.school.price .plan .box h4{font-size:1.7rem;margin-bottom:3vw;}
.school.price .system h3{margin-top:6.5vw;}
.school.price .trial{padding:10vw 0;margin-top:12vw;}
.school.price .trial .box{padding:6vw 5vw;}
.school.price .trial .dl_btns a{margin:4vw auto 0;}
.school.price .trial .flow li:last-child div{text-align: center;}
#kijiDB.school.cases .box img{width:80%;margin:5vw auto 0;display: block;}
.library .price table tbody tr:last-of-type td{border-bottom:2px solid #0091D1;}
.library .price table:last-of-type{border-top:none;}

}

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

  #kijiDB.basic .mainV h2{font-size:2.2rem;margin:5vw 0 4vw;}
  .btn_trial{font-size:1.5rem;margin-top:6vw;}
  .btn_trial::after{top:28px;}
  .alltop .mainV .flex .Lpart{margin-bottom:6vw;}
  .alltop .mainV .flex, .alltop .useful ul{margin-bottom:7vw;}
  .alltop .mainV ul{max-width:315px;}
  .contents a{max-width:200px;}
  
  
}

@media only screen and (max-width:375px) {
  .btn_trial{padding:4vw 3vw;font-size:1.4rem;}
  .btn_trial::before{right:3vw;}
  .btn_trial::after{right:24px;top:30px;}
  .btn_trial span{padding-left:33px;}
  .basic .mainV .front a{font-size:1.5rem;}
}