@charset "UTF-8";
/*.rt .num {
	padding-bottom: 3px;
}
.ft06 br {
	display: none;
}
.font_m {
	font-size: 12px;
}
.callArea p {
	line-height: 1.2rem!important;
}
.call_con {
	border-bottom: 1px solid #003f85;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.call_02 div.lf {
	width: 35%;
	float: left;
	color: #e84037;
	font-size: 10px;
	font-weight: 200;
	padding-top: 18px;
}
.call_02 div.rt {
	width: 61%;
	float: left;
	border-left: 1px solid #003f85;
	color: #e84037;
	font-size: 10px;
	padding-left: 3%;
	font-weight: 200;
}
*/

@media only screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

body:not(.topPage) .readBlock.sp_show {
  display: none;
}

a.bnr_link:hover img {
  opacity: 1;
}


.pc_show {
  display: block;
}

.sp_show {
  display: none;
}

/*
body:not(.topPage) .sp_show {
  display: none;
}

body:not(.topPage) .pc_show {
  display: none;
}
*/

.banner.sp_show {
  display: none;
}

/*20241216*/
body:not(.topPage) .sp_menu {
  background: none;
}

@media only screen and (max-width: 1200px) {
  .pc_show {
    display: none;
  }

  .sp_show {
    display: block;
  }

  .banner.pc_show {
    display: none;
  }

  .banner.sp_show {
    display: block;
  }

  body:not(.topPage) .sp_show {
    display: none;
  }

  body:not(.topPage) .pc_show {
    display: none;
  }
}

/*a.bnr_link{pointer-events:none;}*/

body {
  color: #333333;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
header,
hgroup,
section,
article,
aside,
hgroup,
footer,
figure,
figcaption,
nav {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body {
  line-height: 1.0;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

img {
  border: 0;
  vertical-align: bottom;
}

.lowPage img {
  vertical-align: baseline;
}

ul,
ol {
  list-style: none;
}

table {
  empty-cells: show;
  border-collapse: collapse;
}

a:link {
  text-decoration: none;
}

.lowPage #footer {
  margin-top: 0;
}


/*----------------------------------------------------
	パンくず
----------------------------------------------------*/

.breadcrumbs {
  padding: 14px 50px;
  background: #F9F9F9;
}

.breadcrumbs ol {
  display: table;
  width: 1200px;
  padding-left: 100px;
  margin: 0 auto;
}

.breadcrumbs ol li {
  margin: 0 10px 0 0;
  font-size: 14px;
  float: left;
}

.breadcrumbs ol li:first-child::before {
  padding: 0 3px 0 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background-image: url(../../images/home.png);
  background-size: contain;
  font-size: 10px;
  padding-right: 6px;
  background-repeat: no-repeat;
}

.breadcrumbs ol li::before {
  padding: 0 10px 0 0;
  content: "＞";
  font-size: 10px;
}

.breadcrumbs br {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .breadcrumbs ol {
    width: 100%;
    padding-left: 0;
  }
}

/*----------------------------------------------------
	clearfix
----------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.clr {
  clear: both;
}

a:link {
  color: #ff6666;
  text-decoration: none;
}

a:visited {
  color: #ff6666;
}

a:hover {
  color: #ff6666;
}

a:active {
  color: #ff6666;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

img {
  max-width: 100%;
}

html {
  height: 100%;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
  /*text-align: justify;
	text-justify: inter-ideograph;*/
}

.mt10 {
  margin-top: 10px;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.ind1 {
  text-indent: -1em;
  padding-left: 1em;
}

.ind2 {
  text-indent: -2em;
  padding-left: 2em;
}

body#qa #main p.line {
  box-sizing: border-box
}

.cover {
  width: 100%;
}

#container {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  overflow: hidden;
  display: block;
  margin-top: 20px;
}

p {
  line-height: 1.5rem;
}


/*--------header---------------------*/

#header {
  width: 100%;
  /*height: 225px;*/
  background: #ffeded;
  /* Old browsers */
  background: url(../../images/hd_salura.png), -moz-linear-gradient(top, #ffeded 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: url(../../images/hd_salura.png), -webkit-linear-gradient(top, #ffeded 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: url(../../images/hd_salura.png), linear-gradient(to bottom, #ffeded 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeded', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  padding-top: 16px;
  padding-top: 0px;
  background-position: top;
}

#header .inner {
  width: 960px;
  margin: 0 auto;
}

#header .logo {
  padding-top: 20px;
  position: relative;
}

#header .logo img {
  float: left;
  width: 100px;
  padding-right: 10px;
  margin-top: -5px;
}

.logo a {
  color: #000;
}

/*
#header .callArea {
	position: absolute;
	top: 0;
	right: 0px;
	width: 750px;
	background: #fbe659;
	background: repeating-linear-gradient(-45deg, #f4ce38, #f4ce38 2px, #f4ce38 2px, #f4ce38 6px);
	background: #ffdf70;
	background: #ffdcdc;
	background: #ffe158;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #ffcdcd;
	box-sizing: border-box;
}
#header p.tit_call {
	position: relative;
	padding-bottom: 2px;
	color: #e8453c;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}
.callArea a, .num tel a, a .num tel {
	color: #003f85!important;
}
.call_jiko {
	color: #003f85;
	font-size: 24px;
	font-weight: 200;
	border-bottom: 1px solid #003f85;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.icon, span.num {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 38px;
}
.tel01 {
	position: relative;
	display: table;
	padding-left: 10px;
}
.tel01:before {
	content: '';
	background: url( ../images/icon_freecall.jpg) 0 0 no-repeat transparent;
	position: absolute;
	top: 10px;
	left: 14px;
	background-size: 8px 9px;
}
.tel02 .num, .tel03 .num, .call_02 .num {
	font-size: 20px;
	color: #033061!important;
}
.tel02 .num a, .tel03 .num a, tel02 .num a:visited, .tel03 .num a:visited, .call_jiko a, .call_jiko a:visited {
	color: #033061!important;
}
.icon, .icon img {
	width: 40px!important;
	vertical-align: middle!important;
}
.call_02 .icon {
	width: 60px!important;
}
.call_con span.icon, .call_02 span.icon {
	display: table-cell;
	background-color: #003f85;
	color: #fff;
	border-radius: 5px;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
}
.call_con span.num, .call_02 span.num {
	display: table-cell;
	padding-left: 6px;
}
.call_con .tel02, .call_con .tel03 {
	width: 45%;
	float: left;
	color: #e84037;
	font-size: 20px;
	font-weight: 200;
	padding-left: 16px;
}
.call_time {
	display: inline-block;
	font-size: 12px;
	padding-left: 10px;
	color: #000;
}
*/

.s_font_bl {
  font-size: 10px;
  color: #000;
}

.block_header_let {
  width: 39%;
}

#header .hd_inner {
  /*  position: relative;*/
  display: flex;
  width: 1300px;
  margin: 0 auto;
}

#header .tit_sakura {
  position: relative;
  margin-top: 10px;
  font-size: 36px;
  color: #000;
  line-height: 2;
}

ruby {
  position: relative;
}

rt {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: 0.6px;
}

#header .tit_sakura span {
  font-size: 26px;
  color: #000;
}

#header .tit_sub {
  /*position: absolute;*/
  line-height: 2rem;
  font-size: 14px;
  color: #000;
  padding-left: 32px;
  bottom: -22px;
}


/*--- グローバルナビゲーション--------------------------*/

li.menu__single:hover ul.menu__second-level {
  top: 56px;
  visibility: visible;
  opacity: 1;
  border-top: 2px solid #ddd;
}

li.menu__single ul.menu__second-level {
  position: absolute;
  top: 160px;
  width: 100%;
  background: #fff;
}

li.menu__single:hover ul.menu__second-level li:after {
  border: none !important;
}

li.menu__single:hover ul.menu__second-level a {
  display: block;
}

ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.menu__second-level li {
  display: block !important;
  width: 100%;
}


#nav .menu__second-level li:after {
  position: absolute;
  box-sizing: border-box;
  width: 4px !important;
  height: 4px !important;
  border: 4px solid transparent !important;
  border-left-width: 4px !important;
  border-left-style: solid !important;
  border-left-color: transparent !important;
  border-left: 4px solid #fe5481 !important;
  top: 42% !important;
  right: 3px !important;
  left: auto !important;
}

#nav .menu__second-level li:hover:after {
  position: absolute;
  box-sizing: border-box;
  width: 4px !important;
  height: 4px !important;
  border: 4px solid transparent !important;
  border-left-width: 4px !important;
  border-left-style: solid !important;
  border-left-color: transparent !important;
  border-left: 4px solid #666 !important;
  top: 42% !important;
  right: 3px !important;
  left: auto !important;
}



#nav .nav_inner {
  width: 1300px;
  margin: 0 auto;
  position: relative;
  /* z-index: 999999;*/
}

#nav .nav_inner ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

#nav .nav_inner li {
  position: relative;
  display: table-cell;
  border-left: 1px solid #ccc;
}

#nav .nav_inner li:last-child {
  border-right: 1px solid #ccc;
}

#nav .nav_inner ul.menu__second-level li:last-child {
  border-right: none;
}

#nav .nav_inner li:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
}

/*

#nav .nav_inner li:after {
  border: 5px solid transparent;
  border-bottom-color: #ff9393;
  bottom: 0;
  left: 50%;
}

#nav .nav_inner li:nth-child(1):after,
#nav .nav_inner li:nth-child(2):after {
  border-bottom-color: #ff6666;
}

#nav .nav_inner li:nth-child(3):after {
  border-bottom-color: #da0505;
}

#nav .nav_inner li:nth-child(4):after {
  border-bottom-color: #fd5b5b;
}

#nav .nav_inner li:nth-child(5):after {
  border-bottom-color: #008000;
}

#nav .nav_inner li:nth-child(6):after {
  border-bottom-color: #0000ff;
}

*/
/*body.about #nav .nav_inner li:nth-child(1):after, */

body.about #nav .nav_inner li:nth-child(2):after {
  border-bottom-color: transparent;
}

body.car_top #nav .nav_inner li:nth-child(3):after {
  border-bottom-color: transparent;
}

body.best #nav .nav_inner li:nth-child(4):after {
  border-bottom-color: transparent;
}

body.bicycle #nav .nav_inner li:nth-child(5):after {
  border-bottom-color: transparent;
}

body.teaching_staff #nav .nav_inner li:nth-child(6):after {
  border-bottom-color: transparent;
}

#nav .nav_inner li:hover:after,
#nav .nav_inner ul.menu li:nth-child(1) a,
#about #nav .nav_inner ul.menu li:nth-child(2) a,
#car #nav .nav_inner ul.menu li:nth-child(3) a,
body.car #nav .nav_inner ul.menu li:nth-child(3) a,
body.best #nav .nav_inner ul.menu li:nth-child(4) a,
body.bicycle #nav .nav_inner ul.menu li:nth-child(5) a,
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) a {
  border-bottom-color: #fff;
}


/*
#nav .nav_inner ul.menu li:nth-child(1) a:hover:after, #about #nav .nav_inner ul.menu li:nth-child(2) a:hover:after, #car #nav .nav_inner ul.menu li:nth-child(3) a:hover:after, body.car #nav .nav_inner ul.menu li:nth-child(3) a:hover:after, body.best #nav .nav_inner ul.menu li:nth-child(4) a:hover:after, body.bicycle #nav .nav_inner ul.menu li:nth-child(5) a:hover:after, body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) a:hover:after{border-bottom-color: transparent;}
*/


/*下線*/

#nav .nav_inner ul:not(.menu__second-level) li:nth-child(1) {
  width: 80px
}

#nav .nav_inner ul.menu__second-level li:nth-child(1) {
  width: auto
}

/*
#nav .nav_inner li:nth-child(1),
#nav .nav_inner li:nth-child(2) {
  border-bottom: 3px solid #ff6666;
}
*/
#nav .nav_inner ul.menu__second-level li {
  border-bottom: 1px solid #eee;
}

#nav .nav_inner li:hover:after,
#nav .nav_inner ul.menu li:nth-child(1):after,
#about #nav .nav_inner ul.menu li:nth-child(2):after,
#car #nav .nav_inner ul.menu li:nth-child(3):after,
body.car #nav .nav_inner ul.menu li:nth-child(3):after,
body.best #nav .nav_inner ul.menu li:nth-child(4):after,
body.bicycle #nav .nav_inner ul.menu li:nth-child(5):after,
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6):after {
  /*	border-bottom: 3px solid #fff!important;*/
}


/*	#nav .nav_inner li:hover, #nav .nav_inner ul.menu li:nth-child(1), #about #nav .nav_inner ul.menu li:nth-child(2), #car #nav .nav_inner ul.menu li:nth-child(3), body.car #nav .nav_inner ul.menu li:nth-child(3), body.best #nav .nav_inner ul.menu li:nth-child(4), body.bicycle #nav .nav_inner ul.menu li:nth-child(5), body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6), #nav .nav_inner li:hover {
border-bottom: 3px solid #fff;
}*/

#nav .nav_inner li:hover {
  border-bottom: 3px solid #fff;
}


