@charset "UTF-8";
/*paddding reset*/
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*
## breakpoints
- $S:   320px;    // スマートフォン
- $T:   768px;    // タブレット
- $M:   900px;    // ミニデスクトップ
- $L:   1280px;   // デスクトップ用
*/
html {
  margin: 0;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #34404a;
  background: white;
}

html.root-fsize-large {
  font-size: 16px;
}

@media print, screen and (min-width: 900px) {
  html {
    font-size: 14px;
  }
  html.root-fsize-large {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1280px) {
  html {
    font-size: 16px;
  }
  html.root-fsize-large {
    font-size: 20px;
  }
}

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

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

body .uk-container-xlarge {
  max-width: 1200px;
}

body .uk-container-large {
  max-width: 1100px;
}

.header {
  padding-bottom: 20px;
}

header.uk-container{
  padding: 0!important;
}

.header-row-left {
  float: left;
  width: 40%;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pdB20{
  padding-bottom: 20px;
}

@media print, screen and (max-width: 768px) {
  .header-row-left{
    width: 70%;
  }

  .header-row-left img{
    margin-bottom: 20px;
    min-width: 115%;
  }
}

.header-row-right {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
}

.header-row-right .link {
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
  color: #34404a;
}

@media print, screen and (min-width: 1280px) {
  .banner-left {
    float: left;
    width: 35%;
    text-align: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media print, screen and (min-width: 1280px) {
  .banner-right {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: right;
  }
}

/* ナビゲーション*/

.grobalNav .nav_list {
  background: white;
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #d2d2d2;
}

@media print, screen and (min-width: 769px) {
  .grobalNav .pc_last{
    border-right:  1px solid #d2d2d2;;
  }
}

.grobalNav .nav_list > a {
  min-height: 30px;
}

.grobalNav .nav_list.uk-active a::before {
  content: "▶";
  padding-right: 0.3em;
  color: #5ad3ff;
  font-family: "Noto Sans CJK JP", sans-serif !important;
}


@media print, screen and (max-width: 768px) {
  .grobalNav .nav_list{
    width: 100%;
  }
}

/*ナビゲーションを変形*/
.header-fixed{
  max-width: 1200px;
  margin: auto;
}

body .uk-container-xlarge{
/*max-width:100%;*/
}

header{
  position: fixed!important;
  top: 0;
}

.btn_scroll-contacts{
  display: inline;
}

.btn_scroll-contacts-display{
  position: absolute;
  top: 60px;
  max-width: 1200px;
}        

.toggle{
  display: none;
}

.for_medical-scroll{
  position: absolute;
  left: 62vw;
  max-width: 410px;
}

@media print, screen and (max-width: 768px) {
  .scroll-none{
    display: block!important;
  }
  
  .header-row-right{
    display: none!important;
  }

  .sp-footer_btn{
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #11b1eb;
    text-align: center;
  }

  .sp-footer_btn div{
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
    margin: auto;
    letter-spacing: 1px;
  }

  .sp-footer_btn div a{
    color: #FFF;
  }

  .sp-footer_btn div.sp-f_tel{
    width: 50%;
    border-right: 1px solid;
  }

  .sp-footer_btn div.sp-f_tel::before{
    content: url(../images/ico_sp-f_tel.png);
    margin-right: 5px;
    position: relative;
    top:5px;
  }

  .sp-footer_btn div.sp-f_mail{
    width: 50%;
  }

  .sp-footer_btn div.sp-f_mail::before{
    content: url(../images/ico_sp-f_mail.png);
    margin-right: 5px;

  }

  .sp-footer_btn div.sp-f_mail a{
    display: inline-block;
    padding-top: 7px;
  }

  .pagetop{
    bottom: 75px!important;
  }
}

.sp-gserch-area{
  text-indent: 0;
}

@media print, screen and (min-width: 769px) {
  .sp-footer_btn{
    display: none;
  }
}

/*強制的に表示・非表示*/
.display{
  display: block!important;
}

.hidden{
  display: none!important;
}

/*非表示
  display: none;
}
*/

/* トップ メインエリア */
.top_main {
  background-image: url("/assets/images/bg_main.png") !important;
  background-size: cover !important;
}

.header-button-detail {
  border-radius: 7px;
  margin: 0 3px;
}

.header-button-blue {
  background-color: #5ad3ff !important;
  color: #fff;
}

.header-button-blue:hover {
  background-color: #1e87f0  !important;
}

body .uk-grid-column-small,
body .uk-grid-small {
	margin-left: 0;
}

body .uk-grid-column-small>*,
body .uk-grid-small>* {
	padding-left: 0;
}

@media print, screen and (min-width: 960px) {
	body #slider-wrapper {
		padding: 0 15px 0 0;
	}
}

@media print, screen and (min-width: 960px) {
	body .serach_box_wrapper {
		padding: 0 0 0 15px;
	}
}

@media print, screen and (max-width: 959px) {
	body .serach_box_wrapper {
		margin-top: 40px;
	}
}

.slider-for_item {
  /*background:#e0031c;*/
  background: #fff;
}

.slider-nav {
  /*width:800px;*/
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
}

.slider-nav_item img {
  width: 97%;
  max-width: 220px;
}

.slider-nav_item:after {
  content: "";
  display: block;
  width: 90%;
  /*max-width:220px;*/
  margin: 0 auto;
  /*height:22px;*/
}

.slick-slide {
  text-align: center;
}

.slick-slide img {
  margin: 0 auto;
  outline: none;
}

.slick-slide a {
  outline: none;
}

.slide-arrow {
  /*border:1px solid red;*/
  max-width: 42px;
  max-height: 42px;
  width: 30px;
  height: 30px;
  background-size: cover;
  top: 20px;
  outline: none;
  border: none;
}

.next-arrow {
  right: -0px;
  position: absolute;
  background: url("/assets/images/btn_right.png") !important;
  background-size: cover !important;
  outline: none;
  content: '';
}

.prev-arrow {
  /*left: -100px;*/
  left: -0px;
  z-index: 1000;
  position: absolute;
  background: url("/assets/images/btn_left.png") !important;
  background-size: cover !important;
  outline: none;
}

.slick-dots {
  display: none !important;
}

.serach_box_wrapper {
/*   padding: 0 2%; */
}

.search_box {
  /*background:white;*/
/*   padding: 2%; */
  position: relative;
}

.search_box form {
  width: 100%;
}

.search_box .search_text {
  width: 100% !important;
  height: 48px;
  margin-bottom: 14px;
  border: 1px solid #c3c3c3;
  border-radius: 3.75px;
}

.search_box .search_text.search_text-half {
  width: 48% !important;
}

.search_box .search_text::-webkit-input-placeholder {
  color: #afafaf !important;
}

.search_box .search_text:-ms-input-placeholder {
  color: #afafaf !important;
}

.search_box .search_text::-ms-input-placeholder {
  color: #afafaf !important;
}

.search_box .search_text::placeholder {
  color: #afafaf !important;
}

.search_box_tab {
  margin-bottom: 0 !important;
  color: #999 !important;
  /*border:1px solid #999 !important;*/
}

.search_box_tab :first-child {
  padding-left: 0em !important;
}

.search_box_tab_switcher {
  padding: 30px 0;
  background: white !important;
  color: #999 !important;
}

.head-menu-black {
  color: #999 !important;
}

.search-input-detail {
  color: #999 !important;
  border: 1px solid #999 !important;
}

.search-input-detail::-webkit-input-placeholder {
  color: #999 !important;
}

.search-input-detail:-ms-input-placeholder {
  color: #999 !important;
}

.search-input-detail::-ms-input-placeholder {
  color: #999 !important;
}

.search-input-detail::placeholder {
  color: #999 !important;
}

/*
   button汎用設定
*/
.uk-button {
 transition: .2s ease-in-out;
}
.uk-button:hover {
  opacity: 0.7;
}

/*
 * Primary
 */
.uk-button-primary {
  background-color: #8797a0 !important;
  color: #fff !important;
  border: 1px solid transparent;
}

/*
 * Secondary
 */
.uk-button-secondary {
  background-color: #fff !important;
  color: #34404a;
  border: 1px solid #39c4f6;
  border-radius: 5px;
}

.uk-button-secondary:hover {
  background-color: #e4f7fb;
  color: #34404a;
  opacity: 0.7;
}

.uk-button-border {
  border: 1px solid #5ad3ff !important;
  color: #34404a;
  border-radius: 5px;
}

.uk-button-border:hover {
  background-color: white;
  color: #5ad3ff;
}

.btn-ico-arrow::before {
  content: "▶";
  color: #5ad3ff;
  padding-right: 0.3em;
}

/*タブ*/
.uk-tab {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.uk-tab > li {
  padding-left: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.uk-tab > li > a {
  background-color: #5ad3ff !important;
  color: white !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 1em 0;
}

.uk-tab > li.uk-active > a {
  color: #10aee8 !important;
  background-color: white !important;
  border-color: white;
}

/* 検索ボックス */
.search_product li {
  padding-left: 30px;
  padding-right: 30px;
}

.search_product h2 {
  text-align: left;
}

@media print, screen and (max-width: 768px) {
  .header-row-right .gsc-search-box{
    display: none;
  }
}


@media print, screen and (min-width: 900px) {
	body h2 {
		font-size: 27px;
	}
}



@media print, screen and (max-width: 768px) {

  body{
    overflow-x: hidden;
  }

	body .gsc-input-box {
		border-radius: 4px;
		margin-right: 12px;
	}
}


/* 検索結果 */
.search-result-wrapper {
  max-height: 300px;
  overflow-y: scroll;
  background: white;
  border: 2px solid #5ad3ff;
  border-radius: 3px;
  text-align: left;
  padding: 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 100%;
  left: 0%;
  width: 100%;
  z-index: 1000;
  display: none;
}

.search-result-wrapper.active {
  display: block;
}

.search-result-list-item {
  list-style: none;
  border-bottom: 1px dashed #d2d2d2;
  line-height: 2.5em;
}

.search-result-list-item_row {
  margin-bottom: 2em;
  padding: 0.5em;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media print, screen and (min-width: 900px) {
  .search-result-list-item_row {
    padding: inherit;
    border-radius: inherit;
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    -webkit-transition: inherit;
    transition: inherit;
  }
}

/*Google検索窓*/
.gsc-search-button-v2 {
  background-color: #8797a0 !important;
  border-color: #8797a0 !important;
  border-radius: 7px !important;
  padding: 10px 15px !important;
}

/* 五十音検索ボタン */
.btn-list-initchr-1st {
  padding-left: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-list-initchr-1st .item {
  float: left;
  list-style: none;
  position: relative;
  width: 20%;
  height: auto;
}

@media print, screen and (min-width: 769px) {
  .btn-list-initchr-1st .item.item-small {
    width: 8%;
  }
}

.btn-list-initchr-1st .item.hide_sp {
  display: none;
}

@media print, screen and (min-width: 769px) {
  .btn-list-initchr-1st .item.hide_sp {
    display: block;
  }
}

.btn-list-initchr-1st .item:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100px;
}

.btn-list-initchr-1st .item p {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
  text-align: center;
  line-height: 100%;
  display: table;
}

.btn-list-initchr-1st .item p a {
  display: table-cell;
  vertical-align: middle;
  width: inherit;
  height: inherit;
  font-size: 1.875rem;
  border: 1px solid black;
  border-radius: 5px;
  text-decoration: none;
  color: #34404a;
}

.btn-list-initchr-1st .item p a:hover, .btn-list-initchr-1st .item p a.active {
  color: #5ad3ff;
  border-color: #5ad3ff;
}

.btn-list-initchr {
  background-color: #e4f7fb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
  display: none;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media print, screen and (min-width: 769px) {
  .btn-list-initchr.btn-list-initchr-listpage {
    padding: 1%;
  }
}

.btn-list-initchr.active {
  display: block;
}

.btn-list-initchr .btn-list-initchr-line {
  display: none;
}

.btn-list-initchr .btn-list-initchr-line.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-list-initchr .item {
  float: left;
  list-style: none;
  position: relative;
  width: 20%;
  height: auto;
}

@media print, screen and (min-width: 769px) {
  .btn-list-initchr .item.item-small {
    width: 8%;
  }
}

.btn-list-initchr .item:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.btn-list-initchr .item p {
  background-color: white;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  text-align: center;
  line-height: 100%;
  display: table;
}

.btn-list-initchr .item p a {
  display: table-cell;
  vertical-align: middle;
  width: inherit;
  height: inherit;
  font-size: 1.875rem;
  text-decoration: none;
  color: #34404a;
  border: 1px solid black;
  border-radius: 5px;
}

.btn-list-initchr .item p a:hover, .btn-list-initchr .item p a.active {
  color: #5ad3ff;
  border-color: #5ad3ff;
}

/* 共通部品 */
h2 {
  padding-left: 0.5em;
  border-left: 4px #5ad3ff solid;
  margin-bottom: 1.0em;
  font-weight: bold;
}

h2.h2-emergency {
  border-color: #f08914;
}

section {
  padding-top: 3.0em;
  padding-bottom: 3.0em;
}

/* リンク */
.uk-link, a {
  color: #34404a;
  text-decoration: none;
  cursor: pointer;
}

.uk-link:hover, a:hover {
  color: #34404a;
  text-decoration: none;
}

/* 記事リスト */
@media (min-width: 640px) {
	body .search_box_tab_switcher .uk-search-default .uk-search-input {
		width: 40%;
	}
}

body .uk-search-default .uk-search-input {
	border: 1px solid #c3c3c3;
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin: .2em 0;
}

@media (min-width: 640px) {
	body .uk-search-default .uk-search-input {
		border: 1px solid #c3c3c3;
		border-radius: 4px;
		padding-left: 10px;
		padding-right: 10px;
		margin: .2em 0;
	}
}

body .uk-search-default .uk-search-input::-webkit-input-placeholder {
  color: #8e8e8e !important;
}

body .uk-search-default .uk-search-input:-ms-input-placeholder {
  color: #8e8e8e !important;
}

body .uk-search-default .uk-search-input::-ms-input-placeholder {
  color: #8e8e8e !important;
}

body .uk-search-default .uk-search-input::placeholder {
  color: #8e8e8e !important;
}

body .uk-search-default .search_submit {
	margin: .2em 0;
}

body .uk-search-default .uk-button-secondary {
	margin: .2em 0;
}

body .uk-width-3-4 {
	width: 80%;
}

.uk-tab-news > li {
  padding-left: 4px;
}

.uk-tab-news > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4f7fb !important;
  color: #10aee8 !important;
  padding: .8em 1em;
  border-bottom: 1px solid #5ad3ff;
  height: 100%;
}

@media print, screen and (min-width: 900px) {
  	.uk-tab-news > li > a {
		font-size: 14px;
	}
}

.uk-tab-news > li.uk-active > a {
  border: 1px solid #5ad3ff;
  border-bottom: 1px solid white;
}

.uk-tab-news::before {
  border-bottom: 1px solid #5ad3ff !important;
}

@media print, screen and (max-width: 768px) {
  .tab-height {
    line-height: 30px;
  }
}

.pdf-lists {
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	list-style-type: none;
	padding: 0;
}

@media print, screen and (max-width: 960px) {
  	.pdf-lists {
		flex-flow: row wrap;
	}
}

.pdf-lists .lists-item {
	display: block;
    width: 30%;
	margin: 0 20px 0 0;
}

@media print, screen and (min-width: 961px) {
	.pdf-lists .lists-item {
		max-width: 260px;
	}
	.pdf-lists .lists-item:last-child {
		margin: 0;
	}
}

@media print, screen and (max-width: 960px) {
  	.pdf-lists .lists-item {
  		width: 48%;
  		margin: 0 4% 4% 0;
	}
	.pdf-lists .lists-item:nth-child(2n) {
		display: block;
		margin: 0 0 4%;
	}
}

@media print, screen and (max-width: 420px) {
	.pdf-lists .lists-item {
  		width: 100%;
  		margin: 0 0 4%;
	}
	.pdf-lists .lists-item:last-child {
		display: block;
		margin: 0;
	}
}

.pdf-lists .lists-item a {
	display: block;
	padding: 1em;
	text-align: center;
	border: 1px solid #39c4f6;
	border-radius: 4px;
	transition: opacity .2s ease-in-out;
	font-weight: bold;
}

.pdf-lists .lists-item a:hover {
	opacity: .7;
}

.pdf-lists .lists-item a.border-red {
	border: 1px solid #e66258;
}

.news-lists-wrapper {
  border-bottom: 1px solid #d2d2d2 !important;
}

.news-lists {
  padding-left: 0;
  padding-top: 2em;
  border-radius: 5px;
}

.news-lists #news-result-text {
  list-style: none;
}

.news-lists .news-lists-item {
  list-style: none;
  line-height: 1.5em;
  padding-bottom: 1.5em;
}

@media print, screen and (min-width: 900px) {
  .news-lists .news-lists-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.news-lists .news-lists-item span {
  display: inline-block;
  margin-left: 1.5em;
}

.news-lists .news-lists-item span :first-of-type {
  margin-left: 0em !important;
}

.news-lists .news-lists-item .ico_emergency {
  /*
            background-image: url("/assets/images/ico_emergency.png");
            background-size: cover;
            width:1.2em;
            height:1.2em;
*/
  color: #f08914 !important;
}

@media screen and (min-width: 769px) {
  #news-lists{
    padding-left: 30px;
  }
}

#news-lists .ico_emergency {
  position: absolute;
  margin-left: -1.5em;
}

@media screen and (max-width: 768px) {
  #news-lists  .ico_emergency {
    left: -10px;
    margin-left: 15px;
  }
}

#news-lists-emergency {
  border: 1px solid #f08914;
  min-height: 12em;
  max-height: 18em;
  overflow-y: scroll;
}

.ico_cat {
  padding: 0.1em;
  border-radius: 10px;
  border: 1px solid #848484;
  color: #848484;
  min-width: 12em;
  text-align: center;
}

.ico_cat-safety {
  border-color: #1b71b7;
  color: #1b71b7;
}

.ico_cat-package {
  border-color: #5cb71b;
  color: #5cb71b;
}

.ico_cat-attached_file {
  border-color: #f08914;
  color: #f08914;
}

.ico_cat-distribution {
  border-color: #731d88;
  color: #731d88;
}

.news-lists-area-foot {
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.news-lists-area-foot a {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.special-area-foot {
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
}

.special-area-foot a {
  display: block;
  font-size: 14px;
  font-weight: bold;
}


.section-kufu {
  background-image: url("/assets/images/bg_section-kufu.png") !important;
  /*max-height:533px;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 50px;
  background-size: cover;
}

.section-siryou {
	background: #f7f8fb;
}

.section-banner {
	padding-top: 0;
}


.section-banner .banner-wrap {
	margin-left: 0;
	margin: 0 auto;
}

.section-banner .banner-wrap div {
	max-width: 350px;
	padding-left: 0;
	margin-right: auto;
	/*margin-left: auto;*/
}

@media print, screen and (min-width: 900px) {
	.section-banner .banner-wrap div {
		width: 32%;
		margin-right: 2%;
	}
	.section-banner .banner-wrap div:nth-child(3n) {
		margin-right: 0;
	}
	*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
		margin-top: 2%;
	}
}

@media screen and (max-width: 768px) {
	.section-banner .banner-wrap div {
		max-width: 320px;
	}
}

@media screen and (max-width: 700px) {
  .section-banner .banner-wrap div {
    margin-left: auto;
  }
}

.section-banner .banner-wrap div a {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #5ad3ff;
    border-radius: 4px;
	transition: opacity .2s ease-in-out;
}

.section-banner .banner-wrap div a:hover {
	opacity: .7;
}

.section-banner .banner-wrap div p {
	width: 100%;
	padding: 0 10px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: bold;
    text-align: left;
}

.section-banner .banner-wrap div p span {
    position: relative;
    display: inline-block;
}

.section-banner .banner-wrap div p .btn-ico-arrow {
	position: relative;
    padding-left: 1.5em;
}

.section-banner .banner-wrap div p .btn-ico-arrow::before {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}

.section-banner .banner-wrap div p .xlsx-ico,
.section-banner .banner-wrap div p .pdf-ico {
	position: relative;
	padding-right: 1.5em;
}

.section-banner .banner-wrap div p .xlsx-ico::before,
.section-banner .banner-wrap div p .pdf-ico::before	{
	content: '';
	position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
	height: 16px;
}

/*
@media print, screen and (min-width: 900px) {
	.section-banner .banner-wrap div p .xlsx-ico::before,
	.section-banner .banner-wrap div p .pdf-ico::before	{
		
	}
}
*/

.section-banner .banner-wrap div p .xlsx-ico::before	{
	background-image: url("/assets/images/ico_xlsx.png") !important;
}

.section-banner .banner-wrap div p .pdf-ico::before	{
	background-image: url("/assets/images/ico_pdf.png") !important;
}

.contact-wrap {
	display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-left: 0;
}

.contact-wrap div {
	padding: 0;
}

@media print, screen and (min-width: 900px) {
	.contact-wrap div {
		width: auto;
	}
}


.section-siryou .tel-block {
	display: inline-block;
	margin: 0 2em;
}

@media screen and (max-width: 768px) {
	.section-siryou .tel-block {
		/*max-width: 360px;
		width: 60%;*/
    width: 100%;
	  background: #fff;
		border: 1px solid #3ec5f6;
		border-radius: 4px;
		padding: 1.5em;
    margin-left: 0;
	}
}

@media screen and (max-width: 420px) {
	.section-siryou .tel-block {
		width: 100%;
		margin: 0;
	}
}

.section-siryou .tel-block .in-bnr-tel {
	display: inline-block;
	position: relative;
	padding: 0 0 0 1.2em;
	color: #34404a;
	font-weight: bold;
	line-height: 1;
}

@media print, screen and (max-width: 768px) {
  .section-siryou .tel-block .in-bnr-tel {
    font-size: 24px;
  }
}

@media print, screen and (min-width: 769px) {
	.section-siryou .tel-block .in-bnr-tel {
		font-size: 54px;
	}
}

.section-siryou .tel-block .in-bnr-tel::before {
	content: '';
	position: absolute;
	top: 51%;
	left: 0;
	transform: translate(-20%, -50%);
	background-image: url("/assets/images/ico_tel.png");
	background-size: cover;
}

@media print, screen and (max-width: 768px) {
  	.section-siryou .tel-block .in-bnr-tel::before {
		width: 32px;
		height: 21px;
	}
}

@media print, screen and (min-width: 769px) {
	.section-siryou .tel-block .in-bnr-tel::before {
		width: 54px;
		height: 34px;
	}
}

.section-siryou .tel-block .in-bnr-tel-sub {
	display: block;
	margin: 1em 0 0;
	font-size: 15px;
}

.section-siryou .contact-block {
	display: inline-block;
	background: #fff;
	border: 1px solid #3ec5f6;
	border-radius: 4px;
	margin: 0 2em;
	transition: .2s ease-in-out;
}

.section-siryou .contact-block:hover {
	opacity: .7;
}

@media print, screen and (max-width: 768px) {
  .section-siryou .contact-block {
    /*max-width: 360px;
    width: 60%;*/
    padding: 1.5em 2em;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 420px) {
	.section-siryou .contact-block {
		width: 100%;
		margin: 0;
	}
}

@media print, screen and (min-width: 769px) {
	.section-siryou .contact-block {
		padding: 1.5em 5.8em;
	}
}

.section-siryou .contact-block a {
	transition: .2s ease-in-out;
}

.section-siryou .contact-block a:hover {
	opacity: .7;
}

.section-siryou .contact-block .in-bnr-txt-1 {
	line-height: 1;
	font-weight: bold;
}

@media print, screen and (max-width: 768px) {
  .section-siryou .contact-block .in-bnr-txt-1 {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 769px) {
	.section-siryou .contact-block .in-bnr-txt-1 {
		font-size: 24px;
	}
}

@media print, screen and (max-width: 768px) {
  .section-siryou .contact-block .in-bnr-txt-1 svg {
    width: 30px !important;
    height: 30px !important;
  }
}

.section-link {
  background-color: #e4f7fb !important;
}

.appeal-box {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 3em;
  background-color: rgba(255, 255, 255, 0.6) !important;
}

@media (max-width: 1180px) {
	.appeal-box {
	  margin: 0 40px;
	}
}

@media (max-width: 640px) {
	.appeal-box {
	  margin: 0 30px;
	}
}

@media (max-width: 639px) {
	.appeal-box {
	  margin: 0 15px;
	}
}

.appeal-box .appeal-box-title {
  padding-bottom: 1em;
}

@media print, screen and (max-width: 959px) {
	.appeal-box .appeal-box-title {
		font-size: 1.7rem;
	}
}

@media print, screen and (min-width: 900px) {
	.appeal-box .appeal-box-title {
		font-size: 27px;
	}
}

.appeal-box .appeal-box-head {
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 0.5em;
  line-height: 1.8em;
}

.appeal-box .appeal-box-content {
  font-size: 1.2rem;
  line-height: 1.8em;
}

.appeal-box .appeal-box-foot {
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
  padding-top: 2em;
}

.appeal-box .appeal-box-foot a {
  display: block;
  padding: 0 1em; 
  background: #fff;
  font-size: 14px;
  font-weight: bold;
}

.appeal-box .appeal-box-foot a:hover {
	color: #34404a;
}

.bnr-headpic {
  display: block;
  max-width: 827px;
  border: 1px solid #5ad3ff;
  border-radius: 5px;
}

.bnr-headpic:hover {
  opacity: 0.7;
}

.bnr-headpic .in-bnr-pic {
  display: block;
  padding-top: 32%;
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.bnr-headpic .in-bnr-pic.in-bnr-pic-patient {
  background-image: url("/assets/images/bnr_patient.png") !important;
}

.bnr-headpic .in-bnr-pic.in-bnr-pic-efficacy {
  background-image: url("/assets/images/bnr_efficacy.png") !important;
}

.bnr-headpic .in-bnr-txt {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 2.5em;
  color: #34404a;
}

.bnr-headpic .in-bnr-txt:before {
  content: '▶';
  color: #5ad3ff;
  padding-right: 0.3em;
}

@media print, screen and (min-width: 900px) {
  .bnr-headpic .in-bnr-txt {
    font-size: 1.563rem;
  }
}

.bnr-headpic:hover {
  text-decoration: none;
}

.bnr-flat {
  display: block;
  max-width: 827px;
  background-color: #e4f7fb;
  height: 100%;
  border-radius: 5px;
}

 /*.bnr-flat:hover {
 opacity: 0.7;
}*/

.bnr-flat:hover{
  background: #39c4f6;
}

.bnr-flat a:hover{
  color: #FFF!important;
  opacity: 1!important;
}

.bnr-flat:hover a::before{
  color: #FFF;
}

.bnr-flat .in-bnr-txt {
  font-size: 1.125rem;
  display: block;
  font-weight: bold;
  line-height: 3em;
  padding-top: 3em;
  padding-bottom: 3em;
  color: #34404a;
}

.bnr-flat .in-bnr-txt:before {
  content: '▶';
  color: #5ad3ff;
  padding-right: 0.3em;
}

.bnr-flat .in-bnr-txt:hover{
  color: #FFF!important;
}

.bnr-flat .in-bnr-txt:hover:before {
  content: '▶';
  color: #FFF!important;
}

@media print, screen and (min-width: 900px) {
  .bnr-flat .in-bnr-txt {
    font-size: 1.563rem;
  }
}

.bnr-flat .in-bnr-txt-small {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
  color: #34404a;
}

.bnr-flat .in-bnr-txt-small:before {
  content: '▶';
  color: #5ad3ff;
  padding-right: 0.3em;
}

.bnr-flat .in-bnr-txt-1 {
  display: block;
  font-size: 1.563rem;
  font-weight: bold;
  line-height: 3em;
  padding-top: 3em;
  padding-bottom: 3em;
  color: #34404a;
}

.bnr-flat.bnr-flat-m .in-bnr-txt {
  font-size: 1rem;
  font-weight: bold;
  line-height: 2em;
  padding: .9em 0;
}

.bnr-flat:hover {
  text-decoration: none;
}

.in-bnr-icon-blue {
  color: #5ad3ff !important;
  margin-right: 5px;
}

.in-bnr-icon-white {
  color: #fff !important;
  background-color: #5ad3ff;
}

.bnr-border {
  display: block;
  max-width: 827px;
  border: #5ad3ff 1px solid;
  height: 100%;
  border-radius: 5px;
}

/*
.bnr-border .in-bnr-tel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: 2.18rem;
  font-weight: bold;
  color: #34404a;
  line-height: 0.5em;
  padding-top: 1.5em;
  padding-left: 2em;
  padding-right: 2em;
}
*/

/*
.bnr-border .in-bnr-tel-sub {
  display: block;
  font-size: 1.125rem;
  padding-bottom: 3.2em;
}
*/

.bnr-border:hover {
  text-decoration: none;
}

.bnr-link:hover {
  opacity: 0.7;
}

footer {
  padding-top: 3em;
  background-color: #05b9fb !important;
  color: white !important;
}

footer div.first{
  width: 20%;
}

footer div.second{
  width: 20%;
}

footer div.third{
  width: 28%;
}

.footer_info_area{
  width: 32%;

}

.footer_info_area ul{
  list-style: none;
  padding: 20px;
  background: #FFF;
  border-radius: 5px;
}

footer li.arrow_none{
  padding: 0;
}

.footer_info_area .nav_ul .info .title{

}

.footer_info_area .nav_ul .info{
  margin: 0!important;
  text-indent: 0;
}

.footer_info_area .nav_ul .info .bg{
  margin: 0!important;
}

.footer_info_area .nav_ul .info .time{
  font-size:14px!important;
}

.footer_info_area .nav_ul .info .address{
  border-bottom: solid 1px #d2d2d2;
  padding-bottom: 1em;
}

.footer_info_area .link{
 font-size: 14px!important;
 margin-left: 1.5em;
}

footer .copy {
  line-height: 2.5em;
  text-align: center;
  color: #bababa !important;
  margin-top: 10px;
}

footer .uk-container-large{
  max-width: 1200px!important;
}

.footer-nav-wrap {
	margin-left: 0;
	margin-bottom: 25px !important;
	padding-bottom: 40px;
}

.footer-nav-wrap div {
	padding-left: 0;
}

.footer-sitemap {
  margin-left: 0;
  padding-left: 0;
}

.footer-sitemap li {
  list-style: none;
  line-height: 2em;
  text-indent: 1.2em;
}

.footer-sitemap li.title {
  font-size: 16px;
  font-weight: 600;
  text-indent: 0;
}

.footer-sitemap li.title::before {
  content: "▶";
  font-size: 0.8em;
  padding-right: 0.3em;
  color: white !important;
}

.footer-sitemap li a {
  color: white !important;
}

.footer_logo{
  background: #FFF;
  text-align: center;
  padding: 20px 0;
}

.footer_logo img{
  max-width: 280px;
}

.footer_sp div.bg_blue{
  padding: 0 30px;
}

.footer_sp .address{
  font-size: 18px;
}

.footer_sp .address a{
  color: #FFF!important;
}

.footer_sp .link{
  font-size: 18px;
  color: #FFF;
}

.footer_sp .link .in-bnr-icon-blue{
  color: #FFF!important;
}

.background-padding {
  padding: 50px 0;
}

/* 商品詳細 パンくず*/
.pankuzu {
  font-size: 0.8125rem;
}

@media print, screen and (min-width: 769px) {
  .pankuzu {
    margin-bottom: 50px;
  }
}

.pankuzu .now-page {
  color: #5ad3ff;
}

/* 商品詳細 タイトル*/
.top-title {
  background: url("/assets/images/product-title.png") !important;
  padding: 30px 0 40px 0;
  margin: 30px auto 50px auto;
}

.top-title .eng-title {
  color: #727272;
  padding-left: 5px;
  font-size: 1.125rem;
}

.top-title .main-title {
  font-size: 2rem;
  color: #34404a;
  font-weight: bold;
}

.main-title {
  font-size: 2rem;
  color: #34404a;
  font-weight: bold;
}

/* 商品詳細 サブタイトル*/
h2.sub-title {
  color: #727272;
  font-weight: bold;
}

/* 商品詳細 メイン情報テーブル*/
.main-tbl {
  text-align: left;
  width: 100%;
}

.main-tbl > tbody > tr {
  display: block;
}

@media print, screen and (min-width: 769px) {
  .main-tbl > tbody > tr {
    display: table-row;
  }
}

.main-tbl td.img {
  width: 100%;
  position: relative;
  display: block;
}

@media print, screen and (min-width: 769px) {
  .main-tbl td.img {
    width: 37%;
    padding-right: 3%;
    display: table-cell;
  }
}

.main-tbl td.img img.product {
  width: 100%;
}

.main-tbl p.btn {
  width: auto;
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 50px;
}

.main-tbl td.date {
  width: 60%;
  padding-bottom: 20px;
}

/* 商品詳細 米印*/
.asterisk {
  font-size: 0.8125rem;
  margin-top: 10px;
}

/* 商品詳細 サブ画像*/
ul.product-img {
  margin: 50px auto 100px auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

ul.product-img li {
  padding: 0.5em;
  /*
        width: 18%;
        margin-right: 2.5%;
        */
}

ul.product-img li img.product {
  width: 100%;
}

ul.product-img li p.btn {
  width: auto;
  text-align: right;
  margin-top: 5px;
}

/* 商品詳細 共通テーブル*/
/*レスポンシブ用にWrapper要素を超える横長のTBLはスクロールを入れる*/
.product-tbl-wrap {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
}

@media print, screen and (min-width: 769px) {
  .product-tbl-wrap {
    overflow-x: hidden;
  }
}

table.product {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 0.9375rem;
}

table.product th {
  padding: 15px 20px 15px 30px;
  background-color: #e4f7fb !important;
  font-weight: normal;
  border: solid 1px #aaaaaa;
}

table.product td {
  padding: 15px 20px 15px 30px;
  border: solid 1px #aaaaaa;
}

/* 商品詳細 サブテーブル*/
table.default-tbl th {
  width: 20%;
}

table.default-tbl td {
  width: 30%;
}

/* 商品詳細 コード一覧テーブル*/
table.code-tbl th {
  width: 20%;
}

table.code-tbl td.unit {
  width: 20%;
  background-color: #dfe5f5 !important;
}

table.code-tbl td.code {
  text-align: center;
  padding: 15px 20px;
}

table.code-tbl td.code img {
  margin-bottom:5px;
  display:block;
}

/* 商品詳細 メニューボタン*/
.common_name_products_area div {
	margin: 0 0 .5em;
}

.common_name_products_area .uk-select {
	margin: 0 0 10px;
}
.menu-wrap {
  overflow: hidden;
  display: none;
}

@media print, screen and (min-width: 769px) {
  .menu-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }
}

@media print, screen and (min-width: 769px) {
  .menu-wrap a {
  	display: block;
    width: 160px;
    height: 46px;
    margin: 5px 10px 10px 0;
  }
}

.menu-btn {
  color: #5ad3ff;
  width: 100%;
/*   height: 46px; */
  border: 2px solid;
  float: left;
  padding: 10px;
  text-align: center;
/*   margin: 5px 20px 0px 0px; */
  border-radius: 5px;
}

.menu-btn span {
  color: #727272;
}

.menu-btn:hover {
  opacity: 0.7;
}

.print-btn {
  background-color: #5ad3ff !important;
  color: #FFF;
/*   width: 190px; */
/*   height: 50px; */
  border: 2px solid #5ad3ff;
/*   float: right; */
  padding: 10px;
  text-align: center;
/*   margin-right: 20px; */
  border-radius: 5px;
}

.print-btn:hover {
  background-color: #1e87f0 !important;
  border: 2px solid #1e87f0;
}

/* 商品詳細 資料背景*/
.bg-blue {
  background-color: #e4f7fb !important;
  border-radius: 5px;
  overflow: hidden;
}

.bg-blue p {
  margin: 0;
}

/* 商品詳細 各種資料ボックス*/
.document-box-white {
  display: flex;
  align-items: center;
  background-color: white !important;
  width: 100%;
  border-radius: 5px;
  padding: 0.3em;
  float: left;
  margin: 4px;
}

@media print, screen and (min-width: 769px) {
  .document-box-white {
    margin: .5%;
    width: 32.3%;
    min-height: 70px;
    padding: 0.7em;
  }
}

.document-box-gray {
  background-color: #dddddd !important;
  width: 100%;
  border-radius: 5px;
  padding: 0.7em;
  float: left;
  margin: 4px;
}

@media print, screen and (min-width: 769px) {
  .document-box-gray {
    padding: 1em;
    margin: .5%;
    width: 32.3%;
    height: 70px;
  }
}

.document-box-gray-text {
  height: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 商品詳細 患者様向け資料ボックス*/
.patient-area {
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
}
.patient-document-box {
  background-color: white !important;
  min-height: 80px;
  height: auto;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0 5px;
}
.patient-box {
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  .patient-box {
    width: 49%;
    margin: 0 0.5%;
  }
}

.patient-document-category {
  height: auto;
  border-radius: 5px;
  padding: 5px 15px;
  display: inline-block;
}
.patient-document-category::after {
  content: "▶";
  padding-left: 0.3em;
}
.patient-material {
  background-color: #5ad3ff !important;
  color: #ffffff;
}
.patient-contacts {
  background-color: #ffffff !important;
  border: solid 1px #5ad3ff;
}
.patient-download {
  height: auto;
  padding: 5px 0;
  text-align: right;
  font-size: 0.9rem;
}
.patient-contacts::after {
  color: #5ad3ff;
}
.patient-document-category_link {
  text-align: right;
  font-size: 0.9rem;
  display: block;
}


/* 商品詳細 医療関係者向け資料ボックス*/
.medical-personnel-document-box {
  background-color: white !important;
  width: 290px;
  height: auto;
  border-radius: 5px;
  padding: 20px 10px;
  float: left;
  margin: 10px 2px 5px 2px;
  overflow: hidden;
}

/* 商品詳細 資料テーブル*/
.document-table {
  width: 100%;
  height: 100%;
}

/* 商品詳細 資料アイコン*/
.ico-pdf {
  border: 2px solid;
  border-radius: 10px;
  text-align: center;
  color: #ff4e4e !important;
  font-weight: bold;
  font-size: .8rem;
}

.ico-pdf::before {
  content: "PDF";
}

.ico-doc {
  border: 2px solid;
  border-radius: 10px;
  text-align: center;
  color: #0068b7 !important;
  font-weight: bold;
  font-size: .8rem;
}

.ico-doc::before {
  content: "DOC";
}

.ico-xls {
  border: 2px solid;
  border-radius: 10px;
  text-align: center;
  color: #217346 !important;
  font-weight: bold;
  font-size: .8rem;
}

.ico-xls::before {
  content: "XLS";
}

.ico-html {
  border: 2px solid;
  border-radius: 10px;
  text-align: center;
  color: #5ad3ff !important;
  font-weight: bold;
  font-size: .8rem;
}

.ico-html:before {
  content: "HTML";
}

.ico-img {
  border: 2px solid;
  border-radius: 10px;
  text-align: center;
  color: #F1B84A !important;
  font-weight: bold;
  font-size: .8rem;
}

.ico-img:before {
  content: "IMG";
}

/* 商品詳細 資料タイトル*/
.document-title {
  color: black;
  font-size: 0.875rem;
}

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

.mr-3 {
  margin-right: 3px;
}

/* 商品一覧 商品タイトル列*/
.list_product_name_col-head {
  padding: 0 !important;
  display: none !important;
  float: left;
  border-bottom: 1px #5ad3ff solid;
  margin-bottom: 1.5em;
}

@media print, screen and (min-width: 900px) {
  .list_product_name_col-head {
    display: block !important;
  }
}

.list_product_name_col-head .lead-text {
  padding: 0 !important;
  font-size: 1.563rem;
  font-weight: bold;
}

.list_product_name_col-head .sub-text {
  font-size: 1rem;
  padding: 0 !important;
}

.list_product_name_col {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-right: 1%;
}

@media print, screen and (min-width: 900px) {
  .list_product_name_col {
    width: 30%;
  }
}

.list_product_name_col p {
  padding: 30px 40px 30px 15px;
  color: #5ad3ff;
}

.list_product_name_col span {
  color: #000000;
}

.list_product_name_col a {
  text-decoration: none;
}

.list_product_name_col .detail_name {
  width: 35%;
  margin: 5px 5% 5px 0;
  display: inline-block;
  padding: 5px;
  border: 2px solid;
  border-color: #5ad3ff;
  border-radius: 5px;
  text-align: center;
  font-size: 0.875rem;
  vertical-align: top;
}

.list_product_name_col .detail {
  width: 60%;
  font-size: 0.875rem;
  display: inline-block;
  margin-top: 5px;
  padding-top: 5px;
}

.list_product_name_col .detail ul {
  padding: 0;
}

.list_product_name_col .detail ul li {
  list-style: none;
}

/* 識別コード用テーブル */
table.identifying-code-tbl th {
  width: 30%;
}

table.identifying-code-tbl td {
  width: 70%;
}

@media print, screen and (min-width: 769px) {
  table.identifying-code-tbl th {
    width: 20%;
  }
  table.identifying-code-tbl td {
    width: 80%;
  }
}

/* 製剤情報リスト化 */
.product_info {
  list-style: none;
  overflow: hidden;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product_info li {
  float: left;
  line-height: 22.5px !important;
  border-top: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product_info li:last-child {
  border-bottom: solid 1px #aaaaaa;
}

.product_info .title {
  width: 30%;
  background-color: #e4f7fb !important;
}

.product_info .contents {
  width: 70%;
  margin-top: 0px;
}

@media print, screen and (min-width: 769px) {
  .product_info li {
    float: left;
    line-height: 22.5px !important;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product_info li:nth-child(even) {
    border-left: none;
  }
  .product_info li:nth-last-child(2) {
    border-bottom: solid 1px #aaaaaa;
  }
  .product_info .title {
    width: 40%;
    background-color: #e4f7fb !important;
  }
  .product_info .contents {
    width: 60%;
    margin-top: 0px;
  }
}

.product_info li p + p {
  border-left: solid 1px #aaaaaa;
}

.product_info li p {
  padding: 12px 20px 12px 30px;
  font-size: 0.9375rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 縦方向中央揃え（Safari用） */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 縦方向中央揃え */
}

/* 商品一覧 関連資料列*/
.list_related-documents_col {
  display: inline-block;
  width: 100%;
}

@media print, screen and (min-width: 900px) {
  .list_related-documents_col {
    width: 68.7%;
  }
}

.list_related-documents_col .more {
  clear: left;
  text-align: center;
  padding: 25px;
}

.list_related-documents_col .more a {
  color: #5ad3ff;
}

.list_related-documents_col .more a span {
  color: #000000;
}

/* 新製品情報 */
.tuiho-box-item {
  padding: 2em 4em;
  margin-bottom: 1.5em;
  line-height: 2.5em;
}

.tuiho-box-item .link-detail::before {
  content: "▶";
  color: #5ad3ff;
  padding-right: 0.3em;
}

.tuiho-box-item .tuiho-box-item-l, .tuiho-box-item .tuiho-box-item-r {
  width: 100%;
}

@media print, screen and (min-width: 769px) {
  .tuiho-box-item .tuiho-box-item-l, .tuiho-box-item .tuiho-box-item-r {
    width: 50%;
  }
}

.tuiho-box-item-subtitle {
  font-size: 1rem;
}

.tuiho-box-item-maintitle {
  font-size: 1.125rem;
  font-weight: bold;
}

.tuiho-box-img {
  /*border:0.5em #ececec solid;*/
  /*border-radius: 5px;*/
  /*background: #ececec;*/
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  height: auto;
  height: 13em;
}

@media print, screen and (min-width: 769px) {
  .tuiho-box-img {
    width: 300px;
    height: auto;
    height: 10em;
  }
}

.tuiho-detail-box-img {
  text-align: center;
  /*background-color: $color_text-grey;*/
  padding: 1em;
}

#tuiho-detail-box-ico_area {
  margin-top: 2em;
  padding: 2em;
}

.tuiho-box-item-title {
  font-size: 1.563rem;
  font-weight: bold;
  border-bottom: solid 5px #5ad3ff;
  line-height: 3;
}

.tuiho-box-item-title span {
  display: block;
  font-size: 1rem;
}

.ico_tuiho_docs {
  display: inline-block;
  line-height: 1.5em;
  border: 1px solid;
  border-radius: 5px;
  padding: 0.5em;
  margin-bottom: 1.5em;
}

.ico_tuiho_docs .ico_tuiho_docs-doctype {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.ico_tuiho_docs .ico_tuiho_docs-title {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.txt-accent {
  font-size: 1.563rem;
  color: #5ad3ff;
  font-weight: bold;
  line-height: 2em;
}

/* お問い合わせ */
.tel-box .tel-txt {
  border: 1px solid;
  font-weight: bold;
  font-size: 1.374rem;
  padding: 20px 85px;
  margin-top: 20px;
  display: inline-block;
}

.min-item {
  font-weight: bold;
  font-size: 1.375rem;
  margin-top: 40px;
}

.tel-item {
  margin-top: 0;
}

/* 患者様向け資料 */
.material-box-wrap p {
  margin: 0;
}

@media print, screen and (min-width: 769px) {
  .material-box-wrap {
    border: solid 1px;
    display: flex;
    flex-wrap: wrap;
  }
}

.material-box-wrap .material-box {
  /* margin: 0.5em; */
  width: 100%;
  padding: 0.5em;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {
  .material-box-wrap .material-box {
    padding: 1rem;
    border-radius: inherit;
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    width: 50%;
  }
}

.material-box-wrap .material-box .img-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
}

.material-box-wrap .material-box .img-box.img-box-pc {
  display: none;
}

@media print, screen and (min-width: 769px) {
  .material-box-wrap .material-box .img-box.img-box-pc {
    margin-right: 3%;
    display: block;
    height: 200px;
    width: 22%;
  }
}

.material-box-wrap .material-box .img-box.img-box-sp {
  display: block;
  height: 100px;
  width: 30%;
}

@media print, screen and (min-width: 769px) {
  .material-box-wrap .material-box .img-box.img-box-sp {
    display: none;
  }
}

.material-box-wrap .material-box .text-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 100%;
}

@media print, screen and (min-width: 769px) {
  .material-box-wrap .material-box .text-box {
    width: 52%;
    margin-right: 3%;
  }
}

.material-box-wrap .material-box .text-box p {
  line-height: 1.5;
}

.material-box-wrap .material-box .mb-1rem {
  margin-bottom: 1rem;
}

.material-box-wrap .material-box .input-area {
  float: left;
  height:100%;
}
@media print, screen and (min-width: 769px) {
  .material-box-wrap .material-box .input-area {
    border-left: 1px solid;
    width: 20%;
  }
}

.material-box-wrap .material-box .input-box {
  margin: 2rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {
  .material-box-wrap .material-box .input-box {
    margin: 2rem 0.5rem;
  }
}

@media print, screen and (max-width: 768px) {
  .material-box-wrap .material-box .input-box {
    float:left;
  }
  .material-box-wrap .material-box .list_btn_area {
    margin: 2.5rem 0 2rem;
  }
}

.material-box-wrap .list_empty {
  margin: 10px;
}
.material-form-explanation {
  margin-top: 3em;
}

@media print, screen and (min-width: 769px) {
  .contact_area {
    position: relative;
    float: left;
    border-left: 1px solid;
    width: 20%;
    height: 100%;
  }
}
@media print, screen and (max-width: 768px) {
  .contact_area {
    float: left;
    margin: 2.5rem 1rem;
  }

}

@media print, screen and (min-width: 769px) {
  .pdf_area {
    position: relative;
      float: left;
      border-left: 1px solid;
      width: 20%;
      height: 100%;
  }
  .pdf_area div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0.5rem;
  }
}
@media print, screen and (max-width: 768px) {
  .pdf_area {
    float: left;
    margin: 2rem 1rem;
    width: 60%;
  }

}
.pdf_area div {
  margin: 0 0.5rem;
    font-size: 0.8rem;
    margin-right: 0;
}

.material_aform {
  text-align: center;
  margin: 0 0.5rem;
  padding: 10px 5px;
  background: #e4f7fb;
  width: 100%;
  color: #000;
  font-size: 0.8rem;
}
@media print, screen and (min-width:768px) {
  .material_aform {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

.keyword-list{
	display: flex;
	flex-wrap: wrap;
}
.keyword-list label{
  width: 14%;
  margin: 5px 0;
  margin-right:2.5%;
}

.keyword-list label input {
  display: none;
}
.keyword-list label span {
  color: #000000;
  display: block;
  width:100%;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 2px 0;
  text-align: center;
}
.keyword-list label input:checked + span {
  color: #FFFFFF;
  background: #5ad3ff;
  border: 1px solid #5ad3ff;
}

@media (max-width: 640px) {
  .keyword-list label{
    width: 45%;
    margin: 5px 2.5%;
  }
}

.category-list-area{
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.category-list-area label{
  margin-right:20px;
  white-space: nowrap;
}
.category-list-area .title{
  font-size: 1.5rem;
  color: #34404a;
  font-weight: bold;
  margin-bottom: 10px;
}

.keyword-list-area{
  padding: 15px 0 0;
}
.keyword-list-area .title{
  font-size: 1.5rem;
  color: #34404a;
  font-weight: bold;
  margin-bottom: 10px;
}
.keyword-text-area {
  padding: 0 0 15px;
  border-bottom: 1px solid #eee;
}

/* 患者様向け資料確認 */
.confirm_num_area{
  text-align: right;
  padding-bottom: 10px;
}
.confirm_list_num {
  color: #48c5f3;
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 5px;
}
.confirm_docs_title_pc {
  display: none;
}
.confirm_docs_title_sp {
  display: block;
}
@media print,screen and (min-width: 769px) {
  .confirm_docs_title_pc {
    display: block;
  }
  .confirm_docs_title_sp {
    display: none;
  }
}

.material-confirm-wrap p {
  margin: 0;
}

.material-confirm-wrap {
  border-bottom: 1px solid #ccc;
}

.material-confirm-wrap .material-box {
  /* margin: 0.5em; */
  width: 100%;
  padding: 1.5em 0.5em;
  border-radius: 2px;
  /* margin-bottom: 3em; */
  overflow: hidden;
  border-top: 1px solid #ccc;
}

@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box {
    padding: 2rem 1rem;
    border-radius: inherit;
    box-shadow: inherit;
    transition: inherit;
    box-sizing: border-box;
    display: flex;
  }
}

.material-confirm-wrap .material-box .img-box {
  /*width:100px;*/
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
}
@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box .img-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
}
@media print,screen and (max-width: 768px) {
  .material-confirm-wrap .material-box .img-box {
    margin: 0 auto;
  }
}

.material-confirm-wrap .material-box .img-box.img-box-pc {
  display: block;
  height: 150px;
  width: 35%;
}

@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box .img-box.img-box-pc {
    margin-right: 3%;
    height: 200px;
    width: 17%;
  }
}

.material-confirm-wrap .material-box .text-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media print,screen and (max-width: 768px) {
  .material-confirm-wrap .material-box .text-box {
    width: 55%;
    padding-right: 8%;
    float: left;
    border-right: 1px solid;
  }
}
@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box .text-box {
    width: 42%;
    margin-right: 8%;
  }
}

.material-confirm-wrap .material-box .text-box p {
  line-height: 1.5;
}

.material-confirm-wrap .material-box .mb-1rem {
  margin-bottom: 1rem;
}
.material-confirm-wrap .material-box .mt-1rem {
  margin-top: 1rem;
}

.material-confirm-wrap .material-box .input-area {
  float: left;
  width: 45%;
}
@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box .input-area {
    width: 15%;
    position: relative;
    border-left: 1px solid;
  }
}

@media print,screen and (max-width: 768px) {
  .material-confirm-wrap .material-box .del-area {
    margin-top: 2rem;
  }
}
@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box .del-area {
    width: 15%;
    position: relative;
    border-left: 1px solid;
  }
}

.material-confirm-wrap .material-box .input-box {
  margin-left:2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box .input-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media print,screen and (max-width: 768px) {
  .material-confirm-wrap .material-box .input-box {
    margin:1rem 2rem;
  }
}

.material-confirm-wrap .material-box .input-box input {
  width: 4rem;
  height: 60px;
  font-size: 1rem;
}

.material-confirm-wrap .material-box .material-dlt {
  background-color: #eeeeee;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
}
@media print,screen and (min-width: 769px) {
  .material-confirm-wrap .material-box .material-dlt {
    margin-left: 20%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

.material-dlt:hover{
  cursor: pointer;
  opacity: 0.7;
}

.document-confirm-material {
  display: flex;
  align-items: center;
  background-color: white !important;
  width: 100%;
  border-radius: 5px;
  padding: 0.3em;
  float: left;
  margin: 4px 0;
}

@media print,
screen and (min-width: 769px) {
  .document-confirm-material {
    margin: .5%;
    width: 40%;
    min-height: 45px;
    text-align: center;
  }
}

.confirm-submit {
  margin-top: 3rem;
  display: flex;
}

.confirm-submit .btn_back {
  background-color: #eee !important;
  width: 40%;
  display: block;
  font-weight: bold;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  text-align: center;
  margin: 0 auto;
  color: #34404a;
}
.confirm-submit .btn_back:hover {
  opacity: 0.7;
}

.confirm-submit .btn_submit {
  width: 40%;
  background-color: #e4f7fb !important;
  display: block;
  font-weight: bold;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin: 0 auto;
  text-align: center;
  color: #34404a;
}
.confirm-submit .btn_submit span{
  margin-right: 5px;
  color: #5ad3ff;
}

.confirm-submit .btn_submit:hover {
  opacity: 0.7;
}


/* 供給状況検索 */
.kyoukyu_tbl_area {
  margin-inline: auto;
  overflow-x: auto;
  /* tableタグのはみ出た要素を隠す */
  width: 100%;
}

.kyoukyu_tbl{
  width: 100%;
  border-spacing: 10px 0px;
  min-width: 350px;
}

.kyoukyu_tbl th{
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  background-color: #5ad3ff;
}

.kyoukyu_tbl .center{
}

.kyoukyu_tbl td {
  padding: 10px 0;
  text-align: center;
  border-bottom: solid 1px #eee;
}


.kyoukyu-text{
  margin-top: 3rem;
  background-color: #e4f7fb;
  border-radius: 5px;
  padding: 20px 15px;
}

.kyoukyu-document-box {
  background-color: white !important;
  width: 260px;
  height: auto;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
  border: #000 1px solid;
}
.kyoukyu-document-box p{
  margin: 0;
}
.ico-excel {
  border: 2px solid;
  border-radius: 10px;
  text-align: center;
  color: #1fb048 !important;
  font-weight: bold;
  font-size: .8rem;
}

.ico-excel::before {
  content: "EXCEL";
}



/* PDF資料ボックス*/
.document-box-material {
  display: flex;
  border: 1px solid black;
  align-items: center;
  background-color: white !important;
  width: 100%;
  border-radius: 5px;
  padding: 0.3em;
  float: left;
  margin: 4px 0;
}

@media print, screen and (min-width: 769px) {
  .document-box-material {
    margin: .5%;
    width: 80%;
    min-height: 45px;
    text-align: center;
  }
}

.list_btn {
  padding: 5px 10px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
}

.list_btn:hover {
  cursor: pointer;
  opacity: 0.7;
}

.docs_title {
  font-size: 1.2rem;
}

.add_list_btn {
  color: #FFF;
  border: 1px solid #74e4ff;
  background-color: #74e4ff;
}

.in_list_btn {
  color: #10aee8;
  border: #10aee8 1px solid;
  background-color: #fff;
}


.fix_btn_area {
  position: fixed;
  bottom: 120px;
  width: 200px;
  right: 10px;
  background-color: #FFF;
  padding: 10px 0;
  border: solid 1px #48c5f3;
  margin: 0 auto;
  z-index: 1;
}

.fix_btn_area .fix_btn {
  text-align: center;
  width: 90%;
  padding: 5px 0;
  border-radius: 5px;
  color: #FFFFFF;
  background: #5ad3ff;
  border: 1px solid #5ad3ff;
  margin: 0 auto;
}
.fix_btn_area .fix_btn:hover {
  cursor: pointer;
  opacity: 0.7;
}

@media print, screen and (max-width: 768px) {
  .fix_btn_area {
    display: flex;
    width: 100%;
    bottom: 0;
    right: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
  }

  .fix_btn_area .fix_text{
    width: 42%;
    margin: 8px 0 !important;
  }

  .fix_btn_area .fix_btn{
    width: 58%;
    border-radius: 0;
    padding-top: 10px;
  }

  .fix_btn_area .fix_btn::after{
    content: "▶";
    padding-left: 0.3em;
    color: white !important;
  }
}

.open-btn{
  background-color: #e4f7fb;
  text-align: center;
  padding: 10px 0;
  color: #10aee8;
}
.open-btn:hover{
  cursor: pointer;
}

.fix_btn_area .fix_text{
  text-align: center;
  color: #48c5f3;
  margin-bottom: 15px;
}
.fix_btn_area .fix_text img{
  margin-right: 10px;
  vertical-align: text-bottom;
}
.fix_btn_area .fix_text span {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 5px;
}

.material-box-wrap .material-box .input-box input {
  width: 4rem;
  height: 60px;
  font-size: 1rem;
}

/*
    ページャー
*/
.uk-pagination .uk-active {
  border: 1px solid #5ad3ff;
}

/*
    ページTOP
*/
.pagetop {
  position: fixed;
  bottom: 10px;
  right: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pagetop a {
	background: #5ad3ff !important;
}

/*
印刷用共通設定
*/
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
  html, body {
    height: 100%;
  }
}

/*------------新規ページPDFダウンロードボタン------------*/
/*確認ボタン*/
.download-button-area{
  background: #e4f7fb;
  max-width: 275px;
  padding: 0 0 0 30px;
  margin: 0 auto;
}

.download-button-area:hover{
  opacity: 0.7;
}

.download-button-area span{
  color:#5ad3ff;
}

div.pdfdownload{
 
}

div.pdfdownload .download-button-area{
  min-width: 350px;
  text-align: center;
  padding: 0;
}

div.pdfdownload a{
  color: #000;
  font-size: 20px;
  padding: 40px 0;
  display: inline-block;
  min-width: 100%;
}

div.pdfdownload a:hover{
  text-decoration: none;
}

div.pdfdownload .download-button-area span{
  margin-right: 5px;
}
/*------------スマホ対応------------*/
@media print, screen and (max-width: 768px) {
      /*新規ページPDFダウンロード*/
      div.pdfdownload{
        display: block;
      }

      div.pdfdownload .download-button-area{
        margin-bottom: 30px;
        width: 50%;
        min-width: 50%;
      }

      div.pdfdownload a{
        font-size: 18px;
        padding: 20px;
        width: 100%;
        min-width: 100%;
      }
}
/*------------PDFダウンロードボタン配置調整用------------*/

@media print, screen and (min-width:769px) and ( max-width:1100px) {

  div.pdfdownload .download-button-area{
    min-width: 245px;
  }
  
  div.pdfdownload a{
    font-size: 16px;
    padding: 25px 10px
  }

}

@media print, screen and (min-width:768px){
	.top-search-2{
		margin-top:20px !important;
	}
}

/*------------LINE公式アカウントのご紹介------------*/
/* ection-line-now */
.section-line-now {
	padding-top: 0;
	color: #4abaeb;
  display: flex;
}
@media print, screen and (min-width:768px){
  .section-line-now {
    max-width: 1200px;
    flex-direction: row;
  }
}
@media screen and (max-width: 769px) {
  .section-line-now {
    width: 100%;
    flex-direction: column;
  }
}
.section-line-now .balloon-wrap {
	margin-left: 0;
	margin: 0 auto;
  float: left;
  background-size: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
@media print, screen and (min-width:768px){
  .section-line-now .balloon-wrap {
    max-width: 931px;
    max-height: 385px;
    width: 100%;
	background: url("/line/images/line_000.png") no-repeat;
    background-position : left top;
  background-size: 100% 100%;
	text-align: center;
  }
}
@media screen and (max-width: 769px) {
  .section-line-now .balloon-wrap {
    width: 100%;
    background: url("/line/images/line_000_sp.png") no-repeat;
    background-position : center top;
    /* background-size: contain; */
    background-size: 100% 100%;
    text-align: left;
    padding-bottom: 40px;
  }
}
.section-line-now .balloon-wrap-txt {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
  font-weight: bold;
  font-size: 18px;
}
@media print, screen and (min-width:768px){
  .section-line-now .balloon-wrap-txt {
    max-width: 90%;
    margin-left: 20px;
  }
}
@media screen and (max-width: 769px) {
  .section-line-now .balloon-wrap-txt {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
.section-line-now .balloon-wrap-img div {
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
.section-line-now .balloon-wrap-img {
	padding-left: 0;
  margin-top: 20px;
}
@media print, screen and (min-width:768px){
  .section-line-now .balloon-wrap-img {
    max-width: 90%;
    margin-left: 20px;
    display: flex;
  }
  .section-line-now .balloon-wrap-img div {
    width: 28%;
  }
}
@media screen and (max-width: 769px) {
  .section-line-now .balloon-wrap-img {
    max-width: 90%;
    display: flex;
    flex-flow:wrap; /* 子要素をrow方向に並べ、逆に折返す*/
    justify-content:space-around;
    /* flex-direction: column; */
    margin-right: auto;
    margin-left: auto;
  }
  .section-line-now .balloon-wrap-img div {
    width: 45%;
  }
  .section-line-now .balloon-wrap-img .top {
    width: 100%;
    text-align: center;
  }
  .section-line-now .balloon-wrap-img .top img {
    width: 45%;
  }
}
.section-line-now .balloon-wrap-img div img {
    width: 100%;
}
.section-line-now .human-wrap {
	margin-left: 0;
	margin: 0 auto;
    max-width: 270px;
}
@media print, screen and (min-width:768px){
  .section-line-now .human-wrap {
    /* float: left; */
  }
}
@media screen and (max-width: 769px) {
  .section-line-now .human-wrap {
    text-align: center;
  }
  .section-line-now .human-wrap img {
    width: 80%;
  }
}
/* section-line-banner */
.section-line-banner {
	padding-top: 0;
	background-color: #e4f7fb;
	padding-top: 20px;
	padding-bottom: 0;
  display: flex;
}
@media print, screen and (min-width:768px){
  .section-line-banner {
    max-width: 1200px;
    flex-direction: row;
  }
}
@media screen and (max-width: 769px) {
  .section-line-banner {
    width: 100%;
    flex-direction: column-reverse;
  }
}
.section-line-banner .human-wrap {
	margin-left: 0;
	margin: 0 auto;
	max-width: 370px;
	padding-left: 10px;
}
@media screen and (max-width: 769px) {
  .section-line-banner .human-wrap {
    clear: both;
    text-align: center;
  }
  .section-line-banner .human-wrap img {
    width: 80%;
  }
}
.section-line-banner .line-banner-wrap {
	margin-left: 0;
	margin: 0 auto;
	padding-left: 15px;
}
@media print, screen and (min-width:768px){
  .section-line-banner .line-banner-wrap {
    max-width: 800px;
  }
}
@media screen and (max-width: 769px) {
  .section-line-banner .line-banner-wrap {
    width: 95%;
    clear: both;
    text-align: center;
    padding-right: 15px;
  }
}
.section-line-banner .line-banner-wrap .line-banner-wrap {
	margin-left: 0;
	margin: 0 auto;
	padding-bottom: 20px;
  display: flex;
}
@media print, screen and (min-width:768px){
  .section-line-banner .line-banner-wrap .line-banner-wrap {
    flex-direction: row;
  }
}
@media screen and (max-width: 769px) {
  .section-line-banner .line-banner-wrap .line-banner-wrap {
    flex-direction: column-reverse;
  }
  .section-line-banner .line-banner-wrap .inner-wrap{
    padding-right: 0;
    padding-left: 0;
  }
}
.section-line-banner .line-banner-wrap .line-banner-wrap-border {
  border-bottom: #2db3e9 dotted 1px;
  max-width: 95%;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .section-line-banner .line-banner-wrap .line-banner-wrap-border {
    max-width: 100%;
  }
}
.section-line-banner .line-banner-wrap .line-banner-wrap-img {
	margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 150px;
 }
 @media print, screen and (min-width:768px){
  .section-line-banner .line-banner-wrap .line-banner-wrap-img {
	  max-width: 120px;
	  width: 120px;
   }
 }
 @media screen and (max-width: 769px) {
  .section-line-banner .line-banner-wrap .line-banner-wrap-img {
    max-width: 100%;
    margin: 0 auto;
   }
 }
 .section-line-banner .line-banner-wrap .line-banner-wrap-img img {
    max-width: none;
  }
.section-line-banner .line-banner-wrap .line-banner-wrap-txt {
	margin-left: 0;
}
@media print, screen and (min-width:768px){
  .section-line-banner .line-banner-wrap .line-banner-wrap-txt {
    max-width: 600px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 769px) {
  .section-line-banner .line-banner-wrap .line-banner-wrap-txt {
    width: 100%;
    clear: both;
    text-align: left;
	  margin: 0 auto;
    margin-bottom: 10px;
  }
}
.section-line-banner .line-banner-wrap .line-banner-title {
  font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #4abaeb;
  font-weight: bold;
}
@media screen and (max-width: 769px) {
  .section-line-banner .line-banner-wrap .line-banner-title {
    text-align: center;
  }
}
/* section-line-movie */
.section-line-movie {
  width: 80%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 1em;
}
@media print, screen and (min-width:768px){
  .section-line-movie {
    max-width: 1200px;
  }
}
@media screen and (max-width: 769px) {
  .section-line-movie {
    width: 100%;
  }
}
.section-line-movie div{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:3em;
}
.section-line-movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* section-line-image */
.section-line-image {
	padding-top: 0;
  display: flex;
}
@media print, screen and (min-width:768px){
  .section-line-image {
    max-width: 1200px;
    flex-direction: row;
  }
}
@media screen and (max-width: 769px) {
  .section-line-image {
    width: 100%;
    flex-direction: column;
  }
}
.section-line-image .line-image-wrap-img {
	margin-left: 0;
	margin: 0 auto;
  font-size: 13px;
}
@media print, screen and (min-width:768px){
  .section-line-image .line-image-wrap-img {
    max-width: 390px;
  }
}
@media screen and (max-width: 769px) {
  .section-line-image .line-image-wrap-img {
    width: 100%;
    text-align: center;
  }
}
.section-line-image .line-image-wrap-img img {
	margin-bottom: 10px;
}
.section-line-image .line-image-wrap-txt {
	margin-left: 0;
	margin: 0 auto;
	padding-left: 15px;
}
@media print, screen and (min-width:768px){
  .section-line-image .line-image-wrap-txt {
    max-width: 790px;
  }
}
@media screen and (max-width: 769px) {
  .section-line-image .line-image-wrap-txt {
    width: 100%;
    padding-left: 0px;
  }
}
.section-line-image .line-image-wrap-txt .line-image-wrap-txt-box {
	padding-top: 0;
	background-color: #f2f5f6;
	padding: 20px 30px;
	margin-bottom: 20px;
}
@media print, screen and (min-width:768px){
  .section-line-image .line-image-wrap-txt .line-image-wrap-txt-box {
    max-width: 790px;
  }
}
@media screen and (max-width: 769px) {
  .section-line-image .line-image-wrap-txt .line-image-wrap-txt-box {
    width: 100%;
    margin-top: 20px;
  }
}
.section-line-image .line-image-wrap-txt .line-image-wrap-txt-box a {
	color: #4abaeb;
  text-decoration: underline;
}
.section-line-image .line-image-wrap-txt .line-image-wrap-txt-box a:hover{
  text-decoration: none;
  opacity: 0.7;
}
.section-line-image .line-image-wrap-txt .line-image-wrap-txt-box .line-image-title {
  font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
  font-weight: bold;
}
.section-line-image .line-image-wrap-txt .line-image-wrap-txt-box .line-image-title-no {
  font-size: 20px;
	color: #4abaeb;
}
.section-line-image .line-image-wrap-txt .line-image-wrap-txt-box .line-image-category {
  font-size: 18px;
  padding-bottom: 10px;
  font-weight: bold;
}


/*------------LINEバナー関連------------*/
.section-top-line-banner {
  padding-top: 0;
}
@media print,
screen and (min-width:600px) {
  .header_line_bnr {
    max-width: 295px;
  }
}

@media print,
screen and (min-width:768px) {
  .section-top-line-banner .pc-none {
    display: none;
  }
}

.header_line_bnr {
  margin: 0.5em !important;
}


@media screen and (max-width: 769px) {
  .section-top-line-banner div {
    text-align: center;
  }
  .section-top-line-banner .sp-none {
    display: none;
  }
  .header_line_bnr img{
    margin:20px 10px;
    max-width: 75%;
  }
}



/*------------SNS利用規約------------*/
.sns_decimal {
  list-style-type: decimal;
  padding-left: 20px;
}
.sns_decimal li {
  padding-left: 1em;
  padding-bottom: 1.5em;
  line-height: 2;
}

.sns_num_circle {
  position: relative;
  margin: 0;
  padding: 0
}
.sns_num_circle li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 2em;
    padding-bottom: 1em;
    line-height: 2;
}
.sns_num_circle li span {
  position: absolute;
  left: 0;
  margin: 0
}

.sns_link_blank {
  color: #1e87f0;
  text-decoration: underline;
}


/*------------使用期限検索------------*/
.kigen_tbl {
  width: 50%;
  border-collapse: collapse;
  border: #5ad3ff 1px solid;
}
@media screen and (max-width: 769px) {
  .kigen_tbl {
    width: 100%;
    border-collapse: collapse;
    border: #5ad3ff 1px solid;
  }
}

.kigen_tbl th {
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  background-color: #5ad3ff;
}

.kigen_tbl td {
  padding: 10px 0;
  text-align: center;
}



/*メガメニュー*/
@media print, screen and (max-width: 768px) {
  .header{
    padding-bottom:0!important;
  }

  .header-row{
    padding: 0 20px !important;
  }

  form.gsc-search-box{
    width: 100%!important;
    margin-bottom: 20px !important;
  }
}

header.header-wrap ol, header.header-wrap ul {
  list-style: none;
}

header.header-wrap ul {
  margin: 0;
  padding: 0;
}

.header-wrap {
  z-index: 1001;
  width: 100%;
  /*position: fixed;*/
  background: #FFF;
}

@media print, screen and (max-width: 768px) {
  .header-wrap {
    /*position: fixed;*/
    position: sticky;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header {
    width: 100%;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner {
    position: relative;
  }
}

.header-wrap .header .headerInner #nav_bg {
  display: none;
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  z-index: 0;
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #nav_bg {
    top: 86px;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #nav_bg {
    top: 13vw;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap {
    width: 100%;
    display: block !important;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap {
    display: none;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav.uk-navbar-center:only-child {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 5px;
    padding-top: 7px;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav {
    font-family: 'Noto Sans JP', sans-serif;
    background: #fff;
  }
  
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul {
    padding-bottom: 5%;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
  }
}

.header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .nav_link {
  display: block;
  color: rgba(255, 255, 255, 0.941);
  text-decoration: none;
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .dropdown::after{
    content:"▼";
    color:#5ad3ff;
    display: inline-block;
    margin-left: 20px;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .nav_link {
    white-space: nowrap;
    position: relative;
    font-size: 14px;
    text-align: center;
  }
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .nav_link::before {
    content: '';
    -webkit-transition: .5s;
    transition: .5s;
  }
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .nav_link:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    display: inline-block;
    width: 95px;
    height: 2px;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #FFFFFF;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .nav_link {
    padding: 0 2% 0 6%;
    height: 5vh;
    line-height: 40px;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 15px;
    color: #333333;
    font-weight: 600;
    min-height: 40px;
  }
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .nav_link::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #5ad3ff;
    border-right: 3px solid #5ad3ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    float:right;
    position: relative;
    top: 35%;
    margin-right: 25px;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .dropdown {
    position: relative;
    overflow: hidden;
  }

  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .nav_list .sp_dropdown::after {
    content: '';
    background: url(../images/btn_dropdown_off.png) no-repeat;
    display: inline-block;
    width: 62px;
    height: 62px;
    float: right;
  }
}

.header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav {
  display: none;
  background-color: #e4f7fb;
  z-index: 999;
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav {
    position: absolute;
    left: 0;
    width: 100%;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav {
    background-color: #f7f7f7;
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner {
    margin: 30px auto;
    padding: 0 40px;
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 9999;
  }
}


.header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner ul{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  list-style: none;
  border: none !important;
  width: 100%;
  justify-content: space-evenly;
  max-width: 1350px;
  margin: 25px auto;
}

.header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner ul li{
 font-size: 16px;
 padding: 0;
 border: none!important;
 font-weight: 600;
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner ul{
    display: block;
    margin: auto;
  }
}


@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row {
    --bs-gutter-x: 0rem;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul {
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    max-width: ;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul {
    padding: 0;
  }
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul li {
    font-size: 16px;
    font-weight: 600;
  }

  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul li::before {
    content:"▶";
    color:#5ad3ff;
    display: inline-block;
    margin-right: 5px;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul li {
    font-size: 4vw;
    -webkit-transition: .5s;
    transition: .5s;
  }


}

.header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul li a {
  text-decoration: none;
  color: #34404a;
  -webkit-transition: .5s;
  transition: .5s;
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul li a {
    white-space: nowrap;
    height: 100%;
    line-height: 30px;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul li a {
    display: block;
    border-bottom: 2px solid #FFF;
    padding: 12px 5px 12px 2.5em;
    font-size: 13px;
    font-weight: 500;
    position: relative;
  }

  .header-wrap .header .headerInner #navWrap .grobalNav nav .nav_ul .subNav .subNavinner .row ul li a::after{
    content: "";
    display: inline-block;
    right: 2em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #bbc0c8;
    border-right: 2px solid #bbc0c8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
  }

}

.header-wrap .header .headerInner #navWrap .grobalNav .mr0 {
  margin-right: 0 !important;
}

@media print, screen and (min-width: 769px) {
  .header-wrap .header .headerInner #fixedNav_sp {
    display: none;
  }
}

@media print, screen and (max-width: 768px) {
  .header-wrap .header .headerInner #fixedNav_sp {
    position: absolute;
    top: -140px;
    right: 1.5vw;
    width: 10vw;
    height: 10vw;
    display: block;
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp {
    width: 70%;
    height: 70%;
    margin-top: 30px;
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp a {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 50%;
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp a span {
    display: block;
    position: relative;
    height: 2px;
    border-radius: 1px;
    background: #333;
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp a span::before {
    content: '';
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #333;
    position: absolute;
    top: -3vw;
    left: 0;
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp a span::after {
    content: '';
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #333;
    position: absolute;
    bottom: -3vw;
    left: 0;
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp a.is_open span {
    display: block;
    position: relative;
    height: 0;
    border-radius: 1px;
    background: #FFFFFF;
    width: 100%;
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp a.is_open span::before {
    content: '';
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #333333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp a.is_open span::after {
    content: '';
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #333333;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@media print, screen and (max-width: 620px) {
  .header-wrap .header .headerInner #fixedNav_sp .headerBtnNav_1_sp{
    margin-top:60px;
  }
}

.is_slc{
  color: #10aee8!important;
}

@media print, screen and (min-width: 769px) {
  .no-pc {
    display: none !important;
  }
}

@media print, screen and (max-width: 768px) {
  .no-sp {
    display: none !important;
  }
}

.ico_dropdown {
  float: right;
  width: 31px;
}

@media print, screen and (max-width: 768px) {
  #products_two,
  #topics_two,
  #contacts_two,
  #group_two,
  #link_two {
    display: none;
  }
}

li.arrow_none{
  text-indent: -1.7em;
  padding-left: 2.5em;
  margin: 1em 0;
}

p.gcse{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

li.arrow_none.info{
  color: #333333;
}

.nav_ul li.info p.title{
  font-size: 15px;
  font-weight: 600;
}

.nav_ul li.info p.title::before{
  content: "";
  border-left: solid 10px #5ad3ff;
  height: 30px;
  margin-right: 10px;
}

.nav_ul li.info p.tel{
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 0;
  line-height: 1em;
}

@media print, screen and (min-width:769px) and ( max-width:1100px) {
  .footer-sitemap li{
    font-size: 12px;
  }

  .footer-sitemap li.title{
    font-size: 14px;
  }

  .footer_info_area .nav_ul .info .bg{
    padding: 5px 5px 0 5px;
  }

  .nav_ul li.info p.tel{
    font-size: 22px;
    text-align: left;
  }

  .nav_ul li.info p.tel::before{
    background-size: contain!important;
    width: 39px!important;
    height: 25px!important;
    margin: 0 5px!important;
  }

  @media print, screen and (max-width: 860px) {
    .nav_ul li.info p.tel{
      font-size: 20px;
    }

    .nav_ul li.info p.tel::before{
      position: relative;
      max-height: 60px;
      max-width: 20px;
      top: 10px;
    }
  }


  .nav_ul li.info p.time{
    text-align: left!important;
  }
}


.nav_ul li.info p.tel::before{
  content: "";
  background: url(../images/ico_tel.png) no-repeat;
  width: 54px;
  height: 35px;
  display: inline-block;
  margin-right: 10px;
  max-height: 60px;
}

.nav_ul li.info p.time{
  font-size: 13px;
  margin-top: 0;
  text-align: center;
  padding-bottom: 5px;
}

.nav_ul li.info p.address{
  font-size: 13px;
  line-height: 1.5em !important;
  text-indent: 0;
}

.info .bg{
  margin-right: 2%;
  background-color: #f7f8fb;
  padding: 10px 0 0 0;
}

li.arrow_none a.link{
  font-size: 15px;
  font-weight:600;
}

/*公表事項等一覧*/
.btn_blue{
  background-color: #e4f7fb;
  padding: 15px 50px;
  border-radius: 5px;
  font-weight: 600;
  height: fit-content;
  text-align: center;
  display: inline-block;
  width: 600px;
  max-width: 100%;
  position: relative;
  top: -52px;
}

.btn_blue::before{
  content: "▶";
  color: #5ad3ff;
  padding-right: 0.3em;
}

.h3-text{
  color: #858585;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  position: relative;
  top:-52px;
}


@media print, screen and (max-width: 768px) {

  .content_publication h3{
    margin-bottom: 10px!important;
  }

  .btn_blue{
    display: block;
    width: 100%;
    position: static;
  }

  .h3-text{
    font-size: 12px;
    position: static;
    margin-top: 0;
    margin-bottom: 10px;
  }
}

@media print, screen and (max-width: 410px) {
  .h3-text{
    top: 0px;
  }
}

.uk-offcanvas-bar{
  width: 85%;
  background: #FFF;
  padding: 0;
}

.uk-close svg{
  /*width: 35px;*/
  width: 25px;
}

.subNavinner p{
  font-size: 24px;
  font-weight: 600;
  border-bottom: solid 1px #a8d4e4;
  max-width: 1200px;
  margin: auto auto 25px auto;
}

.subNavinner p::before{
  content:"";
  background: url(../images/ico_parent_menu.png) no-repeat;
  display: inline-block;
  width: 27px;
  height: 27px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}


@media screen and (max-width: 769px) {
  .head-menu-black{
    font-size: 20px;
    color: #333333 !important;
  }

  li.arrow_none .gsc-input{
    height: 40px;
  }

  li.arrow_none .gsc-search-button{
    width: 60px!important;
    height: 45px;
  }

  li.arrow_none .gsc-search-button svg{
    width: 25px;
    height: 25px;
  }
}

/*ボタン*/
a.border-red:hover{
  background: #fff2f2;
  opacity: 1!important;
}

a.border-blue:hover{
  background: #edfaff;
  opacity: 1!important;
}

.section-banner-arrow{
  display: flex;
  max-width: 1105px;
  margin: auto;
  justify-content: space-between;
}

.section-banner-arrow .uk-button-border{
  width: 49%;
}

.section-banner-arrow .uk-button-border p{
  padding: 15px 0;
  margin: 0;
}

.btn-ico-blue{
  border: 1px solid #5ad3ff !important;
  color: #34404a;
  background: #FFF;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
}

.btn-ico-blue a{
    display: block;
    padding: 15px 0;
}

.btn-ico-blue a::before{
    content: "▶";
    color: #5ad3ff;
    padding-right: 0.3em;
}

.btn-ico-blue:hover{
  background: #39c4f6;
  color: #FFF!important;
}

.btn-ico-blue a:hover{
  color: #FFF!important;
  opacity: 1!important;
}

.btn-ico-blue:hover a::before{
  color: #FFF;
}

.section-kufu .btn-ico-blue{
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
  margin-top: 2em;
}

@media print, screen and (max-width: 768px) {
  .section-banner-arrow{
    display: block;
    padding: 20px 30px;
  }

  .section-banner-arrow .uk-button-border{
    width: 100%;
    margin-bottom: 1em;
  }
}

/*youtube*/
.youtube {
  width: 100%;
  text-align: center;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}

/*印刷*/
@media print {

  .header-row {
    display: none;
  }
  .header-wrap .header{
    display: none;
  }

  main{
    padding-top: 0!important;
  }
}