.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

body {
  margin: 0;
  padding: 0;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

_::-webkit-full-page-media, _:future, :root body {
  letter-spacing: 0px;
}


img {
  width: 100%;
}

.img-center {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}

h2 {
  /* font-size: 135%; */
  /* font-weight: 600; */
  /* margin: 0 0 5px 0; */
}

#contents p {
  font-size: 100%;
  padding: 0 0 20px 24px;
  line-height: 1.8;
  color: black;
  letter-spacing: 0.5px;
  text-align: justify;
  text-justify: inter-ideograph;
}

#contents table p {
  padding: 0 0 0px 0px;
}

div#link p {
  padding: 0;
}

#contents p+ul {
  margin: 0px 15px 25px 20px;
}

img.migi+p {
  margin: 30px 0 0 0;
}

img.migi {
  float: right;
  margin: 20px;
}

#contents p.hiduke {
  font-weight: normal;
  float: left;
  padding: 0 20px 0 24px;
  font-size: 90%;
  margin: 2px 0 0 0;
}

#contents ul {
  /* list-style-type:none; */
  list-position: outside;
  margin: 20px 15px 25px 20px;
  padding: 0px 0px 0px 20px;
  box-shadow: 0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
}

ol {
  margin: 20px 15px 25px 20px;
  padding: 0.5em 1em 0.5em 2.3em;
}

#contents ul li {
  padding: 2px 0 0px 15px;
  font-size: 95%;
  /* color: #717171; */
  background: url(/images/ico_arrow.png) no-repeat 0px 9px;
  line-height: 1.5em;
  background-size: 6px;
  text-indent: 0;
  list-style: none;
  word-break: break-all;
}

table {
  margin: 10px 0;
}

table th, table.form td {
  border: 1px solid #ccc;
}

table td {
  padding: 5px;
}

td.gsc-input {
  padding-left: 110px;
}

table th {
  padding: 0px;
  background: #eee;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
}

table.form th span.req {
  font-size: 11px;
  float: right;
  padding: 0 5px;
  color: #fff;
  background: red;
}

table.none {
  margin: 10px 0;
  border: 0;
}

table.none th, table.none td {
  margin: 10px 0;
  background: none;
}

.entry-form {
  width: 100% !important;
  margin: 0 !important;
}

/*---------共通---------*/

/*padding*/

.pt3 {
  padding-top: 3px;
}

.pt4 {
  padding-top: 4px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.ml10 {
  margin-left: 10px;
}

.ml5 {
  margin-left: 5px;
}

.red {
  color: #f93728;
}

/*ヘッダー*/

header {
  text-align: center;
  /* border-top : 3px solid #f93728; */
  background-color: #FFF;
}

.inner {
  margin: 0 auto;
  max-width: 1000px;
}

.inner>h1 {
  display: none;
}

.logo {
  clear: both;
  float: left;
  max-width: 200px;
  margin: 17px 0 0 0;
}

.logo img {
  float: left;
  width: 165px;
}

.title {
  float: left;
  font-size: 75%;
  font-weight: normal;
  text-align: left;
  margin: 5px 0 0 0;
}

.docomo_logo {
  float: right;
  max-width: 130px;
  margin: 20px 0 10px 0;
}

.docomo_logo {
  float: right;
  width: 130px;
}

.docomo_logo img {
  width: 130px;
  height: auto;
}

.banner_area{
  position: relative;
  bottom: 0px;
  display: inline-block;
  text-align: left;
  margin: 5px 20px 0px;
  padding: 5px;
  border: hidden;
  max-width: 100%;
  height: auto;
}

h1.pagename {
  text-align: left;
  padding: 8px 0 0 5px;
  font-size: 70%;
  font-weight: normal;
  color: #888;
}

h1.pagename a {
  color: #888;
  text-decoration: none;
}

h1.pagename a:hover {
  color: #aaa;
  text-decoration: underline;
}

/*メニュー*/

/* nav#mainNav
------------------------------------- */

nav#mainNav {
  clear: both;
  position: relative;
  z-index: 200;
  width: 100%;
  /* padding: 15px 0px; */
  margin: 0px auto 0;
  /* background: red; */
  display: table;
  border-bottom: 3px solid #f00;
}

/* mainWrap
------------------------------------- */

#mainNav .mainWrap {
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 100;
  overflow: hidden;
  display: none;
  width: 100%;
  height: 250px;
  text-align: center;
  background: #fff;
  background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
  border-bottom: #aaa 1px solid;
  box-shadow: 0 2px 2px #eee;
}

a#menu {
  display: none;
}

.panel {
  float: left;
}

.panel ul, .panel2 ul {
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

.panel ul li {
  float: left;
  list-style-type: none;
}

.panel ul li a, .panel2 ul li a {
  float: left;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /* margin-top: 8px; */
  /* height: 54px; */
  font-weight: 600;
  color: #333;
  padding: 0 23px;
  position: relative;
  font-size: 100%;
  line-height: 110%;
  text-decoration: none;
}

.panel2 ul li a {
  float: left;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /* margin-top: 8px; */
  /* height: 54px; */
  font-weight: 500;
  color: #000;
  padding: 20px 23px;
  position: relative;
  font-size: 95%;
  line-height: 110%;
  text-decoration: none;
}

.panel ul li a:hover, .panel1 ul li a:hover, .panel1 ul li.active_menu a, .panel2 ul li a:hover, .panel2 ul li.active_menu a {
  text-decoration: none;
  /* border-bottom:3px #f93728 solid; */
  color: #fff;
  z-index: 1000;
  background: red;
}

.panel1 .mddWrap .mddInner>.dropContent .up2 {
  border: 0;
  margin: 0;
}

.panel1 .mddWrap .mddInner>.dropContent .up3 {
  margin: 0 20px 0px -20px;
  padding: 0 20px 0 0;
  /* width: 280px; */
}

.panel1 .mddWrap .mddInner {
  margin: 20px auto 30px !important;
}

.panel ul li a::after, .panel2 ul li a::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #d6d6d6;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}

.panel1 ul li.i_menu a::after, .panel2 ul li.i_menu a::after {
  display: none;
}

.panel2 {
  float: right;
}

.panel2 ul li {
  float: left;
  list-style-type: none;
}

.search-btn {
  float: right;
  width: 30px;
  /* height: 70px; */
  background: #eee;
  z-index: 1;
  background: url(/images/icon-search.png) center no-repeat;
  background-size: 20px;
  cursor: pointer;
  text-indent: -9999px;
  padding: 20px;
}

.searchmenu-open .search-btn {
  background-color: #f4f4f4;
}

.search-menu {
  display: none;
  background: #f4f4f4;
  position: absolute;
  top: 70px;
  z-index: -1;
}

.search-menu__inner {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.gsc-control-cse.gsc-control-cse-ja {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
}

div#gsc-iw-id1 {
  height: 50px;
  margin: -10px auto 0;
}

td.gsc-search-button {
  float: left;
}

input.gsc-search-button.gsc-search-button-v2 {
  background: #f93728;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  padding: 20px 30px;
}

td.gsc-search-button {
  padding: 0px;
  margin: -3px;
}

input.gsc-search-button:hover, input.gsc-search-button:focus {
  background-color: #dc0000 !important;
}

.searchmenu-open .overlay {
  opacity: 1;
  visibility: visible;
}

.overlay {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  z-index: 9999;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.search-menu__inner input[type="text"] {
  font-size: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  padding: 10px 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 82%;
  -ms-flex: 0 0 82%;
  flex: 0 0 82%;
  border-radius: 0;
  margin-right: 0;
}

.search-menu__inner input[type="submit"] {
  background: #f93728;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  padding: 3px 30px;
}

input.search {
  font-size: 90%;
}

input {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
}

/*トップページ　メイン写真*/

#mainPhoto {
  clear: both;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  object-position: 50% 100%;
  max-width: 1350px;
}

.flexslider {
  max-width: inherit;
  width: 100%;
  height: 100%;
  margin: 0, 20%;
  border: 0 !important;
}

.flex-direction-nav .flex-next {
  right: 10px !important;
  padding: 0, 10px;
}

.flex-direction-nav .flex-prev {
  left: 10px !important;
  padding: 0, 10px;
}

/*トップページ　メインエリア画像4つ*/

#mainArea {
  text-align: center;
  margin: 15px auto;
  width: 1000px;
}

#mainArea a img {
  transition-property: all;
  transition: 0.1s linear;
}

#mainArea a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.topcont_box {
  float: left;
  width: 50%;
  overflow: hidden;
}

.topcont_box img {
  float: left;
  width: 50%;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}

