@charset "utf-8";
/* ========== ベース ========== */
html {
  font-size: 16px;
  color: #363535;
}
body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
  font-size: 1rem;
  letter-spacing: .1em;
  font-feature-settings: "palt";
  font-weight: normal;
}
body, div, p, h1, h2, h3, h4, ul, figure {
  margin: 0;
  padding: 0;
}
p, td, th, li, dd {
  line-height: 1.6;
}
p {
  margin: 0 0 1em;
  text-align: justify;
}
img {
  width: 100%;
  height: auto;
}
/*aタグ*/
a {
  color: #bf305e;
  text-decoration: none;
}
p a:hover, footer dl a:hover, .h-nav li a:hover, .h-description-inner li a:hover, .f-nav li a:hover, .bread-crumb li a:hover, .company-box dd a:hover, .uniform-list a:hover, dl.qa-list dd a:hover, .p-uni-bnr a:hover p, .mb-bnr a:hover, .pdf-box2 a:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}
.navbar a:hover img {
  transform: scale(1.3);	/*画像の拡大率*/
  transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.info a:hover img {
  transform: scale(1.1);
  transition-duration: 0.3s;
}
.auLine {
  text-decoration: underline;
}
li {
  list-style: none;
}
.container {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  max-width: 980px;
  font-size: 0.9rem;
}
dd {
  margin-left: 0;
}
.topnews{
  margin-bottom: 0;
}
.topnews a{
text-decoration: underline;}

@media screen and (min-width: 768px) {
.container {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1rem;
}
}
h2 {
  font-family: "Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "メイリオ", serif;
  /*transform: rotate(0.028deg);*/
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 20px 0;
  position: relative;
  display: inline-block;
  letter-spacing: .1em;
  padding-bottom: 8px;
}
h2::before, h2::after {
  content: '';
  position: absolute;
  bottom: -2px;
  display: inline-block;
  height: 2px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
h2::before {
  width: 60px;
  background-color: #0c3387;
}
h2::after {
  width: 30px;
  background-color: #f285a8;
  margin-left: 15px;
}

@media screen and (min-width: 768px) {
  h2 {
    margin: 30px 0;
    font-size: 1.7rem;
  }
}
.container-h2 {
  text-align: center;
  -webkit-box-shadow: 0 2px 2px -2px #c9c5c1;
  -moz-box-shadow: 0 2px 2px -2px #c9c5c1;
  box-shadow: 0 2px 2px -2px #c9c5c1;
  margin-bottom: 35px;
}
.nav-school-h2 {
  font-size: 1.3rem;
  margin-right: 20px;
  vertical-align: 2px;
}
.nav-school-h2-2 {
  font-size: 1.3rem;
  vertical-align: 2px;
}
.h2-line span {
  display: inline-block;
}
h3 {
  font-family: "Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "メイリオ", serif;
  /*transform: rotate(0.028deg);*/
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 50px 0 5px;
  position: relative;
  display: block;
  /*letter-spacing: .1em;*/
  padding-bottom: 8px;
  padding-left: 23px;
}
h3::before, h3::after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 20px;
}
h3::before {
  width: 8px;
  background-color: #0c3387;
  top: 7px;
  left: 0;
}
h3::after {
  width: 8px;
  background-color: #f285a8;
  top: 3px;
  left: 8px;
}
h4 {
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  line-height: 1.4;
  padding: 0 .3em;
  border-left: 6px solid #b89c7a;
}
.h4-list P {
  margin-left: 0.7em;
  margin-bottom: 1.5em;
}
.bgimg {
  background-color: #f5f4f1;
}
.attention {
  font-size: 0.7rem;
}
.attention01{
  color: #FC4692;
}
.attention02{
  font-size: 9px;
  color: #FC4692;
}
.attention03{
  font-size: 9px;
}
.attention04{
  font-size: 0.8rem;
}
.attention05{
  font-size: 0.9rem;
}
.attention06{
  color: #f00000;
}
.attention07{
  color: #f00000;
  font-size:16px;
}
.attention08{
  color: #f00000;
  font-size:16px;
  font-weight: bold;
  text-align: center;
  padding:15px;
  margin: 20px 0;
  border: 2px solid #f00000;
}
.attention09{
  font-size:0.8rem;
  text-align: center;
	padding: 0px 11px;
	margin: 0 5px 10px;
  border: 2px solid #f00000;
	letter-spacing: 0.05em;
}
.attention09 p{
  text-align: center;
  margin: 15px 0;
}
.attention09 p span{
	font-weight: bold;
	border-bottom: 1px solid #f00000;
}
.attn-ttl09{
	color: #f00000;
	font-size:16px;
	background-color: #ffff56;
	line-height: 1.4;
	padding: 10px 0;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
	.attention09{
		font-size:1rem;
		text-align: center;
		padding: 0px 10px;
		margin: 0 0 20px;
		border: 2px solid #f00000;
	}
	.attention09 p{
		margin: 20px 11px;
	}
	.attention09 p span{
		font-size:1.1rem;
	}
	.attn-ttl09{
		font-size:22px;
	}
}


.atag{text-decoration: underline;}
.mt100{margin-top: 70px}
.mt70{margin-top: 70px!important;}
.mt50{margin-top: 50px}
.mt40{margin-top: 40px}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mb10{margin-bottom: 10px}
.pt20{padding-top: 20px}
.pb20{padding-bottom: 20px!important}
.pb10{padding-bottom: 10px}
.ml20{margin-left: 20px;}
.pl30{padding-left: 30px!important;}
.p-center{text-align: center;}
.pl25{padding-left: 25px;}
.pl18{padding-left: 18px;}
.font-s18{font-size: 18px;}
.hr01{border-bottom: 1px solid #777;}
/* ========== 下層ページベース ========== */
@media screen and (max-width: 767px) {
.subpage {
  padding-top: 50px;
}
}
/*--パンくずリスト--*/
.bread-crumb {
  background-color: #f5f4f1;
}
.bread-crumb ol {
  font-size: 0.7rem;
  margin: 0 auto;
  padding: 8px 15px;
  max-width: 980px;
}
.bread-crumb li {
  display: inline;
  line-height: 1.6;
}
.bread-crumb li:first-child a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f015";
  margin-right: 2px;
}
.bread-crumb li:nth-child(n+2)::before {
  content: '》';
  margin-right: 8px;
  margin-left: 8px;
  font-size: 0.6rem;
}

/* ========== スマホ、PC非表示 ========== */
@media screen and (max-width : 374px ) {
.none-sp374 {
  display: none;
}
}

@media screen and (max-width: 767px) {
.none-sp {
  display: none;
}
}
@media screen and (min-width: 430px) {
.none-pc430 {
  display: none!important;
}
}

@media screen and (min-width: 768px) {
.none-pc {
  display: none!important;
}
}
/* ========== ヘッダー ========== */
.h-container {
  margin: 0 auto;
  max-width: 980px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.h-logo {
  margin-left: 10px;
  margin-right: auto;
  line-height: 0;
  width: 115px;
  height: 28px;
}

@media screen and (max-width: 767px) {
.h-nav-btn {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: url(../img/common/h_nav_open.png) no-repeat center center;
  background-size: contain;
}
.close-btn {
  background: url(../img/common/h_nav_close.png) no-repeat center center;
  background-size: contain;
}
.h-container {
  position: fixed;
  width: 100%;
  z-index: 100;
  box-shadow: 0 2px 5px -2px rgba(0,0,0,0.2);
}
.main-visual {
  padding-top: 50px;
}
.h-nav {
  background-color: #f5f4f1;
  font-size: 0.75rem;
  padding-bottom: 20px;
  position: fixed;
  z-index: 99;
  display: none;
  width: 100%;
  height: 100vh;
  overflow-x: scroll;
}
.h-nav ul {
  display: flex;
  flex-flow: row wrap;
  padding-top: 70px;
  border-bottom: 1px solid #ddcab8;
  margin-bottom: 20px;
}
.h-nav ul li {
  width: 50%;
  padding: 12px 10px 12px 20px;
  border: 1px solid #ddcab8;
  border-left-width: 0;
  border-bottom-width: 0;
  background-color: #fff;
  line-height: 1.5;
}
.h-nav ul li:nth-child(2n) {
  border-right: none;
}
.h-nav ul li a {
  color: #363535;
  display: flex;
}
.h-nav li a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  padding-right: 5px;
  color: #bf305e;
}
.h-nav dl {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  margin: 0;
}
.h-nav dt {
  margin-right: 5px;
  font-weight: bold;
}
.n-ttl dt {
  background-color: #f285a8;
  padding: 6px;
  color: #fff;
  font-weight: normal;
}
.n-ttl dd a {
  color: #bf305e;
  text-decoration: none;
  font-size: 1.6rem;
}

.mb-bnr-sp{
  padding: 0 30px;
  margin-top: -7px;
}
}

@media screen and (min-width: 768px) {
.h-description {
  background-color: #bf305e;
}
.h-description-inner {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  height: 30px;
}
.h-description-inner p {
  color: #edd4da;
  font-size: 10px;
  font-weight: normal;
  padding-left: 1em;
}
.h-description-inner ul {
  display: flex;
  margin-right: 0px;
}
.h-description-inner li{
  line-height: 1.8;
}
.h-description-inner li a {
  color: #fff;
  font-size: 0.7rem;
  font-weight: normal;
  margin-right: 5px;
  margin-left: 15px;
}
.h-description-inner li a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  padding-right: 5px;
  color: #fff;
}
.h-container {
  padding-bottom: 10px;
  height: 75px;
  line-height: 1;
}
.h-logo {
  width: 170px;
  height: 44px;
  margin-top: 8px;
}
.h-tpoint-pc {
  width: 90px;
  margin-top: -20px;
}
.h-info-pc {
  margin-right: 0px;
  font-size: 0.8rem;
}
.h-info-pc p {
  margin: 5px 0 0 29px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.h-info-pc p span {
  border: 1px solid #bf305e;
  color: #bf305e;
  padding: 2px 8px;
  margin-left: 13px;
  font-weight: normal;
  font-size: 0.7rem;
}
.h-tel {
  text-align: center;
}
.h-tel img {
  width: 23px;
  height: auto;
  margin-top: -15px;
  margin-right: 6px;
}
.h-tel a {
  font-size: 1.7rem;
  font-family: arial;
  font-weight: normal;
  letter-spacing: .1em;
}
.main-visual {
  position: relative;
}
.mb-bnr-pc{
  position: absolute;
  width: 280px;
  right: 20px;
  bottom: 30px;
  animation: fadeIn 2s ease 0s 1 normal;
}
}
/* アニメーション */
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/* ========== ナビゲーション ========== */
nav {
  background: #b99c78;
}
.n-container {
  margin: 0 auto;
  max-width: 980px;
}
.navbar {
  display: flex;
  align-items: center;
  border-left: #d7c0a4 1px solid;
  position: relative;
}
.navbar li {
  line-height: 1.3;
  font-size: 0.8rem;
  border-left: #d7c0a4 1px solid;
  flex: 1;
  text-align: center;
}
.navbar li:last-child {
  border-right: #d7c0a4 1px solid;
}
.navbar li:first-child {
  border-left: none;
}
.navbar li img {
  width: auto;
  height: 20px;
  padding-right: 4px;
}
.navbar a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.subnav {
  position: absolute;
  z-index: 97;
  width: 100%;
}
.subnav li {
  border: none;
  text-align: left;
}
.subnav li:last-child {
  border: none;
}
.subnav a {
  color: #363535;
  border-bottom: 1px solid #d6c5af;
  height: 50px;
  background-color: #fff;
  justify-content: flex-start;
  padding-left: 20px;
}
.subnav a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f152";
  padding-right: 5px;
  color: #bf305e;
}

