/* reset */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}


/* --------------------------------------------------
 02:  Base Style
 -------------------------------------------------- */
 body {
  font-size: 1.6rem;
  font-family: Arial, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.6;
  letter-spacing: .05em;
  position:relative;
}

@media screen and (max-width: 640px) {
  body {
    padding-right: 0;
    padding-left: 0;
    font-size: 1.2rem;
  }
}

input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea {
  padding: 0 16px;
  border: 1px solid #9c9c9c;
  border-radius: 2px;
  background-color: #fff;
  color: #4c4948;
  font-size:1.6rem;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(253, 101, 162, 0.3);
  font-family: Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, serif; 
}

@media screen and (max-width: 640px) {
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  select,
  textarea {
    font-size: 1.2rem;
  }
}

input[type="text"],
input[type="tel"],
input[type="email"],
select {
	width: 310px;
	height: 42px;
	line-height: 38px;
	background: #e7e7e7;
	border: 0px;
}

input[type="text"].size-full,
input[type="tel"].size-full,
input[type="email"].size-full,
select.size-full {
  width: 100%;
}

input[type="text"].size-short,
input[type="tel"].size-short,
input[type="email"].size-short,
select.size-short {
  width: 88px;
}

input[type="text"].size-middle,
input[type="tel"].size-middle,
input[type="email"].size-middle,
select.size-middle {
  width: 120px;
}

@media screen and (max-width: 813px) {
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	select {
		width: 100% !important;
	}

	input[type="text"].size-short,
	input[type="tel"].size-short,
	input[type="email"].size-short{
		width: 88px !important;
	}
	select.size-short {
		width: 80px !important;
	}
	
	input[type="text"].size-middle,
	input[type="tel"].size-middle,
	input[type="email"].size-middle,
	select.size-middle {
		width: 120px !important;
	}
}

textarea {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 1.6;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #CCC;
}

input[type="radio"] {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

input[type="radio"] + label {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  line-height: 28px;
  cursor: pointer;
}

input[type="radio"] + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: -14px;
  border: 1px solid #706259;
  border-radius: 26px;
  background-color: #fff;
}

input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-radius: 14px;
  background-color: #706259;
}

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  padding-left: 34px;
  line-height: 28px;
  cursor: pointer;
}

input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -11px;
  border: 1px solid #706259;
  border-radius: 4px;
  background-color: #fff;
}

input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 18px;
  height: 7px;
  margin-top: -11px;
  border-left: 3px solid #4c4948;
  border-bottom: 3px solid #4c4948;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

.form-select {
  position: relative;
  display: inline-block;
  box-sizing:border-box;
}

.form-select:before, .form-select:after {
  content: "";
  position: absolute;
  right: 16px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #706259;
  border-right: 1px solid #706259;
	z-index: 9000;
}

