/* 
 Theme Name:   base-japan
 Theme URI:    
 Description:  habakiri-child
 Author:       ☆☆☆
 Author URI:   
 Template:     habakiri
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

body {
 font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.6;
    font-weight: 500;
}

.container {
   width: 88%;
   margin-left:6%;
   margin-right:6%;
}

.w-98 .container {
   width: 85%;
   margin-left:7.5%;
   margin-right:7.5%;
}

.post-ul {
border:2px dotted #ccc;
margin:-10px 0 10px 0;
padding:10px 10px 10px 25px;

}

.post-ul li{
font-size:15px;

}

.post-ul li span{
  background: linear-gradient(transparent 60%, #ffadad 60%);

}

.topics-ul {
font-size:16px;
margin:-20px 0 20px 0;
padding:10px ;
color:#777;
 background:#f7f7f7;
}

.topics-ul li {
  list-style-position: inside;
}

.box27b {
    margin: 40px 0 0;
    padding:50px;
     background:#f7f7f7;
}

.dz-box {
 margin-top:15px;
}

.dz-box img{
width:100%;
height:auto;
}

.button019 {
  margin-top:40px;
}

.button019 a {
    background: #E63B3E;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 70%;
    padding: 5px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-size:18px;
    font-weight: 500;
}
.button019 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
  background: #f8c6cb;
  color:#f1929b;
}
.button019 a:hover:after {
  right: 1.4rem;
}



.dz-tx {
  position: relative;
  color:#EF6C00;
  text-align: center;
 margin-top:15px;
  padding: 10px;
 font-size:20px;
}
.dz-tx::before,
.dz-tx::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;/*ボーダー全体の高さ*/
  border-color: #EF6C00;
  border-style: solid;
}
.dz-tx::before {
  top: 0;
  border-width:2px 0 1px 0;
}
.dz-tx::after {
  bottom: 0;
  border-width:1px 0 2px 0;
}

.balloon {
position: relative;
background-color: #FF529F;
margin:0 0 20px;
padding: 5px 20px;
color: #333;
border-radius: 10px;
}

.balloon::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-top: 12px solid #FF529F;
top: 100%;
left: 5%;
}

.balloon p {
margin: 0;
padding: 0;
color:#fff;
font-size:20px;
}

.balloon2 p {
font-size:22px;
color:#F05AB3;
font-weight:700;
margin:5px 0 40px;
}

.img-01bn {
width:100%;
height:auto;
aspect-ratio: 1 / 0.5;
 object-fit: cover; 
margin-bottom:10px;
}

.linkcard  {
  margin-top:-15px !important;
}

.img-tp  {
   width: 100%;
   height:auto;
 margin-top:-20px;
aspect-ratio: 1 / 0.563;
 object-fit: cover; 
}

.pt-box{
margin-top:10px;
}

.pt1  {
margin-top:5px;
}

.pt2  {
font-size:15px;
font-weight:600;
line-height:1.3;
margin-bottom:5px;
}

.pt2 a {
    color: #000;
}
.pt3 {
    border-top: 1px solid #BEAD97;
    padding-top: 5px;
    font-size: 14px;
}
.pt3 a {
    color: #000;
}
.pt-box-in img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.618 / 1;
    object-fit: cover;
}
.pt-box-in a img {
    transition: all 0.3s ease-out;
}
.pt-box-in a:hover img {
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, .6));
}
.catch-a-sub {
    font-size: 24px;
    font-family: 'M PLUS 2', sans-serif;
    margin-bottom: 0px;
    color: #000;
    font-weight: 700;
}
.catch-b-sub {
    font-size: 20px;
    font-family: 'M PLUS 2', sans-serif;
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
}
.catch-c-sub {
    font-size: 26px;
    font-family: 'M PLUS 2', sans-serif;
    margin: 35px 0 10px;
    color: #000;
    font-weight: 700;
}
.topbox1 {
    width: 90%;
    font-size: 16px;
    font-family: 'M PLUS 2', sans-serif;
    margin: 0 0 20px 10%;
    color: #000;
    font-weight: 700;
    background-color: #fff54e;
    padding: 7px 0 6px;
    border-radius: 15px;
}
.topbox1 span {
    color: #e60012;
}
.topbox2 {
    width: 90%;
    font-size: 16px;
    font-family: 'M PLUS 2', sans-serif;
    margin: 0 10% 20px 0;
    color: #000;
    font-weight: 700;
    background-color: #fff54e;
    padding: 7px 0 6px;
    border-radius: 15px;
}
.topbox2 span {
    color: #e60012;
}
.topbox3 {
    width: 90%;
    font-size: 16px;
    font-family: 'M PLUS 2', sans-serif;
    margin: 0 5% 20px;
    color: #000;
    font-weight: 700;
    background-color: #fff54e;
    padding: 7px 0 6px;
    border-radius: 15px;
}
.topbox3 span {
    color: #e60012;
}
.box-spc {
    margin: 30px 0 30px;
}
.box-spc2 {
    margin: 30px 0 0;
}
.list2t {
    width: 90%;
    margin: 0 5% 10px;
    border-radius: 10px;
}
.list2t ul, .list2t ol {
    background: #FFFDDB;
    padding: 0.3em 0.5em;
    position: relative;
    color: #000;
    list-style-type: none;
    border-radius: 10px;
    margin-bottom: 0;
}
.list2t ol {
    counter-reset: number;
}
.list2t ul li, .list2t ol li {
    line-height: 1.5;
    padding: 0.3em 0 0.3em 1.4em;
    border-bottom: dashed 1px #ee8992;
    font-size: 18px;
}
.list2t ul li:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f14a";
    left: 0.5em;
    color: #ee8992;
}
.list2t ol li:before {
    display: inline-block;
    position: absolute;
    font-family: "Quicksand", sans-serif;
    content: counter(number);
    counter-increment: number;
    left: 0.5em;
    width: 22px;
    height: 22px;
    border-radius: 20%;
    background: #ee8992;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
}
.list2t ul li:last-of-type, .list2t ol li:last-of-type {
    border-bottom: none;
}
.list2p {
    margin-right: 5%;
    font-size: 15px;
    text-align: right;
}
@media (max-width:991px) {
    .catch-a-sub {
        margin-top: 15px;
        text-align: center;
    }
    .catch-b-sub {
        text-align: center;
    }
    .catch-c-sub {
        margin: -20px 0 10px;
        color: #000;
    }
    .topbox1 {
        width: 90%;
        margin: 0 5% 15px;
    }
    .topbox2 {
        width: 90%;
        margin: 0 5% 15px;
    }
    .topbox3 {
        width: 90%;
        margin: 0 5% 20px;
    }
}
@media (max-width:480px) {
    .catch-a-sub {
        font-size: 18px;
    }
    .catch-b-sub {
        font-size: 16px;
    }
    .catch-c-sub {
        font-size: 18px;
    }
    .list2t {
        width: 100%;
        margin: 0 0 10px;
    }
    .list2t ul li, .list2t ol li {
        font-size: 16px;
    }
}
/*-------------------------------------------------

faq

-------------------------------------------------*/
.faq-box {
    width: 100%;
    margin: 0;
    padding: 30px 0 10px;
    background: #fff7cc;
}
.faq-container {
    width: 100%;
    margin: 0 auto;
}
.faq-container dl {
    box-sizing: border-box;
    margin: 0 0 20px;
}
.faq-container .question {
    background: rgba(255, 255, 255, 1) url(./images/icon_q.png) 30px center no-repeat;
    background-size: 35px auto;
    padding: 15px 60px 15px 83px;
    color: #4C6077;
    font-size: 1.8rem;
    position: relative;
    cursor: pointer;
}
.faq-container .question:hover {
    opacity: 0.7;
    transition: opacity .2s linear;
}
.faq-container .question::before {
    content: "";
    background: url(./images/icon_faq.png) right center no-repeat;
    background-size: 30px auto;
    width: 30px;
    height: 17px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    right: 30px;
}
.faq-container .question.open::before {
    transform: rotateX(180deg);
}
.faq-container .answer {
    background: url(./images/icon_a.png) 30px 20px no-repeat;
    background-size: 35px auto;
    padding: 20px 60px 20px 83px;
    font-size: 1.6rem;
    margin: 0;
    line-height: 1.5;
    display: none;
}
.catch-a-sub3 {
    font-size: 16px;
    margin-bottom: 10px;
}

@media (max-width:991px) {
.faq-box {
padding:20px 10px 0;
}
}


.page-id-1737 .breadcrumbs  {
 margin-top:40px;
 margin-bottom:10px;
}

img {
    image-rendering: -webkit-optimize-contrast;
transform: scale(1.01);
} 

.flex{
    display: flex;
    flex-wrap: wrap;
}

.wp-video {
  margin-bottom: 1.2em; 
}

.entry-content .size-full  {
  margin-top: 10px; 
}

.wpcf ul {
    margin-top: 10px;
}
@media (max-width:767px) {
    .wpcf ul {
        margin-top: 0;
    }
}
a.lk-cd {
    color: #fff;
}
a.lk-cd:hover {
    color: #eaf3ff;
}
.wpcf input[type="radio"] {
    position: relative;
    top: 0.05em;
}
.insta-box {
    width: 100%;
    margin: 20px 0 20px;
}
.box-301 .col-sm-6 {
    padding: 0;
}
.insta-box img {
    width: 100%;
    height: auto;
    box-shadow: none !important;

}
.insta-box2 {
    margin: 20px 0 0;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
}

.insta-box2b {
    margin: 10px 0 10px;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
}


.insta_btn2 {
    /*ボタン*/
    color: #FFF;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    height: 50px;
    width: 300px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    overflow: hidden;
    text-decoration: none;
    margin-top: 10px;
}
.insta_btn2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.insta_btn2 .fa-instagram {
    /*アイコン*/
    font-size: 26px;
    position: relative;
    top: 5px;
}
.insta_btn2 span {
    /*テキスト*/
    display: inline-block;
    position: relative;
    font-family: 'Raleway', sans-serif;
    padding-left: 0.5em;
    transition: .5s
}
.insta_btn2:hover {
    color: #fff;
}
.insta_btn2:hover span {
    -webkit-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
    color: #fff;
}

.insta-box3 {
    margin:0;
   background: #FFFEF2;
}

.insta-box3 ul{
    padding:10px 20px;
}

.insta-box3 ul li{
   font-size:1.1em;
   padding:0.2em 1em 0.2em 1em;
}

.insta-box3 a{
 color:#000;
}

.insta-box3 .ic-4{
 color:#FB9443;
 padding-right:0.2em;
}


.met {
    font-size: 16px;
    color: #0094B3;
    margin-bottom: 10px;
    font-weight: 700;
}
.sky {
    padding: 1px 5px;
    border: 1px solid #82A8CD;
    color: #82A8CD;
}
@media (min-width: 544px) {
    .dl_wrapper_default {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }
    .dl_wrapper_default p {
        margin: 10px 0 0 20px;
    }
}
.dl_wrapper_default dl {
    width: 100%;
}
.dl_wrapper_default dl dt, .dl_wrapper_default dl dd {
    font-size: 15px;
}
@media (max-width: 543px) {
    .dl_wrapper_default dl {
        margin-bottom: 0;
        border-bottom: 1px dotted #cccccc;
        padding: 1.25rem 0;
    }
    .dl_wrapper_default dl:first-child {
        padding-top: 0;
    }
    .dl_wrapper_default dl:last-child {
        border-bottom: none;
    }
    .dl_wrapper_default p {
        margin: 10px 0 0 0;
    }
}
@media (min-width: 544px) {
    .dl_wrapper_default dl {
        display: table;
        border-collapse: separate;
        border-spacing: 1.5rem 0;
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 543px) {
    .dl_wrapper_default dl dt {
        margin-bottom: .75rem;
    }
    .dl_wrapper_default dl dt span {
        font-size: 1.4rem;
        background: #3c87bc;
        padding: .25rem 1.5rem;
        padding-right: 1rem;
        position: relative;
        color: #fff;
        border-radius: .2rem;
    }
    .dl_wrapper_default dl dt span:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #ffffff transparent transparent transparent;
        position: absolute;
        top: 50%;
        left: .5rem;
        margin-top: -0.25rem;
    }
}
@media (min-width: 544px) {
    .dl_wrapper_default dl dt {
        display: table-cell;
        font-weight: normal;
        width: 20%;
        background: #F9F4EA;
        padding: 2rem;
    }
}
.dl_wrapper_default dl dd {
    margin-bottom: 0;
}
@media (min-width: 544px) {
    .dl_wrapper_default dl dd {
        display: table-cell;
        vertical-align: middle;
        padding: 2rem;
        background: #fff;
    }
}

.zr-box {
  position: relative;
 box-shadow: 0 5px 15px 0 rgba(42, 59, 13, 0.18);
  }

.zr-box p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  color: white;/*文字色*/
  font-size: 25px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  }

.zr-box p .fa {
  display:block;
  font-size: 2.5em;
  color: rgba(255, 0, 0, 0.7);
  }

.zr-box img {
  width: 100%;
height:auto;
  }

.vop1 {
margin-bottom:20px;
  }


#main {
  margin-bottom: 50px; 
}

.page-header {
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding: 23px 0; 
}

#sub {
margin-bottom:20px;
}

.sub-page-contents a:hover img {
 opacity: 0.5;
}
 
.sub-page-contents a img {
 transition: opacity 0.3s ease-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

.breadcrumbs  {
 font-size:15px;
}



li#menu-item-531 a{
pointer-events: none;
}

li#menu-item-39 a , li#menu-item-299 a{
pointer-events: auto;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

a  {
   text-decoration:none !important;
 }

p, ul, ol, dl, table {
    margin-bottom: 20px;
}

h2, .h2 {
    font-size: 26px;
    margin: 40px 0 20px;
}

h3, .h3 {
    font-size: 22px;
}

.red {
    color: #e60012;
}


p {
font-size: 16px;
color:#777;
}


p.p2{
   padding-left:20px;
   padding-right:20px;
}


.text-14 {
font-size:14px;
}


p.p2b{
    font-size: 16px;
    text-align:left;
}

p.p3{
      margin-top:30px;
     margin-bottom:0;
    font-size: 40px;
   text-align:center;
     color:#40C3E1;
}

p.p4{
    margin-top:10px;
     margin-bottom:10px;
    font-size: 36px;
   text-align:center;
     color:#777;
}

p.p5{
    margin-top:0;
 
    font-size: 22px;
   text-align:left;
     color:#777;
}

p.p6{
    margin-top:60px;
    font-size: 18px;
   text-align:center;
     color:#fff;
}

p.p7{
    margin-top:20px;
    margin-bottom:0;
    font-size: 54px;
   text-align:center;
     color:#2c539e;
    font-weight:bold;
}

p.p8{
    margin-top:0;
    font-size: 28px;
   text-align:center;
     color:#777;
    font-weight:normal;
}

p.p9{
    margin-top:-10px;
    font-size: 16px;
   text-align:left;
    font-weight:normal;
}

.img-1001 {
width:100%;
height:auto;
}

.img-3001 {
width:100%;
height:auto;
margin-top:30px;
}


.img-1001z {
width:100%;
height:auto;
margin-top:40px;
}



.img-01 {
width:100%;
height:auto;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}

.img-0101 {
width:100%;
height:auto;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
aspect-ratio: 1 / 0.65;
 object-fit: cover; 

}


.img-01b {
width:100%;
height:auto;
}

.img-01bb {
width:100%;
height:auto;
aspect-ratio: 1 / 1;
 object-fit: cover; 
}

