@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
}

ol, ul {
  list-style: none; }
html {
  font-size: 62.5%;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }
  html *,
  html *:before,
  html *:after {
    box-sizing: inherit; }
body {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
font-weight: 400;
font-style: normal;
  letter-spacing: .08em;
  font-size: 1.5rem;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  font-style: normal;
}

img{
	width: 100%;
	height: auto;
}
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#E9F2F7;
  text-align:center;
}

#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#splash_logo img {
  width:280px;
}

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(10px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
#header{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
}
#header #logo{
	margin: 30px 0px 0px 30px;
	width: 200px;
}

#header p{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 120px;
}
#header p img{
	height: auto;
}
#header p img[src$=".svg"] {
    width: 100%;
}
#main{
	position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
	z-index: 0;
	background: #E9F2F7;
}
#main .main-inner{
	width: 100%;
    height: 87vh;
	background: url("../../../image/lp/catalog2027/main.webp") no-repeat center;
	background-size: cover;
	display: none;
}
#main .main-text{
	position: absolute;
    bottom: 150px;
	left: 50%;
	width: 420px;
	z-index: 15;
	transform: translate(-50%, 0%);
}
#main .main-text p{
	width: 80%;
	margin: 30px auto 0px;
}
#main .main-text h1,#main .main-text p{
	display: none;
}
#main .scroll-btn {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
	text-align: center;
	width: 100px;
	transform: translate(-50%, 0%);
}
#main .scroll-btn a img {
    width: 60px;
	margin-bottom: 5px;
}
#main .scroll-btn .scroll-line {
    position: relative;
	left: 45px;
    display: block;
    height: 50px;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
#main .scroll-btn .scroll-line:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 5px;
    width: 1px;
    background: #FFF;
}
#main .scroll-btn .scroll-line:after {
    position: absolute;
    content: '';
    top: -25px;
    left: 5px;
    width: 1px;
    height: 60px;
    -webkit-animation: lineAnime 1s ease-in-out infinite;
    animation: lineAnime 1s ease-in-out infinite;
    background: #005D96;
}
@-webkit-keyframes lineAnime{0%{top:-30px}100%{top:100%}}
@keyframes lineAnime{0%{top:-30px}100%{top:100%}}
.block h2.title{
	text-align: center;
	margin-bottom: 60px;
	font-size: 2.8rem;
	color: #005D96;
	background:url("../../../image/lp/catalog2027/randoseru_icon.svg") no-repeat top;
	background-size: 48px auto;
	padding-top: 90px;
	line-height: 1.5;
	font-weight: bold;
}
.block h2 span img{
	height: 10px;
}
.block.cl{
	background: #E9F2F7;
	overflow: hidden;
}
ul.flexbox{
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.flexbox li{
	list-style: none;
}
.btn {text-align: center;margin-bottom: 30px;}
.btn li{
	width: 260px!important;
	text-align: center;
	display: inline-block;
	margin: 0px 10px 10px;
	padding: 0px!important;
}
.btn li a{
	display: block;
	padding: 16px 0px;
	color:#FFF;
	text-decoration: none;
	background: #C72A17;
	border-radius: 30px;
	border: solid 1px #C72A17;
	font-weight: bold;
}
.btn li a span{
	display: inline-block;
	padding-left: 38px;
	background:url("../../../image/lp/catalog2025/catalog_icon.svg") no-repeat left;
	background-size: 28px auto;
}
.btn li:nth-child(2) a{
	display: block;
	color:#320506;
	background: #FFF;
	border: solid 1px #320506;
}
.btn li:nth-child(2) a span{
	background:url("../../../image/lp/catalog2025/mail_icon.svg") no-repeat left;
	background-size: 27px auto;
	padding-left: 36px;
}
br.br-sp{
	display: none;
}
.sr,.sr2 {
  opacity: 0;
  transform : translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
}

.sr.scrollin,.sr2.scrollin2{
  opacity: 1;
  -webkit-animation: fadeIn 2s ease forwards;
  animation: fadeIn 2s ease forwards;
  transform : translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  -moz-transform: translate(0, 0px);
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


/*kodawari*/
#kodawari{padding: 100px 0px;}
#kodawari .box {
    position: relative;
	margin-bottom: 80px;
}
#kodawari .box-inner{
	position: relative;
}
#kodawari .box .line{
	width: 43%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