.form-select:before {
  top: 50%;
  margin-top: -6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.form-select:after {
  bottom: 50%;
  margin-bottom: -6px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.form-select > select {
  padding-right: 32px;
}

.form-select--search > i {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 15px;
  margin-top: -8px;
}

.form-select--search > i:before, .form-select--search > i:after {
  content: "";
  position: absolute;
}

.form-select--search > i:before {
  right: 0;
  bottom: 0;
  width: 6px;
  border-top: 1px solid #706259;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.form-select--search > i:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #706259;
  border-radius: 14px;
  background-color: #fff;
}

.form-select--search > select {
  padding-left: 40px;
}

@media screen and (max-width: 813px) {
  .form-select--block {
    display: block;
  }
}

::-webkit-input-placeholder {
}

img[src*="_sp."] {
  display: none;
}

@media screen and (min-width: 641px) and (max-width: 959px) {
}
@media screen and (max-width: 640px) {
  img[src*="_pc."] {
    display: none;
  }
  img[src*="_sp."] {
    display: inline;
  }
}

.dispnone {
  display: none;
}

.btn01{	display:block;	width:200px;	height:40px;	margin:0 auto 0;}
.btn01 a {	display:block;	color:#FFF;	width:100%;	height:40px;	line-height:40px;	font-size:1.6rem;	letter-spacing:2px;	text-align:center; background: #2cadc4;
background: -moz-linear-gradient(-45deg, #2cadc4 0%, #1f8baf 100%);
background: -webkit-linear-gradient(-45deg, #2cadc4 0%,#1f8baf 100%);
background: linear-gradient(135deg, #2cadc4 0%,#1f8baf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cadc4', endColorstr='#1f8baf',GradientType=1 );}
.btn01 a:hover {	text-decoration:none;  background: #1f8baf;
background: -moz-linear-gradient(-45deg, #1f8baf 0%, #2cadc4 100%);
background: -webkit-linear-gradient(-45deg, #1f8baf 0%,#2cadc4 100%);
background: linear-gradient(135deg, #1f8baf 0%,#2cadc4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f8baf', endColorstr='#2cadc4',GradientType=1 );}

@media screen and (min-width: 641px) and (max-width: 959px) {
}
@media screen and (max-width: 640px) {
	.btn01{		width:100%;		height:36px;	}
	.btn01 a {		height:36px;		line-height:36px;		font-size:1.4rem;	}
}

.toppage{ z-index: -1;}
.toppage a{ color: #2ca2c4; letter-spacing: 1px; font-size: 1.6rem; position: relative; padding: 0 0 0 18px; }
.toppage a:hover{ text-decoration: none; opacity: 0.6; }
.toppage a::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #2ca2c4;
	border-right: solid 2px #2ca2c4;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	position: absolute;
	top: 50%;
	left: 3%;
	margin-top: -4px;
}

@media screen and (max-width: 640px) {
	.toppage a{ color: #2ca2c4; letter-spacing: 1px; font-size: 1.2rem; position: relative; padding: 0 0 0 18px; }
}



/* 
  common
------------------------------------------------ */
html { font-size: 62.5%; }
body{
}
a{
  transition: all 0.4s;
}
a:hover{
  opacity: 0.6;
}

.wrap{
  width: 1190px;
  clear: both;
  margin: 0 auto;
}
#container{
  border-top:5px solid #2ca1c4;
}

.arrow_r {
  position: relative;
  display: inline-block;
  padding-right: 12px;
}
.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 787px) {
  .wrap{
    width: 100%;
    overflow: hidden;
  }
  
}


/* 
  header
------------------------------------------------ */
header{
  border-bottom:1px solid #2ca1c4;
}
header .wrap{
  height: 96px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
header .wrap h1 {
	-webkit-align-self: center;
	align-self: center;
  font-size: 1.6rem;
  line-height: 1;
}
header .wrap h1 .logo{
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
}
header .wrap h1 .headtxt01 {
  display: inline-block;
  vertical-align: middle;
}
header .wrap h1 .headtxt01 a{
  display: block;
  background: #2cb5c4;
  color: #FFF;
  text-align: center;
  padding:7px 12px 5px;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 1px;
}

header .wrap nav#headnav {
	-webkit-align-self: center;
	align-self: center;
}
header .wrap nav#headnav ul{
  display: block;
  text-align: right;
}
header .wrap nav#headnav ul li{
  display:inline-block;
  margin: 0 0 0 20px;
}
header .wrap nav#headnav ul li a{
  color: #3f9fbc;
  font-size: 1.5rem;
  text-decoration: none;
}
header .wrap nav#headnav ul li a.arrow_r:before {
  border-top: solid 2px #3f9fbc;
  border-right: solid 2px #3f9fbc;
}
header #menusp{ display: none;}


@media screen and (max-width: 787px) {
  header{
  }
  header .wrap{
    position: relative;
    height: 60px;
    padding: 0 2.0%;
    box-sizing: border-box;
  }
  header .wrap h1 {
    font-size: 1.2rem;
  }
  header .wrap h1 img{
    width: 175px;
  }
  header .wrap h1 .logo{
    margin: 0 5px 0 0;
  }
  header .wrap h1 .headtxt01 a{
    padding:4px 10px 5px;
    font-size: 1.1rem;
    letter-spacing:0px;
  }
  
  header .wrap nav#headnav {
    display: none;
  }
  header #menusp{
    -webkit-align-self: center;
    align-self: center;
    display: block; width: 40px; height: 40px; background: url(../images/common/hm_menu.png) no-repeat center center; background-size: 20px 20px; border: 1px solid #2ca1c4;
  }
  header #menusp.active{
    background: url(../images/common/hm_menu_close.png) no-repeat center center; background-size: 20px 20px;
  }

}

.header__nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  background-color: #FFF;
  transition: ease .2s;
  z-index: 999;
  opacity: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.header__nav.active {
  transform: translateX(0);
  opacity:1;
}
body.nosc {
  overflow: hidden;
}
.nav_head{ 
  padding:11px 2.3% 14px; 
  border-top: 5px solid #2ca1c4;
}
.nav_head::after { content: ""; display: block; clear: both; }
.nav_head #menusp01{
  float: right;
  -webkit-align-self: center;
  align-self: center;
  display: block; width: 40px; height: 40px; background: url(../images/common/hm_menu_close.png) no-repeat center center; background-size: 20px 20px; border: 1px solid #2ca1c4;
}

.nav_head h1 {
  width: 85%;
  float: left;
  padding:6px 0 0 0;
}
.nav_head h1 .logo{
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
}
.nav_head h1 .headtxt01 {
  display: inline-block;
  vertical-align: middle;
}
.nav_head h1 .headtxt01 a{
  display: block;
  background: #2cb5c4;
  color: #FFF;
  text-align: center;
  padding:4px 12px 6px;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 1px;
}

.nav_wrap{ 
  padding:0 2.3% 30px; 
}
.nav_wrap .nav__items{ 
  padding:0 0 0 0; 
  margin: 0 0 0 0;
}
.nav_wrap .nav__items02{ 
  padding:0 0 0 0; 
  margin: 0 0 0 3%;
}
.nav_wrap .lv01{
  border-bottom: 1px solid #2ca1c4;
  list-style: none;
}
.nav_wrap .lv01.noline{
  border-bottom: 0px;
}
.nav_wrap .lv01 span{
  display: block;
  line-height: 50px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 2px 0;
}
.nav_wrap .lv01 span.open{
  background: url(../images/common/hm_menu_plus.png) no-repeat 98% center; background-size: 15px 15px;
}
.nav_wrap .lv01 span.open{
  background: url(../images/common/hm_menu_plus.png) no-repeat 98% center; background-size: 15px 15px;
}
.nav_wrap .lv01 span.open.close{
  background: url(../images/common/hm_menu_line.png) no-repeat 98% center; background-size: 15px 15px;
}
.nav_wrap .lv01 a{
  display: block;
  line-height: 50px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  color: #000;
  padding:2px 2px 0;
  position: relative;
}
.nav_wrap .lv01 a:before {
  content: '';
  width: 9px;
  height: 9px;
  border: 0;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 3%;
  bottom: 0;
  margin: auto;
}
.nav_wrap .nav__txt{
  border-bottom: 1px solid #2ca1c4;
  line-height: 50px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  color: #000;
  padding:2px 2px 0;
}
.nav_wrap .bordertop{
  border-top: 1px solid #2ca1c4;
}


/* 
  global nav
------------------------------------------------ */
nav#global{
  clear: both;
  border-bottom:1px solid #2ca1c4;
  background: linear-gradient(135deg, #2cc4c2 5%, #2c6ec0 95%);
  position: relative;
}
nav#global ul#gnav{
  width: 1190px;
  height: 60px;
  margin: 0 auto;
  padding: 0 0 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}