.img-01b3 {
width:100%;
height:auto;
aspect-ratio: 1.1 / 1;
 object-fit: cover; 
}

.img-01b2 {
width:100%;
height:auto;
}


.img-01c {
width:100%;
height:auto;
border-radius: 5px;
box-shadow: 0 0 10px rgba(39,48,57,.15);
}

.img-01mm {
width:70%;
margin-left:15%;
margin-right:15%;
height:auto;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}



.rct {
min-height:500px;
}

.img-101 {
width:100%;
height:auto;

}


ul.cs-ul  {
background:#FEF7ED;
border-radius:8px;
padding:20px ;
margin-left:0;
list-style-position: inside;
font-size:16px;
}


.ribbon2-tx3 {
margin:30px 0 0;
font-size:28px;
text-align:center;
font-weight:700;
}

.ribbon2-tx3 span{
text-decoration: underline wavy #4bb2d8;
}

.hg-box2 {
background: url(./images/pattern-bg.png) ;
margin:20px 0 0;
padding:10px 20px;
} 

.hg-box2 h3{
padding:5px 0 5px;
text-align:center;
border-top:5px double #000;
border-bottom:5px double #000;
} 

.hg-box2 ul {
margin-left: -20px;
margin-right:20px;
}


.hg-box2 ul li{
   background: url(images/ic2.png) 0 12px no-repeat;
   list-style-type: none;
   list-style-position: outside;
font-size:18px;
  padding-left: 30px;
   padding-top:10px;
  padding-bottom:6px;
  border-bottom:1px dotted #999;
  line-height:1.5em;
 
}

.hg-box2 ul li.lst{
   border-bottom:none;
  padding-bottom:0;
}

.mybox {
    background: none;
    border: 5px double #eee;
    margin: 20px 0 20px;
    padding: 20px 10px 0 0;
    position: relative;
    font-size: 16px;
}
.mybox:before {
    background-color: #fff;
    content: '\4E3B\306A\6761\4EF6';
    padding: 2px 10px;
    position: absolute;
    top: -17px;
    left: 30px;
    text-align: center;
    font-size: 18px;
}

h3.t-inq {
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  background: #333;
}

.inq-inn {
  margin-bottom: 40px;
  padding: 15px 20px 15px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  border-left: solid 1px #333;
  background: #f7f7f7;
  overflow: hidden;
  font-size: 28px;
}

.box78 {
  font-size: 20px;
  position: relative;
  top: -2px;
  left: 10px;
}

.tbl-r02 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
    border: none;
}
.tbl-r02 th {
    background: #333;
    border: solid 1px #fff;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
     width: 50%;
}
.tbl-r02 td {
    background: #f7f7f7;
    border: solid 1px #fff;
    padding: 10px;
    font-size: 16px;
    text-align: center;
}

.hg-box {
background: url(./images/pattern-bg.png) ;
margin:20px 0 0;
padding:30px;
} 

.hg-box-in {
background: #fff ;
padding:0 0 20px 0;
} 

.hg-box-in-ttl {
background:skyblue;
text-align:center;
color:#fff;
font-size:20px;
padding:10px 0;
font-weight:700;
}

.hg-box-in img{
width:90%;
margin:10px 8% 0 2%;
height:auto;
} 

.hg-box-in ul {
 margin:10px 0 0;
  padding: 0.5em 1em 0.5em 2.5em;
  position: relative;
}

.hg-box-in ul li {
  line-height: 1.6;
  padding: 0.3em 0 0.3em 0.3em;
  list-style-type: none !important;
  font-size:18px;
}

.hg-box-in ul li:before {
 font-family:FontAwesome;
  content: "\f046";
  position: absolute;
  left : 1em;
  color: red;
}

.hg-box-in ul li.list-img:before {
  content: "";
  position: absolute;
  left : 0;

}


.hg-box-in ul li span{
  font-size:14px;
}

.hg-box-in p{
  font-size:14px;
 padding:0 10px 0 15px;
}

.hg-box-in-tx{
  font-size:16px;
 padding:20px 10px 0 15px;
}

.trb {
  font-size:24px;
margin:30px 0 0;
text-align:left;
}

.trb span{
background:#fff;
color:#e60012;
margin-left:1em;
padding:1px 5px;
border-radius :5px;
 font-size:16px;
font-weight:bold;
}

ul.dg-lock {
    margin: -10px 0 0 -10px;
}
ul.dg-lock li {
    line-height: 1.6;
    padding: 0.3em 0 0.3em 0.3em;
    font-size: 16px;
}
.bx-rs {
    margin-top: 10px;
    padding: 15px;
    background: #FEF7ED;
    font-size: 16px;
    border-radius: 10px;
}
.tx-rs {
    margin-top: 10px;
}
.tx-rs span {
    background: #FFADAD;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
}
.tx-rs2 {
    margin-top: 20px;
    font-size: 16px;
}
.tx-rs2 span {
    background: #dc143c;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
}
.heading-021 {
    position: relative;
    margin-top: 30px;
    padding: .5em 0 0;
    border-bottom: 3px solid#FA8900;
    color: #000;
    font-weight: normal;
    font-size: 22px;
}
.heading-021::before,
.heading-021::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}
.heading-021::before {
    background-color: #FA8900;
}
.heading-021::after {
    bottom: -11px;
    background-color: #fff;
}
.bf-box {
    width: 100%;
    margin-top: 20px;
    padding: 40px;
    background: #F2F0EA;
    border-radius: 5px;
    font-size: 16px;
}
table.table-100 {
    width: 100%;
    border: none !important;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
}
table.table-100 td {
    padding: 0;
    border: none;
    vertical-align: top;
    text-align: center;
}
table.table-100 td.td-bf {
    width: 36%;
}
table.table-100 td.td-af {
    width: 60%;
}
table.table-100 td.td-ar {
    width: 4%;
}
table.table-100 td.td-bf img, table.table-100 td.td-af img {
    width: 100%;
    height: auto;
}
.bf-ttl {
    display: block;
    margin: 0 auto 10px;
    font-size: 20px;
    font-weight: 700;
}
/*================================================
 *  11 estimate 簡単見積フォーム
 ================================================*/

.em-btn {
margin-top:22px;
margin-bottom:30px;
}

.em-btn-tx {
font-size:22px;
padding-left:10px;
padding-right:10px;
}

.em-box-ttl {
font-size:24px;
color:#0bb0df;
margin-top:20px;
margin-bottom:20px;
}

.em-box-ttl2 {
font-size:24px;
color:#df5656;
margin-top:20px;
margin-bottom:20px;
}

.error {
font-size:17px !important;
color:#e60012 !important;
}

.cont-box {
margin:30px 0 0 0;
}

.cont-box a:hover img {
 opacity: 0.5;
}
 
.cont-box a:focus img {
 opacity: 0.5;
}

.cont-box a img {
 transition: opacity 0.3s ease-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

img.prof-btn4 {
border-radius:5px;
box-shadow: 0 0 1px rgba(0,0,0,0.3); 
width:100%;
height:auto;
}

img.prof-btn5 {
border-radius:5px;
box-shadow: 0 0 2px rgba(0,0,0,0.3); 
width:100%;
height:auto;
}

.btn5 {
margin:40px 0 0;
}


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

.btn5 a img {
 transition: none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

input[type="text"] ,input[type="email"] ,input[type="tel"] ,textarea{
	width:100%;
}

input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 2px;
}

input.tx-rm {
	width:20%;
}

input.send-btn  {
	padding:10px;
   font-size:16px;
}


table#inquiry  {
        width: 100%;
        border:  none;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 ;
   
        line-height: 1.5em; 
}


#inquiry th{
 text-align:center;
 font-size:15px;
 padding:8px 5px 6px;
 width:20%;
 background: #fcfbf8;
 border:solid 1px #d7d7d7;
 vertical-align: middle;
}

#inquiry td.fd2{
 padding:8px 5px 8px;
 width:30%;
 font-size:15px;
 border:solid 1px #d7d7d7;	
 vertical-align: middle;
}

#inquiry td.fd3{
 padding:8px 5px 8px;
 width:50%;
 font-size:15px;
 border:solid 1px #d7d7d7;	
 vertical-align: middle;
}



/*横の行とテーブル全体*/
.entry-content #inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}



.prv2{
height:200px;
margin:20px 50px 40px 50px;
	overflow-y:scroll;
	box-shadow: 0 0 4px rgba(0,0,0,0.1) inset;
	padding:10px;
	border:0;
	background: #fcfbf8;

}

p.prv-tx2 {
margin:20px 0 0 0;
font-size:18px;
}

h2.prv-ttl2  {
margin:10px 0 0 0;
font-size:20px;
font-weight:500;
}

h3.pp {
font-weight: 700;
font-size:20px;
margin-top:0;
}

.tel-contact-inner {
margin-top: 60px;
margin-bottom: 30px;
padding-top:20px;
border:2px solid #00A5C5;
background:#F8FEFF;
}

@media(max-width:500px){
#inquiry th,#inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
#inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
#inquiry .haveto,#inquiry .any {	
font-size:10px;
}

.prv2{
height:200px;
margin:20px 10px 40px 10px;
	overflow-y:scroll;
	box-shadow: 0 0 4px rgba(0,0,0,0.1) inset;
	padding:10px;
	border:0;
	background: #fcfbf8;

}


}

/*================================================
 *  h2 main
 ================================================*/
h2.prf-ttl4c {
    margin-top:20px;
     margin-bottom:0;
 color:#777;
line-height:1.0;
font-size:32px;
font-weight:normal;
}


p.p5b{
    margin:2px 0 30px 0;
    padding:0;
   font-size: 18px;
  color:#777;
   position: relative;
display: inline-block;
}

p.p5b:before {
content: '';
position: absolute;
bottom: -6px;
display: inline-block;
width: 80px;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #FFA520;
border-radius: 2px;
}

p.p5c{
    margin:2px 0 20px 0;
    padding:0;
   font-size: 18px;
  color:#777;
   position: relative;
display: inline-block;
}

p.p5c:before {
content: '';
position: absolute;
bottom: -6px;
display: inline-block;
width: 80px;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #FFA520;
border-radius: 2px;
}

/*================================================
 *  video
 ================================================*/

.video{
  position:relative;
  width:100%;
  padding-top:56.228%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

video  {
 width:100%;
}

.video2 {
    width: 100%;
}
.marker-tx {
    font-size: 20px;
    margin-bottom: 20px;
}
.vd2-box {
    background: #FFFAF0;
    margin-top: 0;
    margin-bottom: 50px;
    padding: 20px 20px 15px 20px;
    box-shadow: 0 0 10px rgba(39, 48, 57, .15);
}
.vd2-box .marker-tx {
    font-size: 20px;
    margin-bottom: 10px;
}
.vd2-box p {
    margin-bottom: 10px;
}
.vd2-box a:hover img {
    opacity: 0.7;
}
.vd2-box a img {
    transition: opacity 0.3s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media (max-width:767px) {
    .vd1 {
        margin-bottom: 20px;
    }
}
@media (max-width:480px) {
    .vd2-box {
        padding: 10px 10px 10px 10px;
    }
    .marker-tx {
        margin-top: 10px;
    }
    .marker08b {
        font-size: 18px;
    }
}

/*================================================
 *  YouTube
 ================================================*/

.video-yt{
  position:relative;
  width:100%;
  padding-top:56.25%;
 margin-bottom:30px;
}
.video-yt iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}




/*================================================
 *  ヘッダー
 ================================================*/
.site-branding__logo {
 margin-top:5px !important;
 }

/*================================================
 *  フッター
 ================================================*/

#footer{
background: #EAE6DC !important;
}

.page-id-2936 #footer{
background: #FFFCEA !important;
}

.footer {
    text-align:left;
padding-top:30px;
}

.footer-widget-area {
  font-size: 12px;
  padding: 30px 0 25px;
 }

.footer-widget__title {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 20px;
 }

.copyright  {
color: #fff;
background-color:#474645;
text-align:center !important;
}

.page-id-2936 .copyright{
background-color:#013185;
}

.ft-leftbox p {
line-height:1.9;
margin-top:30px;
margin-bottom:10px;
}


p.adr {
font-size: 16px;

}

.ft-tx  {
font-size: 26px;
margin-bottom:0;
font-family: serif;
}

.ft-tx2 {
font-size: 20px;
margin-bottom:30px;
}

ul.list2 {
   margin:0 0 20px -15px;
  padding: 0 ;
   text-align:left;
}

ul.list2 li {
   display:inline;
   margin:0 ;
   list-style:none;
   padding-left:15px;
  } 
.footer a{
color:#222 !important;
  } 


.footer a:hover{
color:#777 !important;
  } 

.footer p{
text-align:left;
  } 


img.ic-sn {
width:40px;
height:auto;

}

.box-ic {
margin-top:30px;
margin-bottom:0;
}

.box-ic p{
font-size:22px;
color:#222;
}

.box-ic span{
color:#E8383D;
font-size:16px;
}


.color-1 {
position:relative;
top:-2px;
color:#FA8900;
}

.icon-y {
  position: relative;
  top: 0px;
  left: 1px;
}

.icon-m {
  position: relative;
  top: 1px;
  left: 0px;
}

.ft-bnbox img {
transition: all 0.3s ease-in-out;
}

.ft-bnbox img:hover {
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
}



/*================================================
 *  ナビメニュー
 ================================================*/
ul#menu-headernavigation li {
  line-height:15px;

}

ul#menu-headernavigation li+ li {
  border-left: 1px dotted #aaa;

}

ul.menu li a {
font-family: 'Zen Antique Soft', serif;
}

.topnav2 {
    margin: 22px 0 0 0;
    padding: 0;
    display: block;
}

p.tnav2 {
    margin: 0;
    padding: 0 3.8% 0 0;
    color: #777;
    font-size: 25px;
    height: 30px;
    line-height: 30px;
    list-style-type: none;
    vertical-align: middle;
    text-align: right;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.tnav-tel {
     font-weight:normal;
    font-size:33px;
  text-shadow: 1px 1px 1px #ccc;

}

p.tnav-tx {
     font-weight:normal;
    font-size:13px;
  text-shadow:none;
 font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
 text-align: right;
 height: 18px;
margin:0;
 padding: 0 1.9% 0 0;
}

.tnav-tx-2nd {
padding-left:3px;
}

.ic-1{
position:relative;
top:-5px;
left:-3px;
color:#FEA941;
}

.ic-5{
position:relative;
top:-1px;
left:1px;
}

.sd-bt  {
width:100%;
}



/*================================================
 *  スライダー
 ================================================*/

.habakiri-slider__item-content {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 59%;
  transform: translateY(-50%);
 }


.habakiri-slider__item h1  {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;
font-size:38px;
margin-bottom:90px;
text-shadow: 2px 2px 5px rgba(0,0,0,0.65);

}

.habakiri-slider__item p  {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:24px;
font-weight:900;
margin-bottom:50px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.65);

}

.habakiri-slider__item a  {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;
font-weight:normal;
}

.sp-b-tx {
     padding-left:1em;
        }

.btn-ghost, .jumbotron .btn-default, .habakiri-slider__item-content .btn-default {
  background-color:  rgba(255, 149, 21, 0.7);
  border: 1px solid #ff9515;
  color: #fff;
  font-size:20px;
   width:210px;
   padding:4px 0;
   border-radius:20px;
 }
  .btn-ghost:hover, .jumbotron .btn-default:hover, .habakiri-slider__item-content .btn-default:hover, .btn-ghost:active, .jumbotron .btn-default:active, .habakiri-slider__item-content .btn-default:active {
    background-color: rgba(255, 149, 21, 0.3); 

}

