@charset "utf-8";

/*
-----------------------------------------------
Jam Design RESET CSS 1.6
▼神戸医師協同組合 CSS 2018.4
----------------------------------------------- */

@font-face {
  font-family:"YuGothic-M";
  font-weight:normal;
  src:local("YuGothic-Medium");
}
@font-face {
  font-family:"YuGothic-M";
  font-weight:bold;
  src:local("YoGothic-Bold");
}
@font-face {
  font-family:"Hiragino Sans";
  src:local(HiraginoSans-W4);
  font-weight:normal;
}
@font-face {
  font-family:"Hiragino Sans";
  src:local(HiraginoSans-W6);
  font-weight:bold;
}

* {
  box-sizing:border-box;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-style:normal;
  line-break:strict;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html {
  font-size:14px;
}
body {
  -webkit-text-size-adjust:100%;
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",YuGothic-M,"游ゴシック Medium","Yu Gothic Medium",sans-serif;
  line-height:1.7;
  color:#333;
}

article,aside,figure,footer,header,main,menu,nav,section {
  display:block;
}
audio,canvas,video {
  display:inline-block;
}
img {
  vertical-align:bottom;
}
input,select,textarea {
  font-size:100%;
  vertical-align:middle;
}
ul,ol {
  list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong,.tume {
  /* color:#333; */
  font-feature-settings:"palt";
  letter-spacing:.01em;
  font-size:100%;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}

a {
  color:#ea5404;
  color:#333;
  text-decoration:underline;
}
a:hover,a:active {
  color:#ea5404;
  text-decoration:none;
}
a img {
  transition:opacity 0.5s ease-in-out;
}
a:hover img {
  opacity:0.8;
}

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

.sponly {display:none;}
.txtL {text-align:left;}
.txtR {text-align:right;}
.center {text-align:center;}
.pccenter {text-align:center;}
.soroe {text-align:justify; text-justify:inter-ideograph;}
.nowrap {white-space:nowrap;}
.imgL {float:left; margin:0 24px 0 0;}
.imgR {float:right; margin:0 0 0 24px;}
.fleft {float:left;}
.fright {float:right;}
.hidden {overflow:hidden;}
.btm4 {margin-bottom:4px;}
.btm8 {margin-bottom:8px;}
.btm16 {margin-bottom:16px;}
.btm24 {margin-bottom:24px;}
.btm32 {margin-bottom:32px;}
.btm48 {margin-bottom:48px;}
.btm64 {margin-bottom:64px;}
.f12 {font-size:85.7%;}
.f14 {font-size:14px;}
.f16 {font-size:114%;}
.f18 {font-size:129%;}
.f20 {font-size:143%;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}
.inL {display:inline-block;}
.kome {
  padding-left:1em;
  text-indent:-1em;
}
.redtxt {color:#c00;}
.oretxt {color:#f90;}
.kadomaru {border-radius:14px;}

@media (max-width:767px) {
  .f16 {font-size:16px;}
  .f18 {font-size:18px;}
  .f20 {font-size:18px;}
  .f24 {font-size:18px;}
  .f30 {font-size:20px;}
  .pccenter {text-align:left;}
}
@media (max-width:414px) {
  .imgL {float:none; margin:0 0 12px;}
  .imgR {float:none; margin:0 0 12px;}
}


/*
-----------------------------------------------
▼スマホ基本
----------------------------------------------- */
@media (max-width:1000px){
  body {
    font-family:sans-serif;
    font-size:16px;
    overflow-x:hidden;
    font-feature-settings:"palt";
  }
  img {
    max-width:100%;
    height:auto;
  }
  .pconly {display:none;}
  .sponly {display:block;}
}

.inblk {
  width:1200px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
@media (max-width:1232px) {
  .inblk {
    margin-left:16px;
    margin-right:16px;
  }
}

@media (max-width:1000px) {
  .inblk {
    width:auto;
    margin-left:14px;
    margin-right:14px;
  }
  .scrollimg {
    padding-bottom:16px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  input, button, select, textarea {
    -webkit-appearance:none;
    appearance:none;
  }
}

/*
-----------------------------------------------
▼row設定
----------------------------------------------- */
.row {
  margin-right:-12px;
  margin-left:-12px;
  font-size:0;
}
.col {
  display:inline-block;
  vertical-align:top;
  font-size:14px;
  position:relative;
  min-height:1px;
  padding:0 12px 24px;
}
.col2 .col {
  width:50%;
}
.col3 .col {
  width:33.333%;
}
.col4 .col {
  width:25%;
}
.col5 .col {
  width:20%;
}
.row img {
  max-width:100%;
  height:auto;
}

@media (max-width:1000px) {
  .col4 .col,
  .col5 .col {
    font-size:14px;
    width:33.3333%;
  }
  .row img {
    display:block;
    margin-right:auto;
    margin-left:auto;
  }
}

@media (max-width:414px) {
  .col2 .col {
    width:100%;
  }
  .col3 .col,
  .col4 .col,
  .col5 .col {
    width:50%;
  }
}


/*
-----------------------------------------------
▼ fbox設定
----------------------------------------------- */
.fbox {
  margin-right:-10px;
  margin-left:-10px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:stretch;
}
.fcol {
  padding:24px 10px 0;
  vertical-align:top;
}
.col1 .fcol {
  width:100%;
}
.col2 .fcol {
  width:50%;
}
.col3 .fcol {
  width:33.333%;
}
.col4 .fcol {
  width:25%;
}
.col5 .fcol {
  width:20%;
}
.fbox img {
  max-width:100%;
  height:auto;
}

@media (max-width:736px) {
  #lineup .col3 .fcol {
    width:50%;
  }
  #consultation .col3 .fcol {
    width:50%;
  }
  .col4 .fcol,
  .col5 .fcol {
    width:33.3333%;
  }
  .fbox img {
    display:block;
    margin-right:auto;
    margin-left:auto;
  }
}

@media (max-width:414px) {
  .col2 .fcol {
    width:100%;
  }
  #lineup .col3 .fcol {
    width:100%;
  }
  .col3 .fcol {
    width:100%;
  }
  #consultation .col3 .fcol {
    width:100%;
  }
  .col4 .fcol,
  .col5 .fcol {
    width:50%;
  }
}


/*
-----------------------------------------------
▼header
----------------------------------------------- */
@media (min-width:1001px) {
  #header .inblk {
    background:#f6ab00;
  }
  #navul01 {
    height:50px;
    display:flex;
  }
  #navul01 li {
  }
  #navul01 li a {
    display:block;
    font-size:16px;
    font-weight:bold;
    padding:0 14px;
    line-height:50px;
    color:#fff;
    text-decoration:none;
    border-right:solid #fff 1px;
    transition:0.5s ease-in-out;
  }
  #navul01 li a:hover {
    background:#ea5404;
    opacity:0.8;
    text-decoration:none;
  }
  #nav01,#nav02,#nav03 {
    background:#999;
  }
}

/*
-----------------------------------------------
▼バーガーメニュー
----------------------------------------------- */
#spmenu {
  display:none;
}

@media (max-width:1000px) {
  #spmenu {
    display:block;
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    width:52px;
  }
  #spmenu.on {
    background:url(../img/spmenu_on.png) no-repeat 0 0;
    background-size:52px auto;
  }
  #spmenu.on img {
    opacity:0;
  }
  #spmenu a img {
    transition:opacity 0.5s ease-in-out;
    opacity:0.7;
  }
  #spmenu a:hover img {
    opacity:1;
  }
  #spmenu.on a:hover img {
    opacity:0;
  }

  #nav {
    display:none;
    position:fixed;
    top:0;
    left:0;
    padding-right:52px;
    text-align:left;
    min-width:160px;
    width:100%;
    height:100%;
    z-index:9;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
  }
  #nav #navul01 {
    display:block;
    text-align:left;
    background:rgba(0,0,0,0.8);
  }
  #nav #navul01 li {
    display:block;
  }
  #nav #navul01 a {
    display:block;
    padding:0 14px;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    line-height:44px;
    width:100%;
    position:relative;
    border-bottom:solid #ccc 1px;
    text-decoration:none;
  }
  #navul01 a strong {
    color:#fff;
  }
  #navul01:hover a strong {
    color:#fff;
  }
  #navul01:hover a:hover,
  #navul01:hover a:hover strong {
    color:#fff;
    text-decoration:none;
  }
  #nav #navul01 a:after {
    content:"";
    display:block;
    position:absolute;
    right:16px;
    top:50%;
    margin-top:-7px;
    width:10px;
    height:10px;
    border-top:4px solid #ccc;
    border-right:4px solid #ccc;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
  }
}


/* ▼検索部分 */
#g_search {
  position:absolute;
  top:10px;
  left:680px;
  width:340px;
  overflow:hidden;
  font-size:14px;
}
#search {
  width:254px;
  padding:0 4px;
  height:28px;
  line-height:28px;
  border-color:#7C7C7C #C3C3C3 #C3C3C3 #7C7C7C;
  border-style:solid;
  border-width:1px;
}
#s_submit {
  background:#ea5404;
  color:#fff;
  border:solid #ea5404 1px;
  line-height:28px;
  font-size:16px;
  font-weight:bold;
  padding:0 10px;
  cursor:pointer;
  transition:opacity 0.5s ease-in-out;
}
#s_submit:hover {
  opacity:0.8;
}

#textsizer {
  position:absolute;
  top:12px;
  right:10px;
  text-align:right;
  overflow:hidden;
  font-size:14px;
}
.textresizer {
  background:#fff;
  height:26px;
  border:solid #999 1px;
  font-size:0px;
}
.textresizer li {
  display:inline-block;
  line-height:26px;
  font-size:12px;
  font-weight:bold;
}
.mojisize {
  padding:0 8px;
}
.textresizer a {
  display:block;
  padding:0 8px;
  color:#333;
  text-decoration:none;
}
.textresizer #txtsz1 {
  border-left:solid #999 1px;
  border-right:solid #999 1px;
}
#txtsz1 a.textresizer-active {
  background:#999;
  color:#fff;
}
#txtsz2 a.textresizer-active {
  background:#999;
  color:#fff;
}