nav#global ul#gnav > li{
	-webkit-align-self: center;
	align-self: center;
  list-style: none;
  margin: 0 32px 0 0;
}
nav#global ul#gnav > li > a{
  display: block;
	font-size: 1.6rem;
  line-height: 50px;
  box-sizing: border-box;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  color: #FFF;
  padding:5px 0 0 0;
  border-bottom: 5px solid transparent;
}
nav#global ul#gnav > li > a:hover{
  opacity: 1;
  border-bottom: 5px solid #2c6ecc;
}
nav#global ul#gnav > li > a.active{
  opacity: 1;
  border-bottom: 5px solid #2c6ecc;
}

nav#global .menu_contents{
  border-top: 1px solid #2ca1c4;
  padding: 50px 0 50px;
  background: #edf4f8;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display:none;
  z-index: 5000;
}
nav#global .menu_contents .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
nav#global .menu_contents .wrap div {
	-webkit-align-self: flex-start;
	align-self: flex-start;
  margin: 0 50px 0 0;
}
nav#global .menu_contents .wrap div h3{
	display: table;
  margin: 0 0 17px 0;
  height: 50px;
}
nav#global .menu_contents .wrap div h3 span{
	display: table-cell;
  vertical-align: bottom;
  letter-spacing: -.4em;
  padding: 0 0 1px 0;
}
nav#global .menu_contents .wrap div h3 em{
  display: inline-block;
  letter-spacing:normal;
  font-style: normal;
  padding: 0 0 7px 0;
  font-size: 1.8rem;
}
nav#global .menu_contents .wrap div ul {
	display: block;
  padding: 0 0 0 0;
}
nav#global .menu_contents .wrap div ul li{
	display: block;
  margin: 0 0 9px 0;
}
nav#global .menu_contents .wrap div ul li a{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  color: #000;
  padding: 0 0 0 15px;
  text-decoration: none;
}
nav#global .menu_contents .wrap div ul li a::before{
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  border: 4px solid transparent;
  border-left: 6px solid #555;
}

nav#global .menu_contents .wrap div.menu01 h3{
  background: url(../images/common/menu_icon01.png) no-repeat left center;
  padding: 0 0 0 70px;
  color: #e96e9a;
}
nav#global .menu_contents .wrap div.menu01 h3 em{
  border-bottom: 2px solid #e96e9a;
}
nav#global .menu_contents .wrap div.menu01 ul li a::before{
  border-left: 8px solid #e96e9a;
}

nav#global .menu_contents .wrap div.menu02 h3{
  background: url(../images/common/menu_icon02.png) no-repeat left center;
  padding: 0 0 0 70px;
  color: #eac100;
}
nav#global .menu_contents .wrap div.menu02 h3 em{
  border-bottom: 2px solid #eac100;
}
nav#global .menu_contents .wrap div.menu02 ul li a::before{
  border-left: 8px solid #eac100;
}

nav#global .menu_contents .wrap div.menu03 h3{
  background: url(../images/common/menu_icon03.png) no-repeat left center;
  padding: 0 0 0 75px;
  color: #2180c4;
}
nav#global .menu_contents .wrap div.menu03 h3 em{
  border-bottom: 2px solid #2180c4;
}
nav#global .menu_contents .wrap div.menu03 ul li a::before{
  border-left: 8px solid #2180c4;
}

nav#global .menu_contents .wrap div.menu04 {
  margin: 0 0 0 0;
}
nav#global .menu_contents .wrap div.menu04 h3{
  background: url(../images/common/menu_icon04.png) no-repeat left center;
  padding: 0 0 0 70px;
  color: #0bada0;
}
nav#global .menu_contents .wrap div.menu04 h3 em{
  border-bottom: 2px solid #0bada0;
}
nav#global .menu_contents .wrap div.menu04 ul li a::before{
  border-left: 8px solid #0bada0;
}

@media screen and (max-width: 787px) {
  nav#global{
    display: none;
  }
}