.subnav .change-mark a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  padding-right: 5px;
  padding-left: 20px;
  color: #bf305e;
}

.navbar .p-subnav:hover .subnav li {
  height: 50px;
}
.navbar .p-subnav .subnav li:hover a {
  background-color: #d6c5af;
}
.navbar .p-subnav a {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
.subnav {
  display: none;
}
}

@media screen and (max-width: 374px) {
.navbar a {
  flex-direction: column;
  justify-content: flex-start;
  height: 80px;
}
.navbar li img {
  margin: 10px;
}
.subnav a {
  flex-direction: row;
  height: 50px;
}
}

@media screen and (min-width: 768px) {
.subnav li {
  overflow: hidden;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  border-right: 1px solid #d6c5af!important;
  border-left: 1px solid #d6c5af!important;
}
.navbar a {
  flex-direction: column;
  font-size: 0.75rem;
  font-size: 1.5vw;
  padding: 5px;
  height: 70px;
}
.navbar li img {
  width: auto;
  height: 25px;
  margin-bottom: 7px;
}
.navbar .p-subnav .subnav li a {
  flex-direction: row;
  font-size: 0.9rem;
}
.subnav {
  width: 300px;
}
.subnav a {
  padding-left: 30px;
  height: 50px;
}
.navbar .p-subnav:hover .subnav li {
  overflow: visible;
  height: 50px;
}
}

@media screen and (min-width: 980px) {
.navbar a {
  flex-direction: column;
  font-size: 0.95rem;
  height: 75px;
}
.subnav a {
  padding-left: 30px;
  height: 50px;
}
}
/*------------------------------------------------------
トップページ
-------------------------------------------------------*/
/* ========== message ========== */
.message {
  background: url(../img/message_bg.png) no-repeat top center #fef3f6;
  background-size: 100%;
  text-align: center;
  padding: 1em 10px;
}

@media screen and (min-width: 768px) {
.message {
  padding: 2em 10px;
}
.message .message-copy {
  margin-bottom: 0.5em;
}
.message .grad-wrap p {
  margin: 0;
  line-height: 2.5;
}
}
.message-copy {
  font-family: "Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "メイリオ", serif;
  /*transform: rotate(0.028deg);*/
  color: #bf305e;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
.message-copy span, .grad-item p span {
  display: inline-block;
}
/* 続きを読む */
.grad-item {
  font-family: "Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "メイリオ", serif;
  /*transform: rotate(0.028deg);*/
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
.message-copy {
  font-size: 1.1rem;
  font-weight: bold;
}
.grad-btn {
  display: inline-block;
  background: #bf305e;
  font-size: 0.8rem;
  color: #FFF;
  text-align: center;
  min-width: 200px;
  padding: 10px;
  margin: 0 0 15px;
  border-radius: 4px;
  cursor: pointer;
}
.grad-btn::before {
  content: "続きを読む"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 0; /*隠した状態の高さ*/
  font-size: 0.9rem;
  color: #3d3f41;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0; /*隠す高さ*/
  content: "";
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェック時、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェック時、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェック時、grad-itemのbeforeを非表示にする*/
}
}
.grad-trigger {
  display: none; /*チェックボックス非表示*/
}
.grad-item p {
  text-align: center;
}
/* ========== ご案内 ========== */
.info {
  display: flex;
}
.info div {
  flex: 1;
  background-color: #16409a;
}
.info a {
  display: block;
  max-width: 490px;
  text-align: center;
  padding-bottom: 15px;
  cursor: pointer;
  height: 100%;
}
.info a img {
  width: 90px;
  height: 90px;
  margin: 15px 0 10px;
}
.info a p {
  font-size: 0.8rem;
  line-height: 1.4;
  color: #fff;
  margin: 0 10px;
  padding: 10px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.info a p::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f105";
  margin-left: 10px;
}

@media screen and (max-width: 374px) {
.info a {
  padding-top: 15px;
}
.info a p {
  font-size: 0.75rem;
}
}
.info-pjh {
  background-color: #0c3387;
  background-image: url(../img/info_pjh_tokuten_sp.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 105px auto;
  text-align: right;
  margin-left: auto;
}
.info-p {
  background-color: #f285a8;
}
.info div:last-child {
  background-color: #f490b0;
}

@media screen and (min-width: 768px) {
.info a {
  display: flex;
  padding-bottom: 0;
  justify-content: center;
  align-items: center;
}
.info a img {
  margin: 10px 0;
}
.info a p {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: normal;
  padding: 5px 10px;
  margin: 0 0 0 5px;
}
.info-p {
  padding-right: 60px;
}
.info-pjh {
  padding-left: 60px;
  background-image: url(../img/info_pjh_tokuten_pc.png);
  background-size: 130px auto;
}
}
/* ========== お知らせ ========== */
.news-list li a {
  text-decoration: underline;
}
.news-list li time {
  font-size: 0.7rem;
}
.news-list li time::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f073";
  margin-right: 4px;
  font-size: 0.7rem;
}
@media screen and (max-width: 767px) {
  .news-list li {
    letter-spacing: 0.05em;}
}

@media screen and (min-width: 768px) {
.news-list li time {
  font-size: 1rem;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.news-list li p {
  flex: 1;
}
.news-list li {
  display: flex;
  align-items: start;
}
}

.news .news-toposhirase{
  text-align: center;
  padding: 22px 9px 5px;
  border: 1px solid #bf305e;
  margin-bottom: 40px;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}
.news .news-toposhirase p{
  text-align: center;
}
.news .news-toposhirase b{
  font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 5px;
	display: inline-block;
}
.news .news-toposhirase .toposhirase-attn{
  font-weight: bold;
	margin-top: 5px;
	color: #bf305e;
}

.news .news-toposhirase .toposhirase-ul{
  border-bottom: 1px solid #000;
}
.news-toposhirase-div{
	margin:15px 0;
}
.news-toposhirase-div p{
  padding: 5px 0;
}

.toponaoshi{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: -10px 0 5px;
}
.toponaoshi span{
	border: 1px solid #000;
	padding: 0 22px;
	font-size: 0.9em;
	display: inline-block;
	margin: 3px 0 7px;
}
.toponaoshi p{
	padding: 0 10px;
}
.toponaoshi_arrow{
	line-height: 1.55;
	padding: 0 5px;
	margin-top: 12px;
}
.news-toposhirase-box{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.news-toposhirase-box p{
  line-height: 2;
}
.n-t-box1 {
  padding-right:5px;
}
.n-t-box1 p{
  text-align: right!important;
}
.n-t-box2 p{
  text-align: left!important;
  color: #bf305e;
  font-weight: 600;
}
.n-t-box2 p span{
  text-align: left!important;
  color: #363535;
}

@media screen and (max-width: 767px) {
  .news .news-toposhirase,.news .news-toposhirase b{
    font-size: 0.9rem;
  }
	.toponaoshi_arrow{
		padding: 0px;
	}
  .news .news-toposhirase, .news-toposhirase-box p{
    font-size: 0.85rem;
  }
}

/* ========== お取り扱い校 ========== */
@media screen and (max-width: 767px) {
#nav-school {
  padding-top: 50px;
  margin-top: -50px;
}
}
.school p {
  text-align: center;
}
.school-list {
  margin-bottom: 20px;
}
.school-list dt {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.school-e {
  background-color: #b99c78;
}
.school-pjh {
  background-color: #0c3387;
}
.school-mh {
  background-color: #bf305e;
}
.school-p {
  background-color: #f285a8;
}
.school-list img {
  width: 110px;
  height: 110px;
  margin-left: 15px;
}
.school-label {
  text-align: center;
  flex: 1;
}
.school-label img {
  width: 90px;
  height: 11px;
  margin-left: 0;
}
.school-list p {
  color: #fff;
  font-weight: bold;
  margin: 8px 0 12px;
  line-height: 1.4;
  font-size: 1rem;
}
.school-list .btn-area a {
  display: inline-block;
  background: #fff;
  color: #bf305e;
  text-align: center;
  width: 150px;
  padding: 6px;
  border-radius: 4px;
  font-weight: normal;
  position: relative;
  font-size: 0.8rem;
}
.school-list .btn-area a:hover {
  display: inline-block;
  background: #bf305e;
  color: #fff;
  transition-duration: 0.3s;
  border: 1px solid #fff;
}
.school-list .btn-area a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  position: absolute;
  right: 5px;
}
.school-list dd {
  background-color: #fff;
  margin: 0;
  padding: 10px;
  width: 100%;
}
.ward-line ul:last-child {
  border-top: #ccc dotted 1px;
  margin-top: 10px;
  padding-top: 10px;
}
.school-list dd li {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}
.school-list dd li::before {
  content: "・"
}
.school-list dd .ward {
  font-style: normal;
  font-weight: bold;
  display: block;
  font-size: 0.8rem;
}
.school-list dd .ward::before {
  content: "";
}

@media screen and (min-width: 768px) {
  .school-list {
    display: flex;
  }
  .school-list p {
    font-weight: normal;
  }
  .school-label {
    min-width: 200px;
  }
  .school-list dd {
    padding-left: 20px;
    flex: 1;
  }
}
/* ========== トップページ 境界========== */
.bder{
  border-bottom:1px solid #eae9e6;
}

/* ========== footer ========== */
footer {

  background-color: #f5f4f1;
  padding-top: 15px;
}
.f-address {
  text-align: center;
}
footer dd {
  font-size: 0.8rem;
  margin-top: 10px;
}
.f-address dd a {
  text-decoration: underline;
}
.f-info {
  text-align: center;
}
.f-ttl {
  background-color: #f285a8;
  color: #fff;
  padding: 10px 0;
}
.f-tel {
  background-color: #fff;
  padding: 10px;
}
.f-tel span a {
  font-size: 2rem;
  font-family: arial;
  font-weight: normal;
  letter-spacing: .1em;
}

@media screen and (max-width: 374px) {
.f-tel span a {
  font-size: 1.9rem;
}
}
.f-tel img {
  width: 28px;
  height: auto;
  margin-top: -15px;
  margin-right: 10px;
}
.f-time-table {
  display: flex;
  text-align: center;
  justify-content: space-between;
}
.f-time-table dl {
  width: 65%;
  margin: 10px 0 0 0;
}
.f-time-table dl:last-child {
  margin-left: 5px;
  width: 35%;
}
.f-time-table dt {
  border: 1px solid #bf305e;
  padding: 4px 10px;
  font-size: 0.9rem;
}
span.f-openinghours{
  text-align: right;
  display:inline-block;
}
.f-nav {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin-top: 10px;
}
.f-nav li {
  width: 49%;
  margin-bottom: 1em;
  line-height: 1.5;
}
.f-nav li a {
  color: #363535;
  font-size: 0.75rem;
  display: flex;
}
.f-nav li a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  margin-right: 5px;
  color: #bf305e;
}
small {
  text-align: center;
  background-color: #0c3387;
  color: #fff;
  font-size: 0.7rem;
  padding: 20px;
  display: block;
}
.f-nav {
  padding-top: 20px;
  border-top: 1px dotted #ddd;
}
@media screen and (min-width: 768px) {
.f-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-top: 15px;
}
.f-wrap h1 img {
  margin-bottom: 10px;
}
.f-address {
  text-align: left;
}
.f-info {
  width: 50%;
}
.f-tel span a {
  font-size: 2.2rem;
  letter-spacing: .1em;
}
.f-nav li {
  width: 31%;
  margin-left: 2%;
}
.f-nav li a {
  font-size: 0.7rem;
  padding-right: 20px;
}
.f-nav li br {
  display: none;
}
}
/* スクロール */
#PageTopBtn {
  position: fixed;
  bottom: 0px;
  right: 10px;
  z-index: 98;
}
#PageTopBtn a {
  display: block;
  color: #fff;
  background: #bf305e;
  text-align: center;
  border-radius: 50%;
  outline: none;
  font-size: 0.7rem;
  width: 60px;
  height: 60px;
  padding-top: 6px;
}
/*------------------------------------------------------
お取り扱い校
-------------------------------------------------------*/
.uniform-list em {
  font-weight: bold;
  font-style: normal;
}
.uniform-list li p {
  text-align: center;
  margin-bottom: 0.5em;
}
.uniform-img-list li p{
  margin-top: 0.5em;
  margin-bottom: 1.2em;
  line-height: 1.3;
  text-align: center;
}
.uniform-list dl {
  margin: 0 0 30px;
  ;
}
.uniform-list dd img {
  margin-bottom: 15px;
}
.uniform-list a {
  text-decoration: underline;
}
.uniform-img-list {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 15px;
}
.uniform-img-list li {
  width: 162px;
  margin: 5px;
}
.uniform-img-list li img {
  width: 162px;
  height: 135px;
}