.topcont_box img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.topcont_text {
  float: left;
  width: 50%;
  height: 250px;
  background: #ff9d96;
  z-index: 1;
  position: relative;
  padding: 0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.topcont_text2 {
  float: left;
  width: 50%;
  height: 250px;
  background: #f7afa9;
  z-index: 1;
  position: relative;
  padding: 0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.topcont_text3 {
  float: left;
  width: 50%;
  height: 250px;
  background: #729dc9;
  z-index: 1;
  position: relative;
  padding: 0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.topcont_text4 {
  float: left;
  width: 50%;
  height: 250px;
  background: #6497CC;
  z-index: 1;
  position: relative;
  padding: 0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

a .topcont_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #ff9d96;
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

a .topcont_text2::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #f7afa9;
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

a .topcont_text3::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #729dc9;
  position: absolute;
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

a .topcont_text4::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #6497CC;
  position: absolute;
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.top_btn.kochira, .top_btn2.kochira {
  font-style: italic;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 95%;
  line-height: 95%;
  padding: 10px 15px 11px;
  margin: 35px auto 0;
  background: url(/images/sankaku.png) right no-repeat;
}

.top_btn {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  min-width: 140px;
  padding: 12px 15px 12px;
  text-align: center;
  width: 60%;
  margin: 10px auto;
}

.top_btn2 {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  min-width: 140px;
  padding: 12px 15px 12px;
  text-align: center;
  width: 60%;
  margin: 10px auto;
}

.top_btn:hover {
  color: #ff9d96;
  text-decoration: none;
  background: url(/images/sankaku2.png) #fff right no-repeat;
}

.top_btn2:hover {
  color: #6497CC;
  text-decoration: none;
  background: url(/images/sankaku3.png) #fff right no-repeat;
}

.component-indexlinks a .component-indexlinks__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #4065a2;
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

#infoArea {
  text-align: left;
  margin: 15px auto;
  width: 1000px;
}

#info, #press {
  float: left;
  width: 92%;
  padding: 10px 40px;
}

h2.top_tit_info {
  font-size: 150%;
  font-weight: 600;
  margin: 0 0 15px 0;
  padding: 10px 0px 10px 5px;
  border-bottom: 2px solid #f93728;
  width: 98%;
}

h2.top_tit {
  font-size: 130%;
  font-weight: 600;
  margin: 0 0 15px 0;
  padding: 10px 0px 10px 5px;
  border-bottom: 2px solid #f93728;
  width: 98%;
}

span.label-blue, span.label-pink, span.label-green {
  padding: 3px 13px;
  font-size: 80%;
  color: #ffffff;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  float: left;
  margin: 1px 15px 1px;
}

span.label-blue {
  background: #7bc4d7;
}

span.label-pink {
  background: #FFABC8;
}

span.label-green {
  background: #42B24C;
}

.info_list {
  float: right;
  text-align: right;
  font-size: 65%;
  font-weight: normal;
  background: url(/images/sankaku4.png) right no-repeat;
  padding: 5px 20px 0 0;
}

.info_list a {
  color: #333;
  text-decoration: none;
  clear: both;
  display: block;
}

.info_list a:hover {
  color: #333;
  text-decoration: underline;
}

#info dl, #info5 dl {
  margin: 0 0 10px;
  height: auto;
}

#info dt, #info5 dt {
  width: auto;
  height: atuo;
}

#info dt img, #info5 dt img {
  max-width: 100px;
}

#info dd, #info5 dd {
  padding: 0 0 5px 15px;
  margin: 0 0 0 15px;
}

#info img:hover, #info5 img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#info dt .info_date, #info3 dt .info_date, #info5 dt .info_date {
  font-size: 90%;
  font-weight: 500;
  margin: 4px 5px 5px 5px;
  float: left;
}

div#info5 .info_date {
  margin: 0px 5px 5px 5px;
}

#info dd .info_text, #info5 dd .info_text {
  font-size: 95%;
  margin: 0 15px 5px 250px;
  line-height: 1.5em;
}

#info dd .info_text a, #info5 dd .info_text a {
  text-decoration: none;
  color: #333;
}

#info dd .info_text a:hover, #info5 dd .info_text a:hover {
  text-decoration: underline;
  color: #333;
}

#info dt span {
  margin: 0px 25px 0 15px;
  padding: 4px 12px;
  width: 90px;
  text-align: center;
}

#press dt {
  width: 100%;
}

#press dd {
  width: 100%;
  -webkit-margin-start: 0px;
}

#press dt .press_date {
  font-size: 95%;
  font-weight: 600;
  margin: 3px 0 5px 5px;
}

#press dd .press_text {
  font-size: 95%;
  margin: 0 0 15px 5px;
  line-height: 1.5em;
}

#press dd .press_text a {
  text-decoration: none;
  color: #333;
}

#press dd .press_text a:hover {
  text-decoration: underline;
  color: #333;
}

#info2 {
  width: 100%;
  text-align: center;
  background: #fde7e5;
  height: 260px;
  padding: 10px 0;
}

#info2 .info2_waku {
  width: 1000px;
  margin: 0 auto;
  background: #fde7e5;
  text-align: left;
}

.provision {
  float: left;
  width: 48%;
  padding: 20px 10px 10px 10px;
}

#info2 dl, #info2 dl p, #info3 dl, #info3 dl p {
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  padding: 4px 0px 0px 0px;
}

#info2 dl dt, #info3 dl dt {
  font-size: 80%;
  text-align: center;
  vertical-align: middle;
}

#info2 dl dt .prov_icon01, #info3 dl dt .prov_icon01 {
  /* 赤 */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: red;
  color: #FFF;
}

#info2 dl dt .prov_icon02, #info3 dl dt .prov_icon02 {
  /* 黄色 */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: #FFEB3B;
  color: #000;
}

#info2 dl dt .prov_icon03, #info3 dl dt .prov_icon03 {
  /* 緑 */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: #8BC34A;
  color: #FFF;
}

#info2 dl dt .prov_icon04, #info3 dl dt .prov_icon04 {
  /* 青 */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: blue;
  color: #FFF;
}

#info2 dl dt .prov_icon05, #info3 dl dt .prov_icon05 {
  /* 空色 */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: #03A9F4;
  color: #FFF;
}

#info2 dl dt .prov_icon06, #info3 dl dt .prov_icon06 {
  /* ピンク */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: pink;
  color: #FFF;
}

#info2 dl dt .prov_icon07, #info3 dl dt .prov_icon07 {
  /* オレンジ */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: orange;
  color: #FFF;
}

#info2 dl dt .prov_icon08, #info3 dl dt .prov_icon08 {
  /* purple */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: purple;
  color: #FFF;
}

#info2 dl dt .prov_icon09, #info3 dl dt .prov_icon09 {
  /* brown */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: brown;
  color: #FFF;
}

#info2 dl dt .prov_icon10, #info3 dl dt .prov_icon10 {
  /* gray */
  width: 72px;
  height: 20px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  background: gray;
  color: #FFF;
}

#info3 dl dt .prov_icon01, #info3 dl dt .prov_icon02, #info3 dl dt .prov_icon03, #info3 dl dt .prov_icon04, #info3 dl dt .prov_icon05, #info3 dl dt .prov_icon06, #info3 dl dt .prov_icon07, #info3 dl dt .prov_icon08, #info3 dl dt .prov_icon09, #info3 dl dt .prov_icon10 {
  padding: 0px 0 3px 0;
}

#info2 dl dd .prov_text, #info3 dl dd .prov_text {
  font-size: 95%;
  margin: -21px 0 9px 0;
  line-height: 1.5em;
  padding: 0 0 0 85px;
}

.code {
  font-weight: bold;
}

/*MDB会員バナー*/

#mdb_Mbanner {
  width: 1000px;
  margin: 15px auto;
  text-align: left;
  padding: 10px;
}

#mdb_Mbanner .slider {
  width: 97%;
  margin: 10px auto;
  text-align: center;
  height: 100px;
}

#mdb_Mbanner .slider img {
  border: 1px solid #ccc;
}

#mdb_Mbanner .slider img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#mdb_Mbanner .slider a {
  text-decoration: none;
  color: #666;
}

#mdb_Mbanner .slider a:hover {
  text-decoration: underline;
}

#mdb_Mbanner .slick-slide {
  margin: 0px 8px;
}

#mdb_Mbanner .slick-slide img {
  width: 100%;
  border: 1px solid #ccc;
}

#mdb_Mbanner .slick-prev:before, #mdb_Mbanner .slick-next:before {
  color: #666;
}

#mdb_Mbanner button.slick-next.slick-arrow {
  margin: -15px 0 0 0;
}

#mdb_Mbanner button.slick-prev.slick-arrow {
  margin: -15px 0 0 0;
}

.mdb_menbername {
  color: #666;
  font-size: 90%;
}

/*footer*/

#footer {
  clear: both;
  width: 100%;
  background: url(/images/footer_02.jpg);
  text-align: center;
}

#footer .footer_waku {
  width: 980px;
  height: auto;
  margin: 0 auto;
  padding: 40px 10px 10px 10px;
  color: #fff;
  text-align: left;
}

#footer .footer_waku a {
  color: hsl(0, 0%, 70%);
  text-decoration: none;
}

footer#footer .footer_waku h3 a {
  color: white;
}

#footer .footer_waku a:hover {
  color: #FFF;
  text-decoration: underline;
}

#footer .footer_waku .footline {
  float: left;
  border-right: 1px solid #fff;
  min-height: 200px;
}

#footer .footer_waku .footleft {
  width: 22%;
  float: left;
  margin: 0 auto;
  padding: 5px 10px 10px 0;
}

#footer .footer_waku .footcenter {
  width: 30%;
  float: left;
  margin: 0 10px 0 10px;
  padding: 5px 0 10px 10px;
}

#footer .footer_waku .footcenter2 {
  width: 20%;
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 0 10px 10px;
}

#footer .footer_waku .footright {
  width: 20%;
  float: right;
  margin: 0 auto;
  padding: 5px 0 10px 10px;
}

#footer .footer_waku h3 {
  margin: 0px 0 0px 0;
  padding: 0px 0 5px 0;
  border-bottom: 1px #e2e2e2;
  border-bottom-style: dotted;
  font-weight: normal;
  font-size: 95%;
}