/* 
  main 
------------------------------------------------ */
#main_contents{
  padding:25px 0 25px 0;
  background: url(../images/common/bg01.png) repeat-x center bottom;
}
#main_contents .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
#main_contents .wrap .searchbox {
	-webkit-flex: 0 1 365px;
	flex: 0 1 365px;
	-webkit-align-self: stretch;
	align-self: stretch;
  vertical-align: top;
  background-color: #FFF;
}
#main_contents .wrap .searchbox{ margin:0 0 0 0; float: right; position: relative; }
#main_contents .wrap .searchbox .searchbox_inner{ padding:5px 5px 0 5px; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head{ display:table; clear: both; width: 100%; margin: 0 0 12px 0; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head h3{ display:table-cell; text-align: left; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head h3 span{ display: block; border-left: 3px solid #2f89c7; font-size: 2.0rem; padding: 0 0 0 12px; line-height: 1.1; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head ul{ display:table-cell; vertical-align: middle;  text-align: right; margin: 0 0 0 0;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head ul li{ display: inline-block; font-size: 1.4rem; border-right: 1px solid #333; line-height: 1.1; padding: 0 7px 0 0; margin: 0 3px 0 0; cursor: pointer;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head ul li:nth-of-type(3){ border-right: 0; padding: 0 0 0 0; margin: 0 0 0 0; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head ul li:hover{ color: #2c6ec0;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_head ul li.is-active{ color: #2c6ec0;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01{ clear: both; margin: 0 0 8px 0; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 dl{ display:table; width: 100%; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 dl dt{ display:table-cell; width: 95%; vertical-align: top;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 dl dt input{ width: 100%; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 dl dd{ display:table-cell; vertical-align: top; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 dl dd button{ background: #585858; padding:9px 0 9px 0; display: block; width: 41px; text-align: center; cursor: pointer; font-size: 0; line-height: 0; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 dl dd button:hover{ opacity: 0.7; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 .searchselect{	overflow: hidden;	width: 100%; margin:0 auto;	text-align: center; position: relative;	background:url(../images/common/icon_select.png) no-repeat right center #e7e7e7; border-right: 1px solid #FFF; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 .searchselect select { width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; padding: 3px 38px 0 10px; color: #666666; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 .searchselect select::-ms-expand { display: none; }
.changeElem{ display: none; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on{ display: block; background: #e7e7e7; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on ol{ display: block; padding:12px 0 8px 12px; margin: 0 0 12px 0; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on ol:after { content: ""; display: block; clear: both; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on ol li{ display: block; width:23.2%; font-size: 1.4rem; height: 25px; line-height: 25px; text-align: center; color: #FFF; background: #585858; float: left; margin: 0 0.5% 4px; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on ol li:hover{ background: #2c7dc1; cursor: pointer;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on ol li.is-active{ background: #2c6ec0;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on ol li.disabled{ background:#b8b8b8; color:#EEE; }

#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result{ border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; height:220px; overflow-y: scroll; width: 100%; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result ul{ display: block; padding: 8px 12px; margin: 0 0 0 0; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result ul li{ display: block; padding: 4px 0; line-height: 16px !important;}
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result ul li a{ color: #2c7dc1;  font-size: 1.4rem; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar{ width: 15px; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar-thumb{ background: #CCC; border-radius:2px; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar-track-piece:start{ background: #DDD; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar-track-piece:end{ background: #DDD; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar{ width: 15px; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar-thumb{ background: #CCC; border-radius:2px; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar-track-piece:start{ background: #DDD; }
#main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar-track-piece:end{ background: #DDD; }

#main_contents .wrap .searchbox .searchbox_inner .mv_foot{ display: block; width: 100%; margin:12px 0 0 0; padding: 0 0 10px 0; }
#main_contents .wrap .searchbox .searchbox_inner .mv_foot p{ display: block; width: 100%; box-sizing: border-box;}
#main_contents .wrap .searchbox .searchbox_inner .mv_foot p:nth-of-type(1){ padding: 0 0 0 0; margin: 0 0 8px 0; }
#main_contents .wrap .searchbox .searchbox_inner .mv_foot p:nth-of-type(2){ padding: 0 0 0 0; }
#main_contents .wrap .searchbox .searchbox_inner .mv_foot p a{ display:block; border: 1px solid #4c96c3; background: #FFF; width:100%; text-align: center; font-size: 1.6rem; font-weight: bold; color: #4c96c3; text-decoration: none; line-height:42px; }


#main_contents .wrap .mainvisual {
	-webkit-flex: 0 1 810px;
	flex: 0 1 810px;
	-webkit-align-self: stretch;
	align-self: stretch;
  background: url(../images/common/bg_mv01.png) no-repeat center center;
  background-size: 100% 100%;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
#main_contents .wrap .mainvisual .mainvisual_inner {
  display: table;
  width: 100%;
  min-height: 535px;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body {
  display: table-cell;
  vertical-align: bottom;
  box-sizing: border-box;
  padding:296px 29px 0px;
  position: relative;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .productimg{
  min-height: 275px;
  width: 100%;
  top:10px;
  left: 0;
  position: absolute;
}

#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list{
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  letter-spacing: -.4em;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01{
  display: inline-block;
  background: #FFF;
  letter-spacing:normal;
  width: 120px;
  height: 120px;
  margin: 0 6px 0 0;
  padding: 0 0 0 0;
  border: 1px solid #DDD;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01:nth-of-type(6n){
  margin: 0 0 0 0;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a{
  display:table;
  width: 100%;
  height: 120px;
  text-decoration: none;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p{
  display:table-row;
  margin: 0 0 0 0;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p span{
  display:table-cell;
  box-sizing: border-box;
  color: #585858;
  text-align: center;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(1) span{
  font-size: 1.2rem;
  line-height: 1.1;
  letter-spacing: 0.5px;
  padding:3px 4px;
  height: calc(100% / 3);
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(2) span{
  height: calc(100% / 3);
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(2) span img{
  max-height:50px;
  max-width: 94%;
  margin: 0 auto;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(3) span{
  font-size: 1.3rem;
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: bold;
  padding:3px 4px;
  height: calc(100% / 3);
  vertical-align: bottom;
}

/*
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list li a{
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  text-decoration: none;
  height: 100%;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list li a p {
  text-align: center;
  justify-content: flex-end;
  color: #585858;
  padding:3px 0 3px 0;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list li a p:nth-of-type(1) {
  font-size: 1.2rem;
  line-height: 1.1;
  letter-spacing: 0.5px;
  padding:3px 4px;
  height: 33%;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list li a p:nth-of-type(2) {
  text-align: center;
  height: 33%;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list li a p:nth-of-type(2) img {
  height: 100%;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list li a p:nth-of-type(3) {
  font-size: 1.4rem;
  line-height: 1.1;
  height: 33%;
}
*/
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot{
  display: table;
  width: 100%;
  margin:5px 0 0 0;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p{
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p:nth-of-type(1){
  padding: 0 3px 0 0;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p:nth-of-type(2){
  padding: 0 0 0 3px;
}
#main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p a{
  display:block;
  border: 1px solid #4c96c3;
  background: #FFF;
  width:100%;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #4c96c3;
  text-decoration: none;
  line-height: 38px;
}

@media screen and (max-width: 787px) {
  #main_contents{
    padding:20px 2% 24px;
  }
  #main_contents .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  #main_contents .wrap .searchbox {
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    align-self: auto;
    margin: 0 0 20px 0;
  }

  #main_contents .wrap .searchbox .searchbox_inner .searchbox_body01 dl dd button{ padding:10px 0 10px 0; font-size: 0; line-height: 0; }

  #main_contents .wrap .searchbox{ position: relative; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_head{ margin: 0 0 10px 0; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_head h3 span{ font-size:1.6rem; padding: 0 0 0 10px; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_head ul li{ font-size: 1.3rem; padding: 0 6px 0 0; margin: 0 3px 0 0; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_head ul li:nth-of-type(3){ border-right: 0; padding: 0 0 0 0; margin: 0 0 0 0; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on{ display: block; background: #e7e7e7; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result{ border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; height: 252px; overflow-y: scroll; width: 100%; position: static; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result ul{ display: block; padding: 8px 12px; margin: 0 0 0 0; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result ul li{ display: block; padding: 4px 0; line-height: 1.6rem !important;}
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result ul li a{ color: #2c7dc1;  font-size: 1.4rem; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar{ width: 15px; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar-thumb{ background: #CCC; border-radius:2px; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar-track-piece:start{ background: #DDD; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-webkit-scrollbar-track-piece:end{ background: #DDD; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar{ width: 15px; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar-thumb{ background: #CCC; border-radius:2px; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar-track-piece:start{ background: #DDD; }
  #main_contents .wrap .searchbox .searchbox_inner .searchbox_50on_result::-moz-scrollbar-track-piece:end{ background: #DDD; }
  
  #main_contents .wrap .mainvisual {
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    align-self: auto;
    background: url(../images/common/bg_mv01_sp.png) no-repeat center center;
    background-size: 100% 100%;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner {
    display: block;
    width: 96%;
    margin: 0 auto;
    min-height: auto;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body {
    display: block;
    box-sizing: border-box;
    padding: 20px 0 20px;
    position: relative;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .productimg{
    display: none;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    letter-spacing: -.4em;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01{
    display: inline-block;
    background: #FFF;
    letter-spacing:normal;
    width: 120px;
    height: 120px;
    margin: 0 5px 0 0;
    padding: 0 0 0 0;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01:nth-of-type(6n){
    margin: 0 5px 0 0;
  }
  
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a{
    display:table;
    width: 100%;
    height: 120px;
    text-decoration: none;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p{
    display:table-row;
    margin: 0 0 0 0;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p span{
    display:table-cell;
    box-sizing: border-box;
    color: #585858;
    text-align: center;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(1) span{
    font-size: 1.2rem;
    line-height: 1.1;
    letter-spacing: 0.5px;
    padding:3px 4px;
    height: calc(100% / 3);
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(2) span{
    height: calc(100% / 3);
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(2) span img{
    max-height:50px;
    max-width: 94%;
    margin: 0 auto;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_product_list div.mpitem01 a p:nth-of-type(3) span{
    font-size: 1.3rem;
    line-height: 1.1;
    letter-spacing: 0;
    font-weight: bold;
    padding:3px 4px;
    height: calc(100% / 3);
    vertical-align: bottom;
  }
    
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot{
    display: block;
    width: 94%;
    margin:15px auto 0px;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p{
    display: block;
    width: 100%;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p:nth-of-type(1){
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p:nth-of-type(2){
    padding: 0 0 0 0;
  }
  #main_contents .wrap .mainvisual .mainvisual_inner .mainvisual_body .mv_foot p a{
    display:block;
    border: 1px solid #4c96c3;
    background: #FFF;
    width:100%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    color: #4c96c3;
    text-decoration: none;
    line-height: 38px;
  }
}




/* おすすめコンテンツ */
#recommend{
  padding:25px 0 25px;
  background: linear-gradient(135deg, #2cc4c2 5%, #2c6ec0 95%);  
  margin: 0 0 0 0;
}
#recommend h3{
  display: block;
  text-align: center;
  font-size:32px;
  line-height: 1.1;
  color: #FFF;
  font-weight: bold;
  margin: 0 0 25px 0;
}
#recommend #recommend_body {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
#recommend #recommend_body .recbox01 {
	-webkit-flex: 0 1 275px;
	flex: 0 1 275px;
  margin: 0 15px 0;
  background: #FFF;
  padding: 0 0 15px 0;
}
#recommend #recommend_body .recbox01:nth-of-type(1) {
  margin: 0 15px 0 0;
}
#recommend #recommend_body .recbox01:nth-last-child(1) {
  margin: 0 0 0 15px;
}
#recommend #recommend_body .recbox01 .recitem{
  display: block;
}
#recommend #recommend_body .recbox01 .recitem .rec_img01{
  display: block;
  margin: 0 0 0 0;
}
#recommend #recommend_body .recbox01 .recitem .rec_img01 img{
  width: 100%;
  height: 120px;
  object-fit: cover;
}
#recommend #recommend_body .recbox01 .recitem .rec_img01 a:hover{
  opacity: 0.7;
}
#recommend #recommend_body .recbox01 .recitem .recitem_inner{
  padding:15px 20px 10px;
}
#recommend #recommend_body .recbox01 .recitem .recitem_inner h4{
  display: block;
  font-size: 2.0rem;
  line-height: 1.2;
  color: #2c7dc1;
  margin: 0 0 10px 0;
}
#recommend #recommend_body .recbox01 .recitem .recitem_inner .rec_txt01{
  display: block;
  font-size:1.4rem;
  line-height: 1.4;
  margin: 0 0 10px 0;
}
#recommend #recommend_body .recbox01 .recitem .rec_btn01{
  display: block;
  margin: 0 20px 0;
}
#recommend #recommend_body .recbox01 .recitem .rec_btn01 a{
  display: block;
  margin: 0 0 0 0;
  border: 1px solid #5697cd;
  text-align: center;
  font-size: 1.4rem;
  padding:10px 0 12px 0;
  line-height: 1.2;
  color: #2c7dc1;
  text-decoration: none;
}
#recommend #recommend_body .recbox01 .recitem .rec_btn01 a:hover{
  opacity: 0.7;
}

@media screen and (max-width: 787px) {
  #recommend{
    padding:25px 0.9% 15px;
    margin: 0 0 0 0;
  }
  #recommend h3{
    font-size:2.0rem;
    margin: 0 0 20px 0;
  }
  #recommend #recommend_body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #recommend #recommend_body .recbox01 {
    -webkit-flex: 0 1 47%;
    flex: 0 1 47%;
    margin: 0 1.5% 10px;
    padding: 0 0 15px 0;
  }
  #recommend #recommend_body .recbox01:nth-of-type(1) {
    margin: 0 1.5% 10px;
  }
  #recommend #recommend_body .recbox01:nth-last-child(1) {
    margin: 0 1.5% 10px;
  }
  #recommend #recommend_body .recbox01 .recitem .recitem_inner{
    padding:10px 10px 10px;
  }
  #recommend #recommend_body .recbox01 .recitem .recitem_inner h4{
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 10px 0;
  }
  #recommend #recommend_body .recbox01 .recitem .recitem_inner .rec_txt01{
    display: block;
    font-size:1.4rem;
    margin: 0 0 10px 0;
  }
  #recommend #recommend_body .recbox01 .recitem .rec_btn01{
    margin: 0 10px 0;
  }
  #recommend #recommend_body .recbox01 .recitem .rec_img01 img{
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}



/* お知らせ  */
#information{
  padding: 35px 0 35px;
  margin: 0 0 0 0;
  background: url(../images/common/bg01.png) repeat-x center bottom;
}