/*#nav .nav_inner ul.menu li:nth-child(1), */
/*
#about #nav .nav_inner ul.menu li:nth-child(2),
#car #nav .nav_inner ul.menu li:nth-child(3),
body.car #nav .nav_inner ul.menu li:nth-child(3),
body.best #nav .nav_inner ul.menu li:nth-child(4),
body.bicycle #nav .nav_inner ul.menu li:nth-child(5),
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) {
  border-bottom: none;
}
*/
/*
#nav .nav_inner li:nth-child(1) a {
  background-image: url(../../images/icon_home.png);
  color: #fff;
}

#nav .nav_inner li:nth-child(2) a {
  background-image: url(../../images/icon_sakuramark.png);
  color: #fff;
}

#nav .nav_inner li:nth-child(3) a {
  background-image: url(../../images/icon_car.png);
  color: #fff;
}

#nav .nav_inner li:nth-child(4) a {
  background-image: url(../../images/icon_best.png);
  color: #fff;
}

#nav .nav_inner li:nth-child(5) a {
  background-image: url(../../images/icon_bicycle.png);
  color: #fff;
}

#nav .nav_inner li:nth-child(6) a {
  background-image: url(../../images/icon_teaching.png);
  color: #fff;
}

#nav .nav_inner ul.menu__second-level li a {
  background-image: none !important;
}

#nav .nav_inner li a {
  color: #666666;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 0;
  display: block;
  background-repeat: no-repeat;
  background-size: 13%;
  background-position: 94% 100%;
  text-shadow: 0.5px 0.5px 0.5px #666;
}

#nav .nav_inner ul.menu__second-level li a {
  text-shadow: none;
}
*/
#nav .nav_inner li:nth-child(4) a {
  background-position: 99% 100%;
}

#nav .nav_inner li:nth-child(6) a {
  background-position: 99% 100%;
}

#nav .nav_inner ul.menu li:nth-child(1) a,
#about #nav .nav_inner ul.menu li:nth-child(2) a,
#car #nav .nav_inner ul.menu li:nth-child(3) a,
body.car #nav .nav_inner ul.menu li:nth-child(3) a,
body.best #nav .nav_inner ul.menu li:nth-child(4) a,
body.bicycle #nav .nav_inner ul.menu li:nth-child(5) a,
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) a {
  /*color: #ff9393;
	border-bottom-color: #fff;*/
}

#nav .nav_inner ul.menu li:nth-child(1) a:hover,
#nav .nav_inner ul.menu li:nth-child(1) a,
#nav .nav_inner ul.menu li:nth-child(2) a:hover,
#about #nav .nav_inner ul.menu li:nth-child(2) a {
  color: #fff;
}

#nav .nav_inner ul.menu li:nth-child(2) a:hover,
#about #nav .nav_inner ul.menu li:nth-child(2) a {
  /*	background-image: url(../../images/icon_sakuramark_off.png);*/
}



/*--- グローバルナビゲーション(TOPページのみ)--------------------------*/

li.menu__single:hover ul.menu__second-level {
  top: auto;
  visibility: visible;
  opacity: 1;
  border-top: 2px solid #ddd;
  bottom: -140px;
}

li.menu__single ul.menu__second-level {
  position: absolute;
  top: 160px;
  width: 100%;
  background: #fff;
}

li.menu__single:hover ul.menu__second-level li:after {
  border: none !important;
}

li.menu__single:hover ul.menu__second-level a {
  display: block;
}

ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.topPage .menu__second-level li {
  display: block !important;
  width: 100%;
}

#nav .nav_inner ul.menu__second-level li {

  padding-bottom: 0;
}

#nav .menu__second-level li {
  position: absolute;


}

/*
#nav .menu__second-level li:after,
#nav .menu__second-level li:hover:after {
  position: absolute;
  box-sizing: border-box;
  width: 4px !important;
  height: 4px !important;
  border: 4px solid transparent !important;
  border-left-width: 4px !important;
  border-left-style: solid !important;
  border-left-color: transparent !important;
  border-left: 4px solid #69a129 !important;
  top: 42% !important;
  right: 3px !important;
  left: auto !important;
}
*/
#nav {
  /*margin-bottom: 0px;  */
  background: transparent !important;

}



/*グローバルナビゲーション2024*/
#nav .nav_inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  /* z-index: 999999;*/
}

#nav .nav_inner ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  padding: 0;
}


#nav .nav_inner li {
  position: relative;
  display: table-cell;
  border-left: 1px solid #fff;
}

#nav .nav_inner li:last-child {
  border-right: 1px solid #fff;
}

#nav .nav_inner ul.menu__second-level li:last-child {
  border-right: none;
}

#nav .nav_inner li:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
}

#nav .nav_inner li:after {
  /* border: 5px solid transparent;
  border-bottom-color: #ff9393;
  bottom: 0;
  left: 50%;
  */
}

#nav .nav_inner li a:before {
  display: block;
  content: "";
  width: 80px;
  height: 80px;
  background-image: url(/images/nav00.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  margin: 0 auto 5px;
}

/*
#nav .nav_inner li:nth-child(1) a:before {
  background-image: url(/images/nav00.png);
}

#nav .nav_inner li:nth-child(2) a:before {
  background-image: url(/images/nav01.png);
}

#nav .nav_inner li:nth-child(3) a:before {
  background-image: url(/images/nav02.png);
}


#nav .nav_inner li:nth-child(4) a:before {
  background-image: url(/images/nav03.png);
}


#nav .nav_inner li:nth-child(5) a:before {
  background-image: url(/images/nav04.png);
}

#nav .nav_inner li:nth-child(6) a:before {
  background-image: url(/images/nav05.png);
}

#nav .nav_inner .menu__second-level li a:before {
  display: none;
}
*/
#nav .nav_inner .menu__second-level li a {
  padding: 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#nav .nav_inner ul.menu__second-level {
  padding: 0;
  top: 86px;
  width: calc(100% + 40px);
  left: -20px;
}

body.toppage #nav .nav_inner ul.menu__second-level {
  padding: 0;
  top: 86px;
  width: 100%;
  left: auto;
}

#nav {
  background-color: transparent;
}

#nav .nav_inner li a:before {
  display: block;
  content: "";
  width: 116px;
  height: 81px;
  width: 86px;
  height: 60px;
}

.mv-img {
  position: relative;
  width: 100%;
}

.mv-img img {
  width: 100%;
  height: 600px;
  height: 350px;
  height: 14vw;
  height: min(16vw, 400px);
  object-fit: cover;
  object-position: left bottom;
}

.mv-txt {
  position: absolute;
  font-size: 28px;
  font-size: clamp(18px, 1.8vw, 28px);
  line-height: 1.3em;
  color: #fe5481;
  top: 1vw;
  left: 1vw;
  text-shadow:
    2px 2px 1px #ffffff,
    -2px 2px 1px #ffffff,
    2px -2px 1px #ffffff,
    -2px -2px 1px #ffffff,
    2px 0px 1px #ffffff,
    0px 2px 1px #ffffff,
    -2px 0px 1px #ffffff,
    0px -2px 1px #ffffff;

}

@media only screen and (max-width: 1024px) {
  .mv-txt {
    position: absolute;
    font-size: 26px;

    color: #fe5481;
    top: 3vw;
    left: 2vw;
    width: 100%;

    text-shadow:
      1px 1px 0px #ffffff,
      -1px 1px 0px #ffffff,
      1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
      1px 0px 0px #ffffff,
      0px 1px 0px #ffffff,
      -1px 0px 0px #ffffff,
      0px -1px 0px #ffffff;

  }

  .mv-img img {
    height: 20vw;

  }
}

@media only screen and (max-width: 1024px) {
  .mv-txt {
    font-size: 20px;
  }
}

@media only screen and (max-width:756px) {
  .mv-txt {
    font-size: 18px;
  }
}

@media only screen and (max-width:756px) {
  .mv-txt {
    font-size: 16px;
  }
}

@media only screen and (max-width:400px) {
  .mv-txt {
    font-size: 16px;
  }

  .mv-img img {
    height: 30vw;

  }
}

/*body.about #nav .nav_inner li:nth-child(1):after, */

body.about #nav .nav_inner li:nth-child(2):after {
  border-bottom-color: transparent;
}

body.car_top #nav .nav_inner li:nth-child(3):after {
  border-bottom-color: transparent;
}

body.best #nav .nav_inner li:nth-child(4):after {
  border-bottom-color: transparent;
}

body.bicycle #nav .nav_inner li:nth-child(5):after {
  border-bottom-color: transparent;
}

body.teaching_staff #nav .nav_inner li:nth-child(6):after {
  border-bottom-color: transparent;
}

#nav .nav_inner li:hover:after,
#nav .nav_inner ul.menu li:nth-child(1) a,
#about #nav .nav_inner ul.menu li:nth-child(2) a,
#car #nav .nav_inner ul.menu li:nth-child(3) a,
body.car #nav .nav_inner ul.menu li:nth-child(3) a,
body.best #nav .nav_inner ul.menu li:nth-child(4) a,
body.bicycle #nav .nav_inner ul.menu li:nth-child(5) a,
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) a {}


/*
#nav .nav_inner ul.menu li:nth-child(1) a:hover:after, #about #nav .nav_inner ul.menu li:nth-child(2) a:hover:after, #car #nav .nav_inner ul.menu li:nth-child(3) a:hover:after, body.car #nav .nav_inner ul.menu li:nth-child(3) a:hover:after, body.best #nav .nav_inner ul.menu li:nth-child(4) a:hover:after, body.bicycle #nav .nav_inner ul.menu li:nth-child(5) a:hover:after, body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) a:hover:after{border-bottom-color: transparent;}
*/


/*下線*/

#nav .nav_inner ul:not(.menu__second-level) li {
  width: calc(100% / 6);
}


body.topPage #nav .nav_inner ul:not(.menu__second-level)>li {
  width: calc(100% / 5);
}



/*#nav .nav_inner ul.menu li:nth-child(1), */

#about #nav .nav_inner ul.menu li:nth-child(2),
#car #nav .nav_inner ul.menu li:nth-child(3),
body.car #nav .nav_inner ul.menu li:nth-child(3),
body.best #nav .nav_inner ul.menu li:nth-child(4),
body.bicycle #nav .nav_inner ul.menu li:nth-child(5),
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) {
  /* border-bottom: none;*/
}


#nav .nav_inner ul.menu__second-level li a {
  background-image: none !important;
}


#nav .nav_inner li a {
  color: #666666;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 0;
  display: block;
  background-repeat: no-repeat;
  background-size: 13%;
  background-position: 94% 100%;
  text-shadow: 0.5px 0.5px 0.5px #666;

}

#nav .nav_inner li a {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  display: block;
  background-repeat: no-repeat;
  background-size: 13%;
  background-position: 94% 100%;
  text-shadow: none;
  border: none;
}

#nav .nav_inner ul.menu__second-level li a {
  text-shadow: none;
}

#nav .nav_inner li:nth-child(4) a {
  background-position: 99% 100%;
}

#nav .nav_inner li:nth-child(6) a {
  background-position: 99% 100%;
}

#nav .nav_inner ul.menu li:nth-child(1) a,
#about #nav .nav_inner ul.menu li:nth-child(2) a,
#car #nav .nav_inner ul.menu li:nth-child(3) a,
body.car #nav .nav_inner ul.menu li:nth-child(3) a,
body.best #nav .nav_inner ul.menu li:nth-child(4) a,
body.bicycle #nav .nav_inner ul.menu li:nth-child(5) a,
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) a {
  /*color: #ff9393;
	border-bottom-color: #fff;*/
}

#nav .nav_inner ul.menu li:nth-child(1) a:hover,
#nav .nav_inner ul.menu li:nth-child(1) a,
#nav .nav_inner ul.menu li:nth-child(2) a:hover,
#about #nav .nav_inner ul.menu li:nth-child(2) a {
  color: #fff;
}

#nav .nav_inner ul.menu li:nth-child(2) a:hover,
#about #nav .nav_inner ul.menu li:nth-child(2) a {
  /*	background-image: url(../../images/icon_sakuramark_off.png);*/
}



#nav .nav_inner ul.menu__second-level li:nth-child(1) a,
#about #nav .nav_inner ul.menu__second-level li:nth-child(2) a {
  color: #fff;
}

/*TOPページの　HOMEの文字の色*/
#nav .nav_inner ul.menu li:nth-child(1) a {}

#nav .nav_inner ul.menu li:nth-child(3) a:hover,
#car #nav .nav_inner ul.menu li:nth-child(3) a {
  color: #fff;
}

#nav .nav_inner ul.menu li:nth-child(4) a:hover,
body.best #nav .nav_inner ul.menu li:nth-child(4) a {
  color: #fff;
}

#nav .nav_inner ul.menu li:nth-child(5) a:hover,
body.bicycle #nav .nav_inner ul.menu li:nth-child(5) a {
  color: #fff;
}

#nav .nav_inner ul.menu__second-level li:nth-child(5) a:hover,
body.bicycle #nav .nav_inner ul.menu__second-level li:nth-child(5) a {
  background: #666 !important;
}

#nav .nav_inner ul.menu__second-level li:nth-child(1),
#nav .nav_inner ul.menu__second-level li:nth-child(2) {
  background-image: none;
  width: 100%;
}

#nav .nav_inner ul.menu__second-level li:nth-child(1) a:hover,
#nav .nav_inner ul.menu__second-level li:nth-child(2) a:hover {
  color: #666 !important;
}

/*
#nav .nav_inner ul.menu li:nth-child(6) a:hover,
body.teaching_staff #nav .nav_inner ul.menu li:nth-child(6) a {
  color: #fff !important;
}
*/
ul.menu ul.menu__second-level li a {
  color: #666666 !important;
}

#nav .nav_inner li {}

#nav .nav_inner li span {
  display: block;
  color: #ff9393;
  font-size: 10px;
  margin-top: 4px;
}