#kodawari .box .line span{
	background: #A68336;
	height: 40px;
	display: block;	
}
#kodawari .box h3{
	color: #340505;
	font-size: 2.5rem;
	text-align: left;
	margin: 0px 0px 15px;
    letter-spacing: 0.2rem;
    line-height: 1.5;
}
#kodawari .box h3 span{
	background: #005D96;
	color: #FFF;
	padding: 8px;
	line-height: 1;
	display: inline-block;
	margin-bottom: 8px;
	letter-spacing: 0.01em;
}
#kodawari .box p{
	line-height: 1.8;
	font-size: 1.4rem;
}
#kodawari .textbox{
	width: 45%;
	padding-left: 8%;
	position: relative;
}
#kodawari .imgbox{
	width: 50%;
	position: absolute;
	top:0px;
	right: -40px;
}
#kodawari .imgbox img{
	aspect-ratio: 589 / 415;
}
#kodawari .textbox .number{
	margin-bottom: 40px;
}
#kodawari .textbox .number img{
	height: 60px;
	width: auto;
	aspect-ratio: 73 / 60;
}
#kodawari .text-inner .fs{
	font-size: 1.3rem;
    line-height: 1.4;
    margin-top: 10px;
}
kodawari .right .line{
	right: 0px;
	left: auto;
}
#kodawari .right .imgbox{
	width: 50%;
	position: absolute;
	top:0px;
	left: -40px;
}
#kodawari .right .textbox {
    padding-left: 0;
    width: 40%;
    position: absolute;
    right: 5%;
	top: 0;
}
#kodawari .right .textbox .number,#kodawari .right .text-inner{
	padding-left: 10px;
}
#kodawari .right .line {
    width: 47%;
	right: 0px;
    left: auto;
}
#kodawari .right img.img-num {
    margin-left: 10px;
}
/*kodawari*/


/*voice*/
#voice.block{
	padding: 100px 0px;
	width: 90%;
	margin: 0 auto;
}
#voice ul li{
	width: 31%;
	padding-right: 5%;
	margin-right: 5%;
}
#voice ul li:nth-child(3){
	margin: 0;
	padding: 0;
	background: none;
	width: 26%;
}
#voice .name {
    margin-bottom: 15px;
	margin-top: 20px;
	font-size: 1.4rem;
	font-weight: bold;
}
#voice .randoseru{
	font-weight: bold;
	color: #320506;
	margin: 20px 0px 10px;
	color: #005D96;
	font-size: 1.6rem;
}
#voice .randoseru span{
	font-weight: normal;
	font-size: 1.2rem;
	display: block;
	margin-top: 8px;
	color: #000;
	font-weight: bold;
}
#voice .comment{
	line-height: 1.8;

}
#voice .btn{
	margin-top: 100px;
}
#voice .btn li{
	margin: 0px;
	background: none!important;
}
/*voice*/


/*schedule*/
#schedule{padding: 100px 0px 60px;}
#schedule .flow{
	background: #FFF;
	width: 80%;
    margin: 0 auto;
	padding-bottom: 70px;
	border-radius: 30px;
}
#schedule .flow .schedule-title{
	text-align: center;
	padding: 60px 0px 10px;
}
#schedule .flow .schedule-title span{
	display: block;
	width: 170px;
	margin: 0px auto 15px;
}
#schedule .flow .schedule-title span img{
	aspect-ratio: 170 / 9;
}
#schedule .flow .schedule-title span + span{
	width: 80px;
}
#schedule .flow .schedule-title span + span img{
	aspect-ratio: 80 / 21;
}
#schedule .flow-inner{
	width: 60%;
    margin: 0 auto;
	font-weight: bold;
	background:url("line.png")repeat-y top left 17%;
	background-size: 1px auto;
}
#schedule .flow-inner:last-child{background:none;}
#schedule .flow-inner li{
	font-weight: bold;
	width: 100%;
    padding: 0px 0px 30px;
	position: relative;
}
#schedule .flow-inner li span.d{
	display: block;
	color: #FFF;
	background: #005D96;
	border-radius: 25px;
	text-align: center;
    display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
    width:34%;
	position: absolute;
    left: 0px;
	height: 40px;
}
#schedule .flow-inner li span.l{display: inline-block;padding:5px 0 0 37%;line-height:2;}
#schedule .flow-inner li span.l span{color: #990000;display: inline-block;margin-top: 5px;font-size: 1.4rem;}
#schedule .flow-inner li span.d span{font-weight: normal;}
#schedule .btn{
	margin: 100px 0px 50px;
}
#schedule .flow-inner li sm{
	display: inline-block;
	margin-top: 10px;
	font-weight: normal;
	font-size:1.2rem;
}
#schedule ul.chuui{
	width: 80%;
    margin: 30px auto 0;
	font-size:1.2rem;
}
#schedule ul.chuui li+li{
	margin-top: 8px;
	
}
/*schedule*/