#information h3{
  display: block;
  text-align: center;
  font-size:32px;
  line-height: 1.1;
  color: #000;
  font-weight: bold;
  margin: 0 0 30px 0;
}
#information #info_body {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
#information #info_body .infobox01 {
	-webkit-flex: 0 1 390px;
	flex: 0 1 390px;
  margin: 0 0 0;
}
#information #info_body .infobox01:nth-of-type(2) {
  margin: 0 10px 0;
}
#information #info_body .infobox01 h4{
	display: block;
  padding: 1.8rem 20px;
  background: #2c8bc2;
}
#information #info_body .infobox01 h4 span{
	display: block;
  font-size: 1.8rem;
  line-height: 1.1;
  color: #FFF;
  border-left: 3px solid #FFF;
  letter-spacing: 1px;
  padding: 0 0 0 13px;
}

#information #info_body .infobox01 .informatio_body{ border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; background: #FFF;  height: 495px; overflow-y: scroll; padding: 20px 20px; box-sizing: border-box; }
#information #info_body .infobox01 .informatio_body::-webkit-scrollbar{ width: 15px; }
#information #info_body .infobox01 .informatio_body::-webkit-scrollbar-thumb{ background: #CCC; border-radius:2px; }
#information #info_body .infobox01 .informatio_body::-webkit-scrollbar-track-piece:start{ background: #DDD; }
#information #info_body .infobox01 .informatio_body::-webkit-scrollbar-track-piece:end{ background: #DDD; }
#information #info_body .infobox01 .informatio_body::-moz-scrollbar{ width: 15px; }
#information #info_body .infobox01 .informatio_body::-moz-scrollbar-thumb{ background: #CCC; border-radius:2px; }
#information #info_body .infobox01 .informatio_body::-moz-scrollbar-track-piece:start{ background: #DDD; }
#information #info_body .infobox01 .informatio_body::-moz-scrollbar-track-piece:end{ background: #DDD; }