@media screen and (max-width: 374px) {
  .uniform-img-list li {
    width: 135px;
  }
  .uniform-img-list li img {
    width: 135px;
    height: 113px;
  }
}

.uniform-list .btn-area {
  text-align: center;
}
.uniform-list .btn-area a {
  display: inline-block;
  background: #bf305e;
  color: #fff;
  text-align: center;
  width: 90%;
  padding: 10px 8px;
  border-radius: 4px;
  font-weight: normal;
  font-size: 0.8rem;
  text-decoration: none;
  position: relative;
}
.uniform-list .btn-area a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  right: 10px;
  position: absolute;
}
.color01 {
  background: linear-gradient(rgba(255,255,255,0) 80%, #ffff66 60%);
  font-weight: normal;
  font-style: normal;
}
.pjh-bnr {
  background: url(
  ../school-pjh/img/pjh_bnr_bg.png) no-repeat top left #0c3387;
  background-size: contain;
  margin-bottom: 30px;
}
.pjh-bnr a {
  padding: 15px 10px;
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  border: 3px solid #fe1c9a;
  justify-content: center;
}
.pjh-bnr p {
  font-size: 0.95rem;
  color: #fff;
  letter-spacing: .15em;
  margin: 0 0 0 150px;
  line-height: 1.6;
  text-align: center;
  font-weight: bold;
}
.pjh-bnr_span {
  display: inline-block;
}

@media screen and (max-width: 374px) {
  .pjh-bnr p {
    font-size: 0.7rem;
    margin: 0 0 0 140px;
  }
}

@media screen and (min-width: 550px) {
  .pjh-bnr p {
    font-size: 1.1rem;
  }
  .uniform-list .btn-area a {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
.pjh-bnr a {
  height: 130px;
}
.pjh-bnr p {
  font-size: 3vw;
  margin: 6px 0 6px 225px;
  line-height: 30px;
  font-weight: normal;
}
.uniform-list .pjh-bnr .pjh-bnr_btn {
  display: inline-block;
  position: relative;
  background: #fff;
  color: #bf305e;
  width: 300px;
  padding: 8px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: .1em;
  text-align: center;
  border-radius: 4px;
}
.uniform-list .pjh-bnr .pjh-bnr_btn::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  right: 10px;
  position: absolute;
}
}

@media screen and (min-width: 980px) {
.pjh-bnr p {
  font-size: 1.9rem;
}
}

@media screen and (min-width: 768px) {
  .uniform-img-list li {
    width: 178px;
  }
  .uniform-img-list li img {
    width: 178px;
    height: 148px;
  }
  .uniform-img-list p{
    font-size: 0.9rem;
  }
  .u-about {
    display: flex;
    flex-flow: row wrap;
    margin-top: 30px;
  }
  .u-about dl {
    width: 50%;
    margin-bottom: 50px;
  }
  .u-about dl:nth-child(odd) {
    border-right: 1px solid #c9b295;
    padding-right: 4%;
  }
  .u-about dl:nth-child(even) {
    padding-left: 4%;
  }
  .u-about dt hr {
    height: 1px;
    border: none;
    border-top: 1px solid #c9b295;
    margin-top: -30px;
    margin-bottom: 20px;
  }
  .u-about h3 {
    margin-bottom: 10px;
  }
  .u-about dl:nth-child(1) h3, .u-about dl:nth-child(2) h3{
    margin-top: 20px;
  }
  .u-about p{
    line-height: 1.8;
  }
}
/*--区立 保護者様--*/
.pdf-box {
  display: flex;
  align-items: center;
  background-color: #f7fbff;
  border: 3px solid #b2eaff;
  padding: 10px;
  margin-bottom: 20px;
  max-width: 470px;
}
.pdf-box p {
  margin-bottom: 0;
}
.pdf-box .pdfimg {
  width: 100px;
  height: 71px;
  margin-right: 15px;
}
.pdf-box2{
  background-color: #f7fbff;
  border: 3px solid #b2eaff;
  margin-bottom: 30px;
  padding: 5px 15px 0px;
  margin-top: 20px;
  font-size: 0.9rem;
}
.pdf-box2 ul{
  margin-top: 10px;
  margin-bottom: 15px;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  letter-spacing: .05em;
}
.pdf-box2 ul li{
  margin: 5px 20px 5px 0;
}

.pdf-box2 ul li a{
  text-decoration: none;
}

.pdf-box2 li::before {
  content: "・";
  padding-right: 4px;
  letter-spacing: .05em;
}
.pdf-box2 .ward {
  font-style: normal;
  font-weight: bold;
  display: block;
  border-bottom: 1px dotted #bdbdbd;
  margin-bottom: 8px;
  margin-top: 10px;
  padding-left: 5px;
}

.u-description dt {
  padding: 8px;
  text-align: center;
  font-weight: bold;
}
.u-description dd {
  padding: 10px 10px 0 10px;
}
.u-description dd:last-child {
  padding-bottom: 1em;
}
.u-description span {
  font-size: 0.8rem;
  display: inline-block;
}
.description-m {
  background-color: #e8f8ff;
}
.description-w {
  background-color: #ffeaf1;
}
dl.description-m dt {
  color: #fff;
  background: linear-gradient(  -45deg,  #65c4f7 25%, #74c7f7 25%,  #74c7f7 50%, #65c4f7 50%,  #65c4f7 75%, #74c7f7 75%,  #74c7f7  );
  background-size: 60px 60px;
}
dl.description-w dt {
  color: #fff;
  background: linear-gradient(  -45deg,  #fc99c3 25%, #ff9ec8 25%,  #ff9ec8 50%, #fc99c3 50%,  #fc99c3 75%, #ff9ec8 75%,  #ff9ec8  );
  background-size: 60px 60px;
}
.AdobeReader {
  padding: 10px;
  margin-bottom: 30px;
  margin-top: 10px;
  border: 1px solid #efefef;
  max-width: 470px;
}
.AdobeReader p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 0.8rem;
}
.AdobeReader a {
  text-decoration: none!important;
  color: #363535;
}
.AdobeReader img {
  width: 159px;
  height: 39px;
}
.school-pjh-info .h4-list h4:not(:first-child) {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
.pdf-box .pdfimg {
  width: 150px;
  height: 106px;
}
.AdobeReader a {
  display: flex;
  align-items: center;
}
.AdobeReader p {
  margin-left: 10px;
}
.u-description {
  display: flex;
}
.u-description dl {
  width: 390px;
  margin-right: 2%;
  margin-top: 0;
}
.u-description dd {
  padding: 15px 30px 0 30px;
}
}
/*-私立中・高--*/
.school-p-uniform .p-uniform {
  display: flex;
  flex-direction: column;
}
.school-p-uniform span {
  display: inline-block;
}
.school-p-uniform .p-uni-img {
  width: 90%;
  height: auto;
  margin-left: 5%;
  margin-bottom: 30px;
}
.school-p-uniform p a {
  text-decoration: underline;
}
.school-p-copy {
  font-family: "Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "メイリオ", serif;
  /*transform: rotate(0.028deg);*/
  color: #bf305e;
  font-size: 1.15rem;
  line-height: 1.5;
  letter-spacing: .1em;
  margin: 0.1em 0 0.5em;
  font-weight: bold;
}
.p-uniform .p-bnr-text {
  text-align: center;
  flex: 1;
}
.p-uniform .p-uni-bnr {
  background: rgb(255,128,168);
  background: linear-gradient(140deg, rgba(255,128,168,1) 0%, rgba(249,142,176,1) 26%, rgba(255,151,185,1) 26%, rgba(255,121,163,1) 100%);
  margin-bottom: 30px;
}
.p-uniform .p-uni-bnr a {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  border: 3px solid #f697b5;
  justify-content: center;
  padding: 10px;
}
.p-uniform .p-uni-bnr img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}
.p-uniform .p-uni-bnr p {
  font-size: 1.1rem;
  color: #fff;
  letter-spacing: .15em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.4em;
}
.p-uniform .p-uni-bnr .p-bnr_btn {
  display: inline-block;
  position: relative;
  background: #fff;
  color: #bf305e;
  width: 170px;
  padding: 4px 8px;
  font-size: 0.85rem;
  letter-spacing: .1em;
  text-align: center;
  border-radius: 4px;
  margin-top: 5px;
}
.p-uniform .p-uni-bnr p.p-bnr_btn::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  position: absolute;
  right: 5px;
}
.p-uniform .p-uni-bnr span {
  display: inline-block;
}