/*catalog*/
#catalog.block{
	padding: 100px 0px;
	width: 90%;
	margin: 0 auto;
}
#catalog .send{
	
}
#catalog .send h3 {
    background: #005D96;
    color: #FFF;
    padding: 10px 10px 8px;
    font-weight: bold;
    font-size: 1.6rem;
	margin-bottom: 30px;
	text-align: center;
	border-radius: 20px;
}
#catalog .send ul li{
	width: 55%;
}
#catalog .send ul li p{display: none;}
#catalog .send ul li:last-child{
	width: 40%;
	margin-left: 5%;
}
#catalog .send ul li:last-child img{
	aspect-ratio: 47 / 35;
}
#catalog .send ul li ul{
	margin-left: 20px;
}
#catalog .send ul li ul li{
	width: 100%!important;
	margin-left: 0!important;
}
#catalog .send ul.send-list {
    margin: 0 0 20px 6px;
}
#catalog .send ul.send-list li {
    margin-bottom: 8px;
	background: url("../../../image/lp/catalog2027/checkmark.svg") no-repeat left top;
	padding: 5px 0 5px 35px;
	background-size: 25px auto;
	font-weight: bold;
}
#catalog .send ul.send-list li span.fs{
	display: block;
	font-size: 1.2rem;
	margin-top: 5px;
}
#catalog .send ul.send-list li span.fl{text-decoration: line-through;}
#catalog .send ul.send-list li span.red{color: #990000;}
#catalog ul.kome {
    margin-left: 22px;
}
#catalog ul.kome li {
    font-size: 1.2rem;
    line-height: 1.5;
    text-indent: -1em;
	margin-bottom: 8px;
}
#catalog ul.kome li:before {
    content: "※";
}

#catalog .btn{
	margin-top: 100px;
}

#randoseru-catalog{
		background: #E9F2F7;
		padding: 120px 0px;
		margin-bottom: 100px;
	}
#randoseru-catalog .randoseru-catalog-inner{
	width: 90%;
	margin: 0px auto;
}
#randoseru-catalog .randoseru-catalog-inner h3{
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 80px;
	color: #005D96;
	font-weight: bold;
}
#randoseru-catalog .randoseru-catalog-inner ul li:first-child{
	width: 45%;
	margin-right: 5%;
}
#randoseru-catalog .randoseru-catalog-inner ul li:first-child img{
	aspect-ratio: 584 / 421;
}
#randoseru-catalog .randoseru-catalog-inner ul.rv li:first-child img{
	aspect-ratio: 1139 / 974;
}
#randoseru-catalog .randoseru-catalog-inner ul li{
	width: 50%;
}
#randoseru-catalog .randoseru-catalog-inner ul li p + p{
	font-size: 1.3rem;
	margin-top: 20px;
}
#randoseru-catalog .randoseru-catalog-inner ul li h4{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 15px;
	background: url(../../../image/lp/catalog2027/check.svg) no-repeat 0 0;
	background-size: 130px auto;
	padding-top: 80px;
}
#randoseru-catalog .randoseru-catalog-inner ul.rv{
	margin-top: 80px;
	flex-direction: row-reverse;
}
#randoseru-catalog .randoseru-catalog-inner ul.rv li:first-child{
	width: 45%;
	margin:0 0 0 5%;
}
#randoseru-catalog .randoseru-catalog-inner ul.bt{
	margin-top: 50px;
}
#yoyaku-tokuten1{
	width: 90%;
	margin: 0 auto 130px;
}
#yoyaku-tokuten1 p.tc{
	text-align: center;
	color: #320506;
	line-height: 2;
}
#yoyaku-tokuten1 .book{
	border: dashed 2px #320506;
	border-radius: 20px;
	padding: 50px 40px;
	position: relative;
	margin:100px auto 0px;
}
#yoyaku-tokuten1 .book p.original{
		color: #A68336;
		text-align: center;
		background-image: url(../../../image/lp/catalog2022/ehon_border.gif), url(../../../image/lp/catalog2022/ehon_border2.gif);
		background-color: #FFF;
		background-repeat: no-repeat, no-repeat;
		background-size: 25px auto, 25px auto;
		background-position: 10px, right 10px top 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		padding: 0px 70px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.5;
}
#yoyaku-tokuten1 .book ul li{
		width: 70%;
		position: relative;
}
#yoyaku-tokuten1 .book ul li p{line-height: 2;font-size: 1.4rem;}
#yoyaku-tokuten1 .book ul li:last-child{
		width: 25%;
		margin-left: 4%;
}
#yoyaku-tokuten1 .book ul li:last-child span{
		position: absolute;
		top: -20px;
		left: -40px;
		width: 40%;
}
#yoyaku-tokuten1 .book h3{
		color: #320506;
		padding-left: 100px;
		background:none;
		background: url(../../../image/lp/catalog2022/book_icon.png) no-repeat left top 15px;
		background-size: 75px auto;
		min-height: 70px;
		font-weight: bold;
		font-size: 2.2rem;
		margin-bottom: 15px;
}
#yoyaku-tokuten1 .book h3 span{
		font-size: 1.4rem;
		margin: 0px 0px 8px;
		display: inline-block;
}
#yoyaku-tokuten1 .book.p2 ul{
	flex-direction:row-reverse;
}
#yoyaku-tokuten1 .book.p2 ul li{width: 64%;}
#yoyaku-tokuten1 .book.p2 ul li:last-child{margin: 0 8% 0 0;width: 23%;}
#yoyaku-tokuten1.block h2.title{
	color: #340505;
	background: none;
    padding: 0;
	margin-bottom: 40px;
}
/*catalog*/