@media (max-width:1000px) {
  #header {
    background:#f6ab00;
    height:52px;
    margin-right:52px;
  }
  #g_search {
    position:absolute;
    top:10px;
    left:60px;
  }
  #textsizer {
    display:none;
  }
}

@media (max-width:414px) {
  #g_search {
    width:252px;
  }
  #search {
    width:140px;
  }
}


/*
-----------------------------------------------
▼ サブナビ
----------------------------------------------- */

#topmain #nav2 {
  position:absolute;
  top:24px;
  left:24px;
  z-index:12;
  box-shadow:5px 5px 7px rgba(0, 0, 0, .3);
}

@media (max-width:1000px) {
  #topmain #nav2 {
    display:none;
  }
}

#navul02 {
  position:relative;
  width:176px;
  border-right:solid #f6ab00 1px;
  border-left:solid #f6ab00 1px;
  font-feature-settings:"palt";
}
#navul02 li {
  background:#fff;
}
#topmain #navul02 li {
  background:rgba(255,255,255,0.85);
}
#topmain #navul02 li.navlogo {
  background:#fff;
}
#navul02 li a {
  padding:15px 14px 15px 30px;
  line-height:1.3;
  font-size:16px;
  text-decoration:none;
  overflow: hidden;
  display:block;
  border-bottom:solid #f6ab00 1px;
}
#navul02 li.on > a {
  background:#f9f1e3;
  color:#333;
}
#navul02 li.navlogo a {
  display:inline-block;
  padding:10px 0;
  line-height:1.5;
  border-bottom:0;
}
#navul02 li.navlogo {
  border-bottom:solid #f6ab00 1px;
}
#navul02 li a:hover {
  background:#f9f1e3;
}
#navul02 li.navlogo a:hover {
  background:#fff;
}
.navdot > a {
  position:relative;
}
.navdot > a.pull:after {
  content:"▼";
  font-size:12px;
  position:absolute;
  right:6px;
  bottom: 50%;
  transform: translateY(50%);
  color:#ea5404;
}
.navdot > a.pull.open:after {
  content:"×";
  font-size:16px;
  margin-top:-2px;
  position:absolute;
  right:6px;
  color:#ea5404;
}
.navdot > a:before {
  content:"■";
  font-size:12px;
  position:absolute;
  left: 10px;
  bottom: 50%;
  transform: translateY(50%);
}
#navul02 .navdot .navdot a {
  padding-left:28px;
}

.dc-special > a:before {
  content: '';
  width: 10px;
  height: 10px;
  background: rgb(234,84,11);
  background: linear-gradient(135deg, rgba(234,84,11,1) 0%, rgba(234,84,11,1) 50%, rgba(246,197,34,1) 50%, rgba(246,197,34,1) 100%);
}
.dc01 > a:before {
  color:#f9c317;
}
.dc03 > a:before {
  color:#f19c9f;
}
.dc04 > a:before {
  color:#84ccc9;
}
.dc05 > a:before {
  color:#f59d15;
}
.dc06 > a:before {
  color:#6c9bd2;
}
.dc07 > a:before {
  color:#af62a3;
}
.dc08 > a:before {
  color:#f75360;
}
.dc09 > a:before {
  color:#abcf72;
}
.dc10 > a:before {
  color:rgb(232, 84, 30);
}

#navul02 li li {
  border:0;
}
#navul02 li li a {
  margin-top:1px;
  padding:10px 14px 10px 28px;
  height:auto;
  background:#fce4af;
  font-size:14px;
  border-bottom:0;
}
#navul02 > li:hover li a {
  margin-top:1px;
  height:auto;
}
#navul02 > li li:first-child a {
  margin-top:0;
}
#navul02  > li:hover li a:hover {
  background:#f6ab00;
  color:#000;
  transition:all .5s ease-out;
}


/*
-----------------------------------------------
▼下層基本設定
----------------------------------------------- */
.side {
  float:left;
  width:178px;
  height:100%;
  position:relative;
  z-index:10;
}
.mainR {
  float:right;
  width:970px;
  padding-top:16px;
}

.pagelink li {
  display: inline-block;
  margin:0 32px 12px 0;
}
.pagelink a:before {
  content:"";
  background-image:url(img/arrow.svg);
  display:inline-block;
  margin-right:.3em;
  width:1em;
  height:1.6em;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  vertical-align:top;
}

@media (max-width:1000px) {
  .mainR {
    float:none;
    width:auto;
  }
  .side {
    display:none;
  }
  .pagelink li {
    display:inline-block;
    margin:0 24px 12px 0;
  }
}


/*
-----------------------------------------------
▼トップページ設定
----------------------------------------------- */
#topmain .inblk {
  min-height:1050px;
  background:url(img/top-bg.jpg) no-repeat 0 0;
  position:relative;
}
#topmain h1 {
  position:absolute;
  bottom:24px;
  left:16px;
  width:568px;
}
#topmain img {
  max-width:100%;
  height:auto;
}

.topmainR {
  float:right;
  width:600px;
}

.slick-slider {
  margin-bottom:0;
}
.topcol {
  margin-left:10px;
}
.topcol a {
  text-decoration:none;
}
.topcol div {
  height:100%;
  line-height:1.6;
  color:#fff;
  padding-bottom:10px;
}
.topcol .inp {
  padding:8px 8px 8px;
}
.cc01 {
  background:#f9c317;
}
.cc02 {
  background:#a9d06b;
}
.cc03 {
  background:#f19c9f;
}
.cc04 {
  background:#84ccc9;
}
.cc05 {
  border:solid #f00 1px;
  text-align:center;
  padding-top:20px;
}
.cc06 {
  background:#f59d15;
}
.cc07 {
  background:#6c9bd2;
}
.cc08 {
  background:#af62a3;
}
.cc09 {
  background:#f75360;
}

#topics_all {
  position:absolute;
  top:4px;
  left:836px;
}
#topics_all a {
  display:inline-block;
  background:#ea5504;
  color:#fff;
  font-size:16px;
  padding:0 12px;
  line-height:28px;
  border-radius:8px;
  text-decoration:none;
}

@media (max-width:1000px) {
  #topmain .inblk {
    min-height:1px;
    background:#fff none;
  }
  #topmain .inblk:before {
    content:'';
    background:url(img/top-bg_sp.jpg) no-repeat 0 0;
    width:100%;
    height:160px;
    background-size:cover;
    display:block;
    margin-bottom:16px;
  }
  #topmain h1 {
    position:absolute;
    top:60px;
    right:16px;
    width:60%;
    height:94px;
  }
  .topmainR {
    float:none;
    width:auto;
  }
  .topcol {
    margin-left:-10px;
  }
  #topics_all {
    position:static;
    text-align:right;
    margin-top:-16px;
    margin-bottom:16px;
  }
}
@media (max-width:414px) {
  .cc01,
  .cc02,
  .cc03,
  .cc04,
  .cc05,
  .cc06,
  .cc07,
  .cc08,
  .cc09 {
    padding:16px;
  }
}

@media (max-width:414px) {
  #topmain h1 {
    position:absolute;
    top:100px;
    right:16px;
    width:80%;
  }
}

.h2-01 {
  font-size:30px;
  letter-spacing:.2em;
  text-align:center;
  font-weight:normal;
  margin-bottom:24px;
}
.h2-01:before {
  content:"●";
  font-size:16px;
  vertical-align:middle;
  color:#f6ab00;
  position:relative;
  top:-5px;
  top:-2px;
  margin-right:.5em;
}
.h2-01:after {
  content:"●";
  font-size:16px;
  color:#f6ab00;
  position:relative;
  top:-5px;
  margin-left:.5em;
}

@media (max-width:1000px) {
  .h2-01 {
    font-size:24px;
    letter-spacing:.05em;
  }
  .h2-01:before {
    content:"●";
    top:-3px;
  }
  .h2-01:after {
    top:-3px;
  }
}

/* ▼トピックス */
.topicblk {
  margin-right:-28px;
  margin-left:-28px;
  letter-spacing:-.5em;
}
.topic01 {
  display:inline-block;
  vertical-align:top;
  letter-spacing:normal;
  position:relative;
  min-height:1px;
  padding:0 28px 32px;
  width:50%;
}
.topicR {
  position:relative;
  overflow:hidden;
}
#t_topics .topicblk {
  margin-right:-48px;
  margin-left:-48px;
}
#t_topics .topic01 {
  padding:0 48px 32px;
}

#t_topics .topicR {
  margin:0 0 0 216px;
  overflow:hidden;
}
.topicR .day {
  border-top:dashed #ccc 1px;
  margin-top:12px;
  padding-top:4px;
  text-align:right;
  font-size:86%;
}

.cate-01,
.cate-03,
.cate-04,
.cate-05,
.cate-06,
.cate-07,
.cate-08 {
  display:inline-block;
  margin-right:8px;
  margin-bottom:8px;
  line-height:28px;
  border-radius:28px;
  padding:0 16px;
  font-size:16px;
  color:#fff;
  font-weight:bold;
}
.cate-01 a,
.cate-03 a,
.cate-04 a,
.cate-05 a,
.cate-06 a,
.cate-07 a,
.cate-08 a {
  color:#fff;
  text-decoration:none;
  transition:opacity 0.5s ease-in-out;
}
.cate-01 a:hover,
.cate-03 a:hover,
.cate-04 a:hover,
.cate-05 a:hover,
.cate-06 a:hover,
.cate-07 a:hover,
.cate-08 a:hover {
  opacity:0.8;
}
.cate-01 {
  background:#f9c317;
}
.cate-01 {
  background:#f9c317;
}
.cate-03 {
  background:#f19c9f;
}
.cate-04 {
  background:#84ccc9;
}
.cate-05 {
  background:#f59d15;
}
.cate-06 {
  background:#6c9bd2;
}
.cate-07 {
  background:#af62a3;
}
.cate-08 {
  background:#f75360;
}
.cate-new {
  display:inline-block;
  background:#f00;
  line-height:18px;
  padding:0 14px;
  border-radius:18px;
  font-size:12px;
  font-weight:bold;
  color:#fff;
}
.topic01 .cate-new {
  position:absolute;
  top:6px;
  right:8px;
}

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