#nav .nav_inner ul.menu li a,
#nav .nav_inner ul.menu li:nth-child(6) a:hover {
  color: #fe5481 !important
}

#nav .nav_inner>li::after {
  background-color: transparent !important;
  border: none !important;
}

#nav .nav_inner li {
  border-bottom: none;
  background: none;
  padding-bottom: 5px;
}

#nav .nav_inner ul.menu li:hover {
  border-bottom: none;
  background: none;
}

.topPage .top-hide {
  display: none !important;
}

/*--------.sp_menu -------------------*/

.sp_menu {
  display: none;
}

/*
.menu-btn {
  display: none !important;
}


*/
/*--------pageTop---------------------*/

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 14px 6px 0 8px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 153, 153, 0.6);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid #fff;
  background-image: url(../../images/pagetop.png);
  background-size: 100%;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*--------footer---------------------*/

#footer {
  clear: both;
  background-color: #fc9c9c;
  overflow: hidden;
  padding: 10px 0;
  margin-top: 50px;
}

#footer .inner {
  background-color: #fffdfd;
  border-radius: 5px;
  width: 1400px;
  margin: 20px auto;
  padding: 10px 0;
  overflow: hidden;
}

#footer .lf {
  width: 30%;
  float: left;
}

#footer .txt_ad {
  margin: 0 30px;
  font-size: 15px;
  line-height: 1.2rem;
  color: #666;
}

#footer .tit_sakura {
  margin-left: 20px;
  font-size: 24px;
  color: #ff9999;
  font-weight: bold;
}

#footer .tit_sakura:before {
  content: " ";
  display: inline-block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  vertical-align: middle;
  padding-right: 10px;
  background: url(../../images/logo.png);
  box-sizing: border-box;
}

#footer .rt {
  width: 70%;
  float: right;
}

#footer .rt .bnr {
  float: left;
  width: 41%;
  margin: 0 0.5% 1%;
  height: 40px;
  border: 1px solid #fc9c9c;
  background-color: #fff;
  padding: 8px 0px 10px 60px;
  font-size: 18px;
}

#footer .rt .bnr,
.ft06 {
  position: relative;
  line-height: 1.3rem;
}

#footer .rt .bnr:before,
#footer .ft06:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 10px;
  width: 34px;
  height: 34px;
  background-size: auto auto !important;
  background-size: contain !important;
}

#footer .rt .bnr.ft01:before {
  content: "";
  background: url(../../images/icon_ft01.png) top left no-repeat;
  background-size: 100%;
}

#footer .rt .bnr.ft02:before {
  background: url(../../images/icon_ft02.png) top left no-repeat;
}

#footer .rt .bnr.ft03:before {
  background: url(../../images/icon_ft03.png) top left no-repeat;
}

#footer .rt .bnr.ft04:before {
  background: url(../../images/icon_ft04.png) top left no-repeat;
}

#footer .rt .bnr.ft05:before {
  background: url(../../images/icon_ft05.png) top left no-repeat;
}

#footer .ft06:before {
  content: "";
  background: url(../../images/icon_ft01.png) top left no-repeat;
  background-size: 100%;
}

#footer .s_font {
  display: block;
  font-size: 12px;
}

#footer .rt a {
  color: #666666;
}

.ft06 {
  clear: both;
  margin: 0.5%;
  border: 1px solid #fc9c9c;
  background-color: #fff;
  padding: 8px 0px 10px 60px;
  font-size: 18px;
  width: 95.5%;
  box-sizing: border-box;
}

#footer li {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
}

#footer li a {
  color: #fff;
  display: block;
  font-size: 16px;
}

.ftnav01,
.ftnav02 {
  text-align: center;
  margin: 20px auto 10px;
}

.copyright {
  text-align: center;
  margin: 10px auto;
}

/*---検索--------------------------------*/

#header .search {
  /*  position: absolute;*/
  top: 190px;
  right: 60px;
  width: 550px;
  margin: 35px auto 0;
}

#header .search form {
  margin: 0 auto 10px;
  text-align: left;
  color: #fd6464;
}

#header .search form span {
  font-size: 16px;
  transform: scale(0.7);
  color: #fc8585;
  padding-right: 4px;
}

.search form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

}

#header .search form input#search {
  width: 200px;
  padding-left: 0.5rem;
}

#header .search form input {
  height: 26px;
  margin: 0 5px;
}

::-webkit-input-placeholder {
  text-align: left;
}

:-moz-placeholder {
  /* Firefox 18- */
  text-align: left;
}

::-moz-placeholder {
  /* Firefox 19+ */
  text-align: left;
}

:-ms-input-placeholder {
  text-align: left;
}



/*---事故連絡（20250708）--------------------------------*/
.block_header_right {
  display: flex;
  align-items: center;
}

#header .hd_inner {
  position: relative;
  display: flex;
  width: 1300px;
  margin: 0 auto;
  justify-content: space-between;
}

#header .search {
  width: auto;
  margin: 0 !important;
}

.search form {
  width: 100%;
}

#header .search form {
  margin: 0 auto;
}

.btn-accident a {
  background: #f66;
  color: #fff;
  padding: 10px;
  margin-left: 20px;
  border-radius: 5px;
  line-height: 1;
  font-weight: bold;
  text-wrap: nowrap;
}

.btn-accident a::after {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: .4em;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
}

/*----------------------------------------------------
	2カラム
----------------------------------------------------*/

#main {
  float: left;
  width: 680px;
  margin: 16px 0 20px 16px;
  background: #fff;
}

#main .inner {
  width: 100%;
  padding: 0 30px;
  min-height: 500px;
  background-color: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box;
  line-height: 2rem;
}

#main .inner>p {
  padding: 0 20px;
}

#main .notes {
  padding: 10px 20px;
  font-size: 12px;
}


/*-----------------------------------
	下層ページ 
----------------------------------------*/

.lowPage .white_sc {
  background-color: pink
}


/*h1*/

body:not(#newsPage).lowPage h1,
#newsPage p.bg_pink {
  color: #fff;
  font-size: 24px;
  text-align: center;
  background-color: #ffb0b0;
  margin-top: 0px;
  padding: 50px 0;
  font-weight: 100
}

#car.lowPage h1,
#qa.car h1 {
  background-color: #e82323 !important;
}

#best.lowPage h1,
#qa.best h1 {
  background-color: #fc7c7c !important;
}

#bicycle.lowPage h1,
#qa.bicycle h1 {
  background-color: #009944 !important;
}

#teaching_staff.lowPage h1,
#qa.teaching_staff h1 {
  background-color: #0066cc !important;
}

.lowPage #main {
  background-color: #fff;
  box-sizing: border-box;
  margin: 0px 0 50px 20px;
  margin-top: 0px;
  min-height: 650px;
  width: 900px;
}

.lowPage #main {
  box-sizing: border-box;
  margin: 0px 0 50px 20px;
  min-height: 650px;
  width: 900px;
}

.lowPage #main {
  background-color: #fff;
  box-sizing: border-box;
  margin: 0px 0 50px 20px;
  margin-top: 0px;
  min-height: 650px;
  width: 900px;
}

.lowPage #main .inner>p {
  padding: 5px 20px 10px;
  padding: 5px 0px 10px;
}

body:not(#newsPage):not(#qa):not(#best):not(#bicycle):not(.car_top).lowPage h2::after,
#newsPage.lowPage h1::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  margin-left: .4em;
  background: linear-gradient(90deg, #ff9999, transparent);
}

body:not(#newsPage):not(#qa):not(.car_top).lowPage #main h2,
#newsPage.lowPage #main h1 {
  text-align: center;
  margin: 0 0 20px 0;
  margin-right: 0px;
  margin-bottom: 20px;
  border: none;
  position: relative;
  padding: 4px 4px 0px 2.5rem !important;
  font-size: 20px;
}

body:not(#newsPage):not(#qa):not(#best):not(#bicycle):not(.car_top).lowPage #main h2::before,
#newsPage.lowPage #main h1::before {
  font-family: FontAwesome;
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../../images/icon_sakura_wt.png");
  background-repeat: repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.lowPage #qaArea,
.lowPage #voiceArea {
  float: none;
  width: 100%;
  padding: 0;
}

#voiceArea p:not(.t_img) img {
  display: block;
  text-align: center;
  margin: 1rem auto 1.5rem;
}

.wp-caption {
  margin: 1rem auto 1.5rem;
}


/*-----------------------------------
	Q ＆ A 
----------------------------------------*/


/*--------目次---------------------*/

body#qa #main #mokuji {}

body#qa #main #mokuji h2 {
  padding: 10px;
  text-align: center;
  background: url(../../images/btn_slide_close.png) right 10px center no-repeat;
  background-color: #CD132A;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

body#qa #main #mokuji h2.active {
  padding: 10px;
  text-align: center;
  background: url(../../images/btn_slide_open.png) right 10px center no-repeat;
  background-color: #CD132A;
  color: #fff;
  margin-bottom: 20px;
}

body#qa #main #mokuji p.category {
  background: none;
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 15px;
  font-size: 16px;
  color: #4c2600;
}


/*--------目次---------------------*/

body #main p.category {
  background: none;
  color: #ff6699;
  border: 1px solid #E4E4E4;
  border-bottom: 2px solid #ff6699;
  font-size: 18px;
  font-weight: normal;
  padding: 10px;
  margin-top: 50px;
}

body#qa #main h2.ttl {
  background: #f8dcdf;
  color: #cd132a;
  padding: 10px;
  margin: 0 0 20px 0;
}

body#qa #main h2.ttl {}

body#qa #main h3.ttl {
  margin: 0 0 15px 0;
  background: #eee;
  padding: 5px 10px;
  font-weight: normal;
  color: #000000;
}

body#qa #main p {
  margin-bottom: 30px;
}

body#qa #main p.line {
  border: 1px solid #ddd;
  padding: 30px;
  margin: 20px;
  text-indent: 0;
}

body#qa #main ul {
  margin-bottom: 30px;
}

body#qa #main dl {
  border-bottom: 2px dotted #888888;
  margin: 0 20px 30px 20px;
  padding: 0 0 30px 0;
  border-spacing: 20px;
}

body#qa #main dt.q {
  margin: 0 0 20px 0px;
  color: #333;
  text-indent: -4.4em;
  padding: 0.5em 0.5em 0.5em 4em;
  background: #fff;
}

body#qa #main dt.q span {
  margin: 0 0.5em 0 0;
  font-weight: bold;
  color: #fff;
  background: #cd132a;
  border: 1px solid #cd132a;
  padding: 10px;
}

body#qa #main dd.a {
  clear: both;
  margin: 0 0 20px 0px;
  background: #fff;
  color: #333;
  text-indent: -4.4em;
  padding: 0.5em 0.5em 0.5em 5em;
}

body#qa #main dd.a li {
  text-indent: -1em;
  padding-left: 1em;
}

body#qa #main dd.a span {
  margin: 0 0.5em 0 0;
  font-weight: bold;
  color: #ef8400;
  background: #FFFFFF;
  border: 1px solid #ef8400;
  padding: 10px;
}

body#qa #main dd {
  margin: 0 0 20px 0;
}


/*お問い合わせ----------------------------------*/

body#qa #main .office {
  text-align: center !important;
  padding: 10px 20px;
  margin: 10px;
  background-color: #ffffff;
  border: 1px solid #000000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-top: 50px;
}

body#qa #main .office h2 {
  border: none !important;
  color: #000 !important;
}

body#qa #main .office h2:before,
body#qa #main .office h2:after {
  display: none !important;
}

body#qa #main .office h2 {
  font-size: 18px !important;
  font-weight: normal;
  margin: 0 0 6px 0;
  padding: 0 !important;
  text-align: center !important;
  display: block;
  border: none !important;
  background: none;
}

body#qa.lowPage #main p {
  margin: 10px auto;
  padding: 10px;
  display: block;
  padding-left: 3em;
  text-indent: -1.2em;
  box-sizing: border-box;
}

body#qa #main .office p {
  background: #403c3c;
  padding: 5px;
  margin: 0 0 20px 0;
  color: #FFFFFF;
  font-size: 18px;
}

body#qa #main .office li {
  line-height: 1.8;
}

body#qa #main .office ul {
  margin: 0 0 0 0;
}

body#qa #main .telLink {
  font-size: 30px;
  color: #ff6666;
  display: block;
}

.m {
  padding: 10px;
  text-align: center;
  background: url(../../images/btn_slide_close.png) right 10px center no-repeat;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.q1 .m {
  background-color: rgba(240, 55, 55, 0.1) !important;
  color: rgb(240, 55, 55);
}

.q2 .m {
  background-color: rgba(255, 153, 153, 0.1);
  color: rgb(255, 153, 153)
}

.q3 .m {
  background-color: rgba(15, 165, 82, 0.1);
  color: #0fa552;
}

.q4 .m {
  background-color: rgba(13, 113, 214, 0.1);
  color: rgb(13, 113, 214);
}

.m.active {
  padding: 10px;
  text-align: center;
  background-image: url(../../images/btn_slide_open.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}


/*QA*/

#qaArea .note a {
  color: #333333;
}

#qaArea .note .Ablock a {
  color: #ff6666 !important;
}


/*Questionエリア*/

.Qblock {
  padding: 20px 40px 10px 60px;
  text-indent: -1.2em;
  display: block;
  width: 100%;
  margin: 20px auto 0;
  box-sizing: border-box;
}

.q1 .Qblock {
  background: rgba(240, 55, 55, 0.1);
}