/*contact*/
#contact{
	width: 100%;
	margin: 0 auto 70px;
	text-align: center;
}

#contact p.contact-tel a{
	font-size: 3rem;
	font-weight: bold;
	background: url("../../../image/lp/catalog2025/tel_icon.svg") no-repeat left center;
	background-size: 30px auto;
	margin: 10px auto;
	display: inline-block;
	padding: 0px 0px 0px 40px;
	pointer-events:none;
	color: #340505;
	text-decoration: none;
}
#contact p.contact-taxt{
	font-size: 1.2rem;
	line-height: 2;
}
/*contact*/


/*sns*/
#sns div{
	margin: 0 0 20px;
}
#sns div img{
	height: 10px;
}
#sns{
	padding: 60px 0px 0px;
	text-align: center;
	border-top: solid 1px #005D96;
}
#sns ul li{
	display: inline-block;
	margin: 0px 5px;
}
#sns img{
	height: 30px;
	width: auto;
}
/*sns*/

#footer{
	text-align: center;
}
footer{
	position: relative;
}
footer p {
    color: #320506;
    font-size: 1.1rem;
	padding: 50px 0px;
}
footer .footer-info-logo {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 210px;
    margin-top: -31.5px;
}
#yoyaku-tokuten1{
	margin-bottom: 100px;
	
}
#yoyaku-tokuten2{
	margin: 0px auto 140px;
}
#yoyaku-tokuten2 .tokutenbox {
    margin:0 auto 50px;
	width: 90%;
}
#yoyaku-tokuten2 .tokutenbox h3 {
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    padding: 15px 10px;
    margin-bottom: 50px;
    background: #005D96;
    line-height: 1;
    font-weight: bold;
	border-radius: 20px;
}
#yoyaku-tokuten2 .tokutenbox h3 span {
    display: inline-block;
    background: #FFF;
    color: #A68336;
    padding: 5px 7px;
    font-size: 1.3rem;
    border-radius: 50px;
    margin: 0px 0px 0px 10px;
    font-weight: bold;
    font-style: normal;
}
#yoyaku-tokuten2 .tokutenbox ul li h3{
    font-size: 2.1rem!important;
    margin: 10px 0px 25px;
    background: none!important;
    padding: 0px;
	text-align: left;
	color: #000;
}
#yoyaku-tokuten2 .tokutenbox ul li {
    width: 35%;
    margin-right: 5%;
}
#yoyaku-tokuten2 .tokutenbox ul li:last-child {
    width: 60%;
    margin-right: 0;
}
#yoyaku-tokuten2 .tokutenbox ul li:last-child img{
	display: none;
}
#yoyaku-tokuten2 .tokutenbox ul.kikan{
	margin-top: 20px;
    font-size: 1.2rem;
	overflow: hidden;
}
#yoyaku-tokuten2 .tokutenbox ul.kikan li:first-child{
	width: 15%;
	margin-right: 0;
	font-size: 1.2rem;
	float: left;
	margin-top: 5px;
}
#yoyaku-tokuten2 .tokutenbox ul.kikan li:first-child span{
	display: inline-block;
	background: #005D96;
    color: #FFF;
    padding: 5px 6px;
	line-height: 1;
	border-radius: 5px;
}
#yoyaku-tokuten2 .tokutenbox ul.kikan li:last-child{
	width: 85%;
	font-weight: bold;
	line-height: 2;
    float: right;
    font-size: 1.6rem;
	color: #320506;
}
#yoyaku-tokuten2 .tokutenbox ul.kikan li:last-child span{
	display: inline-block;
    line-height: 1.8;
    margin-bottom: 8px;
}
#yoyaku-tokuten2 .tokutenbox p{
	line-height: 1.8;
    font-size: 1.4rem;
}
#yoyaku-tokuten2 .tokutenbox p.mini {
    margin-top: 15px;
    font-size: 1.1rem;
}
#yoyaku-tokuten2 .tokutenbox p span{
	font-weight: bold;
	color: #A68336;
}
#yoyaku-tokuten2 .tokutenbox p a{
	color: #005D96;
}
#yoyaku-tokuten2 p.detail-link{
	width: 250px;
	margin-top: 40px;
}
#yoyaku-tokuten2 p.detail-link a{
	display: block;
	background: #005D96;
	border-radius: 30px;
	color: #FFF;
	text-align: center;
	padding: 15px;
	text-decoration: none;
	font-weight: bold;
}
.mb20{margin-bottom: 20px;}
#fixed-bnr{
	display: none;
}
#emblem{
    width: 90%;
    margin: 300px auto 0px;
	border: solid 2px #005D96;
	border-radius: 50px;
	padding: 60px;
	position: relative;
}
#emblem .emblem-t{
	position: absolute;
	top: -190px;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 200px;
}
#emblem .emblem-inner{overflow: hidden;}
#emblem .emblem-text{
	width: 50%;
	float: left;
	line-height: 1.8;
}
#emblem .emblem-img{
	width: 45%;
	float: right;
}
#emblem .emblem-img img{
	aspect-ratio: 821 / 498;
}
#emblem h2{
	color: #005D96;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 15px;
}