#information #info_body .infobox01 .informatio_body dl{ display: block; border-bottom: 1px dotted #333; padding: 0 0 12px 0; margin: 0 0 12px 0; z-index: -1; }
#information #info_body .infobox01 .informatio_body dl dt{ display:inline-block; font-size: 1.5rem; line-height: 20px; margin: 0 10px 0 0; letter-spacing: 1px; }
#information #info_body .infobox01 .informatio_body dl dd.icon { display:inline-block; color: #FFF; text-align: center; line-height: 1.1; font-size: 1.4rem; padding:4px 8px 5px; }
#information #info_body .infobox01 .informatio_body dl dd.notices { background: #fa6767; }
#information #info_body .infobox01 .informatio_body dl dd.properuse { background: #5bcac1; }
#information #info_body .infobox01 .informatio_body dl dd.packaging { background: #a492f2; }
#information #info_body .infobox01 .informatio_body dl dd.sell { background: #d87dbd; }
#information #info_body .infobox01 .informatio_body dl dd.whealth { background: #ffc999; }
#information #info_body .infobox01 .informatio_body dl dd.oncology { background: #EA0014; }
#information #info_body .infobox01 .informatio_body dl dd.radiology { background: #4883c9; }
#information #info_body .infobox01 .informatio_body dl dd.pharmacy { background: #8c19ff; }
#information #info_body .infobox01 .informatio_body dl dd.imaging { background: #4883c9; }
#information #info_body .infobox01 .informatio_body dl dd.biosimilar { background: #3cb371; }
#information #info_body .infobox01 .informatio_body dl dd.gastroenterology { background: #ffd700; }
#information #info_body .infobox01 .informatio_body dl dd.other { background: #78be20; }
#information #info_body .infobox01 .informatio_body dl dd.entryttl { display: block; padding:8px 0 0 0; line-height: 1.3; }
#information #info_body .infobox01 .informatio_body dl dd.entryttl a{ font-size: 1.4rem; line-height: 1.4; color: #000; text-decoration: none; letter-spacing: 1px; }
#information #info_body .infobox01 .informatio_body dl dd.entryttl a:hover{ text-decoration: underline; }
#information #info_body .infobox01 .informatio_body .semibox{ display: table; border-bottom: 1px dotted #333; padding: 0 0 8px 0; margin: 0 0 14px 0; width: 100%; }
#information #info_body .infobox01 .informatio_body .semibox p.img01{ display: table-cell; width: 110px; vertical-align: top;}
#information #info_body .infobox01 .informatio_body .semibox .txt01{ display: table-cell; vertical-align: top; padding: 0 0 0 0; }
#information #info_body .infobox01 .informatio_body .semibox .txt01 p{ display: block; margin: 0 0 8px 0; font-size: 1.4rem; line-height: 1.4; color: #000; }
#information #info_body .infobox01 .informatio_body .semibox .txt01 p a{ font-size: 1.4rem; color: #2c68c0; line-height: 1.4; font-weight: bold; text-decoration: none; }
#information #info_body .infobox01 .informatio_body .semibox .txt01 p a:hover{ text-decoration: underline; }
#information #info_body .infobox01 .informatio_body .semibox .txt01 p:nth-of-type(1){ font-size: 1.4rem; margin: 0 0 5px 0; }
#information #info_body .infobox01 .informatio_body .semibox .txt01 p:nth-of-type(2){ font-size: 1.0rem; margin: 0 0 5px 0; }
#information #info_body .infobox01 .informatio_body .semibox .txt01 p:nth-of-type(4){ display: block; margin: 0 0 8px 0; line-height: 1.4; font-size: 1.4rem;}
#information #info_body .infobox01 .informatio_body .semibox .icon { display:inline-block; color: #FFF; text-align: center; line-height: 20px; font-size: 1.4rem; padding: 0 8px; margin: 0 0 8px 0; }
#information #info_body .infobox01 .informatio_body .semibox .whealth { background: #ffc999; }
#information #info_body .infobox01 .informatio_body .semibox .oncology { background: #EA0014; }
#information #info_body .infobox01 .informatio_body .semibox .radiology { background: #4883c9; }
#information #info_body .infobox01 .informatio_body .semibox .pharmacy { background: #8c19ff; }
#information #info_body .infobox01 .informatio_body .semibox .biosimilar { background: #3cb371; }
#information #info_body .infobox01 .informatio_body .semibox .gastroenterology { background: #ffd700; }
#information #info_body .infobox01 .informatio_body .semibox .others { background: #78be20; }