.q2 .Qblock {
  background: rgba(255, 153, 153, 0.1);
}

.q3 .Qblock {
  background: rgba(15, 165, 82, 0.1);
}

.q4 .Qblock {
  background: rgba(13, 113, 214, 0.1);
}

.q1 .Ablock {
  border: 1px solid rgba(240, 55, 55, 0.3);
  padding: 20px;
  margin: 0 0 30px;
}

.q2 .Ablock {
  border: 1px solid rgba(255, 153, 153, 0.3);
  padding: 20px;
  margin: 0 0 30px;
}

.q3 .Ablock {
  border: 1px solid rgba(15, 165, 82, 0.3);
  padding: 20px;
  margin: 0 0 30px;
}

.q4 .Ablock {
  border: 1px solid rgba(13, 113, 214, 0.3);
  padding: 20px;
  margin: 0 0 30px;
}

.qText {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
}

・
/*Answerエリア*/

.Ablock {
  border-top: none !important;
  overflow: hidden;
}

.Ablock_inner {
  display: table-cell;
  width: 100%;
}

.lowPage #main #qaArea h2.h2_qa::before {
  display: none;
}

.lowPage #main #qaArea h2.h2_qa {
  font-size: 18px !important;
}

.lowPage #main {
  background-color: #fff;
  box-sizing: border-box;
  margin: 0px 0 50px 20px;
  min-height: 650px;
  width: 900px;
}


/*よくある質問（一覧ページ）-----------------------------------------------*/

.lowPage .note {
  width: 100%;
  margin: 0 auto;
}


/*見出し「新規・変更等」-----------------------------------------------*/

.lowPage .q1 h4 {
  color: #ff6666;
  border: 1px solid #ff6666;
  border-right: 3px solid #ff6666;
  border-bottom: 3px solid #ff6666;
  display: inline-block;
  padding: 0 10px;
  border-radius: 4px;
}

.lowPage .q2 h4 {
  color: #fc7c7c;
  border: 1px solid #fc7c7c;
  border-right: 3px solid #fc7c7c;
  border-bottom: 3px solid;
  display: inline-block;
  padding: 0 10px;
  border-radius: 4px;
}

.lowPage .q3 h4 {
  color: #33cc99;
  border: 1px solid #33cc99;
  border-right: 3px solid #33cc99;
  border-bottom: 3px solid #33cc99;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  line-height: 1rem;
}

.lowPage .q4 h4 {
  color: #66ccff;
  border: 1px solid #66ccff;
  border-right: 3px solid #66ccff;
  border-bottom: 3px solid #66ccff;
  display: inline-block;
  padding: 0 10px;
  border-radius: 4px;
}

.textArea {
  margin: 0 auto;
  width: 100%;
  padding: 10px 6px;
  box-sizing: border-box;
  min-height: 500px;
}

.lowPage #main .inner>p {
  padding: 5px 0px 10px;
}

body:not(#newsPage).lowPage #main h2,
#newsPage.lowPage #main h1 {
  text-align: center;
  margin: 0 0 20px 0;
  border: none;
}

#newsPage h2 {}

#newsPage.lowPage #main h1 {
  text-align: left;
}

.lowPage #main h2 img {
  margin: 0 auto;
}

.lowPage #qaArea h4 {
  padding: 0 0.5em;
  color: #494949;
  margin-bottom: 20px;
}

#main .note p {
  border-bottom: 1px solid #eee !important;
}

body#qa.lowPage.Qpart #main p {
  display: inline-block;
  margin-top: 0;
  text-indent: 0;
  padding-left: 0;
}

#qaArea .textArea p {
  border: none;
}

#qaArea .h3_txt {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

#qaArea .q1 .h3_txt {
  color: #ff6666;
}

#qaArea .q2 .h3_txt {
  color: #fdb82e;
}

#qaArea .q3 .h3_txt {
  color: #33cc99;
}

#qaArea .q4 .h3_txt {
  color: #66ccff;
}


/*お客様の声*/

#voiceArea h2,
#qaArea h2 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.fukidashi {
  min-height: 160px;
  margin: 0 auto;
  padding: 20px 20px 0;
  border: 1px solid #ffcccc;
  border-radius: 12px;
  position: relative;
  clear: both;
  z-index: 1;
  background-color: #fff;
  margin-bottom: 30px;
}

.lowPage .fukidashi {
  min-height: 180px;
}

.lowPage .voiceBlock {
  width: auto;
  float: none;
  margin: 1.6%;
}

.fukidashi .tit_voice {
  width: 100%;
  position: relative;
}

p.t_img {
  float: right;
  width: 60px;
  background: "fff";
  background: #fff;
  margin: 0 10px;
  padding: 0 0 0 15px;
  margin-right: -15px;
  text-align: center;
}

.lowPage.voice #main {
  float: none;
  margin: 50px auto;
}

.lowPage #voiceArea {
  overflow: hidden;
}

.tit_voice p span {
  display: block;
  font-size: 14px;
}

.t_img span {
  text-align: center;
  display: block;
}

p.t_img img {
  height: auto;
  width: 100%;
}

.lowPage #qaArea,
.lowPage #voiceArea {
  float: none;
  width: 100%;
  padding: 0;
}

#voiceArea {
  position: relative;
}

#voiceArea h3 {
  color: #fd6464;
  font-size: 20px;
  padding-bottom: 12px;
  line-height: 1.8rem;
  /*padding-left: 2em;
	text-indent: -2em;*/
  padding-left: 2.6em;
  text-indent: -2.4em;
}

#voiceArea h3:before {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../../images/icon_sakura.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 10px;
  margin-top: -8px;
}

#bar {
  float: right;
  width: 1px;
  height: 100px;
  background-color: red;
}

#note {
  font-size: 16px;
  color: #222;
  padding: 0rem 1rem;
  background-image: linear-gradient(rgba(230, 230, 230, .6) .07em, transparent .1em);
  background-size: auto 2rem;
  line-height: 2rem;
  border-bottom: 1px solid rgba(230, 230, 230, .6);
}

#note>p {
  line-height: 2rem;
}

.voiceName {
  text-align: right;
  position: relative;
  display: inline-block;
  margin-right: auto;
  padding-left: 40px;
  float: right;
  clear: both;
  /*	margin-top: 10px;*/
}

.voiceName img {
  height: 60px;
  width: auto;
  vertical-align: bottom;
  padding-right: 4px;
}

.cntArea {
  clear: both;
}

#qaArea {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

#voiceArea {
  float: right;
  width: 45%;
  box-sizing: border-box;
}

.topBlock {
  display: table;
}

.topBlock img {
  display: table-cell;
}

.topBlock p {
  display: table-cell;
  color: #000;
  vertical-align: top;
}


/*-------------------------------------------------
	サイドバー
----------------------------------------------------*/

#side {
  position: relative;
  float: right;
  width: 230px;
  margin: 0px 16px 0 0;
}

#side #lnav {
  width: 100%;
  position: absolute;
  top: 0;
  border: 2px solid #ff9393;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
}

#side #lnav h2 {
  background: url(../../images/side_nav_ttl_bg.png) no-repeat;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 18px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-size: 100%;
  text-align: center;
  display: block;
  line-height: 1rem;
  margin-bottom: 0 !important;
  padding: 20px 0 !important;
}

#side #lnav h3 {
  text-align: center;
}

#side #lnav h3 a:link {
  display: block;
  padding: 20px 0;
  color: #ff6666;
}

#side #lnav ul.menu {
  margin: 0 auto;
  background: #FFFFFF;
}

#side #lnav ul.menu li {
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-bottom: 1px solid #ffa8a8;
}

#side #lnav ul.menu li a:link {
  display: block;
  width: 100%;
  height: 56px;
  box-sizing: border-box;
}

#side #lnav ul.newsMenu li a {
  height: auto;
  padding: 10px;
  display: block;
}

#side #lnav ul.other {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #FFFFFF;
}

#side #lnav ul.other li {
  width: 100%;
  height: 34px;
  line-height: 34px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #fff;
  font-size: 14px;
  background: #FFFFFF;
}

#side #lnav ul.other li.top {
  background: url(../../images/icon_lnav_triangle2.png) 10px center no-repeat #f1f1f1;
}

#side #lnav ul.other li.home {
  background: url(../../images/lnav_home.png) 12px center no-repeat #f1f1f1;
  background-size: 12px 12px;
}

#side #lnav ul.other li:last-child {
  border-bottom: none;
}

#side #lnav ul.other li a:link {
  display: block;
  width: 100%;
  height: 34px;
  color: #888;
}

#side #lnav ul.other li a:visited {
  color: #888;
}

#side #lnav ul.menu li {
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-bottom: 1px solid #ffa8a8;
  margin-bottom: 0;
  padding-bottom: 0;
}

#side #lnav ul.qa_sub {
  width: 220px;
  margin: 0 auto 3px;
  background: #FFFFFF;
}

#side #lnav ul.qa_sub li {
  width: 220px;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid #ffa8a8;
}

#side #lnav ul.qa_sub li a:link {
  display: block;
  width: 220px;
  height: 40px;
}

#side #lnav ul li {
  border-bottom: 1px solid #ffc5c5;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 1.3;
}

#side #lnav select {
  width: 90%;
  height: 40px;
  margin: 10px 0 10px 10px;
}

#side #lnav .office ul li {
  border: none;
}

.on {
  background: #ffffe8 !important;
}

body:not(#newsPage) h2,
#newsPage.lowPage #main h1 {
  position: relative;
  color: #ff9999;
  font-size: 24px !important;
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin-bottom: 10px !important;
  z-index: 1;
}

#newsPage h2,
#newsPage h3 {
  padding: 20px 0 10px;
  color: #ff9999;
  font-size: 22px
}


/*--- サイドバーお問い合せ---- */

body#qa #side .office {
  text-align: center;
  margin-top: 1px;
  background-color: #ffffff;
  padding-bottom: 10px;
}

body#qa #side .office h2 {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  padding: 0px;
}

body#qa #side .office p {
  background: #403c3c;
  padding: 1px;
  margin-bottom: 10px;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
}

body#qa #side .office p {}

body#qa #side .office ul {
  margin: 0 0 0 0;
  font-size: 13px;
}

body#qa #side .office ul li {
  word-wrap: none;
}

body#qa #side .telLink {
  font-size: 24px;
  color: #ff6666;
}




/*よくある質問の見出し--------------------------------------------------------------*/

.topPage #qaArea h3,
.lowPage #qaArea h2 {
  text-align: left !important;
  position: relative !important;
  font-size: 22px !important;
  margin-bottom: 20px !important;
  margin-top: 10px !important;
  padding: 8px 12px 6px !important;
  border-radius: 10px !important;
  padding-top: 12px !important;
}

.topPage #qaArea h3::before,
.lowPage #qaArea h2::before {
  content: " ";
  display: inline-block;
  width: 38px;
  height: 38px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  vertical-align: middle;
  padding-right: 10px;
  margin-top: -5px;
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  position: static;
}

.lowPage #qaArea h2::after {
  display: none;
}

.topPage .q1 h3,
.lowPage #qaArea .q1 h2 {
  color: #fff;
  background: repeating-linear-gradient(-45deg, #e82323, #e82323 2px, #f03737 2px, #f03737 6px);
}

.topPage .q2 h3,
.lowPage #qaArea .q2 h2 {
  color: #fff;
  background: repeating-linear-gradient(-45deg, #fc7c7c, #fc7c7c 2px, #ff9999 2px, #ff9999 6px);
}

.topPage .q3 h3,
.lowPage #qaArea .q3 h2 {
  color: #fff;
  background: #009944;
  background: repeating-linear-gradient(-45deg, #009944, #009944 2px, #0fa552 2px, #0fa552 6px);
}

.topPage .q4 h3,
.lowPage #qaArea .q4 h2 {
  color: #fff;
  background: #0066cc;
  background: repeating-linear-gradient(-45deg, #0066cc, #0066cc 2px, #0d71d6 2px, #0d71d6 6px);
}

.topPage #qaArea .q1 h3::before,
.lowPage #qaArea .q1 h2::before {
  background-image: url("../../images/icon_q1.png") !important;
}

.topPage #qaArea .q2 h3::before,
.lowPage #qaArea .q2 h2::before {
  background-image: url("../../images/icon_q2.png") !important;
}

.topPage #qaArea .q3 h3::before,
.lowPage #qaArea .q3 h2::before {
  background-image: url("../../images/icon_q3.png") !important;
}

.topPage #qaArea .q4 h3::before,
.lowPage #qaArea .q4 h2::before {
  background-image: url("../../images/icon_q4.png") !important;
}

.q1,
.q2,
.q3,
.q4 {
  padding: 10px 0 20px;
}

.topPage #qaArea .h3_qa,
.lowPage #qaArea .h3_qa {
  position: relative;
}

.topPage #qaArea .h3,
.lowPage #qaArea .h3 {
  position: absolute;
  top: 0;
  left: 0;
}

.topPage #qaArea .h3_img,
.lowPage #qaArea .h3_img {
  position: absolute;
  top: -36px;
  right: -24px;
  width: 12%;
}

.topPage .h3_img img,
.lowPage .h3_img img {
  width: 100%;
}

.q1 h3.h2_qa,
.q2 h3.h2_qa,
.q3 h3.h2_qa,
.q4 h3.h2_qa {
  margin: 40px 0 0px;
  padding: 6px 10px;
  font-size: 18px;
}

.q1 h3.h2_qa {
  border-bottom: 3px double #ff6666 !important;
  color: #ff6666;
}