@media (min-width: 1140px){
#main .main-inner{
	background: url("../../../image/lp/catalog2027/main_w.webp") no-repeat center;
	background-size: auto 100%;
}
#yoyaku-tokuten2 .tokutenbox ul.kikan li:first-child{
	width: 14%;
	}
#yoyaku-tokuten2 .tokutenbox ul.kikan li:last-child{
	width: 84%;
	}

	
/*kodawari*/
#kodawari .box {
    margin-bottom: 100px;
}
#kodawari .box p{
	line-height: 2.5;
}
#kodawari .box-inner{
	width: 1000px;
	margin: 0 auto;
}
#kodawari .textbox{
	padding-left: 5%;
	width: 55%;
}
#kodawari .right .textbox{width: 46%;}
#kodawari .box h3{
	font-size: 2.9rem;
	margin-bottom: 15px;
}
#kodawari .imgbox{
	width: 55%;
	right: -140px;
}
#kodawari img.img-num{
	width: 220px;
	transform: translateY(-25px);
}
#kodawari .right .imgbox{
	right: auto;
	left: -140px;
	width: 55%;
}
/*kodawari*/
	
	
	
/*voice*/
#voice.block{
	width: 950px;
	padding: 150px 0px 90px;
}
/*voice*/	
	

/*schedule*/
#schedule .flow,#schedule ul.chuui{
	width: 850px;
}


/*schedule*/
	

/*catalog*/
#catalog.block{
	padding: 130px 0px;
	width: 950px;
}
#catalog .send {
    width: 950px;
}
#catalog p.cataglog-img {
    width: 450px;
}
#randoseru-catalog .randoseru-catalog-inner{
		width: 950px;
	}
/*catalog*/	

	
/*contact*/
#contact{
	width: 950px;
}
#contact ul li span.mail,#contact ul li span.tel{
	width: 85%;
}
#contact ul li{
	padding: 50px;
}
/*contact*/	
	
footer{
	width: 950px;
	margin: 0 auto;
}
	
#catalog .ehon{width: 1000px; padding: 70px 50px 50px;margin-top: 140px;}
	
#yoyaku-tokuten1,#yoyaku-tokuten2 .tokutenbox {
    width: 950px;
	margin-bottom: 100px;
}
#yoyaku-tokuten2 .tokutenbox ul.list-yoko li{
	width: 15%;
}
#yoyaku-tokuten2 .tokutenbox ul.list-yoko li:last-child{
	width: 85%;
}
	
#emblem {
    width: 950px;
	}
}



@media (max-width: 768px){
#yoyaku-tokuten2 .tokutenbox ul.kikan li:first-child {
    width: 22%;
	}
#yoyaku-tokuten2 .tokutenbox ul.kikan li:last-child {
    width: 78%;
	}