#footer .footer_waku ul {
  margin: 5px 0px 30px 25px;
  -webkit-padding-start: 0px;
  padding: 0 0px 0px 0px;
}

#footer .footer_waku ul ul {
  margin: 5px 0px 0px 10px;
  -webkit-padding-start: 0px;
  padding: 0 0px 0px 0px;
}

#footer .footer_waku ul li {
  font-size: 80%;
  line-height: 1.5em;
  padding: 0 0px 2px 0px;
  margin: 0 0px 0 0px;
}

#footer .footer_waku ul li li {
  font-size: 90%;
}

/*ページトップ*/

.pagetop {
  position: fixed;
  bottom: -300px;
  right: 10px;
  margin: 0 auto;
  z-index: 200;
  visibility: hidden;
  -webkit-transition: bottom 0.4s linear;
  transition: bottom 0.4s linear;
}

.pagetop.visible {
  bottom: 30px;
}

.pagetop a {
  display: table-cell;
  width: 4.5em;
  height: 4.5em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 80%;
  line-height: 1.2em;
  border-radius: 50%;
  background: #f93728;
  behavior: url(PIE.htc);
  text-decoration: none;
}

#footer .copy {
  width: 100%;
  background: #CCCCCC;
  color: #333;
  margin: 0;
  padding: 20px 0 10px;
  font-size: 75%;
  clear: both;
}

/*2階層目*/

#mainPhoto2 {
  clear: both;
  margin: 0 auto;
  width: 100%;
  height: auto;
  text-align: center;
  background: #eee;
  padding: 0;
  max-width: 1350px;
}

.recruitmain #mainPhoto2 {
  max-height: inherit;
  background: white;
}

#mainPhoto2 .photo {
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  height: auto;
}

.recruitmain #mainPhoto2 .photo {
  width: 100%;
  max-width: inherit;
}

p.chosen {
  animation: fadeInUp 2.5s ease 0.5s 1 forwards;
  -webkit-animation: fadeInUp 2.5s ease 0.5s 1 forwards;
  opacity: 0;
}

p.chosen2 {
  animation: fadeInUp 2.5s ease 1.5s 1 forwards;
  -webkit-animation: fadeInUp 2.5s ease 1.5s 1 forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from {
    opacity: 1;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

h2.recruit, .recruitmain2 {
  animation: fadeIn 3.0s ease 0.75s 1 forwards;
  -webkit-animation: fadeIn 3.0s ease 0.75s 1 forwards;
  opacity: 0;
}

h2.recruit.recruit3 {
  animation: inherit;
  -webkit-animation: inherit;
  opacity: inherit;
}

@-webkit-keyframes fadeIn {
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}

p.chosen, p.chosen2 {
  color: red;
  text-align: left;
  font-size: 30px;
  position: absolute;
  z-index: 1;
  top: 420px;
  font-weight: bold;
  letter-spacing: 18px;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

p.chosen {
  top: 240px;
}

p.chosen.kani {
  width: 400px;
  line-height: 1.7;
  color: darkcyan;
  font-size: 130%;
  margin: 0px 0 0 600px;
  letter-spacing: 10px;
}

p.chosen2 {
  top: 300px;
}

#mainPhoto2 .photo img {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  position: relative;
  top: 0;
  left: 0;
}

.recruitmain #mainPhoto2 .photo img {
  max-width: inherit;
  background: white;
}

.photo h2 {
  text-align: left;
  font-size: 150%;
  font-weight: 600;
  margin: 0 0 0 0;
  /* padding:20px 0; */
  position: relative;
  /* top:-100px; */
  left: 0;
  /* background: rgba(255,255,255,0.5); */
}

.CatTitle2 {
  text-align: left;
  font-weight: 600;
  margin: -100px 0 30px 0;
  padding: 20px 0;
  position: relative;
  /* top: -100px; */
  left: 0;
/*  background: rgba(255, 255, 255, 0.5);*/
  background:
  -webkit-gradient(linear, left top, right top,
    from(rgba(255,255,255, 0.7)),
    color-stop(0.4, rgba(255,255,255, 0.5)),
    color-stop(0.7, rgba(255,255,255, 0)),
    to(rgba(255,255,255, 0)));
  background:
  linear-gradient(to right,
    rgba(255,255,255, 0.7) 0%,
    rgba(255,255,255, 0.5) 40%,
    rgba(255,255,255, 0) 70%,
    rgba(255,255,255, 0) 100%);

  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  color: #555;
}

#mainPhoto2 h2.main_title {
  text-align: left;
  font-size: 150%;
  font-weight: 600;
  margin: 0 0 0 0;
  padding: 20px 0;
  position: relative;
  top: -100px;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

#mainPhoto2 .photo h2.recruit {
  top: 0px;
  padding: 0;
  background: white;
  position: initial;
}

#mainPhoto2 .photo h2 span {
  padding: 0 0 0 20px;
}

/*パンくずリスト*/

#breadCrumb {
  width: 100%;
  padding: 10px 0 8px 0;
  margin-bottom: 15px;
  font-size: 90%;
  background-color: #fafafa;
  border-bottom: 1px solid #eee;
}

.breadCrumb_body {
  width: 1000px;
  margin: 0 auto 0;
  text-align: left;
  font-size: 80%;
  color: #666;
}

.breadCrumb_body a {
  color: #888;
  text-decoration: underline;
}

.breadCrumb_body a:hover {
  color: #888;
  text-decoration: none;
}

/*サイドバー*/

#wrapper {
  clear: both;
  margin: 0 auto;
  width: 1000px;
}

#sidebar {
  float: left;
  width: 233px;
  padding: 22px 0 50px;
}

.recruitmain #sidebar {
  display: none;
}

#sidebar h3 {
  position: relative;
  padding: 20px 0 15px 10px;
  /* border-right: solid 2px #ddd; */
  /* border-bottom: solid 2px #ddd; */
  background: #f1f1f1;
  color: #333;
}

#sidebar #side-banner a img {
  border: 1px solid #e8e8e8;
  margin: 3px 0;
  width: 231px;
  height: auto;
}

#sidebar a img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.accordion_ul, .accordion_ul ul {
  list-style-type: none;
}

.accordion_ul ul {
  list-style-type: none;
  border: 5px solid #f1f1f1;
}

.recruit_sideber ul {
  /* display: block !important; */
}

.accordion_ul div h3 {
  background-color: #f1f1f1;
  border-bottom: solid 1px #f3f3f3;
  /* margin-bottom: 1px; */
  padding: 10px;
  color: #333333;
  cursor: pointer;
  position: relative;
}

.accordion_ul div h3:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #ffaaaa;
}

.accordion_ul div h3:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -10px;
  background: #f1f1f1;
}

.accordion_ul div h3.active:before {
  margin-top: -2px;
}

.accordion_ul div h3.active:after {
  margin-top: 3px;
}

.accordion_ul div li {
  background-color: #FFFFFF;
  border-bottom: dotted 1px #D6D6D6;
  padding: 0px 0 0px 20px;
  background: url(/images/sankaku5.png) no-repeat 5px center;
  background-size: 10px;
  text-decoration: none;
}

.recruit_sideber div li {
  background-color: #FFFFFF;
  border-bottom: dotted 1px #D6D6D6;
  padding: 0px 0 0px 0px;
  background: url(/images/sankaku5.png) no-repeat 5px center;
  background-size: 10px;
  text-decoration: none;
}

.recruit_sideber div li a {
  position: relative;
  display: block;
  font-size: 90%;
  color: #333;
  text-decoration: none;
}

div li.recruit_sideber2 {
  padding: 0px 0px 0px 0px;
  background: url(/images/sankaku5.png) no-repeat 15px center;
  background-size: 10px;
  overflow: hidden;
  margin: 0 0px 0 0px;
}

div li.recruit_sideber3 {
  padding: 0px 0 0px 0px;
  background: url(/images/sankaku5.png) no-repeat 25px center;
  background-size: 10px;
}

div li.recruit_sideber4 {
  padding: 0px 0 0px 0px;
  background: url(/images/sankaku5.png) no-repeat 45px center;
  background-size: 10px;
}

.recruit_sideber div li:hover {
  position: relative;
  display: block;
  background: #ff0000;
  padding: 8px 0 8px 20px;
  background: url(/images/sankaku.png) no-repeat 5px center #f0f8ff;
  background-size: 10px;
}

.recruit_sideber div li.current {
  position: relative;
  display: block;
  /* padding: 0px 0 0px 20px; */
  background: url(/images/sankaku.png) no-repeat 5px center #f0f8ff;
  background-size: 10px;
}

.accordion_ul div li a {
  position: relative;
  display: block;
  font-size: 90%;
  color: #333;
  text-decoration: none;
  padding: 10px 10px 10px 20px;
  line-height: 1;
}

.accordion_ul div li.recruit_sideber2 a {
  padding: 7px 15px 7px 30px;
  overflow: hidden;
  /*white-space: nowrap;*/
  margin: 0 10px 0px 0;
}

.accordion_ul div li.recruit_sideber3 a {
  padding: 7px 0 7px 40px;
}

.accordion_ul div li.recruit_sideber4 a {
  padding: 7px 0 7px 60px;
}

.accordion_ul div li:hover {
  position: relative;
  display: block;
  background: #ff0000;
  background: url(/images/sankaku.png) no-repeat 5px center #ff0000;
  background-size: 10px;
  padding: 0px 0 0px 0px;
}