@media screen and (min-width: 375px) {
.p-uniform .p-uni-bnr img {
  margin-left: 5%;
}
}

@media screen and (min-width: 520px) {
.p-uniform .p-uni-bnr .p-bnr_btn {
  width: 220px;
}
.p-uniform .p-uni-bnr p {
  font-size: 3.4vw;
}
}

@media screen and (min-width: 768px) {
.p-uniform .p-uni-bnr p {
  font-size: 1.2rem;
}
.p-uniform .p-uni-bnr img {
  width: 90px;
  height: 90px;
  margin-left: 4%;
}
.p-uniform .p-uni-bnr {
  width: 55%;
}
}
.ul-list02 li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 1.4em;
}
.ul-list03 {
  position: relative;
  padding: 1em;
  background-color: #ffedf4;
  margin: 15px 10px;
  max-width: 400px;
}
.ul-list03 li {
  margin-bottom: 0;
  margin-top: 0;
  list-style-type: circle;
}
.ul-list03::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #fec2d9 #fec2d9;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

@media screen and (max-width: 414px) {
  .ul-list03 {
    margin-left: 0px;
    letter-spacing: 0.05em;
    padding: 15px 0px 15px 5px;
    font-size: 0.9em
  }
}


.school-p-info p {
  margin-bottom: 2em;
}
.school-p-info .container p {
  letter-spacing:0.05em;
}
.school-p-info p a {
  text-decoration: underline;
}
.school-p-info .ul-list03 {
  margin-top: 30px;
}
.oin-yoyakuinfo{
  border: 5px solid #ffe6ef;
  padding: 25px 5px;
  margin-bottom: 40px;
  background-color: #fff7fa;
}
.oin-yoyakuinfo p{
  color: #fc4692;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.5;
  padding:10px;
  margin-bottom: 0!important;
  text-align: center;
}
.oin-yoyaku{
  border: 2px solid #f284a8;
  padding: 30px 15px 15px 15px;
  letter-spacing: 0.05em;
  font-size: 1.1em;
  margin-bottom: 35px;
}

.oin-yoyaku .ul-list02 li,
.oin-yoyaku2 .ul-list02 li,
.oin-yoyaku .attention01{
  line-height: 1.6;
}
.oin-yoyaku h4{font-size: 1.2em;}
.school-p-info .oin-attn{font-size: 1.1em;}
.oin-yoyaku2{
  border: 1px solid #f284a8;
  padding: 25px 15px 0px 10px;
  font-size: 0.9em;
  letter-spacing: 0.05em;
}
.oin-yoyaku2 h4{font-size: 1em;}
@media screen and (min-width: 400px) {
.school-p-uniform .p-uni-img {
  width: 300px;
  height: 317px;
  margin-left: 40px;
}
}

@media screen and (min-width: 768px) {
  .school-p-uniform .p-uniform {
    max-width: 980px;
    height: 320px;
    position: relative;
  }
  .school-p-uniform .p-uni-img {
    position: absolute;
    right: 0;
    top: 0;
  }
  .school-p-uniform .p-uniform .p-uni-text {
    width: 55%;
  }
  .school-p-uniform p {
    margin-bottom: 2em;
  }
  .school-p-uniform .school-p-copy {
    margin-bottom: 0.5em;
    font-size: 1.3rem;
  }
  .school-p-uniform .p-uni-img {
    margin-bottom: 20px;
  }
}
.h4-list2 .ul-list02 li{
  margin-bottom: 0.3em;
  list-style-type: none;
  margin-left: 10px;
}

.h4-list2 p{
  margin-bottom: 1.8em;
  margin-left: 0.7em;
}
/* 私立採寸予約ボタン */
.yoyakubtn-pvt, .yoyakubtn-pvt2, .yoyakubtn-pvt-end{
    text-align: center;
}
.yoyakubtn-pvt a,.yoyakubtn-pvt span{
	display: inline-block;
	padding: 0.5em;
  width: 100%;
	color: #FFF;
	background: #f54c81;/*背景色*/
	border-bottom: solid 2px #bf305e;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	font-weight: bold;
	font-size:1.5rem;
	margin:40px 0 0 0;
}

.yoyakubtn-pvt2 a, .yoyakubtn-pvt2 span{
	display: inline-block;
	padding: 0.5em;
  width: 90%;
	color: #FFF;
	background: #f54c81;/*背景色*/
	border-bottom: solid 2px #bf305e;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	font-weight: bold;
	font-size:1rem;
	margin:0 0 25px 0;
}

.yoyakubtn-pvt a,.yoyakubtn-pvt a:active,.yoyakubtn-pvt a:hover,
.yoyakubtn-pvt2 a,.yoyakubtn-pvt2 a:active,.yoyakubtn-pvt2 a:hover{
  text-decoration: none!important;
}
.yoyakubtn-pvt span{
  font-size:1.3rem;
}

.yoyakubtn-pvt span, .yoyakubtn-pvt2 span{
  background: #ffc6d8;/*背景色*/
  border-bottom: solid 2px #e593ad;/*少し濃い目の色に*/
}

@media screen and (min-width: 768px){
  .yoyakubtn-pvt {
    margin-left: 70px!important;
    margin-right: 60px;
    font-size: 1.8rem;
  }
   .yoyakubtn-pvt2{
    margin-left: 100px!important;
    margin-right: 90px;
    font-size: 1.2rem;
  }
  .pvt2add{
    width: 50%;
    margin: 0!important;
  }
  .pvt2add a{
    width: 100%;
  }
}

p.yoyakubtn-pvt-end{
  margin-top: 50px;
  margin-bottom: 0.5em;
  line-height: 1.4;
}
p.yoyaku-end span{margin-top: 0;}



/*-区立小--*/
.e-uniform {
  width: 200px;
}
.e-uniform p {
  text-align: center;
}
.e-uniform img {
  width: 200px;
}