#header p{
    width: 100px;
}
#main .main-inner{
	background: url(../../../image/lp/catalog2027/main_sp.webp) no-repeat center;
    background-size: cover;
}
#main .main-text{
	width: 100%;
transform: translate(0%, 0%);
position: static;
	height: 100%;
}
#main .main-text h1 {
    width: 70%;
	bottom: 30px;
	position: absolute;
	left: 50%;
    transform: translate(-50%, 0);
}
.block h2.title {
	margin-bottom: 50px;
}
/*kodawari*/	
#kodawari .box h3{
	font-size: 2.2rem;
	margin-bottom: 10px;
}
#kodawari .text-inner{
	position: static;
}
#kodawari .textbox .number {
margin-bottom: 20px;
}
#kodawari .textbox .number img {
height: 50px;
}
#kodawari .textbox {
width: 49%;
	}
#kodawari .right .textbox {
width: 45%;
}
/*kodawari*/	

#schedule .flow {
    padding-bottom: 40px;
}
#schedule .flow-inner li span.d{width: 28%;}	
#schedule .flow-inner li span.l{padding-left: 31%;}
#schedule .flow-inner{
	width: 75%;
	background: url("../../../image/lp/catalog2027/line.png")repeat-y top left 13%;
background-size: 1px auto;
}

/*catalog*/

#catalog ul li{
	width: 100%;
}
#catalog ul li:last-child{
	width: 100%;
	margin-left: 0;
}
#catalog p.cataglog-img {
    position: static;
    width: 60%;
	margin: 40px auto 0px;
}
#randoseru-catalog .randoseru-catalog-inner h3{
		font-size: 2.8rem;
		}
#randoseru-catalog .randoseru-catalog-inner ul li h4{
font-size: 1.8rem;
background-size: 100px auto;
padding-top: 60px;
}
#randoseru-catalog {
	padding: 90px 0px;
	margin-bottom: 90px;
}
#yoyaku-tokuten1 .book ul li:last-child span{
	left: -20px;
	width: 80px;
}
.book h2{
	font-size: 1.8rem;
}
/*catalog*/	
	
#yoyaku-tokuten2 {
margin: 0px auto 70px;
border-bottom: solid 1px #005D96;
}
/*contact*/	
#contact ul li{
	width: 100%;
	border-bottom:  solid 3px #FFF;
}
#contact ul li:last-child{
	border-left:none;
}

	
/*contact*/	
	

#footer {
    border-top: none;
}
footer .footer-info-logo {
    position: static;
    top: 50%;
    left: 0px;
    width: 210px;
	margin: 0px auto;
}
	#studybook-bg{
		padding-bottom: 50px;
	}	

}



@media (max-width: 640px){
#yoyaku-tokuten2 p.detail-link {
    margin: 0px auto;
}
#yoyaku-tokuten2 .tokutenbox h3{margin-bottom: 20px;}
#yoyaku-tokuten2 .tokutenbox ul li:first-child {
	margin-bottom: 10px;
}
#yoyaku-tokuten2 .tokutenbox ul.flexbox li:first-child {display: none;}
	#yoyaku-tokuten2 .tokutenbox ul.kikan li:first-child{display: block;}
#splash_logo img {
  width:260px;
}
br.br-pc{
	display: none;
}
br.br-sp{
	display: block;
}
#header p {
    top: 15px;
    right: 15px;
	width: 60px;
}
#header #logo {
    width: 180px;
}
#main .main-text {
    width: 100%;
}
#voice.block {
    padding: 85px 0px 75px;
	width: 85%;
}
.block h2.title {
    margin-bottom: 30px;
    font-size: 2.4rem;
    background: url(../../../image/lp/catalog2027/randoseru_icon.svg) no-repeat top;
    background-size: 50px auto;
    padding-top: 90px;
}
#kodawari .box .line {
    width: 100%;
	position: static;
}
#kodawari .box-inner {
    position: static;
}
#kodawari .box {
    position: relative;
    margin-bottom: 0px;
}
#kodawari .textbox {
    width: 84%;
    margin: 30px auto 60px;
    padding-left: 0;
	position: static;
}
#kodawari .textbox .number {
    line-height: 1;
}
#kodawari .text-inner{
	padding-left: 0px!important;
	margin-bottom: 55px;
}
#kodawari .imgbox {
    width: 100%;
    position: static;
}
#kodawari .right .textbox {
    width: 84%;
    margin: 30px auto 40px;
    position: static;
}
#kodawari .right .imgbox {
    width: 100%;
    position: static;
}
#kodawari .btn{margin-top: 40px;}
#kodawari .box h3{letter-spacing: 0.1rem;}
#kodawari .imgbox img {
	aspect-ratio: 377 / 394;
}
#emblem {
	margin: 150px auto 0px;
	padding: 170px 60px 60px;
}
#emblem .emblem-t {
	top: -80px;
}
#voice ul li {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
	margin-bottom: 10px;
	padding-bottom: 50px;
}
#voice ul li:nth-child(3) {
    width: 100%;
}
#voice ul li img{
	aspect-ratio: 1 / 1;
}
#voice .btn{width: 100%;}
#schedule .flow {
    width: 85%;
	padding-bottom: 20px;
}
#schedule .flow-inner {
	width: 85%;
	background: none;
}