.accordion_ul div li.recruit_sideber2:hover {
  position: relative;
  display: block;
  background: #D3F0FF;
  padding: 0px 0 0px 0px;
  background: url(/images/sankaku.png) no-repeat 15px center #ff0000;
  background-size: 10px;
}

.accordion_ul div li.recruit_sideber3:hover {
  position: relative;
  display: block;
  background: #D3F0FF;
  padding: 0px 0 0px 0px;
  background: url(/images/sankaku.png) no-repeat 25px center #ff0000;
  background-size: 10px;
}

.accordion_ul div li.recruit_sideber3:hover a, .accordion_ul div li.recruit_sideber2:hover a, .accordion_ul div li:hover a {
  color;
  color: white;
}

.accordion_ul div li.current {
  position: relative;
  display: block;
  /* padding: 0px 0 0px 20px; */
  background: url(/images/sankaku.png) no-repeat 5px center #ff0000;
  background-size: 10px;
}

.accordion_ul div li.current a {
  color;
  color: white;
}

.accordion_ul div li.recruit_sideber2.current {
  position: relative;
  display: block;
  padding: 0px 0 0px 0px;
  background: url(/images/sankaku.png) no-repeat 15px center #ff0000;
  background-size: 10px;
}

.accordion_ul div li.recruit_sideber3.current {
  /* padding: 0px 0 0px 60px; */
  background: url(/images/sankaku.png) no-repeat 25px center #ff0000;
  background-size: 10px;
}

.side-text {
  margin: 0 0 10px;
}

.recruit_sideber h4 {
  position: relative;
  padding: 20px 0px 15px 15px;
  /* border-right: solid 2px #ddd; */
  /* border-bottom: solid 2px #ddd; */
  background: #f1f1f1;
  color: #333;
}

/*コンテンツ*/

#contents {
  float: right;
  width: 730px;
  padding: 22px 0 50px 30px;
  line-height: 1.5em;
}

#contents img {
/*  width: 100% !important;*/
  height: auto/* !important*/;
}

#contents table {
/*
  width: 710px !important;
  height: auto !important;
  margin: 0 0 0 24px !important;
*/
  width: 710px/* !important*/;
  height: auto/* !important*/;
  margin: 0 0 0 24px/* !important*/;
}

.senpai1 {
  width: 94%;
  clear: both;
  display: table;
  padding: 20px;
  margin: 0 0 30px 0;
  background: #f1f1f1;
}

.senpai2 {
  float: left;
  width: 50%;
  color: black;
}

.senpai3 {
  float: right;
  overflow: hidden;
  width: 300px;
  height: 200px;
}

.senpai3 img {
  width: 300px;
}

#contents .senpai2 h3 {
  margin: 40px 0 25px 0;
  font-size: 120%;
  border-bottom: 1px solid #c5c5c5;
  padding: 0 0 5px 0;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 3px solid #ccc;
}

#contents .senpai2 h3::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 3px;
  background-color: #3498db;
}

#contents .senpai2 p {
  font-size: 140%;
  font-weight: bold;
}

section#contents.full {
  width: 100%;
}

.recruitmain #contents {
  padding: 22px 0 50px 0px;
  width: 100%;
}

.carrire1 {
  width: 45%;
  float: left;
  margin: 15px;
}

#contents .carrire1 h3 {
  border: 0;
  font-weight: normal;
  margin: 0;
  padding: 10px 0;
}

.carrire2 {
  width: 150px;
  float: left;
  height: 150px;
  background: red;
  color: white;
  padding: 0px;
}

.carrire2 img {
  width: 150px;
}

#contents .carrire2 h4 {
  background: none;
  border-bottom: 1px solid #fff;
  font-size: 90%;
  padding: 10px 0px 10px 10px;
}

#contents .carrire2 p {
  padding: 0px 10px 0px 10px;
  font-size: 95%;
}

.shinsotukyaria {
  text-align: center;
  padding: 20px 0 70px 0;
}

figure {
  width: 200px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  /* overflow: hidden; */
}

.shinsotsu10 {
  padding: 10px;
  background: #f1f1f1;
  display: flex;
}

.shinsotsu10 figure {
  width: 100%;
  background: none;
}

.shinsotsu11 {
  width: 300px;
  float: left;
  overflow: hidden;
  height: 200px;
}

.shinsotsu12 {
  float: left;
  width: 85%;
  margin: 20px 0 0 20px;
}

.shinsotsu11 img {
  width: 100%;
  height: auto;
}

#contents .shinsotsu11 p {
  margin: 0 0 0 0;
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  width: 260px;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
  text-align: right;
  font-size: 110%;
  color: black;
  font-weight: bold;
}

figure.jirei4 {
  width: 26%;
  height: auto;
  margin: 15px;
  padding: 10px;
  background: #f1f1f1;
  float: left;
}

.jirei3 img {
  width: 190px;
}

.jirei3 {
  width: 190px;
  overflow: hidden;
  height: 127px;
  margin: 0 0 11px 0;
}

#contents .jirei2 h3 {
  margin: 0px 0 0px;
  padding-bottom: 10px;
  border-bottom: 0;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.25;
  clear: both;
}

#contents a .jirei2 h3 {
  text-decoration: none;
  padding: 5px 0 10px 0;
  font-size: 110%;
}

figure.jirei4 a {
  text-decoration: none;
  color: black;
}

figure.senpai4 {
  width: inherit;
  display: flow-root;
}

#contents .senpai3 img:hover {
  opacity: 1;
  filter: alpha(opacity=50);
  -moz-opacity: 1;
}

figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 200px;
}

figure:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.shinsotsu4 figure {
  width: 300px;
  height: 200px;
  margin: 0px auto 20px;
  padding: 0;
  background: #fff;
  overflow: hidden;
}

.shinsotsu3 figure {
  width: 200px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background: #fff;
}

.shinsotsu4 {
  width: 50%;
  float: left;
  margin: 0;
}

.shinsotsu4:nth-child(2n) {
  width: 50%;
  float: right;
  margin: 0;
}

.shinsotsu4 figure img {
  width: 300px;
}

#contents .shinsotsu4 figure img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 1;
  opacity: 1;
}

.shinsotsu2 {
  width: 100%;
  float: left;
  padding: 25px 0 15px 0;
}

.shinsotsu1 {
  float: right;
  width: 200px;
  border: 1px solid #dedede;
  margin: 20px 0 0 0;
}

#contents .shinsotsu4 p {
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 300px;
  color: white;
  padding: 10px 0 10px 0px;
  font-size: 120%;
  position: absolute;
  z-index: 1;
  margin: 80px 0 0 0;
}

.shinsotsu4 a {
  color: white;
  text-decoration: none;
}

.shinsotsu4 a:hover {
  color: white;
  text-decoration: underline;
}

.shinsotsu5 {
  float: right;
  width: 200px;
  border: 1px solid #dedede;
  margin: 10px 0 0 0;
}

.shinsotsu6 {
  text-align: center;
  padding: 10px 0 0 0;
  float: none;
  clear: both;
}

.shinsotsu7 {
  clear: both;
  border: 1px solid #9e8a72;
  padding: 20px;
  margin: 0 0 30px 0;
  display: flow-root;
}

.shinsotsu8 {
  float: left;
  width: 70%;
}

.shinsotsu9 {
  float: right;
}

.shinsotsu9 img {
  width: 182px;
}

.shinsotsu8 h2 {
  color: #9e8a72;
  font-size: 140%;
  padding: 0 0 2px 0;
  border-bottom: 1px #9e8a72;
  border-bottom-style: dashed;
  margin: 0 0 4px 0;
}

#contents .shinsotsu8 p {
  font-size: 90%;
  padding: 0;
}

#contents p.shinsotsusyuryo {
  font-weight: bold;
}

.shinsotsu5 img {
  width: 200px;
}

.shinsotsu5 figure {
  width: 200px;
  height: auto;
}

.shinsotsu3 img {
  width: 200px;
}

.shinsotsu3 {
  float: right;
  width: 200px;
  border: 1px solid #dedede;
  margin: 20px 0 0 0;
}

.btn-3 {
  background: red;
  border: 1px solid red;
  box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24;
  font-weight: 900;
  letter-spacing: 1px;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
  color: white;
  padding: 10px 100px;
  text-decoration: none;
  margin: 20px;
  font-size: 140%;
}

.btn-3:hover {
  background: #e02c26;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  color: #ec817d;
  text-decoration: none;
  text-shadow: -1px -1px 0 #c2211c;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
}

#contents h3 {
  margin: 0px 0 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid red;
  font-size: 145%;
  font-weight: bold;
  line-height: 1.25;
  clear: both;
}

#contents .shinsotsu12 h3 {
  border: 0;
  margin: 0;
  color: black;
}

span.syou {
  font-size: 60%;
  padding: 0 0 0 20px;
  font-weight: 100;
}

span.ichiran {
  float: right;
  background: black;
  color: white;
  font-size: 50%;
  padding: 9px 20px;
  font-weight: normal;
}

span.ichiran a {
  color: white;
  text-decoration: none;
}

span.ichiran a:hover {
  color: white;
  text-decoration: underline;
}

#contents h4 {
  margin: 0 0 10px;
  padding: 18px 10px;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.25;
  width: calc(100% - 10px);
  background: #EFEFEF;
  position: relative;
  padding: .7em 1em .55em 1.5em;
  /* border: 1px solid #ccc; */
  box-sizing: border-box;
}