#information #info_body .infobox01 .info_footer{ display: block; background: #FFF; padding: 20px 30px; text-align: right; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
#information #info_body .infobox01 .info_footer a{ color: #2ca2c4; letter-spacing: 1px; font-size: 1.6rem; font-weight:bold; text-decoration: none; position: relative; }
#information #info_body .infobox01 .info_footer a:hover{ text-decoration: underline; opacity: 0.6; }
#information #info_body .infobox01 .info_footer a::before{ content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 2px #2ca2c4; border-right: solid 2px #2ca2c4; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 103%; margin-top: -2px; }

#information #info_body .infobox01 .magazinebox_body{ border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; background: #FFF;  height: 495px; overflow-y: scroll; padding: 20px 20px; box-sizing: border-box; }
#information #info_body .infobox01 .magazinebox_body::-webkit-scrollbar{ width: 15px; }
#information #info_body .infobox01 .magazinebox_body::-webkit-scrollbar-thumb{ background: #CCC; border-radius:2px; }
#information #info_body .infobox01 .magazinebox_body::-webkit-scrollbar-track-piece:start{ background: #DDD; }
#information #info_body .infobox01 .magazinebox_body::-webkit-scrollbar-track-piece:end{ background: #DDD; }
#information #info_body .infobox01 .magazinebox_body::-moz-scrollbar{ width: 15px; }
#information #info_body .infobox01 .magazinebox_body::-moz-scrollbar-thumb{ background: #CCC; border-radius:2px; }
#information #info_body .infobox01 .magazinebox_body::-moz-scrollbar-track-piece:start{ background: #DDD; }
#information #info_body .infobox01 .magazinebox_body::-moz-scrollbar-track-piece:end{ background: #DDD; }

#information #info_body .infobox01 .magazinebox_body .magbox{ display: block; border-bottom: 1px dotted #333; padding: 0 0 6px 0; margin: 0 0 12px 0; width: 100%; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01{ display:block; padding: 0 0 0 0; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 p{ display: block; margin: 0 0 10px 0; line-height: 1.4; font-size: 1.4rem; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 p a{ color: #2c68c0; text-decoration: none;  font-weight: bold; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 p a:hover{ text-decoration: underline; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 p:nth-of-type(2){ display: block; margin: 0 0 8px 0; line-height: 1.5; font-size: 1.4rem; }
#information #info_body .infobox01 .magazinebox_body .magbox .btn01{ display: table-cell; width: 160px; vertical-align: top; padding: 0 0 0 12px; }
#information #info_body .infobox01 .magazinebox_body .magbox .btn01 p a{ font-size: 1.6rem; font-weight: bold; }

.magazine .magazinebox ol{ display: block; margin: 0 0 30px 0; }
.magazine .magazinebox ol:after { content: ""; display: block; clear: both; }
.magazine .magazinebox ol li.infoicon{ width: 16%; margin: 0 0.5% 0 0; display: block; float: left; }
.magazine .magazinebox .spinfobtn{ display: none;  }

#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .icon { display:inline-block; color: #FFF; text-align: center; line-height: 20px; font-size: 1.4rem; padding: 0 8px; margin: 0 0 8px 0; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .whealth { background: #ffc999; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .oncology { background: #EA0014; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .radiology { background: #4883c9; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .pharmacy { background: #8c19ff; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .biosimilar { background: #3cb371; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .gastroenterology { background: #ffd700; }
#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .other { background: #78be20; }

#information #info_body .infobox01 .magazinebox_body .magbox .txt01 .info-date { display:inline-block; font-size: 1.5rem; line-height: 20px; margin: 0 10px 0 0; letter-spacing: 1px; }