#schedule .flow-inner li span.d {
   font-size: 1.4rem;
    width: 100%;
	position: static;
	text-align: left;
	display: block;
	height: auto;
	padding: 10px 15px;
	line-height: 1;
}

#schedule .flow-inner li span.l {
   padding: 10px 5px 0px;
}
#schedule p.btn{width: 85%;}
#catalog.block {
    padding: 90px 0px;
    width: 100%;
}
#catalog .send .flexbox {
    width: 90%;
    margin: 0 auto;
}
#catalog .btn{width:90%;}
#contact ul li span.mail, #contact ul li span.tel {
    width: 85%;
}
#voice .btn,#schedule .btn,#catalog .btn{
    margin-top: 50px;
}
#contact ul li span.tel a {
    pointer-events: all;
}
#catalog .send h3 {
    text-align: left;
	border-radius: 0px;
	padding: 15px 35px;
}
#yoyaku-tokuten1 {
    margin-bottom: 80px;
}
#yoyaku-tokuten1 .book{padding: 50px 30px 30px; margin: 80px auto 0px;width: 90%;}
#yoyaku-tokuten1 .book h3 {
    padding-left: 0px;
    font-size: 2rem;
    background: none;
	margin-bottom:0px;
}
#yoyaku-tokuten1 .book p.original {
    width: 60%;
	padding: 0px 30px;
}
#yoyaku-tokuten1 .book ul li {
    width: 100%!important;
}
#yoyaku-tokuten1 .book ul li:last-child,#yoyaku-tokuten2 ul li:last-child {
    width: 60%!important;
    margin: 50px auto 30px!important;
}
#yoyaku-tokuten1 .book ul li:last-child span{width: 80px;}

#yoyaku-tokuten2 .tokutenbox {
    padding: 0px;
    margin: 0px auto 20px;
	width: 85%;
}
#yoyaku-tokuten2 .tokutenbox ul li {
    width: 100% !important;
    margin: 0 0 20px;
}
#yoyaku-tokuten2 .tokutenbox ul li h2 {
    margin-bottom: 20px;
    display: block;
}
#yoyaku-tokuten2 .tokutenbox ul li:last-child {
    width: 60%;
   margin: 0px 0px 50px!important;
}
#yoyaku-tokuten2 .tokutenbox ul li:last-child img{
	display: block;
	margin: 30px 0px;
}
#yoyaku-tokuten2 .tokutenbox ul.list-yoko li{
	width: 20%!important;
    margin: 0!important;
    display: inline-block;
}
#yoyaku-tokuten2 .tokutenbox ul.list-yoko li:last-child{
	width: 80%!important;
    display: inline-block!important;
}
#emblem .emblem-text{
	width: 100%;
	float: none;
}
#emblem .emblem-img{
	width: 100%;
	float: none;
	margin-top: 30px;
}
}