#contents h5 {
  margin: 10px 0 10px 18px;
  padding: 18px 10px;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.25;
  width: calc(100% - 18px);
  /* background: #EFEFEF; */
  position: relative;
  padding: .75em 1em .75em 0;
  /* border: 1px solid #ccc; */
  box-sizing: border-box;
}

#contents h6 {
  margin: 20px 0 20px 0;
  padding: 5px 0 5px 30px;
  font-size: 120%;
  line-height: 1.5;
  position: relative;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}

#contents h4::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 8px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ff0000;
  border-radius: 4px;
}

#contents .carrire2 h4::after {
  display: none;
}

#contents h5 {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 3px solid #ccc;
}

#contents h5::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 3px;
  background-color: #ff0000;
}

#contents a img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#contents a .jirei3 img:hover, #contents .shinsotsu10 figure a img:hover {
  opacity: 1;
}

.line {
  clear: both;
  border-bottom: 1px solid #ccc;
  margin: 30px 0 10px 0;
}

.to_list {
  margin: 0 0 10px 0;
  float: right;
  text-align: right;
  font-size: 90%;
  font-weight: normal;
  background: url(/images/sankaku4.png) right no-repeat;
  padding: 3px 20px 0 0;
}

.to_list a {
  color: #333;
  text-decoration: none;
}

.to_list a:hover {
  color: #333;
  text-decoration: underline;
}

/*お知らせ一覧*/

#info5 {
  float: left;
  width: 100%;
}

#info5 span {
  margin: 0px 25px 0 15px;
  padding: 0px 15px;
  width: 80px;
  text-align: center;
}

.noticelink {
  float: right;
  font-size: 65%;
  margin: 15px 0 5px 0;
}

.noticelink a {
  text-decoration: none;
  color: #333;
  border: 1px solid #eee;
  background: #eee;
  padding: 5px 15px;
  font-weight: nomal;
  margin: 0px 0 0px 5px;
}

.noticelink a:hover, .notice_archive a:hover {
  color: #333;
  border: 1px solid #ddd;
  background: red;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  color: #ffffff;
  text-decoration: none;
  /* text-shadow: -1px -1px 0 #c2211c; */
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
}

.notice_archive {
  margin: 5px 0 35px;
}

.notice_archive a {
  text-decoration: none;
  color: #666;
  padding: 5px 10px;
}

.notice_archive span.off:last-child {
  border-right: 1px solid #929292;
}

.notice_archive span.off {
  border-left: 1px solid #929292;
  padding: 3px 0px 3px 6px;
}

.notice_archive span.on {
  border-left: 1px solid #929292;
  padding: 3px 0px 3px 6px;
}

.notice_archive span.on:last-child {
  border-right: 1px solid #929292;
}

.notice_archive a:hover {
  text-decoration: none;
  color: red;
  background: none;
  border: 0;
  font-weight: bold;
}

.notice_archive .active a {
  font-weight: bold;
  color: #333;
  background: #eee;
  padding: 5px 10px;
  font-weight: bold;
}

.notice_archive .on a {
  text-decoration: none;
  color: red;
  font-weight: bold;
  /* font-size:120%; */
}

.notice_on a {
  color: #fff;
  border: 1px solid #e02c26;
  background: red;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  /* color: #ec817d; */
  /* text-decoration: none; */
  /* text-shadow: -1px -1px 0 #c2211c; */
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
}

.notice_off a, .notice_archive a {
  /* color: #fff; */
  /* border: 1px solid red; */
  /* background: red; */
  /* box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24; */
  /* background: red; */
  /* border: 1px solid red; */
  /* box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24; */
  letter-spacing: 1px;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
  /* color: white; */
}

/*データ提供一覧*/

#info3 {
  width: 100%;
  padding: 10px 10px 10px 10px;
}

#info3 dl {
  margin: 0 0 15px;
  /*    min-height: 80px;*/
  border-bottom: 1px dotted #ccc;
  width: 96%;
}

/*
#info3 dt {
	width: 80px;
	height: 80px;
}

#info3 dd {
	padding: 0 0 15px 80px;
	margin: -80px 0 0 0;
}

#info3 img {
	width: 80%;
}

#info3 img:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#info3 dd .info_date{
	font-size:95%;
	font-weight:600;
	margin:0 0 5px 5px;
}

#info3 dd .info_text{
	font-size:95%;
	margin:0 0 5px 5px;
	line-height:1.5em;
}

#info3 dd .info_text a{
	text-decoration:none;
	color:#333;
}

#info3 dd .info_text a:hover{
	text-decoration:underline;
	color:#333;
}

*/

/*お知らせ詳細*/

#info4 {
  width: 100%;
  padding: 10px 10px 10px 10px;
}

/*MDB会員一覧*/

.members_list {
  width: 30%;
  float: left;
  margin: 7px;
}

.members_list img {
  border: 1px solid #ccc;
}

/*サイトマップ*/

/*アルトマークについて*/

#sitemap {}

#sitemap ul {
  list-style-type: none;
  padding: 20px;
}

#sitemap ul li.list_first {
  background: url(/images/ico_arrow.png) no-repeat 0px 5px;
  line-height: 1.5em;
  background-size: 6px;
  text-indent: 0;
  padding: 0 0 0 15px;
}

#sitemap ul li.list_first ul {
  margin: 0;
  border: 0;
  box-shadow: none;
  padding: 0px 0px 0px 10px;
}

#sitemap ul li.list_first ul li.list_second {
  background: url(/images/ico_arrow.png) no-repeat 0 0;
  line-height: 1.2em;
  background-size: 6px;
  text-indent: 0;
  background-position: 0px 14px;
  padding: 10px 0 0 15px;
}

#sitemap ul li a {
  color: #2196F3;
  text-decoration: none;
}

#sitemap ul li a:hover {
  /* color:#666; */
  text-decoration: underline;
}

/*医療機能情報*/

#sitemap2 {}

#sitemap2 img {
  width: auto !important;
  height: auto !important;
}

/*お問い合わせ*/

input[type="text"], input[type="tel"], input[type="email"], select {
  vertical-align: middle;
  width: 80%;
  line-height: 1.5em;
  height: 30px;
  padding: 1px 5px;
  border: 1px solid #d4d4d7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 120%;
  color: #555;
  background: #fcfcfc;
}

td.age select.form-control {
  float: left;
  width: 70%;
  margin: 0px 10px 0px 0px;
}

textarea {
  vertical-align: middle;
  width: 90%;
  line-height: 1.5em;
  padding: 1px 5px;
  border: 1px solid #d4d4d7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 120%;
  color: #555;
  background: #fcfcfc;
}

#form_submit_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.btn_box {
  text-align: center;
  margin: 10px auto;
  width: 70%;
}

.sbt_1 {
  width: 30%;
  height: 40px;
  background-color: #f93728;
  border: none;
  color: #fff;
  font-weight: 900;
  font-size: 140%;
  text-align: center;
  margin: 10px 5px;
}

.sbt_1:hover {
  background-color: #761c0c !important;
  color: #fff;
}

.sbt_reCAPTCHA {
  width: 40%;
  height: 40px;
  background-color: #f93728;
  border: none;
  color: #fff;
  font-weight: 900;
  font-size: 100%;
  text-align: center;
  margin: 10px 5px;
}

.sbt_reCAPTCHA:hover {
  background-color: #761c0c !important;
  color: #fff;
}

.sbt_reCAPTCHA:disabled  {
  background-color: #cccccc; !important;
  color: #666666;
}

.sbt_reCAPTCHA_2 {
  width: 50%;
  height: 40px;
  background-color: #f93728;
  border: none;
  color: #fff;
  font-weight: 900;
  font-size: 100%;
  text-align: center;
  margin: 10px 5px;
}
  
.sbt_reCAPTCHA_2:hover {
  background-color: #761c0c !important;
  color: #fff;
}
  
.sbt_reCAPTCHA_2:disabled  {
  background-color: #cccccc; !important;
  color: #666666;
}

.g-recaptcha {
  text-align: center;
  margin: 10px auto;
  width: 40%;
}

.form_verisign_text {
  padding: 10px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  text-align: center;
}

div#form_verisign_area {
  padding: 0 0 15px 0;
}

table.form {
  margin: 10px 0;
}

table.form th, table.form td {
  border: 1px solid #ccc;
}

table.form td {
  padding: 10px;
}

table.form th {
  padding: 10px 25px;
  background: #eee;
  white-space: nowrap;
  text-align: left;
}

.form-group.mr10, .form-group.min_size {
  float: left;
  margin: 0 0px 0 0px;
  width: 33%;
}

#contents td {
  font-size: 100%;
}

#contents p.mb10 {
  padding: 0 0 10px 0;
}

option {}

select.form-control.hope {
  font-size: 100%;
}

table.form th span {
  color: #f93728;
  font-size: 85%;
}

table {
  width: 100%;
}

.scroll {
  /* overflow: auto; */
  /* white-space: nowrap; */
}

.scroll::-webkit-scrollbar {
  height: 5px;
}

.scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

input.inquiry-name-left {
    width: 38% !important;
    margin-right: 4px;
}

input.inquiry-name-right {
    width: 38% !important;
    margin-left: 4px;
}

/*関連リンク*/

#link ul li {
  margin: 10px 0 10px 10px;
  background: url(/images/ico_arrow_red.png) no-repeat 0px 0.5em;
  line-height: 1.5em;
  background-size: 6px;
  padding: 0 0 0 20px;
  font-weight: 600;
  list-style: none;
}