.jumbotron .btn-default2, .habakiri-slider__item-content .btn-default2 {
  background-color:  rgba(255, 255, 255, 0.7);
  border: 1px solid #fff;
  color: #ff9515;
  font-size:20px;
  width:210px;
   padding:4px 0;
   border-radius:20px;
 }
.jumbotron .btn-default2:hover, .habakiri-slider__item-content .btn-default2:hover, .jumbotron .btn-default2:active, .habakiri-slider__item-content .btn-default2:active {
    background-color: rgba(255, 255, 255, 0.3); 

}

.bt-right {
padding-left:15px;
 }



h1#n2-ss-3item1 , h1#n2-ss-3item5{
text-shadow: 2px 2px 4px rgba(0,0,0,0.65) !important;
 }





/*================================================
 * Animate
 ================================================*/
.font1{
animation-delay:0.5s; 
}

.font2{
animation-delay:0.75s; 
}

.font3{
animation-delay:4.5s; 
}

.font4{
animation-delay:4.75s; 
}

/*================================================
 *  ページヘッダー
 ================================================*/

.header-bgimg-001{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd111-min.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-001b{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd111b-min.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-001c{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd222.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-001d{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd555.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-001p{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd444.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-001p2{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd777.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-001p3{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd888.jpg) 0 0 no-repeat;
    background-size: contain;
}


.header-bgimg-001pt{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd666.jpg) 0 0 no-repeat;
    background-size: contain;
}


.header-bgimg-002{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd333.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-003{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 25%;
    background: url(./images/hd4-min.png) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-004{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 25%;
    background: url(./images/hdn2n-min.png) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-005{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 25%;
    background: url(./images/hd5n-min.png) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-006{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 25%;
    background: url(./images/hdn1-min.png) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-007{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 25%;
    background: url(./images/hd7-min.png) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-008{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 20%;
    background: url(./images/hd111c-min.jpg) 0 0 no-repeat;
    background-size: contain;
}

.header-bgimg-009{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 25%;
    background: url(./images/hd8.jpg) 0 0 no-repeat;
    background-size: contain;
}

.page-header__title_individual{
  font-size: 32px;
    margin: 0;
    margin-top:calc(-10% - 26px);   
    text-align:center;
font-family: 'Noto Serif JP', serif;
font-weight:600;
text-shadow: 2px 2px 4px rgba(0,0,0,0.65);
    color: #fff;
}

@media screen and (max-width : 768px){
.page-header__title_individual{
font-size: 22px;
  margin-top:calc(-10% - 16px); 
}
}

@media screen and (max-width : 480px){
.page-header__title_individual{
font-size: 20px;
  margin-top:calc(-10% - 14px); 
}
}


h1.page-header__title  {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.65) !important;
font-weight:normal !important;
font-size:28px !important;
}

/*================================================
 * message
 ================================================*/

.two-column-full-width {
  float: left;
  padding-bottom: 40px;
}

.two-column-left {
  width: 40%;
}

.two-column-right {
  width: 60%;
}


.about-box {
  padding:10px 0 0 40px;
  text-align: center;
  height: 100%;
} 

.about-box .about-content {
   background: rgba(248, 242, 232, .8) ;
  box-shadow: 0 10px 20px rgba(39,48,57,.2);
  left: -40px;
  min-height: 240px;
  position: relative;
  top: 23px;
  text-align: center;
 padding:10px;
}


.about-img {
  overflow: hidden;
 width:100%;
 height:auto;

}


.about-line {
 border:1px solid #d5b77b;
 
}


.about-text {
  padding: 30px 20px 10px;
 
}

.sgn-box {
color:#777;
font-family: 'Shippori Mincho', serif;
text-align:right;
font-size:22px;
margin-top:30px;
vertical-align: bottom; 
}

.sgn-box img{
width:40%;
vertical-align: middle;
margin-right:10px;
}


.sgn {
font-size:18px;
}


.about-title {
  font-size: 24px;
  line-height: 1.6;
  padding: 0 0 15px;
  font-family: 'Shippori Mincho', serif;
  color:#777;
 font-weight:500;

}

.about-title span{
  font-size: 80%;
}

.ms-box {
margin:20px 0;
clear:both;
}

h2.s22 {
margin:0 0 15px;
padding:0 ;
	font-size: 30px;
	display: flex;
	align-items: center;
  font-family: 'Shippori Mincho', serif;
  font-weight:400;
}
h2.s22:before, h2.s22:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}

h2.s22:before {
	margin-top:0; 
   margin-right: .4em;
	background: linear-gradient(-90deg, #666, transparent);
     
}
h2.s22:after { 
   margin-top:0; 
	margin-left: .4em;
	background: linear-gradient(90deg, #666, transparent);      
}



.ms-box p{
margin-top:-10px;
text-align:center;
 font-family: 'Shippori Mincho', serif;
font-size:18px;
}

.bg-bl {
 background:#FAFAFA;
padding:20px 40px;
margin:20px 0 40px;
}

.bg-bl2 {
 background:#FAFAFA;
padding:20px 40px;
margin:20px 0 40px;
}


.ms-box2{
margin:0 0 10px;
font-size:20px;
font-weight:bold;
}


.ms-box3{
margin:30px 0 10px;
font-size:20px;
font-weight:bold;
}

.ms-box4{
margin:30px 0 10px;
font-size:20px;
 font-family: 'Shippori Mincho', serif;
}

@media only screen
and (min-width:1024px) 
and (max-width:1237px)  {

.about-box .about-content {
  top: 10px;

}

.about-title {
  font-size: 19px;
  line-height: 1.6;
  padding: 0 0 10px;
}
.about-text {
  padding: 30px 5px 10px;
 
}

.sgn-box {
margin-right:5px;
font-size:16px;
}

.sgn {
font-size:14px;
}

}

@media only screen
and (min-width:768px) 
and (max-width:1024px)  {

.about-box .about-content {
  top: 10px;
}
.about-title {
  font-size: 19px;
  line-height: 1.6;
  padding: 0 0 10px;
}
.about-text {
  padding: 30px 5px 10px;
 
}

.sgn-box {
margin-right:5px;
font-size:17px;
}

.sgn {
font-size:15px;
}

}

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

.bg-be {
  background: rgba(248, 242, 232, .8) ;
  box-shadow: 0 10px 20px rgba(39,48,57,.2);
  text-align: center;
 padding:10px;
margin-bottom:40px;
}
.about-text {
  padding: 20px 10px 10px;
 
}

.about-title {
  font-size: 18px;
}

.sgn-box {
margin-right:5px;
font-size:18px;
margin-top:15px;
}

.sgn {
font-size:16px;
}

.img-as {
width:50%;
height:auto;
margin:20px auto 0;
}

.img-st {
width:80%;
height:auto;
}

}

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

.about-text {
  padding: 30px 5px 10px;
 
}

.about-title {
  font-size: 17px;
}



.img-as {
width:80%;
height:auto;

}

.bg-bl ,.bg-bl2{
padding:20px ;
}



}

.timeline {
  list-style: none;
 margin:0 0 -40px -20px;
}
.timeline > li {
  margin-bottom: 40px;
}

 .timeline-content {
   margin-top:-10px;
  }

/* for Desktop */
@media ( min-width : 640px ){
.timeline {
  list-style: none;
 margin:0 0 0 -20px;
}

  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 104px;
    float: left;
    margin-top: 18px;
  }
  .timeline-content {
    width: 85%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 20px;
    margin-top:0;
  }

 .timeline-content p{
   padding-top:18px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 100px;
    top: 24px;
    border-radius: 100%;
  }
}



.sec5b  {
    margin:0;
  padding:0 ;
 width: 100%;
    background: center center /cover no-repeat fixed;
    background-image: url(./images/px-bg-min3.jpg);
    color:#fff;
}

div.layerTransparent{
width: 100%;
height: 100%;
 background-color: rgba(0, 0, 0, 0.35);
padding:40px 0 50px;
}

.sz-ttl {
font-size:28px;
font-family: 'Shippori Mincho', serif;
color:#fff;
margin-bottom:43px;
}

.btn-animation-02 {
  position: relative;
  display: inline-block;
  padding: 0.5em 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  transition: all .5s;
  width:100%;
  margin:0 ;
  font-size:24px;
font-family: 'Noto Serif JP', serif;
line-height:1.2;
}
.btn-animation-02::before,
.btn-animation-02::after {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  transition: all .5s;
}
.btn-animation-02::before {
  top: 0;
  left: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.btn-animation-02::after {
  right: 0;
  bottom: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.btn-animation-02:hover {
  background-color: #fff;
  color: #777;
  transition: all .7s;
}
.btn-animation-02:hover::before,
.btn-animation-02:hover::after {
  width: 0;
  height: 0;
  opacity: 0;
  transition: all .7s;
}

.btn-animation-02 span{
 font-size:18px;
}

.box-401  {
width:100%;
margin:40px 0 0;
padding:10px 0;
background:#32BFDB;
color:#fff;
font-size:18px;
font-weight:bold;
}

@media screen and (max-width:480px) {
.img-sp1 {
    margin-top: 10px ;
}

.btn-animation-02 {
   padding: 0.5em 0;

}

.box-401  {
font-size:16px;
}

}


/*================================================
 * mg
 ================================================*/

.mg-10 {
 margin-top:10px;
}

.mg-15 {
 margin-top:15px;
}

.mg-15-sp{
 margin-top:15px;
}
.mg-10-10 {
 margin-top:10px;
margin-bottom:10px;
}



.mg-20 {
 margin-top:20px;

}

.mg-20-10 {
 margin-top:20px;
margin-bottom:10px;
}

.mg-20-10b {
 margin-top:30px;
margin-bottom:10px;
}

.mgb-20 {
 margin-bottom:20px;
}

.mg-25 {
 margin-top:25px;

}


.mg-30 {
 margin-top:35px;
}

.mg-30bb {
 margin-top:35px;
}

.mg-30-30 {
 margin-top:30px;
 margin-bottom:30px;
}

.mg-40 {
 margin-top:40px;
}


.mg-40-10 {
 margin-top:40px;
margin-bottom:10px;
}

.mg-50 {
 margin-top:50px;
}

.mg-50b {
 margin-top:50px;
}

.mg-50c {
 margin-top:50px;
}

.mg-50d {
 margin-top:50px;
}

.mg-50-10 {
 margin-top:50px;
margin-bottom:10px;
}

.mg-60-10 {
 margin-top:60px;
margin-bottom:10px;
}



.fa-exclamation-circle {
 color:#ee859a;
}

.video-yt2{
  position:relative;
  width:100%;
  padding-top:56.25%;
 margin-bottom:0;
}
.video-yt2 iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.w-90 {
 width:92%;
 margin-right:4%;
 margin-left:4%;
}


.op1 {
  position: relative;
  padding: 0.6em 0 0.6em 1em;
  background: #e0edff;
 border-radius: 8px;
 text-align:left;
 font-size:20px;
 font-weight:900;
 margin-bottom:30px;
}

.op1:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
 
}



.bg-op  {
background:#F9FCFF;
padding:10px;
 border-radius: 8px;
}


.cd-box  {
margin:30px 7%;
}


.cd-tx1  {
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
font-size:18px;
margin:0 0 30px;
text-align:left;
}


.cd-tx1b  {
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
font-size:18px;
margin:30px 0 30px;
text-align:left;
}

.cd-tx2  {
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
font-size:32px;
margin:30px 0 30px;
text-align:center;
color:#ef5aa1;
line-height:1.5;
}

.cc-box  {
background:#ee859a;
margin-top:30px;
padding:30px;
border-radius:15px;
}

.cc-box-b {
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.cc-box-b img {
    max-width: 100%;
    height: auto;
    margin-bottom: 5px;
}
.cc-box-c {
    font-size: 18px;
    color: #FFFF00;
    margin-top: 20px;
}

.cc-box2  {
background:#789358;
margin-top:30px;
padding:20px 30px 30px;
border-radius:15px;
}

.cc-box3  {
background:#D2C2BF;
margin-top:30px;
padding:20px 30px 30px;
border-radius:15px;
}


.gd-bg4 {
background:#fff;
}

.content-title-type02 {
  border-bottom: 2px solid  #ee859a;
  font-size: 20px;
  margin: 10px 20px 20px;
  padding: 0 0 5px;
  position: relative;
  text-align: center;
font-family: 'Noto Sans JP', sans-serif;
 color: #ee859a;
font-weight:500;
}

.content-title-type02::after {
  border-color: #ee859a transparent transparent transparent;
  border-style: solid;
  border-width: 13px 11px 0 11px;
  bottom: -15px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}

.content-title-type03 {
    border-bottom: 2px solid #01A2C1;
    font-size: 30px;
    margin: 20px 0 50px;
    padding: 0 0 5px;
    position: relative;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    color: #01A2C1;
    font-weight: 500;
}
.content-title-type03::after {
    border-color: #01A2C1 transparent transparent transparent;
    border-style: solid;
    border-width: 13px 11px 0 11px;
    bottom: -15px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}
.content-title-type04 {
    border-bottom: 2px solid #09abdc;
    font-size: 30px;
    margin: 20px 0 30px;
    padding: 0 0 5px;
    position: relative;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    color: #09abdc;
    font-weight: 500;
}
.content-title-type04::after {
    border-color: #09abdc transparent transparent transparent;
    border-style: solid;
    border-width: 13px 11px 0 11px;
    bottom: -15px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}
.sub-type04 {
    font-size: 16px;
    margin-bottom: 50px;
}

.btn-cc  {
width:300px;
margin:20px auto;
font-size:20px;
font-weight:bold;
}

.btn-cc:hover  {
background:#F25C59;
border:1px solid #f25c59;
}


.collapse.in {
background:#fff;
border:none;
}

.bg-tx {
margin:0 10px 0 20px;
text-align:left;
padding-bottom:20px;
font-size:15px;
line-height:1.5;
}

.img-full-s {
width:100%;
height:auto;
}

.img-full-s2 {
width:100%;
height:auto;
margin-top:20px;
}


.bh-tx {
color:#fff;
font-family: 'Noto Sans JP', sans-serif;
font-size:22px;
margin-top:30px;
}

.bh-tx2 {
color:#fff;
font-family: 'Noto Sans JP', sans-serif;
font-size:22px;
margin-top:0;
text-align:center;
}

.ghost-btn a {
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 1;
  margin: 20px auto 0;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  width: 260px;
}

.ghost-btn a:hover {
  border: 2px solid #D55E7F;
  color: #D55E7F;
background:#fff;
 }


.ghost-btn2 a {
  border: 2px solid #00AAE9;
  background:#00AAE9;
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 1;
  margin: 20px auto 0;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
  border-radius:30px;
  font-weight:bold;
}

.ghost-btn2 a:visited {
 color:#fff;
 }

.ghost-btn2 a:hover {
  border: 2px solid #00aae9;
  color: #00aae9;
background:#fff;
  border-radius:30px;
 }



.technology_box{
   padding: 10px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 2px solid #1B1B47;
  position: relative;
background:#F4EFEE;
line-height:1.5;
}

.tec_num{
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
    color: #fff;
  background: #1B1B47;
  font-size: 22px;
  padding-top: 7px;
    position: absolute;
    top: -20px;
    left: -10px;
  font-weight: bold;

}

.tec_num2{
  text-align: center;
  font-weight: bold;
 color: #fff;
}

.tec_num2 span{
background: #09ABDC;
padding:10px 15px;
}


p.tec-tx {
 text-align:left;
 font-size:15px;
}

img.tec-p {
 width:50%;
margin-bottom:15px;
border-radius:50%;
}

.technology_box h3{
color:#1b1b47;
}
.font-bb  {
font-size:130%;
}

.font-bbb  {
color:#328799;
}

.bn2021 a:hover img {
 opacity: 0.5;
}
 
.bn2021 a img {
 transition: opacity 0.3s ease-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}


.ks-box{
width:100%;
background:#fff;
margin:50px 0 0;
padding:0 0;
}

.ks-box2{
width:100%;
background:#fff;
margin:50px 0 ;
padding:0 0;
}



.item-box {
width:100%;
background:#99daf6;
margin:0;
padding:20px;
 -webkit-box-shadow: 0 5px 10px 0 rgba(42, 59, 13, 0.18);
          box-shadow: 0 5px 10px 0 rgba(42, 59, 13, 0.18);
transition-duration:0.5s;
}

.item-box:hover {
background:#F0F8FB;

}


.item-box img{
width:100%;
height:auto;
}


.item-ttl{
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
text-align:center;
margin-top:5px;
color:#004f7c;
}

.item-price{
font-size:16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
text-align:center;
color:#e60012;
}

.box-pd {
margin-top:10px;
}


.tx-2z{
  position: relative;
  padding: .5em .75em;
  background-color: #03A3C2;
  border-radius: 6px;
  color:#FFFF;
 font-size:24px;
 margin-bottom:40px;
}

.tx-2z::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #03A3C2;
}

.tx-2zz{
  position: relative;
  padding: .5em .75em;
  background-color: #4DB8B0;
  border-radius: 6px;
  color:#FFFF;
 font-size:24px;
 margin-bottom:40px;
text-align:center;
}






h2.prf-ttl4z {
	font-size: 18px;
   	line-height: 1.6em;
	font-weight: bold;
	color: #584628;
	border-bottom: 2px dotted #F39800; 
	margin: 40px 0 10px 0;
	position: relative;
    text-align:left;
   padding: 0 0 0 25px;
}

h2.prf-ttl4z:before { 
	content: " ";
	width: 20px;
	height: 20px;
	background: #F39800;
	border-radius: 50%;
	position: absolute;
	bottom: 6px;
	left: 0;
}

div.p2z{
margin-bottom:5px;
   padding-top:10px;
   padding-left:10px;
  font-size:22px;
 color:#777;
}

hr.hr-2z {
  margin:5px 0 5px;
padding:0;
  background-color: #fff;
  border-top: 1px dotted #ccc;
}

div.p2zz{
margin-bottom:5px;
   padding-left:10px;
  font-size:22px;
 color:#777;
}




.p3z{
    padding-left:10px;
   padding-right:10px;
}

.ttl-box3z {
margin:30px auto 0;
padding: 10px 0;
border:2px solid #C81F26;
border-radius:30px;
background: #C81F26;
color:#fff;
font-size:17px;
font-weight:bold;
width:300px;
text-align:center;
transition-duration:0.5s;
    }

.ttl-box3z:hover {
background: #fff;
border:2px solid #C81F26;
color:#C81F26;
    }

.font-so{
font-size:15px;
}

.img-101z {
max-width:100%;
height:auto;
border:1px solid #ececec;
}

table.step  {
        width: 100%;
        border:  none;
        border-collapse: collapse;
        border-spacing: 0;
        margin:40px 0  0;
table-layout: fixed;
}

table.step td {
        padding:10px;
        vertical-align: top;
        text-align: left; 
border:1px solid #ccc;
background:#f6f6fa;
font-size:15px;
line-height:1.4;
    }


.td-box {
color:#fff;
padding:10px;
margin-bottom:10px;
background:#03b3d5;
    }

.wpcfn {
width:100%;
margin:20px 0 0;
padding:30px;
border-radius:10px;
background:#fcfbf9;
    }


.fm-t  {
width:100%;
margin:0 0 10px;
padding:5px 0;
background:#efeadf;
text-align:center;
font-size:16px;
font-weight:bold;
    }


.fm-t2  {
width:100%;
margin:30px 0 10px;
padding:5px 0;
background:#efeadf;
text-align:center;
font-size:16px;
font-weight:bold;
    }

.fm-t3{
width:100%;
margin:0 0 10px;
padding:5px 0 5px 10px;
background:#efeadf;
text-align:left;
font-size:16px;
font-weight:bold;
border-radius:5px;
    }


.fm-t4{
width:100%;
margin:30px 0 10px;
padding:5px 0 5px 10px;
background:#efeadf;
text-align:left;
font-size:16px;
font-weight:bold;
border-radius:5px;
    }


table.table-02z  {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 0 10px;
table-layout:auto;
}

table.table-02z th {
        padding: 5px;
        border: #ccc solid;
        border-width: 1px;
        background: #777;
        font-size: 15px;
        font-weight: normal;
        color:#fff;
        text-align: center;   
}

table.table-02z th.th1 {
width:45%;
}

table.table-02z th.th2 {
width:20%;
}

table.table-02z th.th3 {
width:10%;
}

table.table-02z th.th4 {
width:25%;
}


table.table-02z td {
        padding: 5px 8px 5px 8px;
        border: 1px #cccccc solid;
        border-width: 0 1px 1px 1px;  
        font-size: 14px;
        text-align: left;  
        background:#fff;
vertical-align:middle;
}


table.table-02z td.ct1{
text-align:center;
}


input.imp20 {
width:70% ; 
text-align: right;
}

.wpcfn select {
width:40px; 
}

table#table-01z  {
        width: 100%;
        border: 1px #E3E3E3 solid;
        border-collapse: collapse;
        border-spacing: 0;
        margin-top: 0 ;
        margin-bottom:20px;
        line-height: 1.7em; 
}

table#table-01z th {
        padding: 10px 7px;
        border: #E3E3E3 solid;
        border-width: 0 0 1px 1px;
       	background: #fafafa;
        vertical-align: middle;
        width:200px;
        font-size: 15px;
        font-weight: normal;
        text-align: left;   
        color:#777;
}

table#table-01z  td {
        padding: 10px 7px;
        border:  #E3E3E3 solid;
        border-width: 0 0 1px 1px;  
       font-size: 15px;
       text-align: left;  
         background: #fefefe;
}

input.imp1z {
width:30%;
}

.wpcfn textarea {
	width: 100%;
height:5em;
}

.wpcfn input.wpcfn-submit {
   cursor:pointer; color:#fff; font-weight:normal; font-size:16px; width:160px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#888; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
.wpcfn input.wpcfn-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcnf input.wpcf-submit:active { box-shadow:none; bottom:-2px; position:relative; }




/* --- スマホ用 --- */
@media screen and (max-width:480px) {

.cc-box  {
padding:20px 10px;
}

.cc-box-b {
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.cc-box-sp {
    margin-top: 20px;
 }


.hg-box2 ul li{
font-size:16px;
 
}

table.step td {
width:100%;  
display:block;
    }

table.step td.td2 {
border-top:none;
    }


#table-01z th, #table-01z td{
display:block;
    }

#table-01z th{
width:100% !important;
    }


  }

@media screen and (max-width:767px) {
.img-101z {
margin-top:40px;
}

table.table-02z  {
        width: 680px;
}


.scroll{
 margin:10px 0;
 box-shadow:0 0 5px #777;
  display: block;
  overflow-x: scroll;

  -webkit-overflow-scrolling: touch;
  }

  }

.st-tx  {
    margin-top:40px;
font-size:20px;
}


/*================================================
 *  SEC1
 ================================================*/

.sec1 {
    margin-top:0;
     margin-bottom:0;
padding:20px 0 20px;
   height:auto;
overflow:hidden;
background:#fff;
}

h2.prf-ttl4b {
    margin-top:40px;
     margin-bottom:0;
color:#FFAD1D;
font-size:32px;
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.2;
text-shadow:0px 0px 1px rgba(39,48,57,.1);
}

h2.prf-ttl4bl {
    margin-top:40px;
     margin-bottom:0;
color:#FE910E;
font-size:52px;
font-family: "hiragino-kaku-gothic-pron", sans-serif;
font-weight: 600;
line-height:1.2;
text-shadow:0px 2px 2px rgba(0,0,0,.3);
}

.h2-sub {
  position: relative;
display:inline-block;
font-size:42px;
font-family: "hiragino-kaku-gothic-pron", sans-serif;
font-weight: 600;
margin:0 0 10px;
}
.h2-sub:after {
  position: absolute;
  content: '';
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FE910E, #FE910E 3px, #fff 3px, #fff 6px);
}

@media (max-width:640px) {
h2.prf-ttl4bl {
   margin-top:20px;
font-size:26px;
}

.h2-sub {

font-size:22px;

margin:0 ;
}
.h2-sub:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;

}
 }




.ftb {
font-size:16px;
}



.sec-n1  {
 margin:0;
padding:2% 0;
 background:#fff5dd;
}

.sec-n1-inn  {
  width:96%;
  background:#fff;
  margin-left:2%;
 margin-right:2%;
  margin-bottom:0;
 box-shadow: 0 1px 5px rgba(39,48,57,.08);
}

.sec-n1-inn .col-md-7 , .sec-n1-inn .col-md-5{
 padding: 0;
}

.sec-n1-inn h3.bs1{
margin:0;
padding	:10px 0 5px 10px;

font-size:18px ;
color:#777;
text-align:left;
}

p.tx-1{
    font-size: 14px;
margin:0;
   padding:5px 10px 0;
}

hr.hr-2 {
  margin:0 0 0 10px;
  border-top: 3px solid #FFAD1D;
  width:4.0em;
border-radius:5px;
}

hr.hr-3 {
  margin:-4px 0 16px ;
  border-top: 1px dotted #777;
}


img.img-cc {
width:100%;
height:auto;
}

img.img-ccc {
width:100%;
height:auto;
box-shadow: 0 0 10px rgba(39,48,57,.1);
}

.power{
max-width:100%;
height:auto;
overflow:hidden;
}

.power-2{
background:#FFF5DD;
}


.buttonA {
    margin: 15px 36% 3px;
    padding: 0.2em 0 ;
  border:1px solid rgb(247,137,35);
  background-color: rgba(247,137,35,.0);
  color: rgb(247,137,35);
  border-radius: 5px ;
  box-sizing:border-box;
  width:28%;
    display: inline-block;
  font-size: 16px;
  position: relative;
   text-align: center;
  cursor: pointer;
}
.buttonA::before,
.buttonA::after {
   box-sizing:border-box;
}

.buttonA:hover {
  border:1px solid rgb(247,137,35);
  background-color: rgba(247,137,35,1);
 color:#fff;
  border-radius: 3px ;
 -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.ic-2{
color:#FFAD1D;
}







/*================================================
 *  SEC2
 ================================================*/

.sec2 {
  margin:0;
  padding:50px 0;
   background:#f4f4f4;
}

.bg-bg1  {
 margin:0;
padding: 0 ;
 background:#D71D3B;
box-shadow: 0 0 10px rgba(39,48,57,.25);
}

.bg-bg2  {
 margin:0;
padding: 0 ;
 background:#F5B667;
box-shadow: 0 0 10px rgba(39,48,57,.25);
}

.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 0;
}

.bg-ttl2 {
margin:20px 0 5px;
color:#000;
font-size:19px;
font-weight:500;
text-align:center;
}

.bg-ttl2 span{
border :1px solid #000;
padding:2px 12px;
}

.ic-2{
color:#000;
font-size:20px;
}

p.tx-1{
 margin:10px 0 0;
   padding:0 0 0 20px;
 font-size:16px;
line-height:1.8;
}

p.tx-1 a{
color:#fff;
}

p.tx-1 a:hover{
color:#ddd;
}

.gd{
color:#fff ;
font-size:15px;
padding-right:0.4em;
}

.bg-bg3  {
 margin:40px 0 0;
padding: 20px ;
background:#fffef2;
 border-width: 4px 0 4px 0;
border-style:solid;
 border-image: repeating-linear-gradient(to right,
		#FF5252 0 4px,
		transparent 4px 10px,
		#1E88E5 10px 14px,
		transparent 14px 20px,
		#FFCA28 20px 24px,
		transparent 24px 30px
	);
  border-image-slice: 1;
box-shadow: 0 0 10px rgba(39,48,57,.25);

}

.ribbon2 {
}

.ribbon2 h2 {
  margin: 0;
  padding: 0 0 2px;
 border-bottom: dotted 2px #333;
 font-size: 18px;
 text-align: center;
 color:#000;
}

.ribbon2-tx {
margin:5px 0 ;
font-size:16px;
text-align:center;
}

.ribbon2-tx2 {
margin:20px 0 15px;
font-size:17px;
text-align:center;
font-weight:700;
}

.ribbon2-tx2 span{
text-decoration: underline wavy #FF5252;
}





.effect6 {
width:100%;
margin:0 ;
padding:10px 0 10px;
background:#6c2735;
background-image: linear-gradient(to right, #6c2735 0%, #9e3a50  51%, #6c2735  100%);
color:#fff;
font-size:30px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 text-shadow: 0 1px 1px rgba(39,48,57,.2);
text-align:center;
  position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.bn-box200  {
margin-top:40px;
}

.bn-box200b  {
margin-bottom:30px;
}

.bn-box200b img {
transition: all 0.3s ease-in-out;
}

.bn-box200b img:hover {
filter: drop-shadow(0 0 10px rgba(101, 199, 239, 0.7));
}

.bn-box200bb  {
margin-bottom:50px;
}

.bn-box200bb img {
transition: all 0.3s ease-in-out;
}

.bn-box200bb img:hover {
filter: drop-shadow(0 0 10px rgba(101, 199, 239, 0.7));
}


.bn-box200bbb  {
margin:40px 0 10px;
}

.bn-box200bbb img {
width:100%;
height:auto;
box-shadow: 0 1px 5px rgba(39,48,57,.4);
transition: all 0.3s ease-in-out;
}

.bn-box200bbb img:hover {
filter: drop-shadow(0 0 10px rgba(101, 199, 239, 0.7));
}

.bn-box300 a img {
width:100%;
height:auto;
filter: drop-shadow(0 0 3px rgba(39,48,57,0.4));
transition: all 0.3s ease-in-out;
}

.bn-box300 a:hover img {
 opacity: 1;
filter: drop-shadow(0 0 10px rgba(255,130,214,4));
}





.rpc-comment-box　 {
display:none !important;
}

.rpc-post-comment {
display:none !important;
}

.rpc-post-category {
display:none !important;
}

.rpc-post-meta {
display:none !important;
}

.slick-slide{
 box-shadow: 0 1px 5px rgba(39,48,57,.08) !important;
}

.rpc-content  {
text-align:left !important;
}

.rpc-title {
font-size:16px !important;
}


.prn2b {
  margin-top:10px;
   margin-bottom:30px;

}


.sec-news  {
margin:0;
padding:40px 0;
background:#fff;
}

/*================================================
 *  sec3c
 ================================================*/

.sec3c{
background-image: linear-gradient(45deg, #ffb319 0%, #ffd07e 52%, #ffb319 90%);
padding-top:40px;
padding-bottom:40px;
}

h2.prf-ttl4d {
    margin-top:40px;
     margin-bottom:40px;
color:#777;
font-size:30px;
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.2;
text-align:center;
}

p.vp {
    margin-top:20px;
color:#777;
font-size:16px;
}


p.vp2 {
margin-top:60px;
color:#111;
font-size:16px;
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align:right;
}

.sc-sgn {
font-size:24px;
padding-left:0.5em;
}

/*================================================
 *  sec3 
 ================================================*/

.sec3{
   background:#FFFAF0 ;
padding-top:40px;
padding-bottom:60px;
}

.cs-box{
 margin-top:15px;
 background:#fff;
  box-shadow: 0 1px 5px rgba(39,48,57,.08);
}

.cs-box2{
width:100%;
 margin-bottom:20px;
 background:#fff;
border:1px solid #ccc;
 transition:all 0.3s ease-in-out;
}

.cs-box2:hover {
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.4));

}

.trim2-ttl {
color:#000;
font-size:17px;
padding-top:15px;
text-align:center;
font-weight:700;
line-height:1.4;
}


.trim2-drt {
color:#000;
font-size:16px;
padding:5px 15px 10px;
text-align:center;
line-height:1.4;
}

hr.hr-5 {
  margin:10px 38% 10px;
  background-color: #fff;
  border-top: 5px solid #FF6200;
}

a.non2:hover img {
  opacity:1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

.trim2 img{
width:100%;
height:auto;
aspect-ratio: 1 / 0.65;
 object-fit: cover; 
  
}

.case-ico-box {
text-align:center;
padding-bottom:20px;
}

.case-ico-box .img-ico2:nth-child(2) {
padding-left:10px;
}

.case-ico-box2 {
text-align:center;
padding-bottom:20px;
}

.main-v2 {
margin:0 0 10px 0;
}



.main-v2 li.item2 ,.main-v2 li.item3 ,.main-v2 li.item4 ,.main-v2 li.item5 ,.main-v2 li.item6 ,.main-v2 li.item7 ,.main-v2 li.item8 ,.main-v2 li.item9{
  display: none;
}

.main-v2 img {
width:100%;
height:auto;
aspect-ratio: 3 / 2;
 object-fit: cover; 
}

ul.thumb {
 margin:0;
padding:0;
}

.thumb li {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
}

.thumb li {
  width: 18.9%;
  margin: 0 0.6% 0 0;
padding:0;
}
.thumb li:nth-child(5) {
  margin: 0 ;
}

.thumb li img {
  width: 100%;
  height: auto;
aspect-ratio: 3 / 2;
 object-fit: cover; 
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

@media (max-width:767px) {
ul.thumb {
 margin:0 0 10px 0;
}

.thumb li {
 width:32.1%;
  margin: 0 1.1% 10px 0;
}

.thumb li:nth-child(3) {
  margin: 0 0 10px 0;
}

}

@media (max-width:480px) {
.thumb li {
 width:31.0%;
  margin: 0 2.0% 10px 0;
}

.thumb li:nth-child(3) {
  margin: 0 0 10px 0;
}

}



h2.case-h3 {
background:#8FC8C2;
border-radius:5px;
padding:8px 10px;
color:#fff;
font-weight:500;
font-size:22px;
}

.feature-tx {
font-size:16px;
}

.feature-img img{
width:100%;
height:auto;
aspect-ratio: 3 / 2;
 object-fit: cover; 
}



.col_7{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
   margin-bottom:30px;
}
.col_7 .col_a{
	width: 13.5%;
 
}

.col_7 .col_b{
	width: 13.5%;
   margin-left:calc(5.5% / 6);

}


.col_7 > div > div{
	position: relative;
	overflow: hidden
}

.btn-flat-border {
  display: inline-block;
  width:100%;
  padding: 1em 0;
  text-decoration: none;
  color: #000;
font-weight:700;
  border: solid 2px #FFFB8F;
 background: #F9F8F4;
  border-radius: 5px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #ffb65e;
  color: #fff;
}

.btn-flat-border-cr {
  display: inline-block;
  width:100%;
  padding: 1em 0;
  text-decoration: none;
   color: #fff;
font-weight:700;
  border: solid 2px #FFFB8F;
  background: #ffb65e;
  border-radius: 5px;
  transition: .4s;
}

.btn-flat-border-cr:hover {
  color: #000;
  transition: .4s;
}

.case-ul{
background: #FAFAFA ;
}

.case-ul li {
  display: inline-block;
 padding:10px 0;
font-size:16px;
}
.case-ul li:not(:first-child)::before {
  content: "｜ ";
}

.trim{
   margin:0 ;
   width:100%;
}

.trim img{
  width: 100%;
  height: auto;
aspect-ratio: 16 / 9;
 object-fit: cover; 
 
}

.trim a:hover img {
 opacity: 0.6;
}
 
.trim a img {
 transition: opacity 0.3s ease-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}


.trim-ttl{
padding-top:5px;
 padding-bottom:5px;
 font-size:15px;
  
}

.trim-drt{
 font-size:15px;

}

table#table-012  {
        width: 100%;
        border:  #E3E3E3 solid;
        border-width: 1px 1px 0 0; 
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom:10px;
        line-height: 1.5em; 
}

table#table-012  th {
        padding: 15px 10px;
        border: #E3E3E3 solid;
        border-width: 0 0 1px 1px;
       	background: #FAFAFA ;
        vertical-align: middle;
width:90px;
        font-size: 16px;
        font-weight: normal;
        text-align: left;   
        color:#777;
}

table#table-012  td {
        padding: 15px 10px;
        border:  #E3E3E3 solid;
        border-width: 0 0 1px 1px;  
       font-size: 16px;
       text-align: left;  
         background: #fefefe;
}

img.img-ico {
 max-width: 100%;
  height: auto;
 margin-right:5px;
}

.case-int  {
margin-top:30px;
font-size:15px;
}

@media screen and (max-width:767px) {
table#table-012  {
        margin-top: 15px; ;
}
 }

@media screen and (max-width:480px) {
 #table-012 th, #table-012 td{
display:block;
   }

#table-012 th{
width:100% !important;
text-align:center !important;
padding:10px !important;
    }

img.img-ico {
 width: 40%;
  height: auto;
 margin-right:5px;
}

}

.box-200{
margin-top:40px;
}



.box-201 {
margin:0;
padding:30px 0 50px;
}

.box-201 img {
box-shadow: 0 0 5px rgba(39,48,57,.2);
}


.box-201 a:hover img {
 opacity: 0.6;

}
 
.box-201 a img {
 transition: opacity 0.3s ease-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}


/*================================================
 *  sec4
 ================================================*/

.sec4{
   margin:50px auto 50px;
   max-width:1280px;
}

.sec4-inn{
  width:92%;
 margin:0 4%;
}


.tw-out{
  background:#F7F5EF;
  padding:10px 10px 4px 10px;
}

.sec4 img {

box-shadow: 0 0 5px rgba(39,48,57,.2);
}


.sec4 a:hover img {
 opacity: 0.6;

}
 
.sec4 a img {
 transition: opacity 0.3s ease-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}


/*================================================
 *  emergency
 ================================================*/

p.fo {
 font-size:22px;
 color:#777;
}

.fa-warning {
 color:#D9534F;
}

.marker08 {
    background: linear-gradient(transparent 60%, #ffadad 60%);
}

.marker08 strong  {
  font-size:18px;
color:#777;
}

.marker09 {
    background: linear-gradient(transparent 60%, #FFFF00 60%);
}



h2.prf-ttl {
   line-height: 1.4;
    font-weight: normal;
    font-size:26px;
    margin:0 0 20px;
    color:#777;
   border-bottom:1px solid #FA8900;
}

h2.prf-ttl:first-letter{
  color:#777;
  font-size:150%;
  font-weight:400;
  color: #FA8900;
}

h2.prf-ttl2 {
   line-height: 1.4;
    font-weight: normal;
    font-size:26px;
    margin:0 0 20px;
    color:#0E4C8B;
   border-bottom:1px solid #0E4C8B;
}

h2.prf-ttl2:first-letter{
  color:#0E4C8B;
  font-size:180%;
  font-weight:400;
}


h2.ttl-3 {
line-height: 1.0;
font-weight: 700;
font-size:32px;
margin:0 auto 20px;
padding: 20px 40px ;
color:#FFAD1D;
text-shadow: 0 1px 1px rgba(39,48,57,.1);
position: relative;
display: inline-block;
}

h2.ttl-3:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: #FFAD1D;
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

h2.ttl-3:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: #FFAD1D;
-moz-transform: rotate(-70deg);
-webkit-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
transform: rotate(-70deg);
}

h2.ttl-3:before {left:0;}
h2.ttl-3:after {right: 0;}

.box34{
background:#FFF7EA;
padding:20px 20px 5px;
border-radius: 10px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}



.box34 ul{
    margin-top: 20px;
    margin-left: 0;
    padding-left:0;
  
}

.box34 ul li.lst{
   background: url(images/ic1.png) 0 12px no-repeat;
   list-style-type: none;
   list-style-position: outside;
 margin-left: 0;
font-size:16px;
  padding-left: 30px;
   padding-top:10px;
  padding-bottom:6px;
  border-bottom:1px dotted #999;
  line-height:1.5em;
 
}


.box34 ul li:last-child {
           border-bottom: none;
 }

.img-mg {
 margin-top:-8px;
 }


/*================================================
 *  AED
 ================================================*/
.img-prf2 {
 width:68%;
height:auto;
border-radius:50%;
}

.img-prf22 {
 width:100%;
height:auto;
}


.box-90 {
 width:90%;
margin:40px 5% 0 ;
}

p.aed-ttl {
font-size:20px;
}

.box34b ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.box34b ol li {
  margin-bottom: 10px;
  padding-left: 38px;
  padding-bottom:4px;
  position: relative;
  font-size:18px;
  border-bottom:1px dotted #999;
  width:100%;
  
}
.box34b ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #f65423;
  color: #fff;
  display: block;
  float: left;
  line-height: 30px;
  margin-left: -36px;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.box34b ol li:last-child {
           border-bottom: none;
           padding-bottom:0;
 }

.box34b ol li span {
font-size:15px;
color:#777;
 }

.box27 {
    position: relative;
    margin: 80px 0 0;
    padding:1em 1em 0;
    border: solid 1px #f65423;
    background:#fffcf9;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -31px;
    left: -1px;
    padding:  0 10px 0;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 18px;
    background: #f65423;
    color: #ffffff;
     border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box272 {
    position: relative;
    margin: 80px 0 0;
    padding:1em 1em 0;
    border: solid 1px #BED132;
    background:#F8FAEA;
}
.box272 .box-title {
    position: absolute;
    display: inline-block;
    top: -31px;
    left: -1px;
    padding:  0 10px 0;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 18px;
    background: #BED132;
    color: #ffffff;
     border-radius: 5px 5px 0 0;
}
.box272 p {
    margin: 0; 
    padding: 0;
}

.box34b2 ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.box34b2 ol li {
  margin-bottom: 10px;
  padding-left: 38px;
  padding-bottom:4px;
  position: relative;
  font-size:18px;
  border-bottom:1px dotted #999;
  width:100%;
  
}
.box34b2 ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #BED132;
  color: #fff;
  display: block;
  float: left;
  line-height: 30px;
  margin-left: -36px;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.box34b2 ol li:last-child {
           border-bottom: none;
           padding-bottom:0;
 }

.box34b2 ol li span {
font-size:15px;
color:#777;
 }



/*================================================
 *  LIFE
 ================================================*/
.btn-warning  {
 width: 100%;
 font-size:18px;
 font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;

}

.btn-box  {
 margin: 40px 0 10px; 
}

.btn-te  {
 margin: 40px 0 0; 
}

.img-em  {
 margin-top: 50px; 
}

table#table-013  {
        width: 100%;
        border:  none;
        border-collapse: collapse;
        border-spacing: 0;
        margin-top: 0 ;
        margin-bottom:0;
        line-height: 1.5em; 
}

table#table-013  td {
        padding: 5px 0;
        border: none;
       vertical-align: middle;
width:50%;
        font-size: 15px;
        font-weight: normal;
        text-align: left;   
       background: #fff;
}

h2.prf-ttl5b {
    margin-top:0;
     margin-bottom:0;
color:#110E21;
font-size:60px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.2;
text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
text-align:center;
}

p.ft-ttl {
    margin-top:15px;
     margin-bottom:0;
color:#110E21;
font-size:40px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.2;
text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
text-align:center;
}

.ft-st {
 font-size:80%;
 padding-right:0.2em;

}

h3.prf-ttl6{
    margin-top:40px;
     margin-bottom:20px;
color:#110E21;
font-size:30px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.2;
text-align:center;
}

h2.s2 {
margin:0 10% 15px;
padding:0 ;
	font-size: 30px;
	display: flex;
	align-items: center;
 font-family: "Likurei","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 
}
h2.s2:before, h2.s2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}