@media (max-width: 480px){
#header #logo{
	margin:20px 15px 0px;
	width: 150px;
}
#splash_logo img {
    width: 240px;
}
#catalog .ehon h2 {
    font-size: 1.8rem;
}
#main .main-inner {
	background: url(../../../image/lp/catalog2027/main_sp.webp) no-repeat center;
	background-size: auto 100%;
}
#main .scroll {
    position: absolute;
    left: 50%;
    bottom: 110px;
    width: 40px;
    margin-left: -20px;
}
#main .main-text h1 {
	width: 95%;
	bottom: 10px;
}
.btn {
    margin: 50px 0px 0px;
}
.btn li{
	margin-bottom: 20px;
}
#kodawari{padding: 100px 0px 60px;}
#catalog .send ul li{
	width: 100%!important;
	margin-left: 0!important;
	margin-top: 30px;
}
#catalog .send ul li p{
	display: block;
	margin: 10px auto 20px;
}
#catalog .send ul li:last-child{display: none;}
#catalog .send ul.send-list li:last-child,#catalog .send ul.kome li:last-child{display: block!important;}
#catalog .send ul li ul li{
	margin-top: 0px;
}
#catalog .send ul.send-list{margin-left: 0px;}
#randoseru-catalog {
	padding: 70px 0px;
	margin-bottom: 65px;
}
#randoseru-catalog .randoseru-catalog-inner h4{
	padding: 70px 10px 0px!important;
	background-position: top 10px left 10px!important;
}
#randoseru-catalog .randoseru-catalog-inner p{padding: 0px 10px;}
#randoseru-catalog .randoseru-catalog-inner h3{
font-size: 2.5rem;
	margin-bottom: 30px;
}
#randoseru-catalog .randoseru-catalog-inner ul li:first-child {
	width: 100%;
	margin-right: 0;
}
#randoseru-catalog .randoseru-catalog-inner ul li {
	width: 100%;
}
#randoseru-catalog .randoseru-catalog-inner ul.rv{
	margin-top: 40px;
}
#randoseru-catalog .randoseru-catalog-inner ul.rv li:first-child {
	width: 100%;
	margin: 0;
}	
#yoyaku-tokuten2 .tokutenbox h3 {
    font-size: 1.7rem!important;
	border-radius: 0;
}
#yoyaku-tokuten2 .tokutenbox ul li h3 {
	line-height: 1.5!important;
	margin-bottom: 10px;
}
#yoyaku-tokuten2 .tokutenbox ul.flexbox{
	width: 85%;
	margin: 0px auto;
}
#voice.block {
    padding: 65px 0px 75px;
}
#schedule{padding-bottom: 20px;}
#schedule .flow-inner li span.d {
    font-size: 1.4rem;
    width: 100%;
    position: static;
	text-align: left;
    display: inline-block;
    height: auto;
    padding: 7px 14px;
    line-height: 1;
}
#schedule .flow-inner li span.l {
    padding-left: 0;
    margin-bottom: 5px;
	font-size: 1.4rem;
	letter-spacing: -0.01em;
}
#schedule .flow-inner li {
    border-bottom:none;
	padding: 0px 0px 10px;
}
#schedule ul.chuui{margin-top: 30px;}
#schedule ul.chuui li{
	font-size: 1.2rem;
	text-indent: -1em;
	margin-left: 10px;
	line-height: 1.6;
}
#schedule .btn{margin-bottom: 30px;}
#catalog.block{
	padding: 65px 0px 60px;
}
#contact p.contact-tel a {
    font-size: 3rem;
    background-size: 30px auto;
	pointer-events:auto;
}
footer p{padding: 20px 0 0;font-size: 1rem;}
#fixed-bnr{
	padding: 18px 22px;
	z-index: 30;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
#fixed-bnr p a{
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4rem;
	color: #FFF;
	padding: 16px 0px;
	border-radius: 10px;
	background:#C72A17;
	border: solid 2px #FFF;
}
#fixed-bnr p a span{
	display: inline-block;
	background: url("../../../image/lp/catalog2025/catalog_icon.svg") no-repeat left;
	background-size: 28px auto;
	padding:2px 0 2px 38px;
}
#fixed-bnr.fade {
    display: block;
    -webkit-animation: fadeIn 2s ease forwards;
    animation: fadeIn 2s ease forwards;
    animation-name: fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
#contact{margin-bottom: 50px;}
#sns{padding-top: 50px;}
#footer{
	padding: 20px 10px 100px;
}
#yoyaku-tokuten2 {
	margin: 50px 0 3px;
}
#yoyaku-tokuten2 .tokutenbox{
	margin: 0px auto;
	width: 100%;
	}
#yoyaku-tokuten1 .book p.original {
    width: 80%;
}
#yoyaku-tokuten1 .book ul li:last-child, #yoyaku-tokuten2 ul li:last-child {
    width: 100%!important;
    margin: 50px auto 0px!important;
}
#contact ul li.mail a{width: 100%;padding: 25px 0px;}

#yoyaku-tokuten2 .tokutenbox ul.list-yoko li{
	width: 27%!important;
}
#yoyaku-tokuten2 .tokutenbox ul.list-yoko li:last-child{
	width: 73%!important;
}
#emblem {
	padding: 160px 30px 60px;
	border-radius: 30px;
}	
#emblem h2 br{display: none;}	
	#catalog .send h3{margin-bottom: 0px;}
	#catalog .send .flexbox{width: 85%;}
    #yoyaku-tokuten2 .tokutenbox ul.kikan li:last-child {
        margin: 0px 0px 20px !important;
    }
	
}
@media (max-width: 376px){

}