.url {
  background: #f93728;
  color: #FFF;
  font-size: 80%;
  font-weight: bold;
  padding: 3px 5px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  margin: 0 5px 0 0;
}

#link ul li a {
  font-size: 95%;
  font-weight: normal;
  text-decoration: none;
}

#link ul li a:hover {
  text-decoration: underline;
}

/*Adobe Acrobat Reader*/

.adobe_ar {
  clear: both;
  width: 100%;
  margin: 20px 0 10px 0;
  padding: 20px 0;
}

.adobe_ar .ar_ban {
  float: left;
  width: 22%;
  margin: 0 0 0 10px;
}

.adobe_ar .ar_text {
  float: left;
  width: 75%;
  margin: 0 0 0 5px;
  font-size: 75%;
  line-height: 1.5em;
  color: #666;
  letter-spacing: 1px;
}

.adobe_ar .ar_text a {
  text-decoration: none;
  margin: 0 3px;
}

.adobe_ar .ar_text a:hover {
  text-decoration: underline;
}






/* global --- */

/* topimg */
.topimage_cover{
  width:100%;
  position:relative;
}
.topimage_cover > img{
  width:100%;
  height:100%;
  position:relative;
  left:0;
  top:0;
}

.topimage_overlay{
  pointer-events: none;
  background:
  -webkit-gradient(linear, left top, right top,
    from(#fff),
    color-stop(0.05, rgba(255,255,255, 0.9)),
    color-stop(0.1, rgba(255,255,255, 0.6)),
    color-stop(0.15, rgba(255,255,255, 0.2)),
    color-stop(0.2, rgba(255,255,255,0)),
    color-stop(0.5, rgba(255,255,255,0)),
    color-stop(0.8, rgba(255,255,255,0)),
    color-stop(0.85, rgba(255,255,255,0.2)),
    color-stop(0.9, rgba(255,255,255,0.6)),
    color-stop(0.95, rgba(255,255,255, 0.9)),
    to(#fff));

  background:
  linear-gradient(to right,
    #fff 0%,
    rgba(255,255,255, 0.9) 5%,
    rgba(255,255,255, 0.6) 10%,
    rgba(255,255,255, 0.2) 15%,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,0) 50%,
    rgba(255,255,255,0) 80%,
    rgba(255,255,255, 0.2) 85%,
    rgba(255,255,255, 0.6) 90%,
    rgba(255,255,255, 0.9) 95%,
    #fff 100%);


  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}



#inquiry table{
margin-left: 160px;
}

#signup table{
margin-left: 160px;
}

#info > h2 > a{
  text-decoration: none;
  color: black;
}  

#mainPhoto .no-flexslider{
  display: none;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


/*タブレット横　＝＞　標準を利用*/

/*タブレット　ヨコ*/
@media only screen and (max-width: 1020px) {
  #footer .footer_waku {
    width: 95%;
    margin: 0;
  }
  #footer .footer_waku .footleft, #footer .footer_waku .footcenter, #footer .footer_waku .footcenter2, #footer .footer_waku .footright {
    width: 100%;
    padding: 5px 10px 10px 0;
    margin: 0;
    float: left;
  }
  #mainArea {
    width: 100%;
  }

  .topcont_text,
  .topcont_text2,
  .topcont_text3,
  .topcont_text4 {
    height: 150px;
  }
  #mainArea .component-indexlinks__image.img-addBg{
    width: 50%;
    height: 150px;
    float: left;
  }
  #mainArea .component-indexlinks__image.img-addBg > img{
    height: auto;
    width: 100%;
    overflow: hidden;

    display: block;
    margin-top: auto;
    margin-bottom: auto;
  }
  #infoArea {
    width: 100%;
  }
  #info, #press {
    padding: 10px 10px;
  }

  .top_btn,
  .top_btn2 {
      min-width: 100px;
  }

  .breadCrumb_body {
    width: 100%;
  }

  
  p.chosen, p.chosen2 {
    font-size: 25px;
    position: absolute;
    z-index: 1;
  }
  
  p.chosen {
    left: 20px;
    top: 200px;
  }
  
  p.chosen.kani {
    width: auto;
    font-size: 20px;
    margin: 0px 0 0 450px;
    letter-spacing: 8px;
  }
  
  p.chosen2 {
    left: 20px;
    top: 230px;
  }

  #wrapper {
    width: 100%;
    box-sizing: border-box;
  }
  #contents {
    width: calc(100% - 263px);
  }
  #mainPhoto2 > div > div > p{
    
  }

  /*採用関連*/
  .shinsotsu2 {
    width: 100%;
    box-sizing: border-box;
  }
  .shinsotsu4 {
    width: 50%;
  }
  .shinsotsu4 figure {
    width: 100%;
    position: relative;
/*    height: 200px;*/
  }
  #contents .shinsotsu4 p {
    width: 100%;
/*    margin: 80px 0 0 0;*/
  }
  .shinsotsu4 figure img {
      width: 100%;
  }

  .shinsotsu11 {
      width: 50%;
      float: left;
      overflow: hidden;
      height: auto;
  }
  #contents .shinsotsu10 .shinsotsu12 {
    margin: 0;
  }
  #contents .shinsotsu10 .shinsotsu12 > p{
    padding: 8px;
  }

  #footer {
    box-sizing: border-box;
  }
  #footer .footer_waku {
    box-sizing: border-box;
  }



  #contents table {
    margin: 0 0 0 0 !important;
    width: 100% !important
  }


}

/*スマホ　ヨコ、タブレット　タテ*/
@media only screen and (max-width: 768px) {
  #info dt .info_date, #info3 dt .info_date, #info5 dt .info_date {
    float: inherit;
  }
  #info dd .info_text, #info5 dd .info_text {
    margin: 0 5px 5px 100px;
  }
  #info dt span {
    margin: 0px 15px 0 0px;
  }


  .flex-control-nav {
      bottom: -25px !important;
  }
  .flexslider {
      margin: 0 0 30px !important;
  }
  
  #mainNav .panel1 > ul > li a{
    padding: 12px 16px 12px 12px;    
  }
  #mainNav .panel2 > ul > li a{
    padding: 12px 4px 12px 8px;    
  }

  .panel ul li a::after, .panel2 ul li a::after {
    display: none;
  }

  .CatTitle2 {
    padding: 15px 0;
    margin: -80px 0 30px 0;
  }
  .photo h2 {
    font-size: 120%;
  }

  /* -------------------------------------------------------------------  */
  /* contents area */
  #wrapper {
    width: 100%;
  }
  #contents{
    float: none;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
  }
  #sidebar{
    float: none;
  }

  .btn-3 {
    padding: 10px 30px;
    margin: 10px;
    font-size: 120%;
  }

  
  p.chosen, p.chosen2 {
    font-size: 20px;
    position: absolute;
    z-index: 1;
  }
  
  p.chosen {
    left: 20px;
    top: 160px;
  }
  
  p.chosen.kani {
    font-size: 16px;
    margin: 0px 0 0 350px;
    letter-spacing: 6px;
  }
  
  p.chosen2 {
    left: 20px;
    top: 200px;
  }

  p.chosen {
    animation: unset;
    -webkit-animation: unset;
    opacity: 1.0;
  }


  #contents {
    box-sizing: border-box;
  }
  #contents::after{
    content: '';
    display: table;
    clear: both;
  }
  #contents img {
    height: auto !important;
    max-width: 100% !important;
  }

  
  #sidebar {
    float: none;
    width: 60%;
    padding: 22px 0 50px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  
  #contents p{
    padding: 0 0 20px 0;
  }


}


/* for mainInfo */
@media only screen and (max-width: 640px) {
  .topcont_text::after,
  .topcont_text2::after,
  .topcont_text3::after,
  .topcont_text4::after {
    display: none;
  }
  .topcont_text,
  .topcont_text2,
  .topcont_text3,
  .topcont_text4 {
    width: 100%;
    height: 150px;
  }
  .top_btn.kochira, .top_btn2.kochira {
    margin: 10px auto 0;
  }

  #mainArea .component-indexlinks__image.img-addBg{
    display: none;
  }

  #mainPhoto .flexslider{
    display: none;
  }
  #mainPhoto .no-flexslider{
    display: block;
  }

  #mainPhoto > .no-flexslider > li{
    list-style:none;
    margin: 0;
  }
  .topimage_overlay{
    display: none;
  }

  .logo img {
    float: left;
    width: 120px;
  }
  
  .docomo_logo img {
    width: 100px;
    height: auto;
  }

  .logo {
    margin: 7px 0 0 0;
  }
  .docomo_logo {
    margin: 10px 0 10px 0;
    text-align: right;
  }

  #mainNav .panel1 > ul > li a{
    padding: 6px 8px 6px 6px;    
  }
  #mainNav .panel2 > ul > li a{
    padding: 6px 4px 6px 0;    
  }
  

  /*会員OFF*/
  #mainNav > div > div.menu2 > div > ul > li:nth-child(2){
    display: none;
  }
  .panel ul li a::after, .panel2 ul li a::after {
      display: none;
  }

  .CatTitle2 {
    padding: 10px 0;
  }
  .CatTitle2 {
    margin: -60px 0 30px 0;
  }
  .photo h2 {
    font-size: 100%;
  }

  /* -------------------------------------------------------------------  */
  /* contents area */
  #contents{
    padding: 8px;
    box-sizing: border-box;
  }
  #sidebar{
    float: none;
  }

  #sitemap p{
    padding: 0 0 20px 0;
  }

  #contents > div.shinsotukyaria{
    padding: 20px 0 70px 0;
  }

  .recruitmain #contents {
      padding: 0 0 50px 0px;
  }
  .shinsotukyaria {
      padding: 20px 0 40px 0;
  }
  .btn-3 {
    padding: 10px 15px;
    margin: 10px;
    font-size: 120%;
  }


  #link > ul {
    margin: 20px 15px 25px 10px;
    padding: 0.2em 0em 0.2em 0em;
  }
  #link p.hiduke{
    padding: 0 20px 0 0px;    
  }


  
  p.chosen, p.chosen2 {
    font-size: 20px;
    position: absolute;
    z-index: 1;
  }
  
  p.chosen {
    left: 10px;
    top: 140px;
  }
  
  p.chosen.kani {
    font-size: 12px;
    margin: 0px 0 0 300px;
    letter-spacing: 4px;
  }
  
  p.chosen2 {
    left: 10px;
    top: 160px;
  }

  
  #sidebar {
    width: 80%;
  }

  table.form th {
    font-size: 12px;
  }
}