h2.s2:before {
	margin-top:0; 
   margin-right: .4em;
	background: linear-gradient(-90deg, #666, transparent);
     
}
h2.s2:after { 
   margin-top:0; 
	margin-left: .4em;
	background: linear-gradient(90deg, #666, transparent);      
}

h2.s2b {
margin:0 10% 15px;
padding:0 ;
	font-size: 20px;
	display: flex;
	align-items: center;
 font-family: "Likurei","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 
}
h2.s2b:before, h2.s2b:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}

h2.s2b:before {
	margin-top:0; 
   margin-right: .4em;
	background: linear-gradient(-90deg, #666, transparent);
     
}
h2.s2b:after { 
   margin-top:0; 
	margin-left: .4em;
	background: linear-gradient(90deg, #666, transparent);      
}



.box320  {
text-align:center;
margin-top:10px;
margin-bottom:10px;
background:#F8FBFD;
border:1px solid #ccc;
border-radius:5px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}

.box320 p{
text-align:left;
padding:0 10px 10px 18px;
font-size:15px;
}

.box320 h3{
font-size:20px;
color:#2f2f7e;
}

.box320 h3 span{
font-size:140%;
color:#e60012;
}

.box320b  {
text-align:center;
margin-top:10px;
margin-bottom:10px;
background:#FFFCF4;
border:1px solid #ccc;
border-radius:5px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}

.box320b p{
text-align:left;
padding:0 10px 10px 18px;
font-size:15px;
}

.box320b h3{
font-size:20px;
color:#2f2f7e;
}

.box320b h3 span{
font-size:140%;
color:#e60012;
}

.box320c  {
text-align:center;
margin-top:10px;
margin-bottom:10px;
background:#f9fbf7;
border:1px solid #ccc;
border-radius:5px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}

.box320c p{
text-align:left;
padding:0 10px 10px 18px;
font-size:15px;
}

.box320c h3{
font-size:20px;
color:#2f2f7e;
}

.box320c h3 span{
font-size:140%;
color:#e60012;
}

.box320d  {
text-align:center;
margin-top:10px;
margin-bottom:10px;
background:#fef9f6;
border:1px solid #ccc;
border-radius:5px;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}

.box320d p{
text-align:left;
padding:0 10px 10px 18px;
font-size:15px;
}

.box320d h3{
font-size:20px;
color:#2f2f7e;
}

.box320d h3 span{
font-size:140%;
color:#e60012;
}

img.img-cc3 {
border-radius:50%;
margin-top:0;
margin-bottom:10px;
width:40%;
height:auto;
}

img.img-01z {
width:100%;
height:auto;
border:1px solid #ccc;
 box-shadow: 4px 4px #777;
}

/*================================================
 *  CAMERA
 ================================================*/

.box332 {
text-align:center;
margin-top:10px;
margin-bottom:10px;
background:#fff;
border:1px solid #fcc47f;
border-radius:5px;
padding:0 15px;
}



.box332 p{
text-align:left;
padding:0 0 20px ;
font-size:15px;
}

.box332 h3{
font-size:20px;
color:#fdbb55;
}

.box332 h3 span{
font-size:15px;
color:#777;
}




.box32 {
text-align:center;
margin-top:10px;
margin-bottom:10px;
background:#fff;
border:1px solid #fcc47f;
border-radius:5px;
}



.box32 p{
text-align:left;
padding:0 10px 20px 18px;
font-size:15px;
}

.box32 h3{
font-size:20px;
color:#fdbb55;
}

.box32 h3 span{
font-size:15px;
color:#777;
}

.vd-box-10 {
background:#fbf8ef;
padding:35px;
}

.catch {
margin-bottom:10px;
text-align:center;
font-size:20px;
}


.catch {
margin-bottom:10px;
}

img.img-cc2 {
border-radius:50%;
margin-top:20px;
width:50%;
height:auto;
}

img.img-cc22 {
padding:20px 0 0;
width:100%;
height:auto;
aspect-ratio: 1 / 0.65;
 object-fit: cover; 

}


/*================================================
 *  job
 ================================================*/

.career-cont {
min-height:300px;
}


/*================================================
 *  PROFILE
 ================================================*/

table#table-01  {
        width: 100%;
        border: 1px #E3E3E3 solid;
        border-collapse: collapse;
        border-spacing: 0;
        margin-top: 0 ;
        margin-bottom:0;
        line-height: 1.7em; 
}

table#table-01 th {
        padding: 10px 7px;
        border: #E3E3E3 solid;
        border-width: 0 0 1px 1px;
       	background: #e7e0cf;
        vertical-align: middle;
        width:200px;
        font-size: 15px;
        font-weight: 700;
        text-align: center;   
        color:#555;
}

table#table-01  td {
        padding: 10px 7px;
        border:  #E3E3E3 solid;
        border-width: 0 0 1px 1px;  
       font-size: 15px;
       text-align: left;  
         background: #fefefe;
}