/* 制服販売・注文フォーム関連
------------------------------------- */
.text-center{
  text-align: center;
}
.hs-name{
  position: relative;
  background-color: #0c3387;
  padding: 25px 0;
  background-image: linear-gradient(135deg, #082D76 20%, rgb(11 53 144) 0%, rgba(12, 51, 135, 1));
  text-align: center;
}
.hs-name::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #0c3387 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.hs-name .hs-name-ttl{
  text-align: center;
  font-size: 1.5rem;
  color:#ffffff;
  line-height: 1.5;
  margin-bottom: 0;
}
.hs-name .ribbon{
  display: inline-block;
  font-weight: bold;
  color: #072c76;
  background-color: #ffffff;
  padding: 5px 26px;
  margin-bottom: 4px;
  line-height: 1;
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
.hs-name .ribbon::before,.hs-name .ribbon::after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
  top: -7px;
  border-style: solid;
}
.hs-name .ribbon::before {
    left: -5px;
    border-width: 20px 15px 20px 15px;
    border-color: transparent transparent transparent #0b358f;
}
.hs-name .ribbon::after {
    right: -5px;
    border-width: 20px 15px 20px 0px;
    border-color: transparent #0b358f transparent transparent;
}

.ul-list01 li {
  list-style-type: disc;
  margin: 15px 0px 15px 15px;
  line-height: 1.8;
}