.q2 h3.h2_qa {
  border-bottom: double 3px #fc7c7c;
  color: #fc7c7c;
}

.q3 h3.h2_qa {
  border-bottom: 3px double #33cc99 !important;
  color: #33cc99;
}

.q4 h3.h2_qa {
  border-bottom: 3px double #66ccff !important;
  color: #66ccff;
}

.lowPage #qaArea h4 {
  text-align: center;
  font-weight: 100;
  padding: 4px 30px;
  line-height: 1rem;
  border-radius: 0;
  margin-bottom: 0px;
  margin-top: 20px;
}

.lowPage #qaArea .q1 h4 {
  color: #ff6666;
}

.lowPage #qaArea .q2 h4 {
  color: #fc7c7c;
}

.lowPage #qaArea .q3 h4 {
  color: #33cc99;
}

.lowPage #qaArea .q4 h4 {
  color: #66ccff;
}

.lowPage #qaArea h5 {
  margin-bottom: 20px;
  font-size: 17px;
  display: inline-block;
  border-radius: 5px;
  padding: 0 10px;
  font-weight: 100;
  line-height: 24px;
}

.lowPage #qaArea .q1 h5 {
  color: #fff;
  background-color: #ff6666;
}

.lowPage #qaArea .q2 h5 {
  color: #fff;
  background-color: #ff9900;
}

.lowPage #qaArea .q3 h5 {
  color: #fff;
  background-color: #33cc99;
}

.lowPage #qaArea .q4 h5 {
  color: #fff;
  bbackground-color: #66ccff;
}

.lowPage #qaArea .q1 span {
  color: #ff6666 !important;
  font-weight: bold;
}

.lowPage #qaArea .q2 span {
  color: #fc7c7c !important;
  font-weight: bold;
}

.lowPage #qaArea .q3 span {
  color: #33cc99 !important;
  font-weight: bold;
}

.lowPage #qaArea .q4 span {
  color: #66ccff !important;
  font-weight: bold;
}

.lowPage #qaArea span {
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.lowPage #qaArea .Ablock span {
  display: table-cell;
  line-height: 1.5rem;
}

.lowPage #qaArea .Ablock .office span {
  float: none;
}

body#qa.lowPage #main .Ablock p {
  padding: 0;
  margin: 0 auto;
  border: none !important;
  text-indent: 0;
}

.lowPage.Qpart #qaArea span {
  margin-top: 6px;
}

.lowPage #qaArea p {
  text-indent: -2.5rem;
}

.Ablock {
  border-top: none !important;
  overflow: hidden;
}

#footer li img {
  width: 14px;
  margin-right: 4px;
  vertical-align: middle;
}

.pageing {
  text-align: center;
  margin-top: 30px;
}

.singleNav {
  display: table !important;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

.singleNav li {
  display: table-cell;
  width: 33%;
}

iframe.wp-embedded-content {
  width: 100%
}

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

  /*--------header---------------------*/
  #header .tit_sakura {
    margin-top: 2px !important;
  }

  #header .hd_inner {
    width: 100%;
  }

  #header .logo {
    margin-left: 20px;
  }

  #header .callArea {
    margin-right: 0px;
    right: 10px;
  }

  #header .search {
    width: 540px;
    margin-right: 0px;
    right: 10px;
  }

  #header .tit_sub {
    padding-left: 110px;
    bottom: -10px;
  }

  #header .search {
    width: 540px;
    margin-right: 0px;
    right: 10px;
  }

  #header .tit_sub {
    padding-left: 110px;
    bottom: -10px;
  }

  /*--------footer---------------------*/
  #footer {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
  }

  #footer .inner {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
  }

  #main {
    padding: 0;
    padding-bottom: 30px;
  }

  #qaArea p {
    line-height: 1.8rem;
  }
}

@media only screen and (max-width: 1300px) {
  .ft06 {
    width: 65.8vw;
  }

  #container {
    width: 100% !important;
  }

  .lowPage #main {
    width: 72% !important;
  }

  #nav .nav_inner {
    width: 100%;
  }
}

@media screen and (min-width:1099px) and (max-width:1299px) {
  #header .tit_sakura {
    font-size: 30px;
  }

  #header .logo img {
    float: left;
    width: 80px;
  }

  #header .tit_sub {
    padding-left: 90px;
  }

  #header .tit_sub {
    font-size: 13px;
  }

  .breadcrumbs ol {
    width: 100%;
    padding-left: 0;
    margin: 0 0 auto 0;
  }
}

@media only screen and (max-width: 1200px) {
  .ft06 {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding-right: 10px;
  }

  #nav {
    display: none;
  }

  #header .search form input#search {
    font-size: 16px;
  }

  /*--------header---------------------*/
  #header {
    padding-bottom: 1px;
    background: #f9e0e0;
    background: -moz-radial-gradient(center, ellipse cover, #f9e0e0 1%, #f9c7c7 58%, #ffa5a5 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #f9e0e0 1%, #f9c7c7 58%, #ffa5a5 100%);
    background: radial-gradient(ellipse at center, #f9e0e0 1%, #fbd8d8 58%, #ffc0c0 100%);
    position: relative;
    height: auto;
    padding-top: 0;
  }

  #header .search {
    position: static;
    overflow: hidden;
    width: 90%;
    margin: 10px auto;
  }

  #header .search form {
    text-align: center;
  }

  #header .tit_sub {
    padding-left: 110px;
    margin-top: -12px;
  }

  #header .logo {
    margin-left: 20px;
  }

  #header .hd_inner,
  #nav .nav_inner,
  #contents,
  #sub,
  #footer {
    width: 100%;
    margin: 0 auto;
    float: none;
    box-sizing: border-box;
    padding: 0 30px;
  }

  /*20241216*/
  body.topPage #header #low_search.search {
    display: none !important;
  }

  body.lowPage #home_search.search {
    display: none !important;
  }

  #sub {
    padding: 0;
  }

  #header .hd_inner {
    padding: 0 !important;
  }

  #header .callArea {
    position: static;
    overflow: hidden;
    width: 90%;
    margin: 10px auto;
  }

  #header .callArea {
    width: 92%;
    margin: 20px auto 14px;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  }

  /*
.tel01 .num {
	font-size: 20px;
}
.tel02 .num, .tel03 .num {
	font-size: 20px;
}
.call_jiko {
	width: 33%;
	float: left;
	border-bottom: none;
	border-right: 1px solid #eee;
	box-sizing: border-box;
	padding-bottom: 0;
	margin-bottom: 0;
}
.call_con {
	width: 67%;
	float: left;
}
.call_con .tel02, .call_con .tel03 {
	margin-top: 4px;
}
*/
  /*spmenu*/
  /*
  .menu-btn img {
    max-width: 100%;
    height: auto;
  }

  .menu-btn {
    display: block !important;
    position: absolute;
    position: fixed;
    top: 10px;
    right: 14px;
    padding: 7px;
    width: 6%;
    z-index: 999;
    background: #fff;
    border-radius: 5px;
  }
*/
  .sp_menu {
    display: block;
    background: url(../../images/hd_salura.png), linear-gradient(to bottom, #ffeded 0%, #ffffff 100%);
    background: url("../../images/bg_stripe2.png") repeat;
    background-size: contain;
  }

  .sp_menu ul {
    width: 88%;
    margin: 0px auto;
    overflow: hidden;
    padding: 10px 0;
  }

  .sp_menu li a {
    width: 22.5%;
    float: left;
    padding: 20px 5px;
    box-sizing: border-box;
    text-align: center;
    border: #ddd 1px solid;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 50px;
    margin: 1%;
    font-size: 14px;
    height: 90px;
    line-height: 1rem;
    border-radius: 10px;
    color: #666666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6efefef', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
  }

  .sp_menu li:nth-child(1) a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu01.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu01.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu01.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(2) a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu02.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu02.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu02.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(3) a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu03.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu03.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu03.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(4) a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu04.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu04.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu04.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(5) a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu05.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu05.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu05.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(6) a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu06.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu06.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu06.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(7) a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu07.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu07.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu07.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(8) a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: url("../../images/icon_sp_menu08.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* FF3.6-15 */
    background: url("../../images/icon_sp_menu08.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../../images/icon_sp_menu08.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(244, 244, 244, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu a .br_1100 {
    display: none;
  }

  .sp_menu {
    display: block;
    background-size: contain;
    background: url("../../images/bg_stripe2.png") repeat;
  }

  .sp_menu ul {
    width: 88%;
    margin: 0px auto;
    overflow: hidden;
    padding: 10px 0;
  }

  .sp_menu li a {
    width: 22.5%;
    float: left;
    padding: 20px 5px;
    box-sizing: border-box;
    text-align: center;
    border: #ddd 1px solid;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 50px;
    margin: 1%;
    font-size: 14px;
    height: 90px;
    line-height: 1rem;
    border-radius: 10px;
    color: #666666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6efefef', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
  }

  .sp_menu li a span {
    color: #ff8585;
  }

  .sp_menu li:nth-child(1) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu01.png"), linear-gradient(to bottom, #ffec64 5%, #feba4c 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #e9c33c;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 33px, 100%;
  }

  .sp_menu li:nth-child(2) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu02.png"), linear-gradient(to bottom, #ffec64 5%, #feba4c 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #e9c33c;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 13px, top;
    background-repeat: no-repeat;
    background-size: 35px, 100%;
  }

  .sp_menu li:nth-child(3) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu03.png"), linear-gradient(to bottom, #ffec64 5%, #feba4c 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #e9c33c;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 30px, 100%;
  }

  .sp_menu li:nth-child(4) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu04.png"), linear-gradient(to bottom, #ffec64 5%, #feba4c 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #e9c33c;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 16px, top;
    background-repeat: no-repeat;
    background-size: 38px, 100%;
  }

  .sp_menu li:nth-child(5) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu05.png"), linear-gradient(to bottom, #ffec64 5%, #feba4c 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #e9c33c;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 33px, 100%;
  }

  .sp_menu li:nth-child(6) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu06.png"), linear-gradient(#fed6e3 0%, #ffbcbc 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #fdabab;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 33px, 100%;
  }

  .sp_menu li:nth-child(7) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu07.png"), linear-gradient(#fed6e3 0%, #ffbcbc 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #fdabab;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 33px, 100%;
  }

  .sp_menu li:nth-child(8) a {
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: url("../../images/icon_sp_menu08.png"), linear-gradient(#fed6e3 0%, #ffbcbc 100%);
    background-color: #ffec64;
    border-radius: 6px;
    border: 1px solid #fdabab;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    background-position: center 10px, top;
    background-repeat: no-repeat;
    background-size: 33px, 100%;
  }

  /*--------footer---------------------*/
  #footer .inner {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
  }

  #footer .tit_sakura {
    margin-left: 0;
  }

  #footer .txt_ad {
    margin: 0;
  }

  #footer .rt .bnr {
    margin: 0;
    width: 50%;
    box-sizing: border-box;
    height: auto;
  }

  #footer .rt .bnr {
    border-bottom: none;
  }

  #footer .rt p:nth-child(1),
  #footer .rt p:nth-child(3) {
    border-right: none;
  }

  #footer .rt p:nth-child(4) {}

  #main .inner {
    padding: 0 10px 0 0;
  }
}

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

  /*--------footer---------------------*/
  #footer .lf,
  #footer .rt {
    width: 100%;
    float: none;
    overflow: hidden;
    display: table;
  }

  #footer .tit_sakura {
    display: table-cell;
  }

  #footer .txt_ad {
    display: table-cell;
  }
}