table#table-01  td a{
       color:#191970;
}




.bgimg-001{
   height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 37.43%;
    background: url(./images/bg1.png) no-repeat center center;
    background-size: contain;
   border-radius:10px;
}

.title_individual{
  margin: 0;
  margin-top:-34%;  
  margin-left:5%;
}


ul.prof {
  margin-top:-5px;
  margin-left:-10px;
}

.prof-out  {
  width:88%;
  margin:0 6%;
}

.prof-sgn {
font-family:  "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top:7px;
 margin-bottom:0;
 line-height:1.6;
font-size:14px;
}

.prof-sgn2 {
  font-size:20px;
font-family:  "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.img-prf {
 width:100%;
height:auto;
padding:3px;
border:1px solid #ccc;
}


.box28 ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.box28 li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
  font-size:16px;
}
.box28 li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #52666D;
  color: #fff;
  display: block;
  float: left;
  line-height: 25px;
  margin-left: -30px;
  text-align: center;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}

.box-ng {
border:1px solid #666;
padding:5px;
}

.box-ng2 {
background:#AD0909;
padding:5px 10px;
color:#fff;
 border-radius: 5px;
}


img.img-bz2 {
margin-top:35px;
}

.box29 {
border: 5px solid #015DB2;
background:#fafafa;
box-sizing: border-box;
margin-top:20px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.4);
outline: 1px solid #015DB2; /* 線幅、線のスタイル、カラー */
outline-offset: -8px;
padding:0;
font-size:20px;
font-weight:bold;
padding:20px ;
color:#001c3c;
}