/*スナホ　タテ*/
@media only screen and (max-width: 475px) {
  #info > h2 > span{
    display: none;
  }

  .logo img {
    float: left;
    width: 120px;
  }
  
  .docomo_logo img {
    width: 100px;
    height: auto;
  }
  
  .logo {
    margin: 4px 0 0 0;
  }
  .docomo_logo {
    margin: 7px 0 10px 0;
    text-align: right;
  }
  
  #mainNav .panel1{
    width: 100%;
  }
  #mainNav .panel2{
    margin: 0 0 2px 0;
  }

  #mainNav .panel1 > ul{
    display: block;
    margin: 0 0 0 0;
    padding: 0;
  }
  #mainNav .panel1 > ul > li{
    width: 100%;
    border: 1px solid #ccc;
    display: inline-block;
    margin: -2px 0;
    background-color: #444;
  }
  #mainNav .panel1 > ul > li a{
    color: #ccc;
    padding: 12px 0 12px 16px;    
    width: 100%;
    background-color: #444;
    box-sizing: border-box;
  }


  #mainNav .panel2 > ul > li{
    border: 1px solid #ed9e9e;
    background-color: #eec0c0;
    border-radius: 20px;
  }
  #mainNav .panel2 > ul > li a{
    padding: 12px 23px;
  }

  .panel1 .mddWrap {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  .photo {
    display: none;
  }


  
  p.chosen2 {
    animation: unset;
    -webkit-animation: unset;
    opacity: 1.0;
  }
  
  h2.recruit, .recruitmain2 {
    animation: unset;
    -webkit-animation: unset;
    opacity: 1.0;
  }

  
}


/* 幅768px以下から ヘッダー等微調節
------------------------------------------------------------*/

/*
@media only screen and (max-width: 768px) {
  table.form th {
    white-space: initial;
  }
  p.chosen.kani {
    margin: 30px 0 0 380px;
    width: 350px;
    font-size: 110%;
  }
  .recruitmain #contents {
    display: flow-root;
  }
  .carrire1 {
    width: 45%;
  }
  .shinsotsu6 {
    text-align: center;
    padding: 40px 0 30px 0;
    float: none;
    clear: both;
  }
  .shinsotsu3 {
    float: left;
    width: 200px;
    border: 1px solid #dedede;
    margin: 10px;
  }
  .shinsotsu1 {
    float: left;
    width: 200px;
    border: 1px solid #dedede;
    margin: 10px;
  }
  .shinsotsu5 {
    float: left;
    clear: both;
    margin: 10px;
  }
  shinsotsu4 p {
    width: 344px;
  }
  .shinsotsu2 {
    width: 706px;
  }
  #sidebar {
    float: none;
    width: 50%;
    padding: 22px 0 50px;
    margin: 0 auto;
    clear: both;
  }
  .breadCrumb_body {
    width: 97%;
    padding: 10px;
  }
  #wrapper {
    width: 100%;
  }
  #contents, .recruitmain #contents, section#contents.full {
    float: none;
    width: 92%;
    padding: 0;
    margin: 0 auto;
  }
  .search-menu {
    top: 130px;
  }
  .search-menu__inner {
    width: 740px;
  }
  #footer .footer_waku .footleft, #footer .footer_waku .footcenter, #footer .footer_waku .footcenter2, #footer .footer_waku .footright {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 5px 10px 10px 0;
  }
  .panel1 .mddWrap .mddInner>.dropContent>div {
    padding: 0 0px 0 20px;
  }
  .panel1 .mddWrap .mddInner {
    width: 100% !important;
  }
  nav#mainNav {
    width: 100%;
  }
  #footer .footer_waku {
    width: 97%;
    margin: 0 auto;
    padding: 20px 10px 10px 10px;
    color: #fff;
    text-align: left;
  }
  #mdb_Mbanner {
    width: 95%;
    margin: 15px auto;
    text-align: left;
    padding: 10px;
  }
  .provision {
    float: left;
    width: 97%;
    padding: 10px;
  }
  #info2 .info2_waku {
    width: 100%;
    margin: 0 auto;
    background: #fde7e5;
    text-align: left;
  }
  #info2 {
    width: 100%;
    text-align: center;
    background: #fde7e5;
    height: auto;
    padding: 10px 0;
    display: inline-block;
  }
  #info, #press {
    width: 97%;
    padding: 10px;
  }
  .menu2 {
    float: left;
    clear: both;
  }
  .inner {
    max-width: inherit;
  }
  .topcont_box {
    float: none;
    width: 70%;
    overflow: auto;
    margin: 20px auto;
    display: block;
    text-align: center;
  }
  #mainArea {
    width: 100%;
  }
  .topcont_box img {
    float: left;
    width: auto;
    height: 250px;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    display: block;
  }
  .flexslider {
    border: 0 !important;
  }
  #infoArea {
    width: 100%;
  }
  p.inner.pagetop.visible {
    width: initial;
  }
}
*/

/* 幅425px以下から ヘッダー等微調節
------------------------------------------------------------*/