@media screen and (max-width: 787px) {
  #information{
    padding: 35px 2% 25px;
    margin: 0 0 0 0;
  }
  #information h3{
    font-size:2.0rem;
    margin: 0 0 20px 0;
  }
  #information #info_body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #information #info_body .infobox01 {
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    margin: 0 0 0;
  }
  #information #info_body .infobox01:nth-of-type(2) {
    margin: 0 0 0;
  }
  #information #info_body .infobox01 h4{
    padding: 12px 3% 14px;
  }
  #information #info_body .infobox01 h4 span{
    font-size: 1.6rem;
    padding: 0 0 0 10px;
  }
 
  #information #info_body .infobox01 .informatio_body{ height: 450px; padding:10px 10px; }

  #information #info_body .infobox01 .informatio_body dl{ padding: 0 0 12px 0; margin: 0 0 12px 0; }
  #information #info_body .infobox01 .informatio_body dl dt{ font-size: 1.4rem; margin: 0 10px 0 0; }
  #information #info_body .infobox01 .informatio_body dl dd.icon { font-size: 1.4rem; padding:4px 8px 5px; }
  #information #info_body .infobox01 .informatio_body dl dd.entryttl { padding:8px 0 0 0; line-height: 1.3; }
  #information #info_body .infobox01 .informatio_body dl dd.entryttl a{ font-size: 1.4rem; line-height: 1.4 }
  #information #info_body .infobox01 .informatio_body dl dd.entryttl a:hover{ text-decoration: underline; }

  #information #info_body .infobox01 .info_footer{ padding:10px 20px; margin: 0 0 20px 0; }
  #information #info_body .infobox01 .info_footer a{ font-size: 1.4rem; }

  #information #info_body .infobox01 .magazinebox_body .magbox .txt01 .info-date { font-size: 1.4rem; line-height: 20px; margin: 0 10px 0 0; }
}

/* バナーエリア */
#foot_bnr_area{
  clear: both;
  margin: 0 0 0 0;
  border-top:1px solid #2ca1c4;
}
#foot_bnr_area .wrap{
  padding: 70px 0 70px;
  position: relative;
}
#foot_bnr_area ul{
  display: block;
  margin:0 0 0 0;
  padding: 0 0 0 0;
  letter-spacing: -.4em;
}
#foot_bnr_area ul li{
  display: inline-block;
  margin:0 10px 8px 0;
  padding: 0 0 0 0;
  list-style: none;
  letter-spacing:normal;
  width: 230px;
}
#foot_bnr_area ul li a{
  font-size: 0;
  line-height: 0;
}
#foot_bnr_area ul li:nth-of-type(5n){
  margin:0 0 8px 0;
}
#foot_bnr_area ul li img{
  width: 100%;
}
#foot_bnr_area .pagetop{
  position: absolute;
  right: 0;
  bottom: 15px;
  margin:0 0 0 0;
}
#foot_bnr_area .pagetop a{
  color: #2c68c0;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 0 0 0 20px; 
}
#foot_bnr_area .pagetop a::before{ content: ''; width: 9px; height: 9px; border: 0px; border-top: solid 3px #2c68c0; border-right: solid 3px #2c68c0; -ms-transform: rotate(45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 50%; left: 0%; margin-top: -2px; }

@media screen and (max-width: 787px) {
  #foot_bnr_area{
    border-top:1px solid #2ca1c4;
  }
  #foot_bnr_area .wrap{
    padding: 45px 2% 25px;
    box-sizing: border-box;
  }
  #foot_bnr_area ul{
    display: block;
    margin:0 0 25px 0;
    text-align: center;
  }
  #foot_bnr_area ul li{
    display: block;
    margin:0 0 8px 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  #foot_bnr_area ul li:nth-of-type(5n){
    margin:0 0 8px 0;
  }
  #foot_bnr_area .pagetop{
    position: static;
    margin:0 0 0 0;
    text-align: right;
  }
  #foot_bnr_area .pagetop a{
    font-size: 1.4rem;
    position: relative;
    padding: 0 0 0 20px; 
  }
}

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

footer{
  background: linear-gradient(to right, #2cc4c2 0%,#2b6dbf 100%);
  padding: 50px 0 50px;
}
footer address{
  display: block;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  font-style: normal;
}
@media screen and (max-width: 787px) {
  footer{
    padding:25px 0 25px;
  }
  footer address{
    font-size: 1.2rem;
  }
}


.remodal_inner{ display: block; padding: 20px 0px 10px; text-align: left; }
.remodal_inner h3{ display: block; font-size:1.8rem; border-left: 3px solid #3189c8; padding: 0 0 0 10px; margin: 0 0 20px 0; line-height: 1.1;  }
.remodal_inner .remodal_txt01{ display: block; font-size:1.6rem; line-height: 1.5; }
.remodal_inner .remodal_list01{ display: block; margin:30px 0 0 25px; padding: 0 0 0 0; }
.remodal_inner .remodal_list01 li{ list-style: disc; color:#3189c8; margin: 0 0 10px 0; padding: 0 0 0 0; font-size: 1.6rem; line-height: 1.4; }
.remodal_inner .remodal_list01 li a{ color:#3189c8; text-decoration: none; }
.remodal_inner .remodal_list01 li a:hover{ text-decoration: underline; }
.remodal_inner .closebtn{ position: absolute; right:20px; top:20px; cursor: pointer; }
.remodal_inner .closebtn:hover{ opacity: 0.5; }
@media screen and (max-width: 787px) {
  .remodal{ padding: 25px 10px 15px;}
  .remodal_inner{ padding:10px 10px 10px; }
  .remodal_inner h3{ font-size:1.6rem; border-left:3px solid #3189c8; margin: 0 0 15px 0; }
  .remodal_inner .remodal_txt01{ font-size:1.4rem; line-height: 1.4; }
  .remodal_inner .remodal_list01{ margin:20px 0 0 20px;}
  .remodal_inner .remodal_list01 li{ margin: 0 0 5px 0; font-size: 1.4rem; line-height: 1.4; }
  .remodal_inner .closebtn{ position: absolute; right:20px; top:20px; cursor: pointer; }
  .remodal_inner .closebtn img{ width: 20px; }
}