.box29b {
border: 4px solid #015DB2;
background:#fafafa;
box-sizing: border-box;
margin-top:20px;
margin-bottom:20px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.4);
outline: 1px solid #015DB2; /* 線幅、線のスタイル、カラー */
outline-offset: -8px;
font-size:20px;
font-weight:bold;
padding:20px ;
color:#001c3c;
}


.box29bb {
border: 4px solid #015DB2;
background:#fafafa;
box-sizing: border-box;
margin-top:20px;
margin-bottom:20px;
outline: 1px solid #015DB2; /* 線幅、線のスタイル、カラー */
outline-offset: -8px;
font-size:20px;
font-weight:bold;
padding:20px 20px 40px 20px;
color:#001c3c;
line-height:1.2;
}


.arb 
{
margin:20px auto 0;
}

.box30 {
font-weight:normal;
font-size:18px;
}

.box31 {
text-align:center;
margin-top:10px;
margin-bottom:10px;
}

	
.box33 {
margin-top:20px;
}

.box33 img{
width:80%;
}

.box35 , .box40{
margin-top:30px;
}

.box40b{
margin-top:30px;
margin-bottom:-50px;
padding-bottom:0;
}

.box55{
margin-top:40px;
margin-bottom:0;
padding-bottom:0;
}

.box36 {
margin-top:10px;
border:4px solid #D3D6D6;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.4);
padding:20px 4px;
text-align:center;
}

.box36-txt {
margin-top:20px;
font-size:1.2em;
height:3.8em;
line-height:1.7em;
}

.num {
background:#ad0909;
color:#fff;
padding:0 5px;
font-weight:bold;
margin-right:5px;
}



.box35-out{
width:98%;
margin-right:1%;
margin-left:1%;
}


.box35 .col-sm-3{
padding:4px;
}
.box35 .col-sm-4{
padding:4px;
}

.box-nm{
margin-top:-5px;
}

h3.mj-tx { 
margin-top:10px;
margin-bottom: 20px;
padding:15px;
background:#001C3C;
color:#fff;
text-align:center;
border-radius:3px;
outline: 1px solid #fff; /* 線幅、線のスタイル、カラー */
outline-offset: -8px;
}

h3.mj-tx2 { 
margin-top:10px;
margin-bottom: 20px;
padding:15px;
background:#ad0909;
color:#fff;
text-align:center;
border-radius:3px;
outline: 1px solid #fff; /* 線幅、線のスタイル、カラー */
outline-offset: -8px;
}


/* search */
.searchfield { 
padding: 5px;
margin-top: 10px;
font-size: 14px;
width: 82%;
}
.searchsubmit { 
width: 35px;
height: 30px;
padding: 0;
font-family: FontAwesome;
font-size: 20px; 
border: none;
background: transparent;
cursor: pointer;
color: #255fac;
}
 
.searchsubmit:hover {
  opacity: .6;
}

 



.ribbon3 {
    margin:60px 0 38px;
    position: relative;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 0;
    background: #acd879;
    color: #FFF;
    box-sizing: border-box;
}

.ribbon3 h3 {
    vertical-align: middle;
    margin: 0;
    padding: 0 ;
    border-top: dashed 2px rgba(255, 255, 255, 0.5);
    border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
    line-height: 42px;
    font-size: 28px;
}