@media only screen and (max-width: 959px) {
  #header .inner {
    width: 100%;
  }

  #container {
    width: 100%;
  }

  .breadcrumbs {
    padding: 10px;
    margin-bottom: 10px;
  }

  .breadcrumbs ol {
    width: 100%;
    padding-left: 0;
  }

  .lowPage #main {
    width: 98% !important;
    margin: 0 auto;
  }

  #footer {
    clear: both;
    border-top: 1px solid #ff6666;
  }

  #footer .inner .boxTel {
    width: 32%;
    float: left;
    margin: 5px;
  }

  #footer .inner .boxFax {
    width: 32%;
    float: left;
    margin: 5px;
  }

  #footer .inner .boxForm {
    width: 32%;
    float: left;
    margin: 5px;
  }

  #footer .inner .boxTel li,
  #footer .inner .boxFax li,
  #footer .inner .boxForm li {
    margin: 0 0 5px 0;
    width: 100%;
  }

  #main {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
  }

  #main .inner {
    padding: 16px;
  }

  #main .ttlArea {
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    background: #ffd1d1;
  }

  #main .ttlArea h1 {
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #4c2600;
    margin: 0 auto;
  }

  /*--ぱんくず---------------------------------------*/
  .breadcrumbs ol {
    width: 100%;
    line-height: 1.3rem;
  }

  .breadcrumbs ol li {
    font-size: 12px;
    margin: 0 2px;
  }

  .breadcrumbs ol li::before {
    padding: 0;
  }

  /*---サイドバー---------------------------------------*/
  #side {
    position: static;
    float: none;
    width: 100%;
    margin: 16px 16px 0 0;
  }

  #side #lnav {
    /*
    position: static;
    background: #ffe0e0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    */


    position: static !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;

  }






  #main .inner,
  .lowPage #main {
    min-height: auto;
  }

  #side #lnav h2 {
    display: none;
  }

  #side #lnav ul.menu {
    width: 100%;
    margin: 0 auto 8px;
    background: #FFFFFF;
  }

  #side #lnav ul.menu li {
    width: 100%;
    height: 56px;
    line-height: 56px;
    background: url(../../images/icon_lnav_triangle.png) 10px center no-repeat;
    text-align: center;
    border-bottom: 1px solid #ffa8a8;
  }

  #side #lnav ul.menu li.on {
    background: #ffffe8 url(../../images/icon_lnav_triangle.png) 10px center no-repeat !important;
  }

  #side #lnav ul.menu li:first-child {
    border-top: 1px solid #ffa8a8;
  }

  #side #lnav ul.menu li a:link {
    display: block;
    width: 100%;
    height: 56px;
  }

  #side #lnav ul.qa_sub {
    width: 100%;
  }

  #side #lnav ul.qa_sub li {
    width: 100%;
  }

  #side #lnav ul.qa_sub li a:link {
    width: 100%;
  }

  #side #lnav select {
    margin: 10px auto 10px;
    display: block;
  }
}

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

  /*--------footer---------------------*/
  #footer li {
    padding: 10px;
    font-size: 14px;
    text-align: left;
  }
}

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

  /*--------header---------------------*/
  #header .call_jiko p.tit_call {
    float: left;
  }

  .call_jiko,
  .call_con {
    width: 100%;
    float: none;
  }

  .call_jiko {
    border-right: none;
    border-bottom: 1px solid #eee;
  }

  .call_time {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #newsPage.lowPage #main h1 {
    padding: 4px 6px 0px 6px !important;
  }

  #newsPage.lowPage #main h1::before {
    display: none;
  }

  /*--------header---------------------*/
  #header .inner {
    width: 100%;
    margin: 0 auto;
    border-bottom: 3px solid #eb6363;
    text-align: center;
  }

  #footer .inner {
    margin-bottom: 10px;
  }

  #footer .inner .boxTel {
    width: 48%;
    float: left;
    margin: 0 5px 0;
  }

  #footer .inner .boxFax {
    width: 48%;
    float: left;
    margin: 0 5px 0;
  }

  #footer .inner .boxForm {
    width: 48%;
    float: left;
    margin: 0 5px 0;
  }

  #container {
    width: 100%;
  }

  #main {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
  }

  #main .ttlArea {
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    background: #ffd1d1;
  }

  #main .ttlArea h1 {
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #4c2600;
    margin: 0 auto;
    padding: 30px;

  }

  .lowPage h1 {
    line-height: 1.5;
    padding: 8vw !important;
  }

  #side #lnav ul.qa_sub {
    width: 100%;
  }

  #side #lnav ul.qa_sub li {
    width: 100%;
  }

  #side #lnav ul.qa_sub li a:link {
    width: 100%;
  }

  /*----------------------------------
QA
------------------------------------*/

  /*----------------------------------
　フッター
------------------------------------*/
  #footLink ul {
    padding: 10px 4px;
  }

  #footLink li a {
    float: none;
  }

  #footer {
    clear: both;
    border-top: 1px solid #ff6666;
  }

  #footer .inner .boxTel,
  #footer .inner .boxFax,
  #footer .inner .boxForm {
    float: none;
    margin: 10px auto;
    width: 100%;
    text-align: center;
  }

  #footer .inner .boxTel img,
  #footer .inner .boxFax img,
  #footer .inner .boxForm img {
    width: 95%;
  }

  #footer .inner .boxTel li,
  #footer .inner .boxFax li,
  #footer .inner .boxForm li {
    margin: 0 0 5px 0;
  }

  #main .inner>p {
    padding: 0 10px;
  }

  #footer .otherLink {
    text-align: left;
    margin: 0px 4px;
  }

  #footer .otherLink ul li {
    display: block;
  }
}

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

  .call_02 div.lf,
  .call_02 div.rt {
    width: 100%;
    float: none;
  }

  .call_02 div.rt {
    border: none;
    padding-left: 0;
  }

  .call_02 div.lf {
    padding-top: 0;
    border-bottom: 1px solid #003f85;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  /*--------header---------------------*/
  #header .hd_inner,
  #nav .nav_inner,
  #contents,
  #sub,
  #footer {
    padding: 0px;
  }

  #header .logo {
    margin-left: 20px;
  }

  #header .logo img {
    width: 80px;
  }

  #header .tit_sakura {
    font-size: 26px;
  }

  #header .tit_sub {
    font-size: 10px;
    line-height: 1rem;
    padding-left: 92px;
    margin-top: -8px;
  }

  /*--------footer---------------------*/
  #footer {
    padding: 10px !important;
  }

  #footer .lf {
    display: block;
    margin-bottom: 10px;
  }

  #footer .tit_sakura,
  #footer txt_ad {
    display: block;
    width: auto;
    text-align: center;
  }

  #footer .txt_ad {
    display: block;
    text-align: center;
  }

  #footer .txt_ad br {
    display: none;
  }

  #footer lf_img {
    width: 20%;
    float: none;
  }

  #footer .rt .bnr::before {
    top: 15px;
    width: 30px;
    height: 30px;
  }

  #footer li {
    font-size: 12px;
    display: block;
    float: left;
    width: 50%;
    padding: 6px 0px;
    margin: 0;
    box-sizing: border-box;
    line-height: 1.3rem;
    text-align: left;
    border: none;
  }

  #footer .ftnav01 li:first-child {
    border-top: 1px solid #FFDFDF;
  }

  #footer .ftnav01 li {
    padding: 10px 0;
    display: block;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #FFDFDF;
  }


  .menu-btn {
    top: 10px;
    right: 14px;
  }

  .t_img span {
    font-size: 14px;
  }

  #newsPage.lowPage #main h1 {
    font-size: 22px !important;
  }
}

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

  .topPage #qaArea .h3_img,
  .lowPage #qaArea .h3_img {
    width: 20%;
  }
}

@media only screen and (max-width: 550px) {
  .ft06 br {
    display: block;
  }

  .topPage #qaArea .h3_img,
  .lowPage #qaArea .h3_img {
    width: 20%;
  }

  /*--------header---------------------*/
  #header .tit_sakura {
    font-size: 26px;
  }

  #header .tit_sakura span {
    font-size: 18px;
  }

  /*
#header .callArea {
	width: 96%;
}
rt {
	font-size: auto;
}
.call_con .tel02 {
	padding-top: -4px;
	padding-left: 0;
}
.call_con {
}
img.icon {
	width: 30px !important;
}

.call_time {
	padding-left: 0!important;
}
#header p.tit_call {
	padding-left: 0;
}

.icon, .icon img {
	width: 20px !important;
}
*/
  /*リード*/
  .readBlock p.large {
    font-size: 26px;
  }

  #footer .rt .bnr span.s_font {
    font-size: 10px;
  }

  #footer .rt .bnr {
    font-size: 14px;
  }

  #footer .rt .bnr {
    padding: 8px 0px 10px 50px;
  }

  #footer li {
    font-size: 12px;
    display: block;
    float: left;
    width: 50%;
    padding: 6px 0px;
    margin: 0;
    box-sizing: border-box;
    line-height: 1.3rem;
    text-align: left;
    border: none;
  }

  .copyright {
    font-size: 12px;
  }

  rt {
    font-size: 12px;
  }

  .alignright {
    float: none;
    margin: 14px auto;
    display: block;
  }
}

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

  .tel02 .num,
  .tel03 .num {
    font-size: 19px;
  }

  #header .search {
    width: 96%;
  }

  #header .search {
    transform: scale(0.98);
  }

  /*--------header---------------------*/
  #header .logo img {
    width: 70px;
  }

  #header .tit_sub {
    line-height: 1rem;
  }

  #header .tit_sakura {
    font-size: 20px;
  }

  #header .logo {
    margin-right: 0;
  }

  #header .tit_sub {
    padding-left: 80px;
  }

  #main .inner {
    padding: 10px;
  }

  body#qa #main .acList {
    background: none;
  }

  body#qa #main #mokuji p.category {
    padding: 0 0 0 0;
  }

  body#qa #main .acList ul {
    padding: 0 0;
  }

  body#qa #main .acList ul li {
    line-height: 1.3;
    padding-left: 2.4em;
    text-indent: -2.8em;
    padding-right: 0;
  }

  body#qa #main .acList li span {
    font-size: 14px;
    padding: 1px 5px 1px 5px;
  }

  /*-----------本文 ----------------- */
  body#qa #main dl {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
  }

  body#qa #main dt.q {
    margin: 0 0 20px 0px;
    color: #333;
    padding: 0;
    text-indent: 0em;
    background: #fff;
  }

  body#qa #main dt.q span {
    display: block;
    font-weight: bold;
    color: #fff;
    background: #cd132a;
    padding: 5px 10px;
    width: 25%;
    text-align: center;
    margin: 0 auto 20px;
  }

  body#qa #main dd.a {
    clear: both;
    margin: 0;
    background: #fff;
    color: #333;
    padding: 0;
    text-indent: 0em;
  }

  body #main p.category {
    margin-top: 25px;
    margin-bottom: 10px;
  }

  body#qa #main h2.ttl {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  body#qa #main dd.a span {
    display: block;
    font-weight: bold;
    color: #ef8400;
    background: #FFFFFF;
    border: 1px solid #ef8400;
    padding: 5px 10px;
    width: 25%;
    text-align: center;
    margin: 0 auto 20px;
  }

  body#qa #main dd {
    margin: 0 0 20px 0;
  }

  /* お問い合せ */
  body#qa #main .office {
    text-align: center;
    border: 1px solid #000;
    margin: 10px 10px 10px;
    padding: 5px;
  }

  body#qa #main .office h2 {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 10px;
  }

  body#qa #main .office p {
    background: #403c3c;
    padding: 5px 0;
    margin: 0 0 5px 0;
    color: #FFFFFF;
  }

  body#qa #main .office ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }

  body#qa #main .office ul li {
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }

  body#qa #main .telLink {
    font-size: 24px;
    color: #ff6666;
  }

  #footLink li a {
    background-position: 3px 4px;
  }

  body#qa #side .office {
    display: none;
  }

  .mt20 {
    margin-top: 20px;
  }

  .mr10 {
    margin-right: 1px;
  }

  .mb27 {
    margin-bottom: 27px;
  }

  .mb10 {
    margin-bottom: 10px;
  }

  .mb20 {
    margin-bottom: 20px;
  }

  .mb30 {
    margin-bottom: 30px;
  }

  .mb40 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 450px) {
  .call_time {
    font-weight: bold;
  }

  #header .callArea .tel02 .num,
  #header .callArea .tel03 .num,
  #header .callArea .call_02 .num,
  #header .callArea .lf .num {
    font-weight: bold;
  }

  .topPage #qaArea .h3_img,
  .lowPage #qaArea .h3_img {
    right: -16px;
  }

  #header .search form input#search {
    font-size: 14px;
  }

  /*--------header---------------------*/
  rt {
    font-size: 10px;
  }

  /*--------footer---------------------*/
  #footer .rt .bnr {
    padding: 8px 0px 10px 36px;
  }

  #footer .rt .bnr::before {
    top: 20px;
    left: 6px;
    width: 20px;
    height: 20px;
  }

  /*
.call_con span.icon, .call_02 span.icon {
	display: table-cell;
	background-color: #003f85;
	color: #fff;
	border-radius: 5px;
	font-size: 10px;
	text-align: center;
}
*/
  #header .callArea .call_con .tel02,
  #header .callArea .call_con .tel03 {
    float: none;
    width: 100%;
    padding-left: 0;
  }

  #header .callArea .tel02 .num,
  #header .callArea .tel03 .num,
  #header .callArea .call_02 .num {
    font-size: 20px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 400px) {
  rt {
    font-size: 8px;
  }

  .form1 {
    margin-top: 4px;
  }

  .call_time {
    font-size: 10px;
  }

  /*
  .menu-btn {
    padding: 10px;
  }
*/
  #header .tit_sakura {
    font-size: 18px;
  }

  #header .logo {
    margin-left: 10px;
  }

  #header .tit_sakura {
    margin-top: -3px !important;
    margin-left: 60px;
  }

  #header .logo img {
    width: 50px;
  }

  #header .search form input#search {
    width: 50%;
  }
.hd_inner{
  padding-bottom: 10px;
}

.openbtn span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 2px;
  border-radius: 5px;
  background: #fe5481;
  width: 25px;
  left: 7px;
}
  #footer .rt .bnr {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    display: block;
    float: none;
    border: none;
    border: 1px solid #fc9c9c !important;
  }

  #footer .rt p:nth-child(1) .bnr,
  #footer .rt p:nth-child(2) .bnr,
  #footer .rt p:nth-child(3) .bnr,
  #footer .rt p:nth-child(4) .bnr {
    border-bottom: none !important;
  }

  #footer .rt .bnr::before {
    top: 20px;
    left: 10px;
    width: 30px;
    height: 30px;
  }

  #footer .rt .bnr {
    padding: 8px 0px 10px 50px;
  }

  #footer .rt .bnr {
    font-size: 18px;
  }

  #header .tit_sub {
    padding-left: 10px;
    line-height: 0.5rem;
  }

  #header .search form input#search {
    width: 50%;
  }

  .ft06 {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 400px) {
  #header .tit_sakura {
    margin-top: 0 !important;

  }

  #header .tit_sub {
    bottom: -12px;
  }

  #header .search form input#search {
    width: 46%;
  }

  input[type="text"] {
    width: 75%;
  }

  #header .search form {
    text-align: left;
  }

  #header .search form input {
    margin-top: 5px;
  }
}


@media only screen and (max-width: 340px) {
  #header .search form input#search {
    width: 44%;
  }
}