.c-bf305e{color: #bf305e;}

/* アイテム一覧*/
.oderarea {
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.odertab-m,.odertab-w {
  width: calc(100%/2);
  background-color: #efefef;
  text-align: center;
  display: block;
  float: left;
  order: -1;
  font-size: 1.2rem;
  color: #ababab;
  padding: 17px 5px 15px;
  font-weight: normal;
}
 
input[name="tab_name"] {
  display: none;
}

input:checked + .odertab-m,input:checked + .odertab-w {
  color: #363535;
  background-image: radial-gradient(#fff 8%, transparent 8%), radial-gradient(#fff 8%, transparent 8%);
  background-size: 24px 24px;
  background-position:0px 6px, 12px 18px;
  background-repeat: repeat;
}
input:checked + .odertab-m {
  background-color: #e9f8ff;
  border-top: 3px solid #56bae8;
  font-weight: bold;
}
input:checked + .odertab-w {
  background-color: #fff3f8;
  border-top: 3px solid #ff85a7;
  font-weight: bold;
}
 
.content_class {
  display: none;
  width: 100%;
}
input:checked + .odertab-m + .content_class,
input:checked + .odertab-w + .content_class{
  display: block;
}

.oderitemlist-m,.oderitemlist-w,.oderitemlist-u{
  padding: 10px 0 0;
  background-image: radial-gradient(#fff 8%, transparent 8%), radial-gradient(#fff 8%, transparent 8%);
  background-size: 24px 24px;
  background-position:0px -2px, 12px 10px;
  background-repeat: repeat;
}
.oderitemlist-m{background-color:#e9f8ff;}
.oderitemlist-w{background-color:#fff3f8;}
.oderitemlist-u{background-color:#e6f9f5;}

.oitemm-t,.oitemw-t,.oitemu-t{
  text-align: center;
  font-size: 1.2rem;
  margin-top: 10px;
  margin-bottom: 25px;
  font-weight: bold;
}
.oitemm-t span{
  padding-bottom: 10px;
  border-bottom: 3px solid #56bae8;
}
.oitemw-t span{
  padding-bottom: 10px;
  border-bottom: 3px solid #ff85a7;
}
.oitemu-t span{
  padding-bottom: 10px;
  border-bottom: 3px solid #44ccb6;
}

.oderitemlist-m dl,.oderitemlist-w dl,.oderitemlist-u dl{
  background-color: #ffffff;
  padding-bottom: 10px;
  border-radius: 0 0 4px 4px;
  margin-bottom: 30px;
}
.oderitemlist-m dt,.oderitemlist-w dt,.oderitemlist-u dt{
  text-align: center;
  padding: 6px 10px 8px;
  font-size: 0.8rem;
  color: #ffffff;
  border-radius: 4px 4px 0 0;
  line-height: 1.4;
}
.oderitemlist-m dt{background-color: #56bae8;}
.oderitemlist-w dt{background-color: #ff85a7;}
.oderitemlist-u dt{background-color: #44ccb6;}
.oderitemlist-m dt span,.oderitemlist-w dt span,.oderitemlist-u dt span{
  font-size: 1.5rem;
  line-height: 1.8;
  border-bottom: 1px solid #00000012;
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}
.oderitemlist-m dd,.oderitemlist-w dd, .oderitemlist-u dd{padding-top: 4px;}
.acd-check{
  display: none;
}
.oderitemlist-m .acd-label, .oderitemlist-m .acd-label2,
.oderitemlist-w .acd-label, .oderitemlist-w .acd-label2,
.oderitemlist-u .acd-label, .oderitemlist-u .acd-label2{
  display: block;
  margin: 0 10px;
  padding: 15px 10px;
  position: relative;
  font-size: 1rem;
}
.oderitemlist-m .acd-label::before, .oderitemlist-m .acd-label2::before,
.oderitemlist-w .acd-label::before, .oderitemlist-w .acd-label2::before,
.oderitemlist-u .acd-label::before, .oderitemlist-u .acd-label2::before{
  content: "・";
  font-weight: bold;
}
.oderitemlist-m .acd-label, .oderitemlist-m .acd-label2{
  border-bottom: 1px dotted #56bae8;
}
.oderitemlist-w .acd-label, .oderitemlist-w .acd-label2{
  border-bottom: 1px dotted #ff85a7;
}
.oderitemlist-u .acd-label, .oderitemlist-u .acd-label2{
  border-bottom: 1px dotted #44ccb6;
}
.acd-label{
  cursor: pointer;
}
.acd-label,.acd-label2{
  line-height: 1.4;
}
.acd-label span,.acd-label2 span{
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .acd-label::after{
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
  }
}
.acd-label::after{
  padding: 7px 15px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f0fe";
  color: #bf305e;
}
.acd-content{
  display: block;
  height: 0;
  padding: 0 10px;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}
.acd-check:checked + .acd-label::after{
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f146";
  color: #bf305e;
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}

.acd-content p{
  margin-bottom: 0;
  line-height: 1.5;
}

.t-itemsize1{
	border: 1px solid #efe2b8;
	border-collapse:collapse;
  text-align: center;
  font-size: 0.8rem;
  width: 100%;
  letter-spacing: 0;
  margin-bottom: 5px;
}
.t-itemsize1 th, .t-itemsize1 td{
	padding:10px 8px;
  line-height: 1.5;
}
.t-itemsize1 th{
	background-color: #f4f0e2;
	border: 1px solid #efe2b8;
}
.t-itemsize1 th span .attention02{
  font-weight: normal;
  font-style: normal;
}

.t-itemsize1 tr:nth-child(odd){
  background-color: #fbf7f8;
}
.t-itemsize1 td:first-child{
  font-weight: bold;
  border-right: 1px dotted #efe2b8;
}
.t-itemsize2 td:first-child{
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .t-itemsize1 th{
    line-height: 1.2;
  }
}
@media screen and (max-width : 414px ) {
  .t-itemsize3 th span{
    font-size: 0.7rem;    
  }
  .t-itemsize3 th span.attention03{
    font-size: 0.6rem; 
  }
  .sp-wdth1{
    min-width: 40px;
  }
  .t-itemsize3 th, .t-itemsize3 td{
	padding:10px 2px;
  }
}

.zaikousei-oderbtn-box{
	margin-top:10px;
	background-color:#f5f4f1;
	padding:15px;
  margin-bottom: 30px;
}
.zaikousei-oderbtn-boxin{
  background-color: #fff;
  padding: 15px 20px 5px;
}
.zaikousei-oderbtn-box p{
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}

.zaikousei-oderbtn{
	display: inline-block;
  width: 100%;
	padding: 15px;
	color: #FFF;
	background: #ff85a7;/*ボタン色*/
	border-bottom: solid 3px #d64a70;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	font-weight: bold;
	font-size:1.2rem;
  line-height: 1.4;
}
.zaikousei-oderbtn-m{
	display: inline-block;
  width: 100%;
	padding: 15px;
	color: #FFF;
	background: #56bae8;/*ボタン色*/
	border-bottom: solid 3px #2c6f8e;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	font-weight: bold;
	font-size:1.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.zaikousei-oderbtn-w{
	display: inline-block;
  width: 100%;
	padding: 15px;
	color: #FFF;
	background: #ff85a7;/*ボタン色*/
	border-bottom: solid 3px #d64a70;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	font-weight: bold;
	font-size:1.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.oderbtn-boxin-p{
  font-weight: bold;
  font-size: 1.3rem;
  padding: 10px 0;
}

.oderbtn-boxin-p::before {
  content: 'ー ';
  font-weight: normal;
}
.oderbtn-boxin-p::after {
  content: ' ー';
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .item-desc{
    padding: 0 20px 20px;
  }
  .oderitemlist-m .acd-label, .oderitemlist-m .acd-label2,
  .oderitemlist-w .acd-label, .oderitemlist-w .acd-label2,
  .oderitemlist-u .acd-label, .oderitemlist-u .acd-label2{
    padding: 12px 20px;
  }
  /* テーブル行列入替*/
  .t-itemsize1{
    -ms-writing-mode : tb-lr;
    writing-mode: vertical-lr;
    font-size: 0.8rem;
  }
  .t-itemsize1 th>span, .t-itemsize1 td>span{
    -ms-writing-mode : lr-tb;
    writing-mode: horizontal-tb;
    white-space : nowrap;
  }
  .t-itemsize1 th, .t-itemsize1 td{
    padding:16px 8px;
  }
  /*Safariのみ*/
  _::-webkit-full-page-media, _:future, :root .t-itemsize1 th,
  _::-webkit-full-page-media, _:future, :root .t-itemsize1 td {
    line-height: 1.3;
    min-height: 50px;
    padding: 0;
  }
  /*firefoxのみ*/
  @-moz-document url-prefix() {
  .t-itemsize1 th ,
  .t-itemsize1 td {
    line-height: 1.3;
    min-height: 50px;
    padding: 0;
  }
}
  /* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .attention05 {
  padding-top: 10px;
}
  
  
  .t-itemsize1 td:first-child{
    border-right:none;
    border-bottom: 1px dotted #efe2b8;
  }
  .zaikousei-oderbtn{
    width: 60%;
    padding: 1em;
  }
  .mwform{
    display: flex;
    justify-content: center;
  }
  .mwform p{
    margin: 0 15px 20px;
  }
  .zaikousei-oderbtn-w, .zaikousei-oderbtn-m{
    padding: 1em 3.5rem;
  }
  .odertab-m,input:checked + .odertab-m {
    padding-left: 10%;
  } 
  .odertab-w,input:checked + .odertab-w {
    padding-right: 10%;
  }
  .odertab-m, .odertab-w, .oitemm-t, .oitemw-t, .oitemu-t{font-size: 1.4rem;}
}
/*------------------------------------------------------
よくあるご質問
-------------------------------------------------------*/

dl.qa-list dt {
  background-color: #f5f4f1;
  margin-bottom: 10px;
  margin-top: 30px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px;
  color: #0c3387;
  background: linear-gradient(  -45deg,  #fff4f9 25%, #fff7fa 25%,  #fff7fa 50%, #fff4f9 50%,  #fff4f9 75%, #fff7fa 75%,  #fff7fa  );
  background-size: 60px 60px;
}
dl.qa-list dt::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff4f9;
}
dl.qa-list dt span {
  font-size: 1.3rem;
  color: #ff9ec8;
  width: 60px;
  text-align: center;
  font-family: Georgia, Times New Roman, Times, serif;
}
dl.qa-list dt p {
  margin: 0;
  line-height: 1.4;
  font-weight: bold;
  flex: 1;
}
dl.qa-list dd {
  margin-bottom: 20px;
  padding: 10px 5px 10px 10px;
}
dl.qa-list dd p {
  margin-top: 10px;
}
dl.qa-list dd a {
  text-decoration: underline;
}
/*------------------------------------------------------
採用情報
-------------------------------------------------------*/
.employment-box {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.employment-box dt, .employment-box dd {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ddd;
}
.employment-box dt {
  width: 30%;
  line-height: 1.8;
}
.employment-box dd {
  width: 70%;
}
.employment-box dd span {
  display: inline-block;
  margin-right: 20px;
}

@media screen and (min-width: 768px) {
  .employment-box dt {
    width: 20%;
    padding-left: 10px;
  }
  .employment-box dd {
    width: 80%;
  }
}
/*------------------------------------------------------
会社概要
-------------------------------------------------------*/
.company-box {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.company-box dt, .company-box dd {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ddd;
}
.company-box dt {
  width: 20%;
  line-height: 1.8;
}
.company-box dd {
  width: 80%;
}
.company-box dd a {
  text-decoration: underline;
}
.company-box dd span {
  display: inline-block;
  margin-right: 20px;
}

@media screen and (min-width: 768px) {
.company-box dt {
    padding-left: 10px;
  }
}
.enkaku-box {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.enkaku-box dt, .enkaku-box dd {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ddd;
}
.enkaku-box dt {
  width: 30%;
  line-height: 1.8;
}
.enkaku-box dd {
  width: 70%;
}

@media screen and (min-width: 768px) {
  .enkaku-box dt {
    width: 25%;
    padding-left: 10px;
  }
  .enkaku-box dd {
    width: 75%;
  }
}
/*------------------------------------------------------
プライバシーポリシー
-------------------------------------------------------*/
.privacy-box dt, .privacy-box dd {
  padding: 5px 0 5px 0;
}
.privacy-box dt {
  font-weight: bold;
  padding-top: 10px;
}
.privacy-box dt::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f02e";
  margin-right: 2px;
  color: #bf305e;
}
.privacy-box dd {
  padding-bottom: 20px;
}
.privacy-box li {
  list-style-type: disc;
  margin-left: 20px;
}

/*------------------------------------------------------
制服の洗濯方法
-------------------------------------------------------*/
.l-note{
  display: flex;
  background-color: #fffff2;
  padding: 10px;
  border: 3px solid #fffa76;
}
.l-note p{
  margin-bottom: 0;
  flex:1;
}
.l-note img{
  width: 85px;
  height: 60px;
  margin-right: 15px;
}
.houwto-l .l-no{
  font-size: 3rem;
  color: #ff9ec8;
  text-align: center;
  font-family: Georgia, Times New Roman, Times, serif;
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1.2;
  margin-top: 20px;
}
.houwto-l .l-no::before, .houwto-l .l-no::after{
  content: '';
  position: absolute;
  top: 60%;
  display: inline-block;
  width: 40%;
  height: 1px;
  background-color: #CDD2D6;
}
.houwto-l .l-no::before {left:0;}
.houwto-l .l-no::after {right: 0;}

.houwto-l li{
  text-align: center;
}
.houwto-l li img{
  width: 170px;
  height: 102px;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 4px double #CDD2D6;
}
.houwto-l li:first-child img{height: 140px;}
.houwto-l li:nth-child(9) img, .houwto-l li:nth-child(10) img{
  height: 200px;
}

@media screen and (min-width: 500px) {
  .houwto-l .l-no::before, .houwto-l .l-no::after{
    width: 45%;
  }
  .houwto-l li .l-box{
    display: flex;
  }
}
/*------------------------------------------------------
アクセス・駐車場
-------------------------------------------------------*/
.access-photo{
  max-width: 400px;
  max-height: 270px;
  margin-bottom: 30px;
}
.coupon{
  background-color: #fff7fb;
  border: 3px solid #ffcee6;
  padding: 15px;
  margin-bottom: 30px;
  display: inline-block;
}
.coupon p{
  margin-bottom: 0;
}
.parking-t{
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
.parking .quttarnamap{
	max-width: 600px!important;
	max-height: auto;
	margin-bottom: 20px;
}
.parking-info{
  flex: 1;
}
.parking-info p a{
	text-decoration: underline;
}
.parking{
  display: flex;
  padding: 10px;
}
.parking p span{
  display: inline-block;
}
.parking .ul-list02 li{
  margin-bottom: 0;
}
.parking ul.ul-list02{
  margin-bottom: 20px;
}
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.ggmap iframe,
.ggmapr object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.map-link-btn a{
  background: #bf305e;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-size: 0.7rem;
  border-radius: 4px;
}
.map-link-btn{
  text-align: right;
}

/*------------------------------------------------------
レンタル
-------------------------------------------------------*/
.rental-period {
  padding: 10px;
  margin-top: 0;
  text-align: center;
  max-width: 600px;
  position: relative;
  background: linear-gradient(  -45deg,  #fff9b2 25%, #fff799 25%,  #fff799 50%, #fff9b2 50%,  #fff9b2 75%, #fff799 75%,  #fff799  );
  background-size: 60px 60px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.rental-period p{
  text-align: center;
}
.rental-period p:last-child{
  margin-bottom: 0;
}
.rental-period dt {
  padding: 15px;
  font-weight: bold;
  background-color: #fffcd4;
}
.rental-period dd {
  padding: 15px 10px;
  background-color: #fff;
  height: 100%;
}
.rental-date, .rental-date2{
  font-weight: bold;
  color: #FC4692;
  font-size: 1rem;
  letter-spacing: 0.05em;
}
.rental-date2{ text-decoration: line-through;}
@media screen and (max-width: 767px) {
.rental-date, .rental-date2{
  font-size: 0.9rem;
}
}

.container .rental-period p span{
  display: inline-block!important;
}
.r-description{
  padding: 10px 10px 15px 10px;
  margin-bottom: 30px!important;
  background-color: #f4f0e2;
  background-image: radial-gradient(#fff 8%, transparent 8%), radial-gradient(#fff 8%, transparent 8%);
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
  background-repeat:repeat;
  display: flex;
  flex-direction: column;
}
.r-description, .r-description p{ 
  text-align: center;
  margin-bottom: 0;
}
.r-description dt{
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.r-description dd{
  padding: 10px 20px; 
}
.r-description .description-m dt, .r-description .description-w dt {
  border-radius: 0;
  font-size: 1rem;
  padding: 5px;
  margin-bottom: 0;
}

.ribbon11 {
  display: inline-block;
  position: relative;
  height: 45px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  margin: 0 -20px 15px;
  width: calc(100% + 40px);
}
.ribbon11 p {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #FFF;
  background: #30d49e;/*真ん中の背景色*/
  z-index: 10;
  width: 100%;
}
.ribbon11 p::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 10px #136348;/*左の折り返し部分*/
}
.ribbon11 p::after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-left: solid 10px #136348;/*右の折り返し部分*/
}

.r-description .description-m, .r-description .description-w{
  padding: 4px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.r-description .description-m dt, .r-description .description-w dt{
  padding: 10px;
}
.r-description .description-m dd span, .r-description .description-w dd span{
  display: inline-block;
  padding: 0 1px;
}
.r-description .description-m dd{
  border: 1px solid #65c4f7;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.r-description .description-w dd{
  border: 1px solid #ff9ec8;
  height: 100%;
}
.set-price{
  font-weight: bold;
  width: 100%;
  font-size: 1.1rem;
}
.set-price span{
  font: 2rem Helvetica,"Lucida Grande", Arial, sans-serif;
  font-weight: bold;
  color: #EF4A60;
  padding-left:10px;
}
.r-price{
  margin-left: 10px;
  margin-right: 10px;
}
.tanpin-price{
  font-weight: bold;
}
.tanpin-price span{
  display: inline-block;
  padding: 5px 8px;
}
.ishou{
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.1rem;
}
.ishou-n{
  font-size: 0.85rem;
  padding-top: 10px;
}
.set-size{
  font-size: 0.85rem;
  padding: 0 10px!important;
}
.set-clothes dd{
  line-height: 1.4;
  font-size: 1rem;
}
.tanpin-price .ishou{
  padding-top: 15px;
}
.set-naiyou{
  display: block;
  border-top: 1px dotted #ff9ec8;
  margin-top: 10px;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  dl.r-arrow-sp::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 20px solid #fff9b2;
  }
}
@media screen and (min-width: 768px) {
  .r-box-pc{
    width: 100%;
    display: flex;
  }
  .rental-period{
    width: 47%
  }
  .rental-period:first-child{
    margin-right: 5%;
    width: 48%;
  }
  dl.r-arrow-sp::before {
    content: "";
    position: absolute;
    top: 35%;
    left: 100%;
    border: 30px solid transparent;
    border-left: 30px solid #fff9b2;
  }
  .r-price{
    display: flex;
    justify-content: space-between;
  }
  .r-description:first-child{
    width: 68%
  }
  .r-description:last-child{
    width: 28%;
  }
  .set-clothes{
    display: flex;
    justify-content: space-between;
    /*flex-direction: column;*/
  }
  .tanpin-price{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .r-description .description-m, .r-description .description-w{
    margin: 10px 5px;
  }
}

/*------------------------------------------------------
404
-------------------------------------------------------*/
.notfnd{
  text-align: center;
  margin: 60px 0;
}
.notfnd span{
  color: #dc3e7b;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 3;
}
.notfnd a{
  text-decoration: underline;
}

/*------------------------------------------------------
採寸予約
-------------------------------------------------------*/
.yoyaku-info{
  text-align: center;
  padding: 20px 10px 10px 10px;
  background-color: #fff7fb;
  border: 3px solid #ffcee6;
  margin-bottom: 30px;
}
.yoyaku-info p{
  text-align: center;
}
.yoyaku-info p b{
  font-size: 1.2rem;
}
.yoyaku em{
  font-weight: bold;
}
.juyou p span{
  color: #FC4692;
  font-size:1.2rem;
  border: 1px solid #FC4692;
  padding: 3px;
}
.yoyaku-list h4{
  border: none;
  padding: 5px;
  color: #fff;
  margin-bottom: 0;
}
.yoyaku-list .h4-e{
  background-color: #b99c78;
  border: none;
  padding: 5px 5px 5px 10px;
  color: #fff;
}
.yoyaku-list .h4-pjh{
  background-color: #0c3387;
  margin-top: 20px;
}
.yoyaku-list ul{
  padding: 5px 10px 10px 10px;
  background-color: #f5f4f1;
}
.yoyaku-list li.ward {
  font-style: normal;
  font-weight: bold;
  display: block;
}
.yoyaku-list li.ward::before {
  content: "";
}
.yoyaku-list li {
  display: inline-block;
  margin-right: 10px;
  letter-spacing: 0.05em;
}
.yoyaku-list li::before {
  content: "・"
}
.yoyaku-list ul:last-child {
    border-top: #c9c5c1 dotted 1px;
    padding-top: 10px;
}
.yoyakukikan{
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
}
.yoyakukikan span{
  display: inline-block;
} 
.yoyakukikan2{
  color: #FC4692;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.yoyakukikan3{
  font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
  .yoyakukikan{
    font-size: 0.9rem;
    letter-spacing: 0.05em;
  }
}
.yoyakukikan2 .yk-schoolname{
  font-weight: normal;
  color: #363535;
}

.yoyakuonegai{
  color: #fc4692;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.yoyaku a{
  text-decoration: underline;
}

.yoyaku .ul-list02 li {
  margin-bottom: 1em;
}
.yoyakuhouhou-p{ 
  color: #FC4692;
  font-size:1.2rem;
  border-bottom: 1px double #FC4692;
  padding: 3px;
}
.yoyakuhouhou{
  background-color: #ffffff;}

.yoyakuhouhou li:nth-child(odd){
  background-color:#f5f4f1;
}
.yoyakuhouhou li{
  padding: 20px;
}
.yoyakuhouhou img{
  border: 4px double #CDD2D6;
}
.yoyaku-box ol {
  padding: 0 0 0 30px;
}

.yoyaku-box ol li {
  list-style-type: decimal;
  padding: 10px 0;
}
.yoyaku-box li{
  background: none!important;
}
.seito{color:#123f9c;}
.hogosha{color:#ff531e;}
.yoyakubtn-box{
	margin-top:50px;
	background-color:#eafffc;
	border:#d0efe9 3px solid;
	padding:20px 15px;
  margin-bottom: 30px;
}
.yoyakubtn-box p{
  text-align: center;
}
.yoyakubtn-box p span{
  display: inline-block;  
}
.yoyakubtn-box img{
  width: 148px;
  height: 148px;
  text-align: center;
}
.yoyaku-onegai{
  background-color: #cef9f3;
  padding: 10px;
  margin: 5px 0 30px 0;
}
.yoyaku-onegai p{
  line-height: 1.5;
  margin: 5px 0;
  font-size: 0.8rem;
}
.yoyaku-onegai .ul-list02 li{
  text-align: center;
  list-style-position: inside;
  margin-left: 0;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}

.yoyakubtn{
	display: inline-block;
	padding: 0.5em;
  width: 100%;
	color: #FFF;
	background: #4abaa7;/*背景色*/
	border-bottom: solid 2px #228c7a;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	font-weight: bold;
	font-size:1.5rem;
	margin:10px 0 0 0;
}

.yoyakubtn-p a,.yoyakubtn-p a:active,.yoyakubtn-p a:hover{
  text-decoration: none;
}
.yoyakubtn-e,  a.yoyakubtn-e:hover{
	opacity: 0.3;
}

@media screen and (min-width: 768px) {
  .yoyaku-box{
    display: flex;
    align-items:flex-start;
  }
  .yoyaku-box ol{
    padding-left: 50px;
  }
  .yoyakuhouhou img{
    max-width: 350px;
    height: auto;
  }
  .yoyakubtn{
    width: 60%;
    font-size:1.8rem;
  }
  .qr{
    background-color:#fff;
    padding:10px;
    margin:30px 30px 10px 30px;
  }
  .sphone{
    margin-bottom:10px;
    color:#228c7a;
    font-size:1.2rem;
    border:1px solid #4abaa7;
    padding: 5px 
  }
  .yoyaku-onegai{
    margin: 5px 25px 30px 25px;
  }
  .yoyaku-onegai p, .yoyaku-onegai .ul-list02 li{
    font-size: 1rem;
  }
}
/*新型コロナウイルス感染防止対策について*/
.kansentaisaku .taisakuttl{
  background-color: #fabe00;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 7px;
  border-radius: 6px;
  padding: 3px;
}
.kansentaisaku ul{
  display: flex;
  flex-flow: row wrap;
  justify-content:space-around;
  margin: 0 2px 15px 2px;
}
.kansentaisaku ul li{
  width: 48%;
  margin: 0px 2px 7px 2px;
}
@media screen and (min-width: 768px) {
  .kansentaisaku .taisakuttl{
    font-size: 1.2rem;
    margin-bottom: 12px;
  }
.kansentaisaku ul{
  margin-bottom: 20px;
}
  .kansentaisaku ul li{
    width: 24%;
    margin: 0px 2px 12px 2px;
  }
}

/*------------------------------------------------------
採寸予約バナー
-------------------------------------------------------*/
.h-bnr{
  background-color: #fffd95;
}
.h-bnrin-sp {
  margin: 0 auto;
  max-width: 500px;
  background-color: #fcfa5f;
  cursor: pointer;
 }
.bnrin-sp {
  margin: 0 auto;
  background-color: #fcfa5f;
  cursor: pointer;
 }
.top-bnrbox ul{
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  padding: 10px 5px;
  background-color: #fff;
}
.top-bnrbox ul li:first-child{
  margin-right: 5px;
}
.top-bnrbox ul li:last-child{
  margin-left: 5px;
}
.top-bnrbox2 ul{
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .h-bnrin-pc {
    margin: 0 auto;
    max-width: 900px;
    background-color: #fcfa5f;
    cursor: pointer;
  }
  .bnrin-pc {
    margin: 0 auto;
    max-width: 980px;
    background-color: #fcfa5f;
    cursor: pointer;
  }
  .top-bnrbox {
    margin: 0 auto;
    max-width: 980px;
   }
  .top-bnrbox ul{
    padding: 10px 0;

  }
  .top-bnrbox ul li:first-child{
    margin-right: 10px;
  }
  .top-bnrbox ul li:last-child{
    margin-left: 10px;
  }
}

/*------------------------------------------------------
休業日のお知らせ
-------------------------------------------------------*/
dl.kyugyou{
  display:flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.kyugyou dt,.kyugyou dd{
  padding: 10px 15px;
  font-size: 1rem;
}

.kyugyou dt{
  background-color: #0C3387;
  color: #fff;
  margin-top: 10px;
}
.kyugyou dd{
  padding-top: 5px;
  background-color: #F5F4F1;
}

@media screen and (min-width: 768px) {
  dl.kyugyou{
    flex-direction: row;
    flex-wrap: wrap;
    width: 650px;
    align-items: center;
  }
  .kyugyou dt{
    width: 40%;
    text-align: right;
  }
  .kyugyou dd{
    width: 60%;

  }
  .kyugyou dt,.kyugyou dd{
    padding: 20px 10px;
    line-height: 1;
    margin-top: 15px;
  }
}


/* 臨時お知らせ
------------------------------------- */
.notice-h2{
	margin-bottom: 0px;
}
.notice{
  padding: 20px 10px;
  background-color:#f5f4f1;
	letter-spacing: 0.05em;
}
.notice .container{
  background-color:#fff;
  padding: 10px;
}
.notice .container-in{
  background-color:#fff;
  border:1px solid #f284a8;
  padding-top: 25px;
	display: flex;
  flex-direction: column;
	align-items: center;
  font-size: 0.95rem;
}
.notice .container-in b{
  font-size: 1rem;
}
.notice-ttl{
  font-size: 1.1rem;
  font-weight: bold;
}
.notice p{
  text-align: center;
	margin-left: 10px;
  margin-right: 10px;
}
.notice-date{
  font-weight: bold;
  color: #bf305e;
  font-size: 1rem; 
}
.notice-attn{
	font-size: 0.9rem; 
	margin-top: -15px;
}
.notice-attn b{
	font-size: 1.3rem;
	margin-top: 0;
}

.notice .container-in em{
  font-weight: bold;
  font-style: normal;
}
.notice .container-in span{
  color: #bf305e;
	font-weight: bold;
}
.shiten-info .news-toposhirase-ttl{
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .notice .notice-ttl {
    font-size: 0.9rem;
  }
  .notice .container-in{
    padding: 15px 5px 0;
  }
  .notice-date{
    font-size: 0.9rem;
    letter-spacing: 0.05em;
	}
  .shiten-info .news-toposhirase-ttl {
    font-size: 0.9rem;
  }
	.notice p{
		font-size: 0.75rem;
		margin-left:5px;
		margin-right: 5px;
	}
  .shiten-info .toponaoshi_arrow {
    margin-top: 5px;
  }
  .notice .container-in b{
    font-size: 0.9rem;
  }
}


/* 臨時お知らせ
------------------------------------- */
.notice3{
	background-color: #fff;
	border: 3px solid #f284a8;
	padding: 25px 25px 15px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.notice3-ttl{
  font-size: 1.4rem;
  margin-bottom: 0.8em;
  border: 1px solid #f284a8;
  line-height: 1.4;
  padding: 7px;
}
.notice3 p{
	text-align: center;
}
.notice3-attn1{
	color: #bf305e;
	font-weight: bold;
}
.notice3-attn2{
	color: #f00000;
	font-weight: normal;
	font-size: 0.9rem;
}



/*------------------------------------------------------
南砂店ページ
-------------------------------------------------------*/
#h-shiten, .hs-container{
  background-color: #F5F4F1;
  height: 50px;
}
#h-shiten .h-logo {
  width: 160px;
}
.h-info-shiten p{
  background-color:#bf305e;
  color:#ffffff;
  text-align: center;
  font-size: 0.7rem;
  padding: 0px;
  margin-bottom: 5px;
  line-height: 1.8;
}
.shiten-info .resizeimage li{
  margin-bottom: 15px;
}
#f-shiten{
  text-align: center;
  margin-top: 20px;
}

#f-shiten h1 {
display: inline-block;
    margin-bottom: 20px;
}
.shiten-info .u-description span,
.shiten-info .h4-list span{
  display: inline-block;
}
.shiten-info .u-description{
  margin-top: 15px;
  margin-bottom: 30px;
}

.f-wrap-shiten{
  margin-top: 20px;
  border-top: 1px dotted #ddd;
}

.f-wrap-shiten dl{
  font-size: 0.8rem;
  line-height: 2;
}
.f-wrap-shiten dl a.s-link{
  text-decoration: underline;
}
.f-wrap-shiten dl dt{
  font-weight: bold;
}
.f-wrap-shiten dl dd span{
  margin-right: 10px;
  display: inline-block;
}
.f-wrap-shiten dl dt{
  background-color: #eae9e6;
  text-align: center;
}
.f-wrap-shiten dl dd{
  text-align: center;
}

.shiten-info .notice .container-in span.toposhirase-ul{
  border-bottom: 1px solid #000;
  font-weight: normal;
  color: #363535;
}
.shiten-info .notice .container-in .toponaoshi span{
  font-weight: normal;
  color: #363535;
}

@media screen and (min-width: 768px) {
  #h-shiten, .hs-container{
    height: 80px;
  }
  #h-shiten .h-logo {
  width: 253px;
  }
  .shiten-info .resizeimage{
    width:100%;
    display: flex;
    flex-flow: row wrap;
  }
  .shiten-info .resizeimage li{
    width:45%;
    margin: 8px;
  }
  .f-wrap-shiten dl{
    display: flex;
		align-items: center;
  }
  .f-wrap-shiten dl dt{
    margin-right: 10px;
    padding: 0 10px;
  }
  .f-wrap-shiten dl dd{
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .h-info-shiten {
    margin-right: 10px;
  }
  .h-info-shiten p{
    font-size: 0.6rem;
    padding: 0px;
    margin-bottom: 3px;
    line-height: 1.4;
    letter-spacing: 0;
    padding-top: 1px;
  }
  .h-tel {
    text-align: center;
  }
  .h-tel img {
    width: 15px;
    height: auto;
    margin-top: -4px;
    margin-right: 4px;
  }
  .h-tel a {
    font-size: 1.2rem;
    font-family: arial;
    letter-spacing: .05em;
  }
}
@media screen and (max-width : 429px ) {
  .shiten-info .notice .toponaoshi,.shiten-info .notice .toponaoshi p {
    font-size:12px;
  }
   .shiten-info .toponaoshi_arrow {
    margin-top: 12px;
  }
}

/* トップページ　トップニュース
------------------------------------- */
.topnews-p p{
  margin-bottom: 2em;
  text-align: center;
}

/* 校内販売 出張日スケジュール（外部URL）
------------------------------------- */
.logo-center{margin-right: 10px;}
.skd-container{
  height: 50px;
  padding-top: 10px;
  display: flex;
  justify-content: center;
}
.skd-alink p{
  text-align: center;
  height: 100%;
  margin: 0;
}
.skd-alink ul{
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-top: 20px;
}
.skd-alink li{
  width: 50%;
  border: 5px solid #f5f4f1;
}
.skd-alink li p a{
  display: block;
  padding: 12px 8px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0;
  width: 100%; 
  height: 100%;
  letter-spacing: normal;
  font-size: 0.8rem;
}
.skd-alink li p span{
  display: inline-block;
}

.skd-alink li a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: " \f0d7";
}

.skd-alink li a:hover {
  background-color: #bf305e;
  color: #fff;
  opacity: 1;
}

/* 学校別
------ */
.bgimg2{background-color: #f5f4f1;}
.skd-container2 {padding-top:30px;padding-bottom:30px;}
.skd-list {box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.skd-list dt {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  color: #fff;
  background-color: #004097;
  border-radius: 4px 4px 0 0;
  font-size: 1.1rem;
}

.skd-list dt p {
  color: #fff;
  font-weight: bold;
  margin: 8px 0 12px;
  line-height: 1.4;
  font-size: 1rem;
}
.skd-list dd{
    background-color: #ffffff;
}
.skd-list dd ul {
  padding: 10px;

}

.skd-list dd ul li{
  border-bottom: 1px dotted #b7b0a8;
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.skd-list dd ul li:last-child{
  border-bottom: none;
}
.skd-list dd ul li p{
  margin: 0;
}

.skd-list .skd-date::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f133 ";
}
.skd-list .skd-time::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f017 ";
}
.skd-list .skd-spot::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f3c5 ";
}
.skd-list .skd-remark::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f328 ";
}

.skd-list dd li .skd-date,
.skd-list dd li .skd-time,
.skd-list dd li .skd-spot,
.skd-list dd li .skd-remark{
  padding: 7px 0;
  margin-right: 10px;
  color: #bf305e;
  width: 60px;
  text-align: center;
}

.skd-list .skd-note{
  flex:1;
  text-align: start;
  pointer-events: none;
  letter-spacing: 0.05em;
}
.skd-list .skd-note a{
  color: #363535;
}

@media screen and (min-width: 768px) {
  .skd-container{
    height: 70px;
  text-align: center;}
  
  .skd-container h1 img{
    width: 80%;
  }
  .skd-alink li{
    width: 33.3%;
  }
  .skd-list dt {
    font-size: 1.3rem;
  }
  .skd-list dd ul {
    padding: 10px 20px;
  }
  .skd-list dd li .skd-date,
  .skd-list dd li .skd-time,
  .skd-list dd li .skd-spot,
  .skd-list dd li .skd-remark{
    border: 1px solid #bf305e;
    margin-right: 20px;
    width: 200px;
  }
  .skd-alink li p a{
    font-size: 1rem;
    letter-spacing: .1em;
  }
  .skd-list .skd-note{
    letter-spacing: .1em;
  }
}


/*------------------------------------------------------
私立オンライン注文のご案内
-------------------------------------------------------*/
.iptbox{
  border: 1px solid #f00000;
  padding: 5px 15px;
  margin-top: 40px;
}

.iptbox-ttl{
  color: #f00000;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.5;
  padding-top:10px;
  margin-bottom: 0.6em;
}
@media screen and (max-width: 414px) {
 .iptbox{
    letter-spacing: 0.05em;
    font-size: 0.76rem;
  } 
.iptbox-ttl{
    letter-spacing: 0.05em;
    font-size: 0.9rem;
  }
}

.ul-list04 {
  margin-bottom: 40px;
  padding: 10px 0;
}
.ul-list04 li::before {
  content: "・";
  font-weight: bold;
}

.ul-list04 li {
  margin: 5px 0px 5px 20px;
  letter-spacing: 0.05em;
  display: inline-block;
}
.bg-pttn01{
  background-color: #fff7fa;
}

.ul-list05{
  margin: 0 0 30px 10px;
}
.ul-list05 li::before {
  content: "・";
  font-weight: bold;
}
.ul-list05 li{
  line-height: 1.4;
}

.color02 {
  background: linear-gradient(rgba(255,255,255,0) 80%, #ffff66 60%);
  font-weight: bold;
  font-style: normal;
}