/*
@media only screen and (max-width: 425px) {
  .panel1 .mddWrap .mddInner>.dropContent .up3 {
    border-top: #aaa 0px !important;
    margin: -30px 0px 0px 0px;
    padding: 0 0px 0 20px;
  }
  #contents h5 {
    width: 80%;
  }
  .photo h2 {
    font-size: 120%;
  }
  #contents h3 {
    font-size: 120%;
  }
  #contents .senpai2 p {
    font-size: 110%;
  }
  #contents p {
    font-size: 95%;
  }
  .logo img {
    float: left;
    width: 70%;
    padding: 0 0px 0 20px;
  }
  .docomo_logo img {
    width: 70%;
    height: auto;
    padding: 0 10px 0 0px;
  }
  .form-group.mr10, .form-group.min_size {
    float: none;
    margin: 0;
    width: 100%;
    padding: 0 0 10px 0;
  }
  .scroll {
    overflow: -webkit-paged-x;
  }
  .demo01 {
    margin: 0 -10px;
  }
  .demo01 th, .demo01 td {
    width: 360px !important;
    display: block;
    border-top: none;
    padding: 10px !important;
  }
  .demo01 tr:first-child th {
    border-top: 1px solid #ddd;
  }
  td.gsc-input {
    padding-left: 20px;
  }
  .shinsotsu12 {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .shinsotsu4:nth-child(2n) {
    width: 100%;
    float: right;
    margin: 0;
  }
  #contents .shinsotsu11 p {
    margin: 0 0 0 0;
    position: absolute;
    z-index: 1;
    background: rgba(255, 255, 255, 0.5);
    width: 320px;
    padding: 10px;
    overflow: hidden;
    text-align: right;
    font-size: 110%;
    color: black;
    font-weight: bold;
  }
  .shinsotsu11 {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 230px;
  }
  .senpai3 img {
    width: 100%;
    height: auto;
  }
  .jirei3 img {
    width: 100%;
  }
  .jirei3 {
    margin: 0 auto 15px;
    width: 100%;
    height: auto;
  }
  figure.jirei4 {
    width: 86%;
    float: none;
  }
  .senpai1 {
    width: 89%;
  }
  .senpai3 {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 200px;
    margin: 0 auto;
  }
  #contents .senpai2 h3 {
    margin: 10px 0 10px 0;
    font-size: 120%;
    border-bottom: 1px solid #c5c5c5;
    padding: 0 0 5px 0;
    position: relative;
    padding-bottom: .5em;
    border-bottom: 3px solid #ccc;
  }
  .senpai2 {
    float: left;
    width: 100%;
  }
  img.migi {
    float: none;
    margin: 20px auto;
    display: block;
  }
  .shinsotsu8 p {
    font-size: 90%;
    padding: 0 0 15px 0;
  }
  .shinsotsu7 {
    margin: 0 0 10px 0;
  }
  .shinsotsu9 img {
    width: 182px;
    margin: 0 auto;
    display: block;
  }
  .shinsotsu8, .shinsotsu9 {
    float: none;
    width: 100%;
  }
  p.chosen.kani {
    margin: 10px 0 0 60px;
    width: 300px;
    font-size: 80%;
  }
  #mainPhoto2 .photo {
    position: relative;
    width: 100%;
    padding-top: 30%;
    overflow: hidden;
    margin: 0 auto;
  }
  #mainPhoto2 .photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 150%;
  }
  .carrire1 {
    width: 300px;
    height: 230px;
    margin: 0px auto;
    display: block;
    float: none;
  }
  p.shinsotsusyuryo {
    padding: 0px 0 0 0;
    font-weight: bold;
  }
  .shinsotsu6 {
    text-align: center;
    padding: 10px 0 40px 0;
    float: none;
    clear: both;
  }
  .shinsotsu5, .shinsotsu1, .shinsotsu3 {
    float: none;
    clear: both;
    margin: 20px auto;
    padding: 0px;
    width: 85%;
  }
  .shinsotsu4 {
    float: none;
    width: 100%;
  }
  .shinsotsu2 {
    width: 100%;
  }
  p.hiduke {
    font-weight: normal;
    float: left;
    padding: 0 0px 0 0px;
    font-size: 90%;
  }
  p.recruitnews {
    padding: 0 0 0px 80px;
    clear: both;
    margin: 0 0 20px 0;
  }
  .shinsotukyaria {
    text-align: center;
    padding: 0px 0 70px 0;
  }
  p.chosen {
    top: 30px;
  }
  p.chosen2 {
    top: 80px;
  }
  p.chosen, p.chosen2 {
    font-size: 170%;
  }
  .btn-3 {
    display: block;
    padding: 10px;
  }
  #info5 dl {
    margin: 0 0 20px;
    height: auto;
    border-bottom: 1px #ccc;
    border-bottom-style: dashed;
  }
  #info5 dl:first-child {
    border-top: 1px #ccc;
    border-top-style: dashed;
    padding: 20px 0 0 0;
  }
  #info5 dd {
    padding: 0 0 15px 15px;
    margin: 0 0 0 15px;
  }
  .notice_archive {
    margin: 5px 0 35px;
    clear: both;
    padding: 20px 0 0 0;
  }
  .noticelink {
    float: left;
    font-size: 55%;
    margin: 25px 0 5px 0;
  }
  #contents ul {
    list-style-type: none;
    list-position: outside;
    margin: 20px 0 25px 0 !important;
    padding: 10px;
  }
  #sidebar {
    width: 90%;
  }
  #contents {
    float: none;
    width: 85%;
    padding: 0;
  }
  #contents h4 {
    width: 83%;
    line-height: 1.7;
  }
  #contents .carrire2 h4 {
    width: inherit;
    line-height: inherit;
  }
  .breadCrumb_body {
    width: 92%;
  }
  #footer .footer_waku .footleft, #footer .footer_waku .footcenter, #footer .footer_waku .footcenter2, #footer .footer_waku .footright {
    width: 85%;
    float: none;
    margin: 0px auto -30px;
    padding: 30px 0 0 0;
  }
  #mdb_Mbanner .slider {
    width: 93%;
  }
  .search-menu {
    top: 160px;
  }
  .search-menu__inner {
    width: 410px;
  }
  .panel1 ul li a {
  }
  .panel1 ul li a:hover {
    padding: 10px 10px !important;
    margin: 0 !important;
  }
  .panel1 ul li li.i_menu a {
    padding: 0 0px 0 9px !important;
    border-bottom: 0px #ffffff solid !important;
  }
  .panel1 .mddWrap .mddInner>.dropContent>div {
    padding: 0 0px 0 20px;
    width: 95% !important;
    border-top: #aaa 1px !important;
    border-top-style: dashed !important;
    border-right: #aaa 0px solid !important;
    margin-right: 0 !important;
  }
  .panel1 .mddWrap .mddInner>.dropContent {
    display: grid !important;
  }
  .panel1 .mddWrap .mddInner {
    padding-top: 10px !important;
  }
  .panel1 .mddWrap {
    top: 150px !important;
  }
  #info, #press {
    width: 95%;
  }
  .provision {
    width: 95%;
  }
  #footer .footer_waku {
    width: 100%;
    margin: 0 auto 0px;
    padding: 0 0 40px 0px;
    color: #fff;
    text-align: left;
    display: block;
  }
  #info dd .info_text, #info5 dd .info_text {
    font-size: 95%;
    margin: 0px 0 0 0;
    line-height: 1.5em;
    clear: both;
    padding: 10px 0 0 0;
  }
  a .topcont_text2::after, a .topcont_text3::after {
    display: none;
  }
  .topcont_text2, .topcont_text3 {
    width: 100%;
    height: 200px;
  }
  .topcont_box img {
    float: none;
    width: 100%;
    height: auto;
  }
  .topcont_text {
    width: 100%;
    height: 200px;
  }
  .search-btn {
  }
  .panel2 ul li a {
    float: left;
    display: block;
    margin-top: 18px;
    height: 17px;
    font-weight: 500;
    color: #999;
    padding: 0 23px;
    position: relative;
    font-size: 95%;
    line-height: 110%;
    text-decoration: none;
  }
  .panel1 .mddWrap .mddInner>.dropContent .up2 {
    display: inline-block;
  }
  .up2 li.i_menu {
    width: 100% !important;
  }
  .panel1 ul li li.i_menu a, .panel1 ul li li.i_menu2 a {
    background-size: 7.5px !important;
  }
  .panel1 ul li li.i_menu2 a {
    background-position: 0px 13px !important;
  }
  .panel1 ul li li.i_menu a {
    background-position: 0px 4px !important;
  }
  .panel1 li {
    float: left !important;
    padding: 0 20px !important;
  }
  .panel1 ul {
    display: block !important;
    padding: 30px 0 0 0;
  }
  .panel1 ul li a {
    float: none !important;
    display: block !important;
    padding: 10px !important;
  }
  .members_list {
    width: 44%;
    margin: 5px 10px 5px 0;
  }
}
*/

/* 幅375px以下から ヘッダー等微調節
------------------------------------------------------------*/

/*
@media only screen and (max-width: 375px) {
  h2.top_tit_info {
    padding: 10px 0px 25px 5px;
  }
  .demo01 th, .demo01 td {
    width: 310px !important;
  }
  p.chosen.kani {
    margin: 0px 0 0 40px;
  }
  #contents .shinsotsu11 p {
    width: 280px;
  }
  .shinsotsu11 {
    height: 200px;
  }
  .panel ul li a::after, .panel2 ul li a::after {
    display: none;
  }
  .provision, #info, #press {
    width: 93%;
  }
  #mdb_Mbanner {
    width: 93%;
  }
  #footer .footer_waku {
  }
  #mdb_Mbanner .slider {
    width: 88%;
  }
  .panel1 li {
    margin: 0 auto;
    display: grid;
  }
  .search-menu__inner {
    width: 362px;
  }
  input {
    font-size: 16px;
  }
}
*/

/* 幅360px以下から ヘッダー等微調節
------------------------------------------------------------*/

/*
@media only screen and (max-width: 360px) {
  .panel1 .mddWrap {
    top: 150px !important;
  }
  .panel1 li {
    padding: 0 19px !important;
  }
}
*/

/* 幅340px以下から ヘッダー等微調節
------------------------------------------------------------*/

/*
@media only screen and (max-width: 340px) {
  .panel1 .mddWrap {
    top: 178px !important;
  }
}
*/

/* 幅320px以下から ヘッダー等微調節
------------------------------------------------------------*/

/*
@media only screen and (max-width: 320px) {
  .panel1 .mddWrap {
    top: 150px !important;
  }
  .logo {
    max-width: 170px;
  }
  table.form th {
    white-space: inherit;
  }
  .scroll {
    overflow: auto;
    white-space: inherit;
  }
  .form-group.mr10 {
    clear: both;
    float: none;
    margin: 0 0 10px 0;
  }
  .demo01 th, .demo01 td {
    width: 270px !important;
  }
  td.gsc-input {
    padding-left: 10px;
  }
  #contents .shinsotsu11 p {
    width: 264px;
  }
  .senpai1 {
    width: 87%;
  }
  #contents {
    float: none;
    width: 95%;
    padding: 0;
  }
  p.shinsotsusyuryo {
    padding: 0px 0 0 0;
    font-weight: bold;
    font-size: 90%;
  }
  p.chosen.kani {
    margin: -10px 0 0 15px;
  }
  .shinsotsu4 figure img, .shinsotsu4 p, .shinsotsu4 figure, .shinsotsu4 {
    height: auto;
  }
  .shinsotsu4 p {
    margin: 70px 0 0 0;
  }
  .shinsotsu2 {
  }
  .CatTitle2 {
    text-align: left;
    font-weight: 600;
    margin: -80px 0 10px 0;
    padding: 15px 0;
    position: relative;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
  }
  .info_list a {
    margin: 10px 0 0 0;
  }
  h2.top_tit_info, .top_tit {
    height;
    height: 45px;
  }
  .info_list {
    padding: 0px 20px 0px 0px;
    width: 100%;
    margin: 2px 2px 0px 0px;
    background-position-x: 295px;
    background-position-y: 8px;
  }
  .search-menu__inner input[type="submit"] {
    margin: 10px 0 0 0;
  }
  .panel2 ul li a {
    padding: 0 15px;
  }
  .provision, #info, #press {
    width: 93%;
  }
  #mdb_Mbanner {
    width: 93%;
  }
  #footer .footer_waku {
  }
  #mdb_Mbanner .slider {
    width: 88%;
  }
  .panel1 li {
    padding: 0 10px !important;
  }
  .search-menu__inner {
    width: 312px;
  }
  .members_list {
    width: 90%;
    margin: 5px 0;
  }
}
*/

/*----------------------------------------------------------------------------*/