/*ヘッダー　コンタクトエリア*/
.hd_inner {
  display: flex;
}

#header .callArea {
  /*  position: absolute;*/

  top: 0;
  right: 0px;
  display: flex;
  flex-wrap: wrap;
  width: 740px;
  background: repeating-linear-gradient(-45deg, #f4ce38, #f4ce38 2px, #f4ce38 2px, #f4ce38 6px);
  background: #ffe158;
  padding: 10px 10px 5px 10px;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
}

#header .callArea a {
  color: #033061 !important
}

#header .callArea .tit_call {
  /*  position: relative;*/
  padding-bottom: 2px;
  color: #e8453c;
  font-size: 12px;
  font-weight: bold;
}

#header .callArea .call_time {
  font-size: 12px;
  padding-left: 10px;
  color: #000;
}

#header .callArea .call_time2 {
  display: block;
  padding-left: 87px;


}

#header .callArea .num {
  font-size: 20px;
  color: #033061 !important;
  line-height: 1.2;
}

#header .callArea .txt_time {
  padding-bottom: 4px;
  line-height: 1;
}


/*上部*/

#header .callArea .top_callArea {
  border-bottom: 1px solid #003f85;
  overflow: hidden;
}

#header .callArea .tit_call {
  position: relative;
  padding-bottom: 2px;
  color: #e8453c;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
}

#header .callArea span.icon {
  display: inline-block;
  background-color: #003f85;
  color: #fff;
  border-radius: 5px;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 1rem;
  padding: 0 10px;
  margin-right: 4px;
  margin-bottom: 3px;
}

#header .callArea .call_con {
  width: 60%;
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #003f85;
}

#header .callArea .call_con p.txt_time {
  border-right: 1px solid #003f85;
}

#header .callArea .call_con p.tel03 {
  border-right: 1px solid #003f85;
}

#header .callArea .lf {
  width: 38%;
  padding-left: 2%;
  border-bottom: 1px solid #003f85;
}

#header .callArea .tel02 {
  width: 49%;
  float: left;
}

#header .callArea .tel03 {
  width: 49%;
  float: right;
}


/*下部*/

#header .callArea .bottom_callArea {
  display: flex;
  justify-content: center;
  align-items: center;
}

#header .callArea .tyoukaku {
  width: 35%;
}

#header .callArea .tyoukaku a {
  display: block;
  background-color: #fbee80;
  margin: 10px 10px 10px 0;
  padding: 20px 10px;
  line-height: 1.5;
  color: #003f85;
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
}

#header .callArea .call_02 {
  width: 62%;
  border-left: 1px solid #003f85;
  color: #e84037;
  font-size: 10px;
  padding-left: 2%;
  font-weight: 200;
}

#header .callArea .callArea p {
  line-height: 1.2rem !important;
}

#header .callArea .rt {
  padding-top: 10px;
}

#header .callArea .call_02 .rt {
  width: 365px;
  float: left;
}

#header .callArea .call_02 .qrcode {
  float: left;
  width: 70px;
  margin: 30px 0 0 10px;
  padding: 0;
}

#header .callArea .qrcodeurl {
  clear: both;
  font-size: 10px;
  color: #000;
  text-align: left;
}

@media only screen and (max-width: 770px) {
  #header .callArea .call_02 .rt {
    width: 390px;
  }

}

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

  #header .callArea .call_02 .rt {
    width: 280px;
  }
}

@media only screen and (max-width: 400px) {
  #header .callArea .call_02 .rt {
    float: none;
    width: 96%;
  }

  #header .callArea .call_02 .qrcode {
    float: none;
    margin: 10px auto 0;
  }

  #header .callArea .qrcodeurl {
    text-align: center;
  }

}


.s_font_bl {

  display: block;
  font-size: 10px;
  color: #000;
}

.font_m {
  font-size: 12px;
}



@media only screen and (max-width: 1200px) {
  #header .hd_inner {
    display: block;
  }

  .block_header_let {
    width: 100%;
  }

  #header .callArea {
    width: 96%;
    position: static;
    overflow: hidden;
  }


}

@media only screen and (max-width: 768px) {
  #header .callArea {
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
  }

  #header .callArea .call_con {
    width: 100%;
    float: none;
  }

  #header .callArea .call_con p.txt_time,
  .call_con p.tel03 {
    border-right: none;
  }

  #header .callArea .lf {
    width: 45%;
    border-bottom: none;
    padding-left: 0;
  }

  #header .callArea .bottom_callArea {
    display: block;
  }

  #header .callArea .tyoukaku {
    width: 55%;
  }

  #header .callArea .call_02 {
    width: 100%;
    border-right: none;
    border-top: 1px solid #003f85;
    clear: both;
    border-left: none;
  }

  #header .callArea .call_con p.tel03 {
    border-right: none;
  }
}

@media only screen and (max-width: 550px) {
  #header .callArea {
    display: block;
  }

  #header .callArea .tel02,
  #header .callArea .tel03 {
    float: none;
    width: 100%;
  }

  #header .callArea .tyoukaku,
  #header .callArea .lf {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }

  #header .callArea .callArea .tyoukaku a {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  #header .callArea .call_con .call_time,
  #header .callArea .rt .call_time {
    display: block;
    font-size: 11px;
    padding-left: 0;
    line-height: 1;
  }

  #header .callArea .call_time2 {
    padding-left: 0px;
  }




  #header .callArea .txt_time {
    line-height: 1.2;
  }

  #header .callArea .tyoukaku {
    width: auto;
    margin: 0;
    display: flex;
    justify-content: center;
  }

  #header .callArea .tyoukaku a {
    padding: 10px 20px;
  }
}

/*hearing*/
.howto {
  margin-bottom: 30px;
}

.howto:first-child {
  padding-bottom: 30px;
}

body#sitemap #main p.sort_tit {
  color: rgb(68, 68, 68);
  margin: 0px 0px 10px;
  padding-bottom: 0 !important;
}

.waku {
  border: 1px solid rgb(68, 68, 68);
  ;
  padding: 10px;
  width: 94%;
  margin: 0 auto;
}

.waku strong {
  line-height: 2;
}

.waku2 {
  border: 2px solid #fc9c9c;
  border-radius: 20px;
  padding: 20px 20px 0 20px;
  /*width: 94%;*/
  margin: 0 auto 20px auto;
}

.fax_no {
  font-size: 26px;
}

.fontlage {
  font-size: 21px;
  font-weight: bold;
}

@media only screen and (max-width: 600px) {
  .fontlage {
    font-size: 18px;
    font-weight: bold;
  }

}


.menu-trigger {
  /* display: none;*/
  position: fixed;
  top: 17px;
  right: 10px;
  z-index: 99999;

}

@media screen and (max-width:1200px) {
  .menu-trigger {
    display: block;
  }
}




/*==================================================
　5-2-4 MENUがCLOSEに
===================================*/


/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/

.openbtn {
  /*ボタン内側の基点となるためrelativeを指定。
追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background: #fff;
}


/*ボタン内側*/

.openbtn span {
  display: inline-block;
  transition: all .4s;
  /*アニメーションの設定*/
  position: absolute;
  /*left: 14px;*/
  height: 3px;
  border-radius: 5px;
  background: #fe5481;
  width: 35px;
  left: 7px;
}

.openbtn span:nth-of-type(1) {
  top: 7px;
}

.openbtn span:nth-of-type(2) {
  top: 17px;
}

.openbtn span:nth-of-type(3) {
  top: 27px;
}

.openbtn:after {
  content: "Menu";
  /*3つ目の要素のafterにMenu表示を指定*/
  position: absolute;
  top: 30px;
  left: 6px;
  color: #fe5481;
  font-size: 12px;
  line-height: 2;
  /*margin-left: calc(10% + 20px);*/
  text-transform: uppercase;
}


/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/

.active .openbtn span:nth-of-type(1) {
  top: 11px;
  left: auto;
  right: auto;
  transform: translateY(6px) rotate(-45deg);
  width: 36px;
  background: #fe5481;
  z-index: 999;
  left: 7px;
}

.active .openbtn span:nth-of-type(2) {
  opacity: 0;
  display: none;
}

.active .openbtn span:nth-of-type(3) {
  top: 24px;
  left: 7px;
  right: auto;
  transform: translateY(-6px) rotate(45deg);
  width: 36px;
  background: #fe5481;
  z-index: 999;
}

.active .openbtn:after {
  content: "close";
  bottom: auto;
  left: auto;
  color: #fe5481;
  top: 30px;
  font-size: 12px;
  line-height: 1.8;
  z-index: 999;
  margin-left: 0;
  right: 5px;
}

.active .btn_menu a {
  position: relative;
  padding-left: 0;
}

.drawer #menu ul>li.m_nav>a:after {

  /* font-family: "Font Awesome 5 Free";
  content: "\f0fe";
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  color: #666;
  vertical-align: bottom;
  */
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);

  font-family: "Font Awesome 5 Free";
  content: "\f067";
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  font-weight: 900;
  color: #666;
  vertical-align: bottom;


}

.drawer #menu ul>li.m_nav>a.active:after {
  font-family: "Font Awesome 5 Free";
  /*content: "\f146";*/
  content: "\f068";
  font-weight: 900;
}

.menu-trigger.active {
  z-index: 99999 !important;
  background: transparent !important;
}

/*----------------------------------------------------
	drawer
----------------------------------------------------*/

.all {
  position: relative;
}

#dw_contents {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #FFFFFF;
}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  /*transition: opacity .5s;*/
}

.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}

#dw_contents {
  transition: ease 0.3s;
  /*opacity:1;*/
}

#dw_contents.cover {
  transform: translateX(-280px);
  /*opacity: 0.1;*/
}

.drawer .snav {
  width: 100% !important;
  margin-top: 20px;
}

.drawer .snav li {
  width: 100px !important;
}


/*
.drawer {

  position: fixed;
  top: 0;
  right: 0;
  width: 280px;
  height: 100%;
  transform: translateX(280px);
  position:absolute;
}
*/

.drawer {
  position: absolute;
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  transform: translateX(300px);
  transition: ease 0.3s;
  z-index: 9999;
  background: #fff;
}

.drawer.active {
  transform: translateX(0);
  min-width: 140px;
  max-width: 280px;
  width: 80%;
  z-index: 20;
  transition: ease 0.3s;
}

.box_menu {
  /*position: fixed;*/
  width: 100%;
  height: 100%;
  padding-top: 75px;
  overflow-x: scroll;
}

.drawer>ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.drawer ul li {
  padding: 0;
  /*border-bottom: 1px solid rgba(0,0,0,.3); */
}

.drawer ul>li a {
  position: relative;
  display: block;
  color: #666;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 20px;
  padding-left: 15px;
}

.drawer ul>li>a {
  padding-left: 0;
}

.drawer ul>li>ul>li>a {
  padding-left: 10px;
}

.drawer ul>li>ul>li>ul>li>a {
  padding-left: 45px;
}

.drawer ul.snav>li a {
  border: none !important;
}

.drawer ul li a:hover {
  color: #444;
}

#menu ul ul {
  display: none;
}

#menu {
  background: #fff;
  border-color: rgba(0, 0, 0, .1);
}

.menu-trigger {
  /* display: none;*/
  position: fixed;
  top: 17px;
  right: 15px;
  z-index: 99999;
  /*display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	cursor: pointer;
	position:absolute;
	top: 20px;
	right: 20px;
	z-index:99999;
  */
}

@media screen and (max-width:959px) {
  .menu-trigger {
    display: block;
  }
}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  /*transition: opacity .5s;*/
}

.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}

/*画像レイアウト*/
.p-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.p-img li {
  width: 45%;
  margin: 2% auto;

}

.p-img li p.tit {
  text-align: center;
  margin: 0 0 20px 0;
  background: #58bfe5;
  padding: 6px 5px;
  color: #FFFFFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

@media screen and (max-width:600px) {
  .p-img li {
    width: 90%;
    margin: 1% auto;
  }
}

/*見出し（帯付き）*/
#main h3.ziko {
  background: #f7dbde;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #000000;
}

/*フォームボタン*/
#main p.box_center {
  text-align: center;
  margin: 50px auto 30px;
}

.btn_form {
  position: relative;
  background: #f66;
  padding: 10px 30px;
  border-radius: 10px;
  color: #fff !important;
  text-align: center;
  margin: 0 auto;
}

.btn_form::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  right: 10px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

.list_attention {
  margin-bottom: 30px;
}

.list_attention li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.4;
}

#form-teaching-staff {
  border: 2px solid #f66;
  padding: 20px;
  margin: 0 auto 20px;
  border-radius: 10px;
}

#form-teaching-staff p.tit {
  text-align: center;
  color: #f66;
  font-size: 1.5em;
}

#form-teaching-staff p {
  text-align: center;
}

#main p.btn_col2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0px auto 0;

}

#main p.btn_col2 a {
  display: inline-block;
  margin: 10px;
  flex: 1;
  max-width: 250px;

}

@media screen and (max-width:600px) {
  #main p.btn_col2 {
    display: block;
  }

  #main p.btn_col2 a {
    width: 90%;
    margin: 10px auto 10px;
    padding: 10px 0;
  }
}

/*20250708*/
#nav .nav_inner ul:not(.menu__second-level)>li {
  width: calc(100% / 6);
  box-shadow: inset 0px 1px 0px 0px #fff6af;

  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-color: #ffec64;
  border-radius: 6px;
  border: 2px solid #FFE58A;
  display: inline-block;
  cursor: pointer;
  color: #333333;
  background-position: center 10px, top;
  background-repeat: no-repeat;
  background-size: 33px, 100%;
}