.ribbon3:before, .ribbon3:after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon3:before{/*左の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon3:after{/*右の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}





.xo-month th {
    background:#eee !important;
  
}

.month-header {
    font-weight:bold !important;
  
}

.pr-bg  {
    margin-bottom:20px;
    background:#fdffea;
    border: #59bcb9 5px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     padding: 0 ;
}

.pr-bg2  {
      margin-bottom:20px;
    background:#fdffea;
    border: #f08578 5px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     padding: 0 ;
}

ul.prbg-tx {
    margin-top: 20px ;
    font-size:18px;
}

h1.entry-title {
    font-size:24px;
}



h2.sidebar-widget__title  {
 
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 1.0em;
    font-size: 1.2em;
    background: #FFF5DD;
    color:#111;
    font-weight:500;
}



h2.btn-1{
    margin-top:-15px;
     margin-bottom:30px;
    background-color: #F29448;
    color: #fff;
    padding: 20px;
    position: relative;
    overflow: hidden;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;
   text-align:center;
   font-size:20px;
  border-radius: 3px;
box-shadow: 0 1px 5px rgba(39,48,57,.07);
text-shadow: 0 1px 1px rgba(39,48,57,.1);
}
h2.btn-1:before{
    background-color: #fff;
    border-radius: 100px 100px 0 0;
    content: '';
    display: block;
    opacity: 0.6;
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 200px;
    height: 100px;
}
h2.btn-1:after{
    background-color: #fff;
    border-radius: 50px 50px 0 0;
    content: '';
    opacity: 0.6;
    position: absolute;
    bottom: -1px;
    left: 180px;
    display: block;
    width: 100px;
    height: 50px;
}

h2.btn-2{
    margin-top:0px;
    margin-bottom:30px;
    background-color: #00A08C;
    color: #fff;
    padding: 20px;
    position: relative;
    overflow: hidden;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;
   text-align:center;
   font-size:20px;
  border-radius: 3px;
box-shadow: 0 1px 5px rgba(39,48,57,.07);
text-shadow: 0 1px 1px rgba(39,48,57,.1);
}
h2.btn-2:before{
    background-color: #fff;
    border-radius: 100px 100px 0 0;
    content: '';
    display: block;
    opacity: 0.6;
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 200px;
    height: 100px;
}
h2.btn-2:after{
    background-color: #fff;
    border-radius: 50px 50px 0 0;
    content: '';
    opacity: 0.6;
    position: absolute;
    bottom: -1px;
    left: 180px;
    display: block;
    width: 100px;
    height: 50px;
}

a.lk-sc :hover {
      color: #ef7818;
     -webkit-transition: color 0.2s linear;
}

a.lk-sc2 :hover {
      color: #00A08C;
     -webkit-transition: color 0.2s linear;
}




.gal-1 {
margin-bottom: 20px;
}

.eo-event-category a {
pointer-events: none;
}

.i-pdf {
     position: relative;
  top: -2px;
  left: 6px;
   color:#C30D23;
   font-size:24px;
  
   
}

.use-dld  {
 margin-top:30px;
min-height:400px;
}

.use-dld ul{
 font-size:18px;
}


.yr1 {
background: #f3f7eb;
height:190px;
border-radius: 3px ;
position: relative;
}

.yr1-in {
 position: absolute;
  right: 3%;
 bottom:2%;
}
.yr1-in img{
   max-width: 100%;
 height:auto;
}


h3.yr-ttl  {
padding:3px 0;
font-size:20px;
color:#56b432;
font-weight:normal;
border-bottom:1px dashed #56b432;
}

h3.yr-ttl:first-letter{
font-size:30px;
font-weight:bold;
 }


.yr1 ul li {
font-size:18px;
text-align:left;
}


.yr2 {
background: #fef2e9;
height:190px;
border-radius: 3px ;
position: relative;
}

.yr2-in {
 position: absolute;
  right: 3%;
 bottom:2%;
}

.yr2-in {
 position: absolute;
 right: 3%;
 bottom:2%;
}

.yr2-in-b {
 position: absolute;
 right: 36%;
 bottom:12%;
}


.yr2-in img{
   max-width: 100%;
 height:auto;
}


h3.yr-ttl2  {
padding:3px 0;
font-size:20px;
color:#ff2220;
font-weight:normal;
border-bottom:1px dashed #ff2220;
}

h3.yr-ttl2:first-letter{
font-size:30px;
font-weight:bold;
 }


.yr2 ul li {
font-size:18px;
text-align:left;
}


.yr3 {
background: #ffffe0;
height:190px;
border-radius: 3px ;
position: relative;
}

.yr3-in {
 position: absolute;
  right: 3%;
 bottom:2%;
}
.yr3-in img{
   max-width: 100%;
 height:auto;
}

h3.yr-ttl3  {
padding:3px 0;
font-size:20px;
color:#ffc000;
font-weight:normal;
border-bottom:1px dashed #ffc000;
}

h3.yr-ttl3:first-letter{
font-size:30px;
font-weight:bold;
 }

.tx-sc{
font-size:30px;
font-weight:bold;
 }

.yr3 ul li {
font-size:18px;
text-align:left;
}

.yr4 {
background: #e5f5ff;
height:190px;
border-radius: 3px ;
position: relative;
}

.yr4-in {
 position: absolute;
  right: 3%;
 bottom:2%;
}
.yr4-in img{
   max-width: 100%;
 height:auto;
}


h3.yr-ttl4  {
padding:3px 0;
font-size:20px;
color:#00b0f0;
font-weight:normal;
border-bottom:1px dashed #00b0f0;
}

h3.yr-ttl4:first-letter{
font-size:30px;
font-weight:bold;
 }

.tx-sc{
font-size:30px;
font-weight:bold;
 }

.yr4 ul li {
font-size:18px;
text-align:left;
}

.yr-bd {
margin-top:30px;
}


h1.page-header__title  {

  text-shadow: -1px 1px 0 rgba(0,0,0,1) !important;
font-weight:normal !important;
font-size:30px !important;
font-weight:900 !important;
}


h1.page-header__title-b  {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  text-shadow: -1px 1px 0 rgba(0,0,0,1) !important;
font-weight:normal !important;
font-size:34px !important;
margin-top:10px;
margin-bottom:40px;
text-align:center;
letter-spacing: 8px;
}




.clear {
  clear: both; 
line-height: 0; 
}


.site-branding {
  padding: 10px 0; }

.vertical-align-em input{
	vertical-align:-0.2em;
}


a:hover  {
    text-decoration:none;
}





.main-v {
    position: relative;
}

.site-info {
    position: absolute; 
    top:0; 
    left:60px; 
}

.site-info h1{
   font-size:13px;
   font-weight:normal;
   color:#fff;
margin-top:0;
}

.main-v img  {
    max-width: 100%; 
    height:auto;
}

.floating {
width: 180px;
right: 0;
top:140px;
position: fixed;
z-index: 999;
font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.floating img{
width:100%;
height:auto;
transition: all 0.3s ease-out;
}

.floating img:hover {
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6));
}

.floating ul {
	text-align: left;
	padding: 5% 0 5% 3%;
	background: rgba(1, 93, 178, 0.7);
}
.floating ul li {
	padding: 2% 1% 2% 1%;
	text-align: left;
     list-style-type: none;
}
.floating ul li a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.ctt1 {
	font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
}

.ctt2 {
margin-top:20px;
margin-bottom:0;
font-size: 36px;
text-align:center;
}

.ctt3 {
margin-top:0px;
font-size: 16px;
text-align:center;
}

.ctt4{
margin-top:20px;
margin-right:20%;
margin-left:4%;
width:76%;
}

.bttn-ctt  {
  font-size: 18px;
  padding:20px 0;
  text-align:center;

}


.arrow_box2 {
        margin-top:15px;
        margin-bottom:25px;
	position: relative;
	background: #324962;
	border: 4px solid #ADB6C0;
         text-align:center;
        font-size:24px;
       color:#fff;
        padding:2px 0;
}
.arrow_box2:after, .arrow_box2:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-color: rgba(50, 73, 98, 0);
	border-top-color: #324962;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box2:before {
	border-color: rgba(173, 182, 192, 0);
	border-top-color: #ADB6C0;
	border-width: 26px;
	margin-left: -26px;
}





.arrow_box {
    margin-top:40px;
background-image: linear-gradient( -45deg, 
#F2ABCA 25%, 
#F19EC2 25%,
#F19EC2 50%,
#F2ABCA 50%, 
#F2ABCA 75%, 
#F19EC2 75%,
#F19EC2 );
background-size: 8px 8px;
    text-align:center;
    padding:13px 0;
    font-size:36px;
    font-weight:500;
    color:#fff;
}

.img-03 {
width: 100%; 
    height:auto;
}


.img-full , .img-full-t , .img-full-t2{
width: 100%; 
    height:auto;
 border-radius: 3px ;
}

.img-full-t2b{
margin-top:15px;
width: 100%; 
    height:auto;
 border-radius: 3px ;
box-shadow: 0 1px 5px rgba(39,48,57,.1);
}



.img-full-b {
width: 100%; 
    height:auto;
 margin:20px 0 30px;
}


.img-full2 {
 width: 85%; 
    height:auto;

}


.img-full-3 {
 width: 100%; 
    height:auto;
 margin-top:10px;
 margin-bottom:20px;
border-radius: 4px ;

box-shadow: 0 1px 6px rgba(39,48,57,.1);
}

h2.ttl {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.8;
    font-weight: 900;
    font-size:38px;
    margin:0px auto 45px;
   
}

h2.ttl-2 {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.8;
    font-weight: 900;
    font-size:34px;
    margin:10px auto 20px;
   color:#15AAE5;
}

h2.ttl-2b {
    line-height: 1.8;
    font-weight: normal;
    font-size:38px;
    margin:30px auto 10px;
   color:#404D56;
}

h2.ttl-2b span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

h2.ttl-2b span:before,
h2.ttl-2b span:after {
    border-top: 1px solid #404D56;
    content: "";
    position: absolute;
    top: 50%;
    width: 5em;
}

h2.ttl-2b span:before {
    right: 100%;
}

h2.ttl-2b span:after {
    left: 100%;
}



h2.ttl-2c{
font-family: Georgia, "Hiragino Mincho ProN", "YuMincho", serif;
    line-height: 1.8;
    font-weight: normal;
    font-size:26px;
    margin:30px auto 10px;
   color:#404D56;
}

h2.ttl-2c span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

h2.ttl-2c span:before,
h2.ttl-2c span:after {
    border-top: 1px solid #404D56;
    content: "";
    position: absolute;
    top: 50%;
    width: 5em;
}



h2.ttl-2c span:before {
    right: 100%;
}

h2.ttl-2c span:after {
    left: 100%;
}

h2.ttl-2c2{
font-family: Georgia, "Hiragino Mincho ProN", "YuMincho", serif;
    line-height: 1.8;
    font-weight: normal;
    font-size:26px;
    margin:10px auto 10px;
   color:#404D56;
}

h2.ttl-2c2 span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}



h2.ttl-2c2 span:before,
h2.ttl-2c2 span:after {
    border-top: 1px solid #404D56;
    content: "";
    position: absolute;
    top: 50%;
    width: 5em;
}

h2.ttl-2c2 span:before {
    right: 100%;
}

h2.ttl-2c2 span:after {
    left: 100%;
}

h3.inq {
	background: #88b7d5;
	border: 4px solid #c2e1f5;
    padding:10px 0;
    color:#fff;
    text-align:center;
}

h3.inq2 {
    margin-top:60px;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
    padding:10px 0;
    color:#fff;
    text-align:center;
}



section.sec1 {
    background: #EAF7F2 !important;
    padding-top:10px;
     padding-bottom:30px;
}

section.sec2{
   padding-bottom:30px;
}





section.sec2 h3{
     color:#e84687;
    font-size:22px;
    text-align:center;
}




img.ttl-2 {
    margin-top: 10px;
}

.prof dl {
    margin:40px 0 10px;
    width: 100%;
    line-height: 1.6;
  
    overflow: hidden;
  }
.prof dt {
      float: left;
      width: 120px;
      padding: 15px 10px;
      border-top:1px dotted #777;
    }

.prof dd {
      margin-left: 120px;
      padding:15px 10px;
     
       border-top:1px dotted #777;
    }


dt.last , dd.last {
    height:0;
}

.prof-r {
    margin-top:38px;
}



.prof-2 dl {
    margin:0 0 10px;
    width: 100%;
    line-height: 1.5;
  
    overflow: hidden;
  }
.prof-2 dt {
      float: left;
      width: 110px;
      padding: 5px 10px;
   
    }

.prof-2 dd {
      margin-left: 110px;
      padding:5px 10px;
     
   
    }

.prof-inn  {
  width:88%;
 margin-left:6%;
 margin-right:6%;
  margin-top:30px;
}

.prof-inn ul li {
font-size:16px;
    }

.ttl-box {
border:1px solid #999;
padding:3px 5px;
border-radius:10px;
    }


.ftp-l  {
   padding-left:6%;
}

.ftp-r  {
   padding-right:6%;
}

.ftp h4  {
    color:#e84687;
    font-size:20px;
}

.f-st {
   font-size:150%;
}

.f-sm {
   font-size:80%;
}

.pal {
      padding: 30px 0 ;
 
}

.pal h3 {
     font-size: 34px;
     margin-top:50px;
     margin-bottom:60px;
}

.palBlock {
      margin-top:30px;
      margin-bottom:20px;
        border-radius: 5px ;  
      padding:10px;
      box-shadow: 0 0 40px rgba(0,0,0,0.6);
     background-color: rgba(227,16,131,0.6);
}



.g_map {
position: relative;
padding-top: 46.25%;
height: 0;
overflow: hidden;
margin-top:0;
}

.g_map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.acc  {
margin-top: 20px;
margin-bottom: 60px;
}



a.lk2 {
color: #fff;
}

a.lk2:hover {
color: #7770cd;
}

.s-box-13 {
    width:100%;
    border: 1px solid #bd0303;
    border-radius: 5px;
    margin: 2em 0 0;
    padding: 0.5em 0.5em 0.5em 1em;
    position: relative;
    text-align:left;
    background:#FEFDF8;
    font-size:14px;
    overflow:hidden;
}


.s-box-13-a {
 float:left;
 width:85%;
 
}

.s-box-13-b {
 float:right;
 width:15%;
}



.s-box-13 p 
 {
 padding:20px 5px 0 0;
 font-size:13px;
}



.ctt  {
margin-top: 10px;
margin-bottom:5px;
}





.pc { display: block !important; }
.sp { display: none !important; }
.pc-2 { display: block !important; }
.sp-2 { display: none !important; }



h4.abt {
  padding-top:0px;
  color:#e84687;
 }

.sec6 {
   padding-top:50px;
}

.sec6-b{
    margin-top:50px;
    background: #D6EEEE;
    padding-bottom:30px;
    border-radius: 5px ;

box-shadow: 0 1px 6px rgba(39,48,57,.1);
}

.sec6-c{
    margin-top:50px;
    background: #FAEDDA;
    padding-bottom:30px;
    border-radius: 5px ;

box-shadow: 0 1px 6px rgba(39,48,57,.1);
}

.sec7{
     padding-bottom:30px;
 
}




p#entry-title-5 {
    margin-top:0;
    padding:10px 10px 0 20px;
 text-align:left;
 color:#57C4E1;
 font-size:28px;
  }

p#entry-title-6 {
    margin-top:0;
    padding:10px 10px 0 20px;
 text-align:left;
 color:#F29448;
 font-size:28px;
  }




.new  {
  width:94%;
 margin-left:3%;
 margin-top:-10px;
   border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
	height: 168px;	
	overflow: auto;	
  background:#fff;
}




img.img-rfm {
	width: 100%;
border-radius: 5px ;
box-shadow: 0 1px 6px rgba(39,48,57,.1);
}

.re-b  {
	margin-top:35px;
    margin-bottom:35px;
    padding:17px 10px 1px 0;
    background:#FCFAF9;
    border-radius: 5px ;
}
.re-b ul li {
	font-size:20px;
    padding:2px 0;
}


.ety ul li {
	font-size:15px;
    padding:2px 0;
}

table.table-02  {
        width: 100%;
              border:  #E3E3E3 solid;
        border-width: 1px 1px 0 0; 
        border-collapse: collapse;
        border-spacing: 0;
        margin-top: 2em ;
        margin-bottom:3em;
        line-height: 2em; 
}

table.table-02  th {
        padding: 7px;
        border: #E3E3E3 solid;
        border-width: 0 0 1px 1px;
       	background: #FAFAFA ;
        vertical-align: middle;
width:100px;
        font-size: 15px;
        font-weight: normal;
        text-align: center;   
        color:#777;
}

table.table-02  td {
        padding: 7px;
        border:  #E3E3E3 solid;
        border-width: 0 0 1px 1px;  
       font-size: 15px;
       text-align: left;  
         background: #fefefe;
}





p.ttl-3b {
  margin-top:10px;
  font-size:18px;
}

h2.ttl-4  {
   margin-top:40px;
  margin-bottom:30px;
 
}


.sec1 h3{
    font-size:24px;
    text-align:center;
}

.sec1 a{
     color:#e84687;
}

.sec1 a:hover{
     color:#ee3442;
}

.i-ss {
      font-size:50%;
       position: relative;
    top: -2px;
  left: 4px;
}

.i-ss2 {
      font-size:160%;
       position: relative;
    top: 0px;
  left: 1px;
}

a.non:hover img {
  opacity:1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

.sec3b {
 margin-top: 40px;
}


.new dl {
    margin:5px 0 10px;
    width: 100%;
    line-height: 1.1;
   
    overflow: hidden;
  }
.new dt {
      float: left;
      width: 100px;
      padding: 5px 10px 0;
      font-size:15px;
      font-weight:normal;
    }

.new dd {
      margin-left: 100px;
      padding:5px 10px 0;
  font-size:15px;
    }

@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop, .new dt {
      float: left;
      width: 125px;
      padding: 4px 10px 0;
      font-size:15px;
      font-weight:normal;
    }
}

@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop, .new dd {
      margin-left: 125px;
      padding:5px 10px  5px 0;
  font-size:15px;
    }
}


.xo_event .entry-meta  {
display:none !important;
 
    }

.xo-event-meta-details .eo-event-date  {
font-size:18px !important;
     }

.xo-event-meta-details .eo-event-category  {
font-size:18px !important;
     }

.prn1  {
   margin-top:20px;
}

.prn2  {
   margin-top:40px;
}




.prn1 ul li{
   margin-left:-1em;
   font-size:16px;
}


p.tx-3  {
  font-size:26px;
  font-weight:bold;
 color:#E80074;
  font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

p.tx-3b  {
  font-size:22px;
  font-weight:bold;
 color:#E80074;
  font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}


hr.hr-1 {
  margin:30px 0;
  background-color: #fff;
  border-top: 2px dotted #E80074;
}

.bttn-top  {
  font-size: 20px;
  padding:20px 0;
  text-align:center;
}

.bttn-top2  {
 margin-top:0px;
}

.bttn-top3  {
 margin-top:20px;
}


.img-04  {
 border:1px solid #ddd;
box-shadow: 0 1px 6px rgba(39,48,57,.1);
}

.i-red  {
color:#e60012;
}


/*================================================
 *  お問い合わせフォーム 新
 ================================================*/
a.lk1 {
color: #223A70;
}

span.supText {
font-size: 70%;
vertical-align: top;
position: relative;
top: 0.2em;
background:#e60012;
color:#fff;
padding:2px 4px;
border-radius:5px;
}

::-webkit-input-placeholder {
  color: #bbb;
}
::-moz-placeholder {
  color: #bbb; opacity: 1;
}
:-ms-input-placeholder {
  color: #bbb;
}


div.wpcf { 
border:1px solid #ddd;
 padding:30px 0 0 0;
 margin:30px 0 0 0;
background: #F5F7F9;
border-radius: 5px ;
}

div.wpcf p{ 
padding:10px 20px;
font-size:15px;
}

div.wpcf dl { 
 margin:10px 20px 10px;
    width: 100%;
    line-height: 1.2;
    font-size:16px;
    overflow: hidden;
}


div.wpcf dt {
      float: left;
      width: 25%;
      padding: 17px 0 0 ;
     font-weight:normal;
    
}

div.wpcf dd {
      margin-left:25%;
      padding:5px 0;

}

div.wpcf input{ 
margin-top:0px; 
border:1px solid #ccc; 
padding:8px;
 font-size:14px; 

}


div.wpcf textarea { margin-top:0px; border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf textarea { 
width:90% !important;
 height:200px !important; 
 }
div.wpcf input.wpcf-submit {
   cursor:pointer; color:#fff; font-weight:normal; font-size:16px; width:160px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#888; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf input.wpcf-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf input.wpcf-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf input:focus, .wpcf textarea:focus { border:1px solid #009de1; }

div.wpcf input.imp1{ 

width:90% !important; 
}

div.wpcf input.imp2 , div.wpcf input.imp2b{ width:30% !important; }

div.wpcf input.imp3{ width:90% !important; }

div.wpcf .bttn  {
 margin:20px auto 50px;
}

.bn-nw  {
 margin:40px 1.5% 10px;
}

.prv{
height:190px;
margin:20px;
	overflow-y:scroll;
	box-shadow: 0 0 4px rgba(0,0,0,0.1) inset;
	padding:10px;
	border:0;
	background: #fff;
}

div.wpcf p.prv-tx {
margin:20px 0 0 0;
font-size:18px;
}

h2.prv-ttl  {
margin:10px 0 15px 0;
font-size:20px;
font-weight:500;
}

h3.pp {
font-size:18px;
}

.tel-contact-inner {
margin-top: 60px;
margin-bottom: 30px;
padding-top:20px;
border:2px solid #00A5C5;
background:#F8FEFF;
}

p.tx-tel  {
font-size:22px;
margin-bottom:0;
}

p.tx-tel2  {
font-size:30px;
font-weight:900;
color: #00A5C5;
margin:0 0 5px 0;
}

/*================================================
 *  タップで通話
 ================================================*/
.ctt2 a {
pointer-events: none;
cursor: default;
}

div.tel-contact-inner a , div.tel-contact-inner2 a{
pointer-events: none;
cursor: default;
color: #00A5C5;
}

br.tab-b {
	display:none ;
}




/*================================================
 *  TABLET タブレットのみ表示
 ================================================*/
@media screen and (min-width:768px) and ( max-width:1024px) {

.item-ttl {
font-size:14px;
}

.item-price{
font-size:15px;
}


.item-box {
padding:5px;
}


.sec-n1  {
 margin:0;
padding:0;
background:#fff5dd;
}

.sec-n1-inn  {
  width:100%;
  background:#fff;
  margin-left:0;
 margin-right:0;
  margin-bottom:0;
 line-height:1.3;
}

.sec-n1-inn h3.bs1{
margin:0;
padding	:10px 0 5px 10px;

font-size:16px ;
color:#777;
text-align:left;
}

.buttonA {
    margin: 0 10% 30px;
    padding: 0.2em 0 ;
  border:1px solid rgb(247,137,35);
  background-color: rgba(247,137,35,.0);
  color: rgb(247,137,35);
  border-radius: 5px ;
  box-sizing:border-box;
  width:80%;
    display: inline-block;
  font-size: 16px;
  position: relative;
   text-align: center;
  cursor: pointer;
}



.habakiri-slider__item-content {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
 }


.box33 {
margin-top:50px;
}

.ctt4{
margin-top:20px;
margin-right:0;
margin-left:0;
width:100%;
}

.habakiri-slider__item h1  {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;
font-size:32px;
margin-bottom:18px;
text-shadow: 0 0 2px #777;
font-weight:bold;
text-shadow: 2px 2px 4px rgba(0,0,0,0.65);
}





.box36-txt {
margin-top:20px;
font-size:1.0em;
height:3.8em;
line-height:1.7em;
}


.ftp-l  {
   padding-right:6%;
   padding-left:6%;
}

.ftp-r  {
   padding-right:6%;
   padding-left:6%;
}
 
.img-full-t{
 width: 72%;
 margin-left:14%;
 padding-bottom:50px;
 }

.img-full-t2{
 width: 72%;
 margin-left:14%;
 padding-top:50px;
 }

.s-box-13 {
    width:94%;
    margin-left: 3%;
 
}


ul.prbg-tx {
    margin-left:-8px;
    margin-top: 20px ;
    font-size:16px;
}

.prof-out  {
  width:100%;
  margin:0;
}

}

/*================================================
 *  TABLET タブレットのみ表示 2
 ================================================*/
@media screen and (min-width:769px) and ( max-width:1024px) {

.rpc-post-title a  {
 font-size:16px !important;
}

}

/*================================================
 *  TABLET タブレットのみ表示 3
 ================================================*/
@media screen and (min-width:768px) and ( max-width:1023px) {

.tb-mg {
margin-top:20px;
}

.entry-content img.size-medium {
margin-right:0;
margin-bottom:8px;
}


.title_individual{
  margin: 0;
  margin-top:-34%;  
  margin-left:2%;
}

ul.prof {
  margin-top:-15px;  
 }

ul.prof li{
  font-size:14px;
 line-height:1.5;  
 }


.ttl-box {
font-size:15px;
}



}



/* --- タブレット用表示 --- */
@media screen and (min-width:1025px) {
.floating-sp {
 display:none;
}

}

/* --- タブレット以下用表示 --- */
@media screen and (max-width:1024px) {

.container {
   width: 96%;
   margin-left:2%;
   margin-right:2%;
}




.box29 , .tex-29b{
font-size:22px;
}


.box34 ol li , .box34 ul li.lst{
   width:100%;
}



.sec-n1-inn  {
  width:100%;
  margin-left:0;
 margin-right:0;
  margin-bottom:30px;
}

.floating-sp {
 margin-top:20px;
}

.site-info h1{
 display:none;
}


.smp {
	margin:0 15px;
    
}	

.s-box-13 {
    margin-bottom:50px;
 
}

}

/* --- タブレット以下用表示2 --- */
@media (max-width:1023px) {
.topnav2 {
        display:none;
}

.w-90 {
 width:100%;
 margin-right:0;
 margin-left:0;
}

.w-98 .container {
 width:100%;
 margin-right:0;
 margin-left:0;
}

.wpcfn {
padding:10px;
}


.item-ttl {
font-size:16px;
}

.item-price{
font-size:16px;
}


.item-box {
padding:15px;
}

.col_2 > div{
	width:100%;
	padding: 0;
}

p.tx-1{
 margin:10px 0 0;
   padding:10px 0 20px 20px;
}

.ribbon2 h2 {
  margin: 10px 0 0;

}



}
/*================================================
 *  スマートフォン+タブレット小向けデザイン
 ================================================*/
@media screen and (max-width:768px) {

.entry-content img.size-medium {
margin-right:0;
width:100%;
height:auto;
}


li#menu-item-24 , li#menu-item-184 ,li#menu-item-185 {
	display:none !important;
}

br.pc-b {
	display:none ;
}

br.tab-b {
	display:block ;
}




}


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

.box27b {
   margin:20px 0 0;
    padding:0;
   background:#fff;
}

.box-301 .col-sm-6{
padding:0 15px;
}
.feature-img img{
margin-top:10px;
}

.insta_btn2{/*ボタン*/
  width: 100%;
margin-top:15px;
}


.insta-box img{
border-right:none;
}

.insta-box2{
margin:20px 0 0;
}

.bf-box {
padding:10px;
}


.mg-50d {
 margin-top:0;
}
.sec5b  {
    margin:0;
  padding:0 ;
 width: 100%;
    background: center center /cover no-repeat scroll;
    background-image: url(./images/px-bg-min3.jpg);
    color:#fff;
}

div.layerTransparent{
width: 100%;
height: 100%;
 background-color: rgba(0, 0, 0, 0.45);
padding:40px 0 50px;
}


.bg-bg2  {
 margin:30px 0 0 0;
}


.pc-2 { display: none !important; }

ul.list2 {
text-align:center;
}

.copyright  {
 padding-bottom:5em;
}

.header{
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); 
}



.cd-box  {
margin:30px 0;
}


.sec3c{
padding-top:0;
padding-bottom:50px;
margin-bottom:20px;
}

h2.prf-ttl4d {
font-size:24px;
}

p.vp2 {
margin-top:30px;
}

.btn5 {
margin:20px 0 20px;
}


img.alignleft {
 margin-top:10px;
 
}

p.fo {
text-align:center;
 font-size:20px;
}



.mg-30-30 {
 margin-top:30px;
 margin-bottom:20px;
}

.mg-5 {
 margin-top:20px;
}


.floating-out{
 display:none;
}

.mg-50b {
 margin-top:30px;
}

.mg-50c {
 margin-top:50px;
}

.img-em  {
 margin-top: 20px; 
}

.img-smp {
  margin-bottom:20px;
 }

.img-smp2 {
  margin-bottom:10px;
 }

.img-mg {
 margin-top:-8px;
 margin-bottom:30px;
 }


.breadcrumbs  {
 font-size:15px;
margin:-20px 0 20px;
}

#table-01 th, #table-01 td{
display:block;
    }