.imghv {
  display:block;
  background:#000;
  position:relative;
}
a:hover .imghv img {
  opacity:.3;
}
.imghv:before {
  transition:opacity 0.8s ease-in-out;
  content:"▶ 詳しく見る";
  position:absolute;
  top:40%;
  left:20%;
  color:#fff;
  font-weight:bold;
  opacity:0;
  z-index:5;
}
a:hover .imghv:before {
  opacity:1;
}


@media (max-width:1000px) {
  .topicblk {
    margin-right:-12px;
    margin-left:-12px;
  }
  .topicblk .imgL {
    float:none;
    text-align:center;
    margin-bottom:16px;
  }
  .topic01 {
    padding:0 12px 32px;
  }
  .topicR {
    position:relative;
    overflow:hidden;
  }
  #t_topics .topicblk {
    margin-right:-12px;
    margin-left:-12px;
  }
  #t_topics .topic01 {
    padding:0 12px 32px;
  }

  #t_topics .topicR {
    margin:0 0 0 216px;
    overflow:hidden;
  }

  .cate-01,
  .cate-03,
  .cate-04,
  .cate-05,
  .cate-06,
  .cate-07 {
    line-height:24px;
    border-radius:24px;
    font-size:14px;
  }
  .cate-01 a,
  .cate-03 a,
  .cate-04 a,
  .cate-05 a,
  .cate-06 a,
  .cate-07 a {
  }

  .cate-new {
    padding:0 12px;
    border-radius:12px;
  }
  .topic01 .cate-new {
    position:static;
  }

  .imghv {
    background:transparent;
  }
  .imghv:before {
    transition:opacity 0.8s ease-in-out;
    content:"";
  }
}


/* ▼カテゴリーリンク */
.h3-01 {
  font-size:129%;
}
.cateL {
  float:left;
  width:320px;
}
.cateL img {
  max-width:100%;
  height:auto;
}
#t_topics .cateR {
  float:right;
  width:820px;
}
#m_topics .cateR,
#kaigyo .cateR {
  float:right;
  width:600px;
}
#medical_food .cateR {
  float: right;
  width: 320px;
}
#medical_food .cateL {
  float:left;
  width:600px;
}
.year-ul li {
  display:inline-block;
  margin-right:8px;
  margin-bottom:8px;
  line-height:22px;
  border-radius:22px;
  padding:0 16px;
  font-size:12px;
  font-weight: bold;
  border:solid #999 1px;
}
.year-ul li.on {
  background:#999;
}

.year-ul li a {
  text-decoration:none;
  color:#666;
}
.year-ul li.on a {
  color:#fff;
}

.newsimg {
  background:#fff;
  padding:14px;
}
a:hover .newsimg {
  background:#ccc;
}
.newsimg img {
  border:solid #ccc 1px;
}
#ishinews .p01 {
  padding:4px 14px 0;
}


@media (max-width:1000px) {
  .cateL {
    float:none;
    width:auto;
    max-width:380px;
    margin:0 auto 24px;
  }
  #t_topics .cateR,
  #m_topics .cateR,
  #kaigyo .cateR {
    float:none;
    width:auto;
  }
}
@media (max-width:767px) {
  .h3-01 {
    font-size:18px;
  }
}


/* ▼ピックアップ */
#pickup .row {
  line-height:1.4;
  text-align:center;
}


@media (max-width:1000px) {
  #pickup {
    width:auto;
    margin-left:14px;
    margin-right:14px;
  }
  #pickup .row {
    margin-right:-7px;
    margin-left:-7px;
    text-align:left;
  }
  #pickup .col {
    padding:0 7px 24px;
  }
}

.pdf_icn {
  text-align:left;
  padding-left:40px;
  min-height:34px;
  background:url(img/pdf_icn.png) no-repeat 4px -2px;
  background-size:32px auto;
}
.pdf_icn2 {
  display:block;
  text-align:right;
  vertical-align:bottom;
  padding-top:8px;
  padding-right:40px;
  min-height:34px;
  background:url(img/pdf_icn.png) no-repeat right 0;
  background-size:32px auto;
}
#pickup .row img {
  margin-bottom:8px;
}


/* ▼関連リンク */
#ka_link {
  width:1034px;
  margin-left:auto;
  margin-right:auto;
}
#ka_link a {
  text-decoration:none;
}
.ka_link01 {
  border:solid #f7ab02 1px;
  text-align:center;
}
.ka_link02 {
  background:#f7ab02;
  color:#fff;
  font-weight:bold;
  text-align:center;
  padding:8px;
  line-height:1;
  font-size:18px;
}

@media (max-width:1000px) {
  #ka_link {
    width:auto;
    margin-left:14px;
    margin-right:14px;
  }
  #ka_link .row {
    margin-right:-7px;
    margin-left:-7px;
  }
  #ka_link .col {
    padding:0 7px 16px;
  }
  .ka_link02 {
    font-size:16px;
  }
}


/* ▼医師協ニュース */
.newsL {
  float:left;
  width:182px;
}
.newsR {
  margin-left:250px;
  overflow:hidden;
}
.newsL img {
  max-width:100%;
  height:auto;
  border:solid #ccc 1px;
}
a.btn-01 {
  display:inline-block;
  padding:0 32px;
  line-height:38px;
  background:#ee7100;
  color:#fff;
  font-size:22px;
  font-weight:bold;
  border:solid #ee7100 3px;
  border-radius:8px;
  text-decoration:none;
}
a.btn-01:hover {
  background:#fff;
  color:#ee7100;
}
a.btn-01.denki {
  display:inline-block;
  padding:0 48px;
  line-height:46px;
  background:#ee7100;
  color:#fff;
  font-size:24px;
  border:solid #ee7100 3px;
  border-radius:8px;
  text-decoration:none;
}
a.btn-01.denki:hover {
  background:#fff;
  color:#ee7100;
}
a.btn-02 {
  display:inline-block;
  padding:8px 18px;
  line-height:1;
  background:#ee7100;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  border:solid #ee7100 3px;
  border-radius:8px;
  text-decoration:none;
}
a.btn-02:hover {
  background:#fff;
  color:#ee7100;
}

@media (max-width:1000px) {
  a.btn-01 {
    font-size:18px;
  }
  a.btn-01.denki {
    padding:8px 12px;
    line-height:1.4;
  }
}

@media (max-width:414px) {
  .newsL {
    float:none;
    width:auto;
    text-align:center;
    margin-bottom:16px;
  }
  .newsR {
    margin-left:0;
  }
}

/* ▼主な事業 */
#omojigyo .fbox {
  margin-right:-40px;
  margin-left:-40px;
}
#omojigyo .fcol {
  padding:0 40px 36px;
}
#omojigyo .fcol a {
  color:#fff;
  text-decoration:none;
}
#omojigyo .p01 {
  padding:8px 10px 0;
}

#omojigyo .fbox .in {
  height:100%;
  padding-bottom:8px;
}
.fbox .in001 {
  background:#f9c317;
}
.fbox .in002 {
  background:#a9d06b;
}
.fbox .in003 {
  background:#f19c9f;
}
.fbox .in004 {
  background:#84ccc9;
}
.fbox .in005 {
  background:#f59d15;
}
.fbox .in006 {
  background:#6c9bd2;
}
.fbox .in007 {
  background:#af62a3;
}
.fbox .in008 {
  background:#f75360;
}
.box_ttl {
  background:#fff;
}
.box_ttl p {
  display:inline-block;
  font-size:16px;
  font-weight:bold;
  line-height:24px;
  color:#fff;
  padding:0 12px;
  border-radius:4px 4px 0 0;
}
.fbox .in001 .box_ttl p {
  background:#f9c317;
}
.fbox .in002 .box_ttl p {
  background:#a9d06b;
}
.fbox .in003 .box_ttl p {
  background:#f19c9f;
}
.fbox .in004 .box_ttl p {
  background:#84ccc9;
}
.fbox .in005 .box_ttl p {
  background:#f59d15;
}
.fbox .in006 .box_ttl p {
  background:#6c9bd2;
}
.fbox .in007 .box_ttl p {
  background:#af62a3;
}
.fbox .in008 .box_ttl p {
  background:#f75360;
}
.right100 {
  margin-right:100px;
}

@media (max-width:1000px) {
  #omojigyo .fbox {
    margin-right:-16px;
    margin-left:-16px;
  }
  #omojigyo .fcol {
    padding:0 16px 36px;
  }
  #omojigyo .f20 {
    font-size:18px;
  }
  .right100 {
    margin-right:32px;
  }
}
@media (max-width:414px) {
  .right100 {
    margin-right:0;
    margin-bottom:16px;
  }
}

/* ▼テーブル001 */
.table001 {
  width:100%;
  font-size:16px;
}
.table001,
.table001 tr {
  border:solid #999 1px;
}
.table001 th {
  background:#fff5d7;
  padding:24px;
}
.table001 td {
  padding:24px;
}

@media (max-width:414px) {
  .table001 th {
    display:block;
    padding:6px 14px;
  }
  .table001 td {
    display:block;
    padding:14px;
  }
}

/* ▼セールスポイント */
#salepoint .fbox {
  margin-right:-20px;
  margin-left:-20px;
}
#salepoint .fcol {
  padding:0 20px;
}
#salepoint .fbox .in {
  height:100%;
  background:#fff5d7;
  padding-bottom:32px;
}
#salepoint .p01 {
  padding:0 32px;
}
.ribbon01 {
  margin-left:16px;
  margin-bottom:64px;
  display:inline-block;
  width:90px;
  position: absolute;
  position:relative;
  background:#ec6941;
  text-align:center;
  font-weight:bold;
  color:#fff;
  font-size:20px;
  padding:4px 4px 0px;
}
.ribbon01:after {
  content:"";
  position:absolute;
  top:100%;
  left:0;
  width:0;
  height:0;
  border-left: 45px solid #ec6941;
  border-right: 45px solid #ec6941;
  border-bottom: 12px solid transparent;
}

.slider02 {
  margin:0 20px;
}
.slider02 li {
  display:inline-block;
  margin:0 10px;
}
.fitimg {
  object-fit:cover;
  font-family:'object-fit:cover';
  height:150px;
  width:150px;
}

@media (max-width:1000px) {
  #salepoint .fbox {
    margin-right:-12px;
    margin-left:-12px;
  }
  #salepoint .fcol {
    padding:0 12px;
    margin-bottom:24px;
  }
  #salepoint .fbox .in {
    padding-bottom:24px;
  }
  #salepoint .p01 {
    padding:0 14px;
  }

  .slider02 {
    padding:0 5px 0 15px;
  }
  .slider02 li {
    display:inline-block;
    margin:0 6px;
  }
  .fitimg {
    height:100px;
    width:100px;
  }
}

@media (max-width:414px) {
  #salepoint .fcol {
    width:100%;
  }
  .fitimg {
    height:50px;
    width:50px;
  }
}

/* ▼非常用食品 */
.mainR img {
  max-width:100%;
  height:auto;
}
.drylist .img001 {
  margin-bottom:8px;
  padding:16px;
  border:solid #ccc 1px;
  border-radius:8px;
}
.ul002 a,
.drylist a {
  text-decoration:none;
}
.ul002 li {
  padding-bottom:8px;
}
.ul002 a:before,
.drylist .link001:before {
  content:"▶";
  color:#369;
  margin-right:.1em;
}

/* ▼テーブル002 */
.table002 {
  width:100%;
  line-height:1.4;
  position:relative;
}
.table002 th {
  background:#fff5d7;
  padding:6px;
  border:solid #999 1px;
}
.table002 .tr01 th {
  background:#eee;
  padding:6px;
  border:solid #999 1px;
}
.table002 td {
  background:#fff;
  padding:6px;
  border:solid #999 1px;
  text-align:center;
}

@media (max-width:767px) {
  .scrollimg .table002 {
    width:940px;
  }
  .table002 thead {
    font-size:10px;
  }
}


/* ▼保険ラインナップ */
#lineup .in {
  border:solid #f6ab00 1px;
  height:100%;
}
.h3-02 {
  background:#f6ab00;
  color:#fff;
  font-size:20px;
  line-height:40px;
  padding:0 22px;
}
.h3-02:before {
  content:"▶";
  margin-right:.2em;
}
#lineup .h3-02 a {
  color:#fff;
  text-decoration:none;
}

.column02 {
  margin:16px;
  column-count:2;
  column-gap:16px;
}
#lineup .column02 {
  margin:16px 10px;
  column-gap:8px;
}
.column02.col001 {
  column-count:1;
}
.column02 li {
  padding-left:1em;
  text-indent:-1em;
}
.column02 li:before {
  content:"・";
}
.column02 li.nodot:before {
  content:" ";
}

@media (max-width:1000px) {
  .h3-02 {
    font-size:18px;
    line-height:36px;
    padding:0 14px;
  }
  .column02 {
    margin:14px;
    column-count:1;
    column-gap:0;
  }
}

@media (max-width:414px) {
  #lineup .fcol {
    width:100%;
  }
}

/* ▼損害保険 */
.songaiblk a {
  text-decoration:none;
}
.songaiblk .fcol {
  padding:0 10px 24px;
}
.songaiblk .in {
  height:100%;
  border:solid #f19c9f 1px;
  padding:10px;
  border-radius:12px;
}
.songaiblk .h3-06 {
  font-size:18px;
}
.songaiblk p {
  margin-top:4px;
}
.h3-06 {
  color:#f19c9f;
  font-size:20px;
  line-height:1.4;
}
.h3-06:before {
  content:"▶";
  margin-right:.2em;
}

/*
-----------------------------------------------
▼医師賠償責任保険
----------------------------------------------- */
.h3-03 {
  margin-bottom:16px;
  background:#f6ab00;
  border-radius:34px 0 34px 0;
  color:#fff;
  font-size:18px;
  line-height:34px;
  padding:0 34px;
  background:#e0e0e0;
  background:linear-gradient(90deg, #ea5404 50%, #f6ab00);
}

.kakomi01 {
  border:solid #ccc 1px;
  background:#f9f9f9;
  padding:14px 24px;
  border-radius:8px;
}
.dl01 dt {
  font-weight:bold;
  padding-bottom:4px;
}

.clinic_ul .fcol {
  padding:0 10px;
  margin-bottom:16px;
}
.clinic_ul .in {
  height:100%;
  background:#f9f9f9;
  border:solid #ccc 1px;
  border-radius:8px;
  padding:16px 16px 16px 44px;
  font-size:114%;
}
.count01,
.count02,
.count03,
.count04,
.count05,
.count06,
.count07,
.count08,
.count09,
.count10 {
  position:relative;
}
.count01:before {
  content:"❶";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count02:before {
  content:"❷";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count03:before {
  content:"❸";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count04:before {
  content:"❹";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count05:before {
  content:"❺";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count06:before {
  content:"❻";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count07:before {
  content:"❼";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count08:before {
  content:"❽";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count09:before {
  content:"❾";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}
.count10:before {
  content:"❿";
  position:absolute;
  top:11px;
  left:26px;
  font-size:24px;
  font-weight:bold;
  color:#f19c9f;
}


@media (max-width:767px) {
  .h3-03 {
    border-radius:12px 0 12px 0;
    line-height:1.4;
    padding:4px 12px;
  }
  .kakomi01 {
    padding:10px 12px;
  }
}


/* ▼テーブル003 */
.table003 {
  width:100%;
  min-width:940px;
  background:#fff;
  line-height:1.4;
  position:relative;
}

.table003 caption {
  text-align:left;
  font-size:114%;
  padding:0 0 0 4px;
}
.table003 .col001 {
  width:19%;
}
.table003 .col002 {
  width:11.5%;
}
.table003 .col003 {
  width:12.5%;
}
.table003 .col004 {
  width:8%;
}
.table003 .col005 {
  width:12%;
}
.table003 .col006 {
  width:13.5%;
}
.table003 .col007 {
  width:10%;
}
.table003 .col008 {
  width:25%;
}
.table003 .col009 {
  width:20%;
}

.table003 th {
  background:#fff5d7;
  padding:6px;
  border:solid #999 1px;
}
.table003 .tr01 th {
  background:#eee;
  padding:6px;
  border:solid #999 1px;
}
.table003 td {
  padding:6px;
  border:solid #999 1px;
  text-align:center;
}

@media (max-width:767px) {
  .table003 thead {
    font-size:10px;
  }
}

/* ▼テーブル004 */
.table004 {
  width:100%;
  min-width:940px;
  background:#fff;
  line-height:1.4;
  position:relative;
}
.table004 th {
  background:#fff5d7;
  padding:6px;
  border:solid #999 1px;
}
.table004 td {
  padding:6px 14px;
  border:solid #999 1px;
}
.table004 .col001 {
  width:24%;
}
.table004 .col002 {
  width:20%;
}


/*
-----------------------------------------------
▼神戸医師協同組合とは
----------------------------------------------- */
ol.number {
  list-style:decimal outside;
  margin-left:2.5em;
}
ol.number li {
  padding-top:4px;
}
.left2em {
  margin-left:2em;
}


/*
-----------------------------------------------
▼お問い合わせ
----------------------------------------------- */
#contactall a {
  text-decoration:none;
}
#contactall .in {
  height:100%;
  border:solid #f59d15 1px;
  padding:10px;
  border-radius:12px;
}
#contactall p {
  margin-top:4px;
}
#contactall .h3-06 {
  color:#f59d15;
}


/*
-----------------------------------------------
▼下層共通タイトルパーツ
----------------------------------------------- */
/* リネン */
.h2-04 {
  margin-bottom:16px;
  background:#f59d15;
  color:#fff;
  font-size:143%;
  line-height:1.4;
  padding:8px 16px;
}
.h3-04 {
  margin-bottom:16px;
  font-size:143%;
  line-height:1.4;
  border-left:solid 9px #f59d15;
  padding:6px 10px;
}

/* 保険 */
#insurance .h2-04 {
  background:#f19c9f;
}
#insurance .h3-04 {
  border-left:solid 9px #f19c9f;
}

/* Youtube埋め込み用 20221012 追加 */

.youtube {
  position:relative;
  width: 100%;
  max-width: 560px;
}

.youtube::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* 20221012 追加 ここまで */

/* Googleカレンダー埋め込み用 20221013 追加 */

.Gcalendar {
  position:relative;
  width: 100%;
  max-width: 750px;
}

@media (max-width: 767px) {
          .Gcalendar {
            position: relative;
            padding-bottom: 160%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
            }

            .Gcalendar iframe,
            .Gcalendar object,
            .Gcalendar embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            }
          }

/* 20221013 追加 ここまで */





/* 医療食品 */
#medical_food .h2-04 {
  background:#6c9bd2;
}
#medical_food .h3-04 {
  border-left:solid 9px #6c9bd2;
}

/* 医療サポート */
#support .h2-04 {
  background:#f9c317;
}
#support .h3-04 {
  border-left:solid 9px #f9c317;
}

/* 開業・継承 */
#kaigyo .h2-04 {
  background:#af62a3;
}
#kaigyo .h3-04 {
  border-left:solid 9px #af62a3;
}

/* ライフサービス */
#life_s .h2-04 {
  background:#84ccc9;
}
#life_s .h3-04 {
  border-left:solid 9px #84ccc9;
}

/* なんでも相談 */

/* 20220817 士業紹介 追加ここから*/

.orangedot li {
position: relative;
padding-left: 15px;
}

.orangedot li:before {
content: "";
position: absolute;
top: .6em;
left: 0;
width: 7px;
height: 7px;
background-color: #EE7100;
border-radius: 50%;
}


.orangecheck li {
position: relative;
padding-left: 17px;
}

.orangecheck li:before {
content: "";
position: absolute;
top: 3px;
left: 0;
transform: rotate(39deg);
width: 8px;
height: 15px;
border-right: 3px solid #EE7100;
border-bottom: 3px solid #EE7100;
}


@media print, screen and (min-width: 741px) {
div.jimusho_table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    margin: 2em auto;
    color: #EE7100;
}


div.jimusho_table ul {
    list-style: none;
    padding: 0;
    display: table-row;
    margin: 0;
}


div.jimusho_table ul li {
    display: table-cell;
    border: 1px solid #f6ae6a;
    padding: 10px;
}
}


@media print, screen and (max-width: 740px) {
div.jimusho_table {
    width: 100%;
    margin: 0.6em auto 2em;
}

div.jimusho_table ul {
    list-style: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 0;
}

div.jimusho_table ul li {
    padding: 5px;
    font-size: 85%;
    box-sizing: border-box;
    border: 1px solid #f6ae6a;
    border-bottom: 0;
}
}


@media print, screen and (min-width: 741px) {
div.jimusho_list{
width: 100%;
box-sizing: border-box;
padding: 40px;
}
}

@media print, screen and (max-width: 740px) {
div.jimusho_list{
width: 100%;
box-sizing: border-box;
padding: 20px;
}
}



div.jimusho_list p{
margin: 5px 0;
}
div.jimusho_list h5{
color: #EE7100;
font-size: 150%;
margin: 0;
}
div.jimusho_list h6{
font-size: 100%;
margin: 20px 0 5px;
}
div.jimusho_list.list01{
background: #fbe5d6;
}
div.jimusho_list.list02{
background: #fff2cc;
}
div.jimusho_name{
width: 100%;
}
div.jimusho_list ul{
list-style-type: none;
padding: 0;
margin: 8px 0;
}

.map_pin {
padding:3px 0 0 25px;
background-image:url(https://www.kobe-ishikyo.or.jp/wp/wp-content/themes/ishikyo/css/img/map_pin_icon.png);
background-repeat:no-repeat;
background-position: 0 5px;
background-size: 20px auto;
}



/* 20220817 士業紹介 追加ここまで*/


#consultation .h2-04 {
  background:#f75360;
}

/* 2019.01.18
#consultation .h3-04 {
border-left:solid 9px #af62a3;
} */

#consultation .h3-04 {
  border-left:solid 9px #f75360;
}

.h3-05 {
  margin-bottom:16px;
  font-size:143%;
  line-height:1.4;
  border-left:solid 9px #84ccc9;
  border-bottom:solid 3px #84ccc9;
  color:#84ccc9;
  padding:6px 10px;
}
.h3-05 small {
  font-size:87.5%;
  font-weight:normal;
}
#linen .h3-05 {
  border-left:solid 9px #f59d15;
  border-bottom:solid 3px #f59d15;
  color:#f59d15;
}

.h4-04 {
  margin-bottom:12px;
  font-size:143%;
  line-height:1.4;
  padding:16px 0 0;
}
.h4-05 {
  margin-bottom:4px;
  font-size:128.5%;
  line-height:1.4;
}
.h4-06 {
  margin-bottom:12px;
  font-size:143%;
  line-height:1.4;
  background:url(img/h4ya.svg) no-repeat 0 center;
  background-size:30px auto;
  padding:2px 0 2px 36px;
  fill:red;
}
.h4-07 {
  margin-bottom:4px;
  font-size:128.5%;
  line-height:1.3;
  background:#999;
  color:#fff;
  padding:2px 16px 2px;
}

/* ▼QA */
.ques {
  background:url(img/ques.png) no-repeat 0 0;
  background-size:40px auto;
  font-size:128.5%;
  padding:8px 0 8px 46px;
  margin-bottom:8px;
}
.ans {
  margin-left:16px;
  background:url(img/ans.png) no-repeat 0 0;
  background-size:38px auto;
  padding:8px 0 8px 43px;
}

/* 2020.1.15 ADD */
.dl000 {
  font-size:114%;
}
.dl000 dt {
  float:left;
  margin:0 1em 4px 0;
  background:#f6c317;
  color:#fff;
  line-height:1.3;
  padding:4px 12px;
}
.dl000 dd {
  overflow:hidden;
  line-height:1.5;
  margin:0 0 4px;
  padding:4px 0;
}

.dl001 {
  font-size:114%;
}
.dl001 dt {
  float:left;
  margin:0 1em 4px 0;
  background:#f6ab00;
  color:#fff;
  line-height:1.3;
  font-weight:bold;
  padding:4px 12px;
}
.dl001 dd {
  overflow:hidden;
  line-height:1.5;
  margin:0 0 4px;
  padding:4px 0;
}

.s_ttl {
  display:inline-block;
  background:#f6ab00;
  font-size:114%;
  color:#fff;
  line-height:1.3;
  font-weight:bold;
  padding:4px 12px;
}
.waku {
  border:solid #f6ab00 1px;
  padding:14px 24px;
}
.waku.nopad {
  padding:0;
}
.dotul li {
  font-size:114%;
  padding-top:8px;
}
.dotul li:first-child {
  padding-top:0;
}
.dotul li:before {
  content:"●";
  color:#999;
  margin-right:.2em;
}

/* ▼なんでも相談室 */
.consu_blk {
  background:#cfeae9;
  border:solid #e7f4f4 20px;
  padding:48px 56px;
}
.consu_blk .col .in {
  background:url(img/door_big.png) no-repeat 0 0;
  background-size:cover;
  background-position:0 100%;
  position:relative;
  padding-bottom:144%;
  height:0;
}
.consu_blk .col a {
  color:#fff;
  text-decoration:none;
}
.consu_blk .col a:hover .in {
  background-position:0 0;
}
.consu_blk h4 {
  font-size:24px;
  line-height:1.4;
  text-align:center;
  padding:48px 12px 0;
}
.consu_blk h4.new:before {
  margin:-24px auto 4px;
  content:" ";
  display:block;
  width:53px;
  height:19px;
  background:url(img/new_icn.png);
  background-size:contain;
}

.consu_p {
  padding:0 32px;
  font-size:16px;
}

.perso_blk {
  background:#ffe787;
  padding:6px;
}
.perso_blk .in {
  border:solid #fff 2px;
  padding:16px 34px 34px;
}
.h3img01 {
  margin-right:-16px;
}
.h4-01 {
  color:#633;
  font-size:22px;
  text-align:center;
  line-height:1.4;
  margin-bottom:8px;
}
.h4-01 small {
  font-size:18px;
}
.h4-02 {
  color:#eb6300;
  font-size:26px;
  line-height:1.4;
  text-align:center;
}
.perso_blk .inin {
  background:#fff5d7 url(img/denkyu.png) no-repeat 4px 4px;
  background-size:56px auto;
  border:solid #eb6300 2px;
  padding:24px 20px;
  border-radius:16px;
}
.perso_blk2 {
  background:#fff5d7;
  border:solid #c00 2px;
  padding:24px;
  font-size:22px;
  text-align:center;
}

.perso_blk3 {
  background:#cfeae9;
  border:solid #e7f4f4 12px;
  padding:32px 48px;
}

#consultation .slick-slider {
  margin-right:-32px;
}
#consultation .slick-slide {
  margin-right:32px;
}
#consultation .slider .slick-prev {
  top:45%;
  left:-40px;
}
#consultation .slider .slick-next {
  top:45%;
  right:-32px;
}

.tobira .in {
  background:url(img/door_big.png) no-repeat 0 0;
  background-size:cover;
  background-position:0 100%;
  position:relative;
  padding-bottom:144%;
  height:0;
}
.tobira a {
  color:#fff;
  text-decoration:none;
}
.tobira a:hover .in {
  background-position:0 0;
}
.tobira h4 {
  font-size:14px;
  line-height:1.5;
  text-align:center;
  padding:5em 18px 0;
}
.tobira .new:before {
  margin:-20px 0 4px;
  content:" ";
  display:block;
  width:53px;
  height:19px;
  background:url(img/new_icn.png);
  background-size:contain;
}

/* 建物のご相談 */
.sekou_blk {
  margin:0 160px 32px;
  border:solid #c8ded8 1px;
}
.sekou_blk dt {
  background:#c8ded8;
  padding:8px 16px;
  font-size:143%;
  line-height:1.4;
  font-weight:bold;
}
.sekou_blk dd {
  background:#fff;
  padding:16px 16px;
}

.build01 .fcol {
  padding:0 10px 16px;
}
.build01 .lin {
  border:solid #999 1px;
  border-radius:8px;
  padding:24px;
  height:100%;
  font-size:20px;
  text-align:center;
}
.build01 span {
  display:inline-block;
}
.build01 p:after {
  content:'';
  display:block;
  margin:24px auto 0;
  width:20px;
  height:20px;
  background-image:url(img/sitaya_icn.png);
  background-size:contain;
  vertical-align:middle;
}

.build02 {
  background:#fff5d7;
  padding:6px;
}
.build02 .in {
  border:solid #fff 2px;
  padding:16px 34px 34px;
}
.pt12 {
  padding-top:12px;
}
.whiteblk {
  background:#fff;
  border-radius:16px;
  padding:24px 24px 0;
}

.builL {
  float:left;
  width:360px;
}
.builR {
  float:right;
  width:470px;
}
.orettl strong {
  background:#f6ab00;
  color:#fff;
  font-size:20px;
  line-height:1.3;
  padding:6px 8px;
}
.nanni {
  display:inline-block;
  margin-right:.5em;
  background:#937e46;
  color:#fff;
  line-height:1.3;
  padding:2px 8px;
  font-size:12px;
  font-weight:bold;
}
.nanni em {
  font-size:16px;
  vertical-align:-5%;
}
.buil_ul01 img {
  margin-bottom:4px;
}
.buil_ul01 p {
  text-align:justify;
  font-feature-settings:"palt";
}

.build03 {
  background:#f9e8e4;
  padding:6px;
}
.build03 .in {
  border:solid #fff 2px;
  padding:16px 34px 34px;
}

.buil_ul02 .lin {
  background:#fff;
  height:100%;
  padding:14px;
}
.buil_ul02 p {
  text-align:justify;
  font-feature-settings:"palt";
}
.ttl001 {
  font-size:26px;
  line-height:1.3;
  text-align:center;
  background:#fdf6f4;
  border:solid #fff 2px;
  padding:8px;
  border-radius:26px;
}
.whiteblk2 {
  background:#fff;
  padding:24px;
}
.h4-03 {
  font-size:24px;
}
.h4-03:before {
  content:"■";
  color:#eb6300;
  margin-right:.2em;
}

.build04 {
  background:#d5f5f3;
  padding:6px;
}
.build04 .in {
  border:solid #fff 2px;
  padding:16px 34px 34px;
}
.mtop-20 {
  position:relative;
  top:-20px;
}
.build04 .blk01 {
  padding:0 70px;
}
.h4-08 {
  font-size:28px;
  line-height:1.4;
  color:#2771af;
  border-bottom:solid #2771af 1px;
  padding-bottom:4px;
}
.h4-08 small {
  font-size:20px;
}

.build05 {
  background:#fff5d7;
  padding:6px;
}
.build05 .in {
  border:solid #fff 2px;
  padding:16px 34px 34px;
}
.attaka {
  font-size:30px;
  line-height:1.4;
  color:#eb6300;
}

.build06 {
  background:#e4d4e3;
  padding:6px;
}
.build06 .in {
  border:solid #fff 2px;
  padding:16px 34px 34px;
}

#tokyoint {
  text-align:center;
}
.h3-07 {
  font-size:36px;
}
.vatop {
  vertical-align:top;
}
.yutaiken {
  margin-top:-30px;
}
.tokintL {
  float:left;
  width:584px;
}
.tokintR {
  float:right;
  width:235px;
}
.tokintL .fcol {
  padding-top:12px;
}

.download_blk {
  margin:0 160px 64px;
  border:solid #a0a0a0 1px;
}
.download_blk dt {
  background:#a0a0a0;
  color:#fff;
  text-align:center;
  padding:4px 16px;
  font-size:143%;
  line-height:1.4;
  font-weight:bold;
}
.download_blk dd {
  background:#fff;
  padding:32px;
  text-align:center;
}

.dl_icn {
  display:inline-block;
  padding:0 20px;
  line-height:38px;
  background:#f6ab00;
  color:#fff;
  font-size:20px;
  border-radius:8px;
  text-decoration:none;
  transition:opacity 0.5s ease-in-out;
}
.dl_icn:hover {
  text-decoration:none;
  color:#fff;
  opacity:0.6;
}

.dl_icn:after {
  content:'';
  display:inline-block;
  margin:0 0 0 12px;
  width:20px;
  height:18px;
  background-image:url(img/dl_icn.png);
  background-size:contain;
  vertical-align:-.05em;
}
.ele_copy {
  margin-left:32px;
  margin-right:24px;
}

.btn_yamabuki {
  display:inline-block;
  padding:0 20px;
  line-height:38px;
  background:#f6ab00;
  color:#fff;
  font-size:20px;
  border-radius:8px;
  text-decoration:none;
  transition:opacity 0.5s ease-in-out;
}
.btn_yamabuki:hover {
  text-decoration:none;
  color:#fff;
  opacity:0.6;
}

@media (max-width:767px) {
  .consu_blk {
    background:#cfeae9;
    border:0;
    padding:14px;
  }
  .consu_blk h4 {
    padding:36px 14px 0;
    font-size:18px;
    line-height:1.4;
    text-align:left;
  }
  .consu_blk h4.btm48 {
    margin-bottom:10px;
  }
  .consu_p {
    padding:0 14px;
    font-size:16px;
  }

  .perso_blk {
    padding:0;
  }
  .perso_blk .in {
    border:none;
    padding:12px;
  }
  .h3img01 {
    margin-right:0;
  }
  .h4-01 {
    font-size:18px;
    text-align:center;
  }
  .h4-01 small {
    font-size:16px;
  }
  .h4-02 {
    font-size:18px;
    text-align:center;
  }
  .perso_blk .inin {
    padding:12px;
    border-radius:12px;
  }
  .s-img {
    width:600px;
  }

  .perso_blk2 {
    padding:12px;
    font-size:18px;
    text-align:left;
  }

  .perso_blk3 {
    background:#cfeae9;
    border:none;
    padding:16px 32px;
  }

  #consultation .slick-slider {
    margin-right:-16px;
  }
  #consultation .slick-slide {
    margin-right:16px;
  }
  #consultation .slider .slick-prev {
    top:45%;
    left:-32px;
  }
  #consultation .slider .slick-next {
    top:45%;
    right:-16px;
  }

  .tobira h4 {
    font-size:14px;
    line-height:1.5;
    text-align:left;
    padding:3em 18px 0;
  }

  /* 建物のご相談 */
  .sekou_blk {
    margin:0 0 32px;
  }
  .sekou_blk dt {
    padding:4px 12px;
    font-size:18px;
  }
  .sekou_blk dd {
    padding:12px;
  }

  .build01 .fcol {
    padding:0 10px 16px;
  }
  .build01 .lin {
    padding:12px;
    font-size:16px;
  }
  .build01 p:after {
    margin:12px auto 0;
  }

  .build02 {
    padding:4px;
  }
  .build02 .in {
    border:solid #fff 2px;
    padding:12px;
  }
  .build02 .col3 .col {
    width:50%;
  }
  .pt12 {
    padding-top:8px;
  }
  .whiteblk {
    background:#fff;
    border-radius:12px;
    padding:14px 14px 0;
  }

  .builL {
    float:none;
    width:auto;
  }
  .builR {
    float:none;
    width:auto;
  }
  .orettl strong {
    font-size:16px;
    padding:4px 8px;
  }

  .build03 {
    background:#f9e8e4;
    padding:4px;
  }
  .build03 .in {
    border:solid #fff 2px;
    padding:12px;
  }

  .buil_ul02 .lin {
    padding:12px;
  }
  .ttl001 {
    font-size:18px;
    text-align:left;
    padding:4px 12px;
    border-radius:26px;
  }
  .whiteblk2 {
    padding:12px;
  }

  .whiteblk2 .imgL {float:none; margin:0 0 12px;}
  .whiteblk2 .imgR {float:none; margin:0 0 12px;}

  .h4-03 {
    font-size:20px;
  }

  .build04 {
    padding:4px;
  }
  .build04 .in {
    padding:12px;
  }
  .mtop-20 {
    top:-14px;
  }
  .build04 .blk01 {
    padding:0;
  }
  .h4-08 {
    font-size:20px;
  }
  .h4-08 small {
    font-size:16px;
  }

  .build05 {
    padding:4px;
  }
  .build05 .in {
    padding:12px;
  }
  .attaka {
    font-size:16px;
    line-height:1.4;
    color:#eb6300;
  }

  .build06 {
    padding:4px;
  }
  .build06 .in {
    padding:12px;
  }

  .h3-07 {
    font-size:20px;
  }
  .vatop {
    vertical-align:top;
  }
  .yutaiken {
    margin-top:0px;
  }
  .tokintL {
    float:none;
    width:auto;
    margin-bottom:16px;
  }
  .tokintR {
    float:none;
    width:auto;
    text-align:center;
  }
  .tokintL .fcol {
    padding-top:12px;
  }

  .download_blk {
    margin:0 0 32px;
  }
  .download_blk dt {
    text-align:left;
    padding:4px 12px;
    font-size:18px;
  }
  .download_blk dd {
    padding:12px;
    text-align:left;
  }
  .ele_copy {
    margin-left:12px;
    margin-right:12px;
  }
}

@media (max-width:414px) {
  .consu_blk .row {
    margin-right: -8px;
    margin-left: -8px;
  }
  .consu_blk .col {
    padding: 0 8px 24px;
  }
  .consu_blk h4 br {
    display:none;
  }
  .build02 .col3 .col {
    width:100%;
  }
}

@media (max-width:374px) {
  .consu_p {
    display:none;
  }
}


/* ライフスタイル */
.ind8{
  padding-left:8em;
  text-indent:-8em;
}

/* ▼所得補償保険 */
.komedl dt {
  clear:left;
  float:left;
  margin:0 1em 4px 0;
}
.komedl dd {
  overflow:hidden;
  margin:0 0 4px;
}

/*
-----------------------------------------------
▼リネン
----------------------------------------------- */
#linen_ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width:970px;
}
#linen_ul .in {
  padding:16px 14px 0;
}
#linen_ul .waku2 {
  display:flex;
  flex-direction:column;
  border:1px solid #f6ab00;
}
#linen_ul .waku3 {
  display:flex;
  justify-content: center;
  align-items: center;
}
.btmimg {
  margin-top:auto;
  padding-top:8px;
}
#linen_ul .count001 {
  width:178px;
}
#linen_ul .count002 {
  width:416px;
}
#linen_ul .count003 {
  width:254px;
}

.count001 strong,
.count002 strong,
.count003 strong {
  display:inline-block;
  margin-top:-8px;
  color:#f6ab00;
  font-size:128%;
}
.count001 strong:before {
  content:"❶";
  position:relative;
  top:4px;
  left:0;
  font-size:28px;
  margin-right:8px;
}
.count002 strong:before {
  content:"❷";
  position:relative;
  top:4px;
  left:0;
  font-size:28px;
  margin-right:8px;
}
.count003 strong:before {
  content:"❸";
  position:relative;
  top:4px;
  left:0;
  font-size:28px;
  margin-right:8px;
}


/*
-----------------------------------------------
▼ライフサービス #84ccc9
----------------------------------------------- */













/* ▼サブフッター */
#hoken_foot .col {
  padding-bottom:0;
}
#hoken_foot .top8 {
  padding-top:8px;
}

#subfoot {
  background:url(../img/footimg_bg.jpg) no-repeat center center;
  background-size:cover;
  min-height:624px;
  color:#fff;
  padding:100px 0 70px;
}
.h2-02 {
  font-size:45px;
  width:588px;
}
.sfoot_p {
  font-size:20px;
  width:588px;
}
.bigbtn a {
  display:inline-block;
  background:#ea5504;
  color:#fff;
  font-size:30px;
  font-weight:bold;
  padding:0 48px;
  line-height:70px;
  border-radius:8px;
  text-decoration:none;
  transition:opacity 0.5s ease-in-out;
}

.bigbtn a:hover {
  opacity:0.8;
}
#subfoot2 {
  background-color:#fdeee5;
  background-image:
    url("img/footR.png"),
    url("img/footL.png");
  background-repeat:
    no-repeat,
    no-repeat;
  background-position:
    bottom right,
    0 0;
  height:298px;
  padding:43px 0;
  text-align:center;
}
.h3-10 {
  font-size:30px;
}

@media (max-width:1000px) {
  #subfoot {
    min-height:380px;
    padding:32px 0;
  }
  .h2-02 {
    font-size:24px;
    width:auto;
  }
  .sfoot_p {
    font-size:16px;
    width:auto;
  }
  .bigbtn a {
    font-size:24px;
    padding:0 24px;
    line-height:52px;
  }
}

@media (max-width:767px) {
  #hoken_foot .top8 {
    padding-top:0;
    margin-bottom:16px;
  }
  #subfoot2 {
    background-color:#fdeee5;
    background-image:none;
    height:auto;
    padding:24px 14px;
  }
  .h3-10 {
    font-size:20px;
  }
  #subfoot2 br{
    display:none;
  }
}


/*
-----------------------------------------------
▼estate 20200608追加
----------------------------------------------- */
.w680 {
  width: 680px;
  margin: 0 auto;
}

.waku02 {
  border:solid #86CCC9 1px;
  padding:14px 24px;
}
.waku02.nopad {
  padding:0;
}
.wakuin {
  padding: 10px 40px 0px 40px;
}

.waku02 .count001 strong,
.waku02 .count002 strong,
.waku02 .count003 strong {
  display:inline-block;
  margin-top:-8px;
  color:#86CCC9;
  font-size:128%;
}








/*
-----------------------------------------------
▼footer
----------------------------------------------- */
.foot01 {
  float:left;
  margin-right:90px;
  position:relative;
  padding-left:38px;
  line-height:1.6;
  color:#ea5504;
}
.tate {
  transform:rotate(-90deg);
  transform-origin:right top;
  font-size:16px;
  font-weight:bold;
  color:#ea5504;
  position:absolute;
  top:0;
  left:-90px;
}
.tate.t01 {
  left:-120px;
}
.tate.t02 {
  left:-90px;
}
.tate.t03 {
  left:-126px;
}
.foot01 a {
  text-decoration:none;
  color:#ea5504;
}

.foot02 {
  background:#f9ab01;
}
.foot02 a {
  display:block;
  color:#fff;
  font-weight:bold;
  padding:16px 0;
  text-decoration:none;
}
.foot02 li {
  float:left;
  margin-right:16px;
}

@media (max-width:1000px) {
  .foot01 {
    margin-right:32px;
    padding-left:0;
    line-height:1.7;
    font-size:16px;
  }
  .tate {
    transform:rotate(0deg);
    position:static;
  }
  .tate.t01 {
    left:0;
  }
  .tate.t02 {
    left:0;
  }
  .tate.t03 {
    left:0;
  }

  .foot02 {
    padding:8px 0;
  }
  .foot02 a {
    padding:8px 0;
  }
}

@media (max-width:414px) {
  .foot01 {
    float:none;
    margin-right:0;
    margin-bottom:24px;
  }
  .tate {
    font-size:18px;
  }
}

/* ▼スリック設定 */
.slider,
.slider02 {
  display:none;
}
.slider.slick-initialized,
.slider02.slick-initialized {
  display:block;
}
/* Arrows */
.slide-arrow {
  position:absolute;
  top:50%;
  height:32px;
  margin-top:-16px;
  cursor:pointer;
  z-index:10;
  transition:all 0.5s ease-in-out;
  opacity:.2;
}
.slide-arrow:hover {
  opacity:.9;
}

.prev-arrow {
  left:4px;
}
.next-arrow {
  right:4px;
}

/* 以下は未使用 */
.slick-prev,
.slick-next {
  position:absolute;
  line-height:0;
  font-size:0;
}
.slider .slick-prev,
.slider .slick-next,
.slider02 .slick-prev,
.slider02 .slick-next {
  height:40px;
  width:40px;
  transition:all 0.5s ease-in-out;
  opacity:.2;
}
.slider .slick-prev,
.slider02 .slick-prev {
  z-index:500;
  top:40%;
  left:-60px;
  background:url(img/left_ya.png) no-repeat 0 0;
  background-size:20px auto;
  cursor:pointer;
}
.slider .slick-next,
.slider02 .slick-next {
  top:40%;
  right:-60px;
  background:url(img/right_ya.png) no-repeat 0 0;
  background-size:20px auto;
  cursor:pointer;
}
.slider:hover .slick-prev,
.slider:hover .slick-next,
.slider02:hover .slick-prev,
.slider02:hover .slick-next {
  opacity:1;
}
.slider .slick-prev:hover,
.slider .slick-next:hover,
.slider02 .slick-prev:hover,
.slider02 .slick-next:hover {
  opacity:.8;
}
.slider:hover .slick-prev,
.slider02:hover .slick-prev {
  left:-28px;
}
.slider:hover .slick-next,
.slider02:hover .slick-next {
  right:-28px;
}

@media (max-width:1000px) {
  .slider .slick-prev,
  .slider .slick-next,
  .slider02 .slick-prev,
  .slider02 .slick-next {
    height:40px;
    width:20px;
  }
  .slider .slick-prev,
  .slider02 .slick-prev {
    top:40%;
    left:-10px;
  }
  .slider .slick-next,
  .slider02 .slick-next {
    top:40%;
    right:-10px;
  }
  .slider:hover .slick-prev,
  .slider02:hover .slick-prev {
    left:-10px;
  }
  .slider:hover .slick-next,
  .slider02:hover .slick-next {
    right:-10px;
  }
}

@media (max-width:414px) {
  .slider .slick-prev,
  .slider .slick-next,
  .slider02 .slick-prev,
  .slider02 .slick-next {
    height:40px;
    width:20px;
  }
  .slider .slick-prev,
  .slider02 .slick-prev {
    top:15%;
    left:-10px;
  }
  .slider .slick-next,
  .slider02 .slick-next {
    top:15%;
    right:-10px;
  }
}

/* スリックドット使う場合 */
.slick-dots {
  position:absolute;
  bottom:-60px;
  display:block;
  width:100%;
  text-align:center;
}
.slick-dots li {
  position:relative;
  display:inline-block;
  width:20px;
  height:20px;
  margin:0 5px;
  cursor:pointer;
}
.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:20px;
  height:20px;
  padding:5px;
  cursor:pointer;
  background:transparent;
  color:transparent;
}
.slick-dots li button:before {
  position:static;
  content:"●";
  font-size:14px;
  line-height:14px;
  text-align:center;
  color:#999;
  opacity:0.8;
}
.slick-dots li.slick-active button:before {
  color:#cd663e;
  opacity:1;
}

a.subcategory_list {
  display:block;
  padding:4px;
  text-align:center;
  border:solid #ccc 1px;
  position:relative;
}
a.subcategory_list:hover {
  background:#eee;
}
a.subcategory_list::after {
  position:absolute;
  top:6px;
  right:8px;
  content:">";
  font-size:10px;
  color:#999;
}
#pagebody #risFil .risfFootWrap {
  margin-bottom:16px;
}

/* medical_food */
td.tdleft {
  text-align:left;
}


/*
---------------------------
▼ページトップへ
--------------------------- */
#pagetop {
  display:none;
  position:fixed;
  z-index:100;
  right:10px;
  bottom:24px;
}
#pagetop a {
  display:block;
  opacity:0.9;
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* @ スペシャルコンテンツ　パーツ
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page-special {
  margin-bottom: 100px;
}
.page-special p {
  font-size: 1.143rem;
}
.page-special #pan p {
  font-size: 1rem;
}
.page-special p+h3 {
  margin-top: 80px !important;
}
.page-special p+h3.is-style-ape-arrow {
  margin-top: 60px !important;
}
.page-special p+h4 {
  margin-top: 60px !important;
}
.page-special p+img {
  margin: 40px !important;
}
.clearfix > *:first-child {
  margin-top: 0 !important;
}
#breadcrumb {
  margin-bottom: 32px;
}
#breadcrumb ul {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
}
#breadcrumb ul li:first-of-type {
  margin-left: 0;
}
#breadcrumb ul li,
#breadcrumb ul span {
  margin: 0 5px;
}
#breadcrumb ul li,
#breadcrumb ul li a {
  font-size: 1rem;
}
#cboxLoadedContent {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#cboxLoadedContent::-webkit-scrollbar {
  display:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* @ ページャ
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wp-pagenavi {
  text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  margin: 0 7px;
  font-size: 1.143rem;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* @ ピックアップ一覧
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#archive-pickup > h2+h3 {
  margin: 20px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* @ 保険コラム一覧
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.api-list spe-cnt {
  margin: 0;
}
.api-list h3.is-style-ape-arrow {
  margin: 10px 0;
}
.category-list {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.category-list li {
  min-width: 130px;
  margin-right: 8px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .category-list li {
    min-width: auto;
  }
}
.category-list li a {
  padding: 5px;
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1.143rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #333;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .category-list li a {
    padding: 5px 10px;
  }
}
.category-list li.current-cat a {
  border: 1px solid #EA540B;
  background: #EA540B;
  color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* @ 保険コラム詳細
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.alpha {
  transition: opacity 0.3s;
}
.alpha:hover {
  -ms-filter: "alpha(opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.clearfix>.thumbnail {
  margin-bottom: 40px;
}
.ins-column h1,
.pic-cnt h1,
h2.spe-cnt {
  margin: 80px 0 20px;
  padding: 7px 15px;
  background: rgb(234,84,11);
  background: linear-gradient(152deg, rgba(234,84,11,1) 0%, rgba(246,197,34,1) 100%);
  font-size: 1.429rem;
  color: #fff;
}
.api-cnt h1 {
  margin-top: 0;
}
.page-special .body p {
  line-height: 1.8;
}
.cate-box p {
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .cate-box .contentscategory {
    padding: 4px 0;
  }
}
.cate-box .contentscategory a {
  margin-right: 10px;
  padding: 4px 15px;
  border-radius: 50px;
  background: #ea540b;
  font-size: 1.143rem;
  font-weight: bold;
  line-height: 1.25;
  text-decoration: none;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 480px) {
  .cate-box .contentscategory a {
    margin-right: 5px;
  }
}
.cate-box .releaseDate {
  font-size: 0.857rem;
}
.relation-list > li .cnt .Rbox .cate-box > .contentscategory {
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .relation-list > li .cnt .Rbox .cate-box > .contentscategory {
    margin: 0;
    display: block;
  }
}
.relation-list > li .cnt .Rbox .cate-box > p a {
  display: inline-block;
  color: #fff;
}
.relation-list > li .cnt .Rbox .cate-box > p.cate-new {
  margin-left: 20px;
  font-size: 0.857rem;
  background: #4FB746;
}
@media screen and (max-width: 480px) {
  .relation-list > li .cnt .Rbox .cate-box > p.cate-new {
    margin-left: 10px;
  }
}
.cate-box+ul.searchTag {
  margin: 15px 0 10px;
}
ul.searchTag {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
ul.searchTag li {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 2px 10px;
  display: inline-block;
  background: #ebebeb;
}
@media screen and (max-width: 480px) {
  ul.searchTag li {
    font-size: 0.929rem;
  }
}
.ins-column .lead {
  margin-top: 40px;
  padding: 20px 30px;
  border-radius: 10px;
  background: #fce5da;
}
.ins-column .summary {
  margin-top: 40px;
  padding: 10px 30px 20px 30px;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.ins-column .summary h3 {
  margin-top: 0;
  padding: 15px 0 15px 40px;
  border-bottom: 1px dashed #ccc;
  color: #000;
}
.ins-column .summary h3::before {
  background: url(../img/Icon-summary.png);
  width: 23px;
  height: 19px;
}
.ins-column .summary p {
  margin-bottom: 16px;
  font-size: 1.143rem;
  font-weight: bold;
}
.ins-column .summary ul {
  padding: 0;
}
.ins-column .summary ul li {
  margin-bottom: 7px;
  list-style-type: none;
  position: relative;
  padding-left: 1em;
  font-size: 1.071rem;
}
.ins-column .summary ul li::before {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.6em;
  content: "";
  background: #EA540B;
}
.ins-column .summary ul li a {
  text-decoration: none;
  color: #333;
}
.ins-column .summary ul li a:hover {
  text-decoration: underline;
}
.ins-column p {
  font-size: 1.143rem;
}

.pic-cnt h2,
.ins-detail h2 {
  margin-top: 80px;
  margin-bottom: 25px;
  padding: 15px;
  background: #ffe5db;
  font-size: 1.429rem;
  font-weight: bold;
  color: #EA540B;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 768px) {
  .pic-cnt h2,
  .ins-detail h2 {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.pic-cnt h2.nocolor,
.ins-detail h2.nocolor {
  margin: 0;
  padding: 0;
  background: none;
}
.pic-cnt h2+:not(h2),
.ins-detail h2+:not(h2) {
  margin-bottom: 25px;
}
.pic-cnt h2+h2,
.ins-detail h2+h2 {
  margin-top: -25px;
  background: #fff4e0;
  color: #f67442;
}
h3.special {
  position: relative;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-left: 20px;
  font-size: 1.429rem;
  color: #EA540B;
}

.pic-cnt h3,
.ins-detail h3 {
  position: relative;
  margin: 40px 0 20px;
  font-size: 1.429rem;
  font-weight: bold;
  color: #EA540B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pic-cnt p+h3,
.ins-detail p+h3 {
  margin: 40px 0 20px !important;
}
.ins-detail .body img {
  margin-bottom: 1em;
}
.ins-column .annotation {
  margin: 80px 0 25px;
  padding: 20px 30px;
  border-radius: 10px;
  background: #f0f0f0;
}
.ins-column .number {
  text-align: right;
}
.relation-list {
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .relation-list {
    display: block;
  }
}
.relation-list > li {
  padding-bottom: 10px;
  display: block;
  text-decoration: none;
  border-bottom: 1px dashed #ccc;
  color: #333;
  margin-right: 40px;
  margin-bottom: 40px;
  width: calc((100% - 40px) / 2);
}
.relation-list > li:nth-of-type(2n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .relation-list > li {
    margin-right: 0;
    margin-bottom: 30px;
    padding-bottom: 5px;
    width: 100%;
  }
}
.relation-list > li:nth-of-type(2) {
  margin-right: 0;
}
.ins-column .relation-list > li:nth-child(3) {
  display: none;
}
.relation-list > li .cnt {
  display: flex;
  align-items: flex-start;
}
.relation-list > li .cnt figure {
  margin-right: 25px;
  width: 33%;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.relation-list > li .cnt figure a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 98px;
  cursor:pointer;
}
@media screen and (max-width: 768px) {
  .relation-list > li .cnt figure a {
    min-height: auto;
    aspect-ratio: 25/19;
  }
}
.relation-list > li .cnt figure a img {
  object-fit: contain;
  height: 98px;
}
@media screen and (max-width: 768px) {
  .relation-list > li .cnt figure a img {
    height: auto;
  }
}
.relation-list > li .cnt .Rbox {
  width: calc(100% - 33% - 25px);
}
.relation-list > li .cnt .Rbox .cate-box > p {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .relation-list > li .cnt .Rbox .cate-box > p {
    font-size: 0.857rem;
  }
}
.relation-list > li .cnt .Rbox a {
  font-size: 1.143rem;
  font-weight: bold;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 480px) {
  .relation-list > li .cnt .Rbox h1,
  .relation-list > li .cnt .Rbox a {
    font-size: 1.071rem;
  }
}
.relation-list > li .cnt .Rbox h1,
.relation-list > li .cnt .Rbox .cate-box+p {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 1.143rem;
  font-weight: bold;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.relation-list > li .cnt .Rbox a:hover h1 {
  color: #ea5404;
}
.relation-list > li .cnt figure.Thumbnail {
  position: relative;
}
.relation-list > li .cnt figure.Thumbnail .play-circle {
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%,50%);
  width: 40px;
  height: 40px;
}
.relation-list > li .searchTag {
  margin-top: 20px;
}
.link-box {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .link-box {
    display: block;
    text-align: center;
  }
  .link-box .link-btn {
    margin-bottom: 20px;
  }
}
.link-box .link-btn:not(:nth-of-type(2n)) {
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .link-box .link-btn:not(:nth-of-type(2n)) {
    margin-right: 0;
  }
}
.link-btn {
  text-align: center;
}
.link-btn a {
  padding: 3px 30px;
  display: inline-block;
  font-size: 1.571rem;
  font-weight: bold;
  border: 2px solid #EA540B;
  border-radius: 8px;
  color: #EA540B;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 480px) {
  .link-btn a {
    font-size: 1.143rem;
  }
}
.link-btn a:hover {
  background: #EA540B;
  color: #fff;
}
.link-btn a::after {
  margin-left: 20px;
  content: '＞';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#cboxOverlay {
  background: #000;
}
#cboxClose{
  display: flex;
  align-items: center;
  width: 80px;
  height: 30px;
  right: 10px;
  top: -40px;
  background: none;
  font-size: 1.143rem;
  text-indent: inherit;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
}
#cboxClose::after {
  content: '×';
  margin-top: -2px;
  margin-left: 10px;
  display: inline-block;
  font-size: 35px;
  color: #fff;
}
ul.pagination {
  display: flex;
  justify-content: center;
}
ul.pagination li {
  margin: 0 10px;
}
ul.pagination li a,
ul.pagination li span {
  font-size: 1.143rem;
}
ul.pagination li.navi-active a {
  text-decoration: none;
}
video {
  top:0;
  width: 100%;
  max-width: 854px;
  height: 100%;
  background: #000;/*背景を黒で表示*/
}


/* css_end */