#nav .nav_inner ul.menu li a,
#nav .nav_inner ul.menu li:nth-child(6) a:hover {
 color: none !important;

}

#nav .nav_inner ul.menu li a {
  padding: 5px;
  font-size: 16px;
}

#nav .nav_inner li a:before {
  display: block;
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(/images/nav00.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  margin: 0 auto 5px;
}

#nav .nav_inner li a::before {
  background-image: none;
}


#nav .nav_inner li:nth-child(1) a:before {
  background-image: url(/images/icon_sp_menu01.png);

}

#nav .nav_inner li:nth-child(2) a:before {
  background-image: url(/images/icon_sp_menu01.png);
  width: 40px;
}

#nav .nav_inner li:nth-child(3) a:before {
  background-image: url(/images/icon_sp_menu02.png);


}


#nav .nav_inner li:nth-child(4) a:before {
  background-image: url(/images/icon_sp_menu03.png);
  width: 35px;
}


#nav .nav_inner li:nth-child(5) a:before {
  background-image: url(/images/icon_sp_menu04.png);
}

#nav .nav_inner li:nth-child(6) a:before {
  background-image: url(/images/icon_sp_menu05.png);
}

body.lowPage #nav .nav_inner li a::before {
  display: block;
  content: "";
  width: 116px;
  height: 81px;
  width: 45px;
  height: 60px;
}

body.lowPage #nav .nav_inner ul.menu li:nth-child(1) a:before {
  background-image: url(/images/nav00.png);
  width: 40px;
}

body.lowPage #nav .nav_inner ul.menu li:nth-child(2) a:before {
  background-image: url(/images/icon_sp_menu01.png);
}

body.lowPage #nav .nav_inner ul.menu li:nth-child(3) a:before {
  background-image: url(/images/icon_sp_menu02.png);
}

body.lowPage #nav .nav_inner ul.menu li:nth-child(4) a:before {
  background-image: url(/images/icon_sp_menu03.png);
  width: 35px;
}

body.lowPage #nav .nav_inner ul.menu li:nth-child(5) a:before {
  background-image: url(/images/icon_sp_menu04.png);
}

body.lowPage #nav .nav_inner ul.menu li:nth-child(6) a:before {
  background-image: url(/images/icon_sp_menu05.png);
}

#nav {
  border-bottom: none !important;
}

body.lowPage #nav .nav_inner ul {
  margin: 30px auto;
}

#nav .nav_inner ul.menu li:hover {
  border-bottom: 1px solid #e9c33c;
  background: #fffdeb;
}

#nav .nav_inner ul.menu__second-level {
  padding: 0;
  top: 56px;
  width: calc(100% + 40px);
  left: -20px;
  /*border: 1px solid #ccc;*/
  border: 2px solid #FFE58A
}

#nav .nav_inner ul.menu .menu__second-level a::before {
  display: none;
}

body.topPage #nav .nav_inner ul:not(.menu__second-level)>li {
  width: calc(100% / 5);
  margin: 10px;
}

#nav .nav_inner ul.menu li a {
  /*display: inline-block;*/
  display: block;
  
}

/*下層ナビゲーション 20250710*/
#low_search {
  padding-bottom: 10px;
}

.low-show {
  display: none;
}

body.lowPage .low-show {
  display: block;
}

body.lowPage #nav .nav_inner ul {
  padding: 10px 0 0;
}

body.lowPage #nav .nav_inner ul {
  margin: 30px auto 20px;
}


body.lowPage #nav .nav_inner li:nth-child(1) a:before {
  background-image: url(/images/nav00.png);
}

body.lowPage #nav .nav_inner li:nth-child(2) a:before {
  background-image: url(/images/nav01.png);
}

body.lowPage #nav .nav_inner li:nth-child(3) a:before {
  background-image: url(/images/nav02.png);
}


body.lowPage #nav .nav_inner li:nth-child(4) a:before {
  background-image: url(/images/nav03.png);
}


body.lowPage #nav .nav_inner li:nth-child(5) a:before {
  background-image: url(/images/nav04.png);
}

body.lowPage #nav .nav_inner li:nth-child(6) a:before {
  background-image: url(/images/nav05.png);
}

#nav .nav_inner ul.menu__second-level {
  z-index: 99;
}

#nav .nav_inner ul.menu__second-level li a {
  display: flex;
  align-items: center;
}

#nav .nav_inner>ul {
  display: flex;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;

}

/*
#nav .nav_inner ul {
    display: flex;
   gap: 0 10px;
    width: 100%;
    justify-content: space-between;
}
#nav .nav_inner ul.menu__second-level{
  display: block;
}
#nav .nav_inner .menu__second-level li a{
  height: auto;
}
li.menu__single:hover ul.menu__second-level{
  bottom: 0;
}
  */
.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
}

.drawer .btn-accident{
  margin: 15px auto;
}
.drawer .btn-accident a{
display: block;
  width: 80%;
  margin: 15px auto;


}
@media only screen and (max-width: 1400px) {
  #header .search {
    width: 100%;
  }

  .block_header_right {
    display: flex;
    align-items: center;
    padding-right: 100px;
  }

  .btn-accident a {
    display: block;
  }
}

/*ハンバーガーメニュー*/
.menu-trigger {
  display: block;
}

/*TOPpage*/
body.topPage #nav {
  border-top: none !important;
  border-bottom: 1px solid #fe5481;
}

body.topPage #nav .nav_inner ul {
  margin: 30px auto;
  padding: 0;
}

body.topPage .block01 {
  margin-top: 10px;
}

body.topPage .bg-slide {
  background-color: rgba(255, 153, 153, 0.1);
  padding: 10px 0;
}

body.topPage .slick-dotted.slick-slider {
  max-width: 1000px;
  width: 100%;
  margin: 30px auto 30px;
}

body.topPage .slider .slick-slide {
  text-align: center;
  margin: 0 auto;
}


body.topPage .slider img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  border: 5px solid #fff;
  box-sizing: border-box;
}

body.topPage .slider .slick-prev:before,
body.topPage .slider .slick-next:before {
  color: #fd6464;
  font-size: 40px;
}


body.topPage .slider .slick-prev:hover:before,
body.topPage .slider .slick-next:hover:before {
  color: #c44a00;
}

body.topPage .slick-prev,body.topPage .slick-next{
  width: 50px;
  height: 50px;
  z-index: 1;

}
@media only screen and (max-width: 1500px) {
      #header .hd_inner {
        width: 90%;
    margin: 0 auto 0 10px;
  }
  .block_header_let {
  /*width: auto;*/
  width: 480px;
}

}
@media only screen and (max-width: 1400px) {
  .block_header_right {
    padding-right: 0;
  }

    }
@media only screen and (max-width: 1200px) {
  .sp_show {
    display: none;
  }

  body.topPage .block01 {
    margin-top: 0;
    padding-top: 30px;
  }

  body.topPage .slick-dotted.slick-slider {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }

  body.topPage .bg-slide {
    padding: 0;
  }

  body.topPage .slick-prev {
    left: 10px;
    z-index: 9;
  }

  body.topPage .slick-next {
    right: 10px;
    z-index: 9;
  }

  .btn-accident {
    text-align: center;
  }

  .btn-accident.sp_menu a {
    display: inline-block;
    margin: 20px auto 0;
    width: 90%;
    max-width: 300px;
  }
}

@media only screen and (max-width: 1100px) {
  #sub {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 480px) {
  #header .logo {
    margin-right: 20px;
    margin-left: 10px;  
  }
  #header .logo{
    padding-bottom: 10px;
  }
  .menu-trigger {

  top: 7px;
  right: 7px;
}
.openbtn {
  width: 40px;
  height: 40px;
}
.openbtn span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 2px;
  border-radius: 5px;
  background: #fe5481;
  width: 30px;
  left: 5px;
}

.openbtn span:nth-of-type(1) {
  top: 5px;
}

.openbtn span:nth-of-type(2) {
  top: 12px;
}

.openbtn span:nth-of-type(3) {
  top: 19px;
}
.openbtn::after {
  content: "Menu";
  position: absolute;
  top: 22px;
  left: 4px;
  color: #fe5481;
  font-size: 11px;
}
.active .openbtn::after {
  content: "close";
  bottom: auto;
  left: auto;
  color: #fe5481;
  font-size: 11px;
  top: 24px;
  left: 4px;
  line-height: 1.8;
  z-index: 999;
  margin-left: 0;
  right: 2px;
}
.active .openbtn span:nth-of-type(1) {
  top: 5px;
  left: auto;
  right: auto;
  transform: translateY(6px) rotate(-45deg);
  width: 30px;
  background: #fe5481;
  z-index: 999;
  left: 7px;
}

.active .openbtn span:nth-of-type(2) {
  opacity: 0;
  display: none;
}

.active .openbtn span:nth-of-type(3) {
  top: 17px;
  left: 7px;
  right: auto;
  transform: translateY(-6px) rotate(45deg);
  width: 30px;
  background: #fe5481;
  z-index: 999;
}

}

/*
.slider {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  max-height: 450px;
  margin: 20px auto;
}

.slick-slide {
  margin: 0 10px; 
  width: 900px !important; 
  max-height: 450px;
  overflow: hidden;
}

.slick-track,
.slick-slide {
  height: auto;
  max-height: 450px;
  aspect-ratio: 2 / 1;
}

.slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.slick-prev, .slick-next {
  width: 30px;
  height: 30px;
}
.slick-prev::before, .slick-next::before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 1;
  opacity: .75;
  color: #fe5481;
}
.slick-prev {
  left: 0;
  z-index: 9;
}
.slick-next {
  right: 0;
  z-index: 9;
}



@media only screen and (max-width: 800px) {
  .slick-slide {
    width: 100vw !important;
    margin: 0 5px;
    aspect-ratio: unset;
    max-height: unset;
  }

  .slick-track, .slick-slide {
    height: auto;
    max-height: unset;
    aspect-ratio: unset;
  }

  .slick-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
  }
}
    */

/*20260106:追加*/
#main .btn_col2  {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#main .btn_col2  div{
width: 45%;
}

#main .btn_col2  a.btn_form{
  display: block;
  line-height: 1.5;
}
.btn_form {
  position: relative;
  background: #f66;
  padding: 10px 30px;
  border-radius: 10px;
  color: #fff !important;
  text-align: center;
  margin: 0 auto;
  font-size: 1.3em;
}
br.sp{
  display: none;
}
@media only screen and (max-width: 600px) {
#main .btn_col2  div{
width: 90%;
margin:5px auto;
}
br.sp{
  display: block;
}
}






/*20260220:事業所名変更*/
.block_header_let {
 width: 50%;
}

/*「ほんりゅう」文字サイズ*/
#header .tit_sakura span.name01{
  font-size: 22px;
}
span.name01 {
  font-size: 0.75em;
}
h2 span.name01{
   font-size: 0.65em;
}
#footer span.name01{
 font-size: 0.65em;
}

#header .logo .tit_sakura br{
display: none;
}
#side #lnav ul.menu li{
  line-height:unset;
line-height: 1.3;

}
#side #lnav ul.menu li a.form-teaching-staff {
  line-height: 1.5;
}
#side #lnav ul.menu li a{
  width: 100%;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#side #lnav ul.menu li a .title{
  line-height: 2;
}

#footer .lf{
  width: 35%;;
}
#footer .rt {
  width: 65%;
}

@media only screen and (max-width: 1500px) {
  .block_header_let {
    width: auto;
    width: 52vw;
  }
   #header .hd_inner {
   width: 94%;
  }
}
@media only screen and (max-width: 1200px) {
  .block_header_let {
    width: 100%;
  }
}
  @media only screen and (max-width: 1200px) {
  #header .tit_sub {
    padding-left: 94px;
  }
}
@media only screen and (max-width: 1000px) {
  #footer .lf, #footer .rt {
    width: 100%;
    float: none;
    overflow: hidden;
    display: table;
  }
}
@media only screen and (max-width: 1000px) {
  #side #lnav ul.menu li {
    height: 56px;
    line-height: 56px;
  }
  }
@media only screen and (max-width: 700px) {
  #header .logo {
    margin-left: 0;
  }
  #header .logo img {
    float: left;
    width: 60px;
  }

  #header .tit_sakura {
    font-size: 24px;
    text-align: left;
    line-height: 1.3;
    padding-left: 74px;
  }
    #header .tit_sub {
    padding-left: 80px;
    margin-top: 5px;
  }
  #header .tit_sakura span.name01 {
  font-size: 3vw;
}
}
@media only screen and (max-width: 550px) {
body:not(#newsPage) h2{
  display: block;
}
#header .tit_sakura span.name01 {
  font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
   #header .logo {
    margin-right: 50px;
  }
  #header .tit_sakura span:not(.name01){
   
  }
}
@media only screen and (max-width: 415px) {
    #header .tit_sakura {
    font-size: 5vw;
    }
    #header .logo .tit_sakura br{
    display: block;
    }
    #header .tit_sakura{
 
    }
    #header .tit_sub {
    padding-left: 13vw;
    }
  }
@media only screen and (max-width: 400px) {
  #header .tit_sakura {
    margin-top: 0 !important;
    line-height: 1.2;
    margin-bottom: 15px;
    padding: 0;
  }
   } 
   @media only screen and (max-width: 370px) {
  #header .logo .tit_sakura br {
    display: none;
  }
   #header .tit_sub {
    padding-left: 10vw;
  }
   }