#table-01 th{
width:100% !important;
    }

.sec-n1  {
 margin:0;
padding:0;
 background:#fff5dd;
}

.sec-n1-inn  {
  width:100%;
  background:#fff5dd;
  margin-left:0;
 margin-right:0;
  margin-bottom:0;

}

.sec-n1-inn h3.bs1{
margin:0;
padding	:10px 0 5px 10px;

font-size:18px ;
color:#777;
text-align:left;
}

.buttonA {
    margin: 15px 10% 15px;
    padding: 0.2em 0 ;
  border:1px solid rgb(247,137,35);
  background-color: rgba(247,137,35,.0);
  color: rgb(247,137,35);
  border-radius: 5px ;
  box-sizing:border-box;
  width:80%;
    display: inline-block;
  font-size: 16px;
  position: relative;
   text-align: center;
  cursor: pointer;
}

.sec-n1-ud  {
margin-top:20px;
}

.habakiri-slider__item-content {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
 }

.habakiri-slider__item h1  {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;
font-size:21px;
margin-bottom:50px;
text-shadow: 0 0 2px #777;
font-weight:bold;
text-shadow: 2px 2px 4px rgba(0,0,0,0.65);
}

.btn-ghost, .jumbotron .btn-default, .habakiri-slider__item-content .btn-default {
  background-color:  rgba(255, 149, 21, 0.7);
  border: 1px solid #ff9515;
  color: #fff;
  font-size:16px;
   padding:4px 30px;
   border-radius:30px;
 }


.sec4-inn{
width:100%;
margin:0 ;
}

.mg-20-10b {
 margin-top:20px;
margin-bottom:20px;
}


.tw-out{
 margin-top:20px;
}

.prof-out  {
  width:100%;
  margin:0;
}

.img-prf2 {
 width:70%;
height:auto;
border-radius:50%;
}

.prof-inn ul li {
margin-left:0%;
}


 .pc { display: none !important; }
    .sp { display: block !important;}

.ctt1 {
	font-size: 20px;
}

.ctt2 {
margin-top:20px;
margin-bottom:0;
font-size: 30px;
text-align:center;
}

.ctt2 a {
    cursor: pointer;
	pointer-events: auto;
}


.ctt3 {
margin-top:0px;
font-size: 16px;
text-align:center;
}

.ctt4{
margin-top:20px;
margin-right:0;
margin-left:0;
width:100%;
}





.box-nm{
margin-top:0;
}



br.pc-b {
	display:none ;
}

img.img-bz4 {
margin-bottom:20px;
}

.prn2b {
  margin-top:40px;
   margin-bottom:30px;

}



img.img-bz2 {
margin-top:0;
}


.buttonA {

  font-size: 15px;

}




.prof-inn ul {
margin-left:-5%;
    }

h2.ttl-2b span:before,
h2.ttl-2b span:after {
    border-top: 1px solid #404D56;
    content: "";
    position: absolute;
    top: 50%;
    width: 2em;
}

h2.ttl-2c span:before,
h2.ttl-2c span:after {
    border-top: 1px solid #404D56;
    content: "";
    position: absolute;
    top: 50%;
    width: 3em;
}

h2.ttl-2c2 span:before,
h2.ttl-2c2 span:after {
    border-top: 1px solid #404D56;
    content: "";
    position: absolute;
    top: 50%;
    width: 1.4em;
}

.prof-inn  {
  width:100%;
 margin-left:0;
 margin-right:0;
  margin-top:30px;
}




.habakiri-slider__item p  {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:17px;
font-weight:900;
margin-bottom:30px;
text-shadow: none;
text-shadow: 1px 1px 4px rgba(0,0,0,0.65);
}

.habakiri-slider__item a  {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif ;
}


div.tel-contact-inner a , div.tel-contact-inner2 a{
    cursor: pointer;
	pointer-events: auto;
  
}

.rct-2 {
 margin-top:30px;
}

.bttn-top2  {
 margin-top:20px;
}



div.wpcf dl { 
 margin:10px 0 10px 5%;
    width: 90%;
    line-height: 1.5;
 
    overflow: hidden;
}


div.wpcf dt {
      float: none;
      width: 100%;
      padding: 10px 0 0 ;
     font-weight:normal;
    
}

div.wpcf dd {
      margin-left:0;
      padding:5px 0;

}

div.wpcf input.imp1{ 

width:100% !important; 
}

div.wpcf input.imp2{ width:30% !important; }

div.wpcf input.imp2b{ width:100% !important; }

div.wpcf input.imp3{ width:100% !important; }

div.wpcf textarea { 
width:100% !important;
 height:200px !important; 
 }



.apg {
  width:100%;
  margin-left:0;
}

.img-03 {
width:90%;
margin-bottom:20px;
}	


.img-04 {

margin-top:20px;
}	



.pr-bg{
margin-top:40px;

}	

.entry-content img.alignnone {
width:100% !important;
margin-right:0 !important;
margin-bottom:20px !important;
}

.sec5{
margin-bottom:-20px;

}	



img.isp  {
	margin-top:30px;
}
img.isp2  {
	margin-top:25px;
}

.month-event-title  {
	font-size:0.8em !important;
}

.ety {
	margin-left:-20px !important;
}



  .table-02 th, .table-02 td{
        display:block;

    }
 
 .table-02 th{
        width:100%;
    }

.img-full2 {
 width: 60%; 
    height:auto;

}

.sec6-b{
   margin-top:30px;
}



h2.ttl-2 {
   font-size:24px;
    }

h2.ttl{
   font-size:24px;
   margin-top:0px;
   margin-bottom:0;
    }

h2.ttl-2b{
   font-size:22px;
    }

.arrow_box{
   font-size:20px;
    }

p.p3 {
   font-size:18px;
    }

p.p4 {
   font-size:15px;
    }

p.p5 {
   font-size:13px;
    }





.prof dt {
      float: left;
      width: 90px;
      padding: 15px 0;
      border-top:1px dotted #777;
    }

.prof dd {
      margin-left: 90px;
      padding: 15px 0;
     
       border-top:1px dotted #777;
    }

.prof-r {
    margin-top:0px;
}


.prof-2 dt {
      float: left;
      width: 95px;
      padding: 5px;
    
    }

.prof-2 dd {
      margin-left: 95px;
      padding: 5px;
     
   
    }

.g_map {
position: relative;
padding-top: 68.75%;
height: 0;
overflow: hidden;
}

.sec2{
margin-bottom:-10px;

}	



.sec5{
margin-left:15px;
margin-right:15px;

}	

.pal{
padding-left:15px;
padding-right:15px;

}	

.pal h3 {
font-size:22px;
text-align:center;
margin-top:0;
}	


.tel {
  display:none;
 }

}

/*================================================
 *  スマートフォン向けデザイン 小（縦）
 ================================================*/
@media screen and (max-width:480px) {

.pc-2 { display: none !important; }
.sp-2 { display: block !important; }
.pc-3 { display: none !important; }
.sp-3 { display: block !important; }

.balloon {
padding: 5px 10px;
color: #333;
border-radius: 10px;
}


.balloon p {
font-size:16px;
}




.col_2b{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
   margin-bottom:10px;
}

.col_2b .col_2b1{
	width: 48.5%;
 margin-bottom:10px;
}

.col_2b .col_2b2{
width: 48.5%;
   margin-left:3%;
margin-bottom:10px;
}
.col_2b > div > div{
	position: relative;
	overflow: hidden
}

.trb {
 text-align:center;
}

.mg-30bb {
 margin-top:15px;
}

.box-ic p{
text-align:center;
}


.effect6 {
font-size:22px;
}


.footer ul li a{
font-size:16px;
}

p.aed-ttl {
font-size:16px;
}
.img-01b2 {
width:90%;
margin-left:5%;
margin-right:5%;
}

.img-01b3 {
width:90%;
margin-left:5%;
margin-right:5%;
}

.content-title-type03 {
  font-size: 24px;
}

.cd-tx2  {
font-size:24px;
margin:20px 0 20px;
text-align:center;
color:#ef5aa1;
line-height:1.4;
}

.prv{
margin:20px 10px;
}



.bttn2 {
margin-top:15px;
}


.sp-mg  {
margin-top:20px;
}

.sp-mg30  {
margin-top:30px;
}

br.sp-b2{
  display:block;
 }

h2.prf-ttl5b {
font-size:40px;
}

p.ft-ttl {
font-size:22px;
}

h3.prf-ttl6 {
font-size:22px;
}

.mg-50b {
 margin-top:20px;
}


h2.prf-ttl {
   line-height: 1.4;
    font-weight: normal;
    font-size:20px;
    margin:0 0 20px;
    color:#777;
   border-bottom:1px solid #FA8900;
}

h2.prf-ttl:first-letter{
  color:#777;
  font-size:150%;
  font-weight:400;
  color: #FA8900;
}



h2.prf-ttl4c {
font-size:28px;
}


.btn-te  {
 margin: 20px 0 0; 
}


h1.page-header__title  {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  text-shadow: -1px 1px 0 rgba(0,0,0,1) !important;
font-weight:bold !important;
font-size:23px !important;
}

h1.page-header__title-b  {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  text-shadow: -1px 1px 0 rgba(0,0,0,1) !important;
font-weight:normal !important;
font-size:23px !important;
margin-top:10px;
margin-bottom:40px;
text-align:center;
letter-spacing: 8px;
}

.img-full2 {
 width: 92%; 
    height:auto;

}

.s-box-13-a {
 float:none;
 width:100%;
 
}

.s-box-13-b {
 float:none;
 width:100%;
}

.s-box-13-b img {
 width:70%;
margin-left:15%;
}

h2.ttl-3 {
font-size:22px;
}





}

/*================================================
 *  スマートフォン向けデザイン 最小
 ================================================*/
@media only screen and (max-width: 320px){


h2.prf-ttl4c {
font-size:24px;
}

.life-list i{
display:none;
}

h2.ttl-3 {
font-size:20px;
}

h2.ttl-3:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color: #FFAD1D;
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

h2.ttl-3:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color: #FFAD1D;
-moz-transform: rotate(-70deg);
-webkit-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
transform: rotate(-70deg);
}




.tx-2{
font-size: 20px;
font-weight:900;
}

h1.page-header__title  {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  text-shadow: -1px 1px 0 rgba(0,0,0,1) !important;
font-weight:bold !important;
font-size:20px !important;
}

.site-branding__logo {
  width:90%;
 }



.habakiri-slider__item p  {
font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:16px;
font-weight:normal;
margin-bottom:40px;
text-shadow: 1px 1px 4px rgba(0,0,0,0.65);
}

}


/* --- スマホのみ用表示1--- */
@media only screen and (min-width: 767px){
 br.sp-b{
  display:none;
 }

.kn {
  margin-top:-25px;
 }

.sp-tx {
  display:none;
 }

.smn {
  display:none;
 }


}

/* --- スマホのみ用表示3--- */
@media(min-width: 768px){
.bc-box{
margin-bottom:20px;
 }

}
/* --- スマホのみ用表示2--- */
@media only screen and (min-width: 481px){
 br.sp-b2{
  display:none;
 }

.sp-3{
  display:none;
 }


}

/* --- スマホのみ用表示1--- */
@media only screen and (min-width:1024px){
 li#menu-item-2105{
  display:none;
 }

}