/*!
Theme Name: hojyokin_guide
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hojyokin_guide
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hojyokin_guide is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*===========================================================================
reset
============================================================================*/
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/*============================================================================
pc
=============================================================================*/
.pc{display: block;}
.sp{display: none;}
body{font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
img{width:100%;height:100%;}
a {display: block;text-decoration: none;}
a:hover{opacity: 0.8;}
a i{padding-right: 10px;}
main{padding-top: 65px;}
strong{font-weight: 900;font-size: 110%;}

/* common =============================================================== */
#wraper{
  min-height: 100vh; 
  position: relative;
  padding-bottom: 90px; 
  box-sizing: border-box;
}
.inner-wrap{max-width:1080px;margin:0 auto;}
.flex-content{display: flex;justify-content: space-around;}
/*2clum*/
.main{width:70%; padding:70px 0;}
.side{width:30%;padding:50px 10px 30px;}
/*パンくず*/
.breadcrumb{display: flex;padding:10px;}
.breadcrumb li{
  list-style: none;
  display: flex;
  font-size:80%;
}
  .breadcrumb li:after{
    content: '>>';
    display: inline-block;
    padding:0 5px;
  }
  .breadcrumb li:last-child:after{content:none;}
  .breadcrumb li a{width:100%;text-align: center;color:#0f72a4;}
.breadcrumb li.shortli:before{
  font-family: "Font Awesome 5 Free";
  content: '\f015';
  font-weight: 900;
  color:#0f72a4;
  display: inline-block;
  padding:3px 5px;
}
/* ページャー*/
 .m-pagenation{display: flex;width:200px;margin:0 auto;}
 .m-pagenation__body{display: flex;}
 .m-pagenation__body li{
    background: #fff;
    border: solid 1px #8cbbd3;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 30px;
    line-height: 30px;
    color: #8cbbd3;
    margin: 0 5px;
 }
 .m-pagenation__body li a{
    font-size: 16px;
    background: #8cbbd3;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    color: #fff;
 }
 .m-pagenation__next a, .m-pagenation__prev a{
    color: #8cbbd3;
    padding-top: 4px;
 }
/* font共通 ============================================================= */
.b_white{font-weight: bold;color:#fff;}
.text-center,.center{text-align: center;}

/* header.php =========================================================== */
.sp_tb_menu{display: none;}
.header{
  position: fixed;
  width: 100%;
  height: 63px;
  background: transparent;
  z-index: 10;
}
h1.site-title{width:200px;position:absolute;left:0;}

#primary-menu{
  display: flex;
  position: absolute;
  right: 410px;
  top: 15px;
}
#primary-menu li a{color:#333;}

.head-cta{width:400px;position:absolute;right:0;justify-content: end;}
	.head-tel,.head-mail{width:200px;text-align: center;}
	.head-tel a,.head-mail a{font-size:20px;}
	.head-tel a i,.head-mail a i{padding-right: 7px;}
	.head-tel{padding:15px 0 10px;}
		.head-tel a{color: #333;font-weight: bold;}
		.head-tel a span{display: block;font-size:7px;margin-top: -6px;}
	.head-mail{background: #808080;padding: 15px 0;}
		.head-mail a{color:#fff;}
/* parts          ======================================================= */
/*content-post*/
.post-card{
  width: 98%;
  box-shadow: 1px 2px 3px #808080;
  position: relative;
  height: 230px;
  margin: 30px auto 40px 0;
}
.post-card:hover{
  transform: scale(1.05,1.05);
  transition-duration: 0.5s;
}
.post-cat{
  width: 150px;
  background: #0f72a4;
  text-align: center;
  padding: 5px;
  position: absolute;
    right: -5px;
}
  .post-cat a{color:#fff;font-size:13px;}
.post-tumb{
  width: 40%;
  height: 230px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.post-bottom{
  width: 60%;
  padding:50px 10px 10px;
  color:#4d4d4d;
}
  .post-bottom h2{
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: solid 1px #b3b3b3;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .day_renew{
    width: 50%;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .desc span{
    display: block;
    text-align: right;
  }
/* front-page.php ======================================================= */
.main-visual{
  background-color: #0f72a4;
  animation: bg-color 15s infinite;
  -webkit-animation: bg-color 15s infinite;
  height: 100vh;
  position: relative;
}
@-webkit-keyframes bg-color {
  0% { background-color: #0f72a4; }
  20% { background-color: #22b573; }
  40% { background-color: #d9e021; }
  60% { background-color: #fcee21; }
  80% { background-color: #ff7bac; }
  100% { background-color: #0f72a4; }
}
@keyframes bg-color {
  0% { background-color: #0f72a4; }
  20% { background-color: #22b573; }
  40% { background-color: #d9e021; }
  60% { background-color: #fcee21; }
  80% { background-color: #ff7bac; }
  100% { background-color: #0f72a4; }
}
.main-visual .inner-wrap{position: relative;}
h1.title{
	width: 70%;
  padding-top: 100px;
}
.top-kincha{
  width: 35%;
  position: absolute;
  top: 45px;
  right: 0;
}
.main-cta{
  width: 100%;
  margin: 185px auto 20px 0px;
}
.lp-img{
  width: 60%;
  position: absolute;
    top: 385px;
    left: 55px;
}
.btnbox{
  display: flex;
  justify-content: space-around;
}
/*光るボタンだよ*/
.sindanbtn, .soudan {
display: block;
width: 240px;
margin:30px 10px 1em;
}
.sindanbtn a,.soudan a{
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  padding: 12px 0;
  font-weight: bold ;
  text-align: center;
  text-decoration: none;
  transition: .25s linear;
  -webkit-transition: .25s linear;
  -moz-transition: .25s linear;
}
/*黄色*/
.soudan a {
border-bottom: solid 5px #bf9d1e ;
border-radius: 5px;
background-color: #fad02d ;
color: #333 !important;
}
/*緑*/
.sindanbtn a {
border-bottom: solid 5px #006837 ;
border-radius: 5px;
background-color: #009245 ;
color: #ffffff !important;
}
.sindanbtn a:hover, .soudan a:hover {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
}
.sindanbtn:active, .soudan:active {
  border-bottom: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px); /*下に動く*/
}
.sindanbtn a:before, .soudan a:before {
display: block;
position: absolute;
z-index: -1;
left: -30%;
top: -50%;
content: "";
width: 100px;
height: 100px;
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(67%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
animation: shiny 3s infinite linear;
-webkit-animation: shiny 3s infinite linear;
-moz-animation: shiny 3s infinite linear;
}
@keyframes shiny {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes shiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes shiny {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes shiny {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes shiny {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}
.denwa{width:540px;position:relative;}
.fukidashi-denwa{
  width: 110px;
  height: 110px;
  border: solid 4px #fff;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 0;
}
.fukidashi-denwa:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -20px;
  border: 18px solid transparent;
  border-left: 23px solid #fff;
}
.fukidashi-denwa p{
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  padding-top: 30px;
}
.denwa-btn{width:390px;margin:0 0 0 auto;}

.fukidashi{
  position: relative;
  padding: 1.5rem 2rem;
  border: 3px solid #3f8eb6;
  border-radius: 10px;
  background: #fff;
  color: #3f8eb6;
  font-size: 23px;
  font-weight: bold;
  width:410px;
}
.fukidashi:before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #3f8eb6 transparent transparent transparent;
}
.fukidashi:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
h2.toph2{
  font-size: 25px;
  padding-top: 10px;
  font-weight: bold;
  color: #3f8eb6;
  letter-spacing: 15px;
  border-bottom: solid 3px;
  position: relative;
  margin-bottom:30px;
}
h2.toph2:after{
  content: '';
  width: 150px;
  height: 150px;
  background: url(images/kincha_s.png)no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: -93px;
  right: 165px;
}
/*scroll*/
.scroll {
  display: inline-block;
  position: absolute;
  left:10px;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
}
.scroll::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #fff;
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
/* archive.php ==========================================================*/
#archive .fukidashi{width: 280px;padding:10px;}
#archive h2.toph2{letter-spacing:5px; }
#archive h2.toph2:after{right:0;top:-45px;}
.archive-description{padding-bottom:50px;}

/* single.php  ==========================================================*/
#single .main{padding-top:30px;}
.post_content{color:#333;padding:0 10px;}
.post_content a{display: inline-block;}
.single_thumb{
  width: 100%;
  height: 420px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/*cat*/
.shingle_cat{width:150px;}
.post-categories li{background: #0f72a4;width:100%;}
  .post-categories li a{
    color: #fff;
    font-size: 80%;
    text-align: center;
    display: block;
    padding: 5px;
  }
/*data*/
.single_data{width:200px;margin-bottom:20px;}
.single_data p{width:100px;font-size:14px;}
.single_data p.renew{color:#f7931e;}
/*toc*/
#toc_container{width:95%;margin:30px auto;}
#toc_container a{color:#333;}
#toc_container a:after{content:none!important;}
#toc_container .toc_list li:before{content:none;}
#toc_container .toc_list li{margin:8px 0;}
/*font*/
h1.single_h1{font-size:1.4rem;font-weight: bold;margin:15px 0;}
.single_content p{margin:20px 0;line-height: 35px;}
.single_content h2{
  font-size: 1.4rem;
  background: #0f72a4;
  padding: 10px 15px 10px 30px;
  color: #fff;
  margin: 50px 0 35px 60px;
  position: relative;
}
  .single_content h2:before{
    content: '';
    width: 90px;
    height: 90px;
    background: url(images/kincha_r.png)no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: -28px;
    left:-50px;
  }
.single_content h3{
  font-size: 1.3rem;
  color: #0f72a4;
  border-left: solid 10px;
  padding-left: 10px;
  margin: 35px 0;
  font-weight:  bold; 
}
.single_content h4{
  font-size: 1.2rem;
  color: #0f72a4;
  border-bottom: double 4px;
  margin: 20px 0;
  font-weight: bold;
}
.single_content h5{
  padding-left: 10px;
  color: #0f72a4;
  font-size: 1.1rem;
  font-weight: bold;
  border-bottom: dotted 1px;
  margin: 20px 0;
}
.single_content a{text-decoration: underline;color:#fc7917;}
.single_content a:after{
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
  display: inline-block;
  padding:3px 5px;
}
.single_content figure{width:100%!important;margin:0 0 0 0;}
.single_content figcaption{font-size:12px;}
/*list*/
.single_content ol{list-style-type: decimal;padding-left:20px;}
.single_content ul li,.single_content ol li{margin:10px 0;}
.single_content ul li{position: relative;padding-left: 20px;}
.single_content ul li:before{
  content:"●";
  display:  inline-block; 
  color:#8cbbd3;
  font-size: 12px;
  position: absolute;
  top: 2px;
  left: 0;
}
/*引用*/
blockquote{
  background: #f2f5f6;
  padding: 20px;
  margin: 20px 0;
  position: relative;
  font-style: oblique;
}
blockquote:before{
  font-family: "Font Awesome 5 Free";
  content: '\f10d';
  font-weight: 900;
  color: #bdccd4;
  position: absolute;
    top: -6px;
    left: 0px;
}
blockquote:after{
  font-family: "Font Awesome 5 Free";
  content: '\f10e';
  font-weight: 900;
  color: #bdccd4;
  position: absolute;
    bottom: -6px;
    right: 0;
}
/*tabel*/
.single_content table{margin:30px 0;}
.single_content table th,.single_content table td{
  padding:10px;
  width: 50%;
  border: solid 1px #808080;
}
.single_content table th{background:#f2f2f2;text-align: center;}
/*sns*/
.sns__container{display: flex;justify-content: space-around;width:320px;}
.sns__container a{
  width: 50px;
  display: block;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
}
.sns__container a i{padding-right:0;}
a.sns__twitter{background: #00acee;}
a.sns__facebook{background: #1f6aba;}
a.sns__pocket{background: #ec2136;}
a.sns__line{background: #25af00;}
.sns__container p{padding-top:4px;}

/*pagenav*/
.nav-links{
  display: flex;
  justify-content: 
  space-between;margin:30px 0;
  border-top: solid 1px #ccc;
  padding-top: 20px;
}
.nav-previous,.nav-next{
  width:45%;
  padding: 40px 0 20px;
  position: relative;
}
.nav-next{text-align: right;}
.nav-subtitle{
  background: #999;
  color: #fff;
  padding: 5px;
  display: block;
  width: 60px;
  position: absolute;
    top: 0px;
    left: 0px;
}
.nav-title{padding-left: 10px;color:#333;}
.nav-next .nav-subtitle{left:auto; right: 0;}
.nav-next .nav-title{padding-right: 10px;}

.matomebox{
  background: #dcf9f5;
  padding: 54px 10px 10px;
  position: relative;
  margin:30px 0;
}
h2.matomeh2{
  background: #0f72a4;
  margin: 0 0 0 0;
  width: 150px;
  font-size: 16px;
  position: absolute;
    top: 10px;
    left: -10px;   
}
h2.matomeh2:before{
  background:none;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 9px solid #999;
  position: absolute;
  left: 0;
  top: 44px;
}
.matomebox p{
  border-bottom: dotted 1px;
  width: 98%;
  margin: 20px auto;
}
.matomebox p.bordernone{border-bottom:none;}
/*更新履歴*/
.rirekibox{
  margin: 30px 0;
  border: solid 1px #8cbbd3;
  padding: 35px 10px 20px;
  position: relative;
}
.rirekibox p{line-height: 35px;}
.rirekibox p.rireki{
  line-height: 25px;
  background: #8cbbd3;
  width: 100px;
  text-align: center;
  padding: 3px;
  position: absolute;
    top: 0;
    left: 0;
}
/*小さい文字*/
.single_content p.small-text{margin:0 0 0 0;line-height:15px;text-align:right; }
.single_content p.small-text,.single_content p.small-text span{font-size:80%;}
/* single-case.php  =====================================================*/ 
.customfiled{margin:50px 0;padding-top:30px;}
.customfiled h2{margin:0 0 0 0;background:none;color:#333;}
.customfiled h2:before{content:none;}
.case-content_top{
  margin-bottom: 30px;
}
  .case-content_top h2{
    position: relative;
    padding: 1rem 2rem calc(1rem + 10px);
    background: #3f8eb6;
    color: #fff;
    margin-bottom: 50px;
  }
  .case-content_top h2:before {
    position: absolute;
    top: -13px;
    left: -11px;
    width: 99%;
    height: 100%;
    content: '';
    border: 4px solid #333;
    background:none;
  }
  .case-content_top h2:after{
    content:"";
    width:0;
    height: 0;
    border-top:solid 20px #3f8eb6;
    border-right: solid 20px transparent;
    border-left: solid 20px transparent;
    position: absolute;
      bottom: -18px;
      right: 50px;
  }
.case-content_bottom h2{
  background: #65a5c5;
  border-radius: 20px 20px 0 0;
  text-align: center;
  margin: 30px 0 0;
  color:#fff;
}
  .case-content_bottom h2 i{padding-right:10px;}
.kakomi-content{
  background: #f2f2f2;
  padding: 20px 10px;
}
/* page.php  ============================================================*/
h1.pageh1{font-size:1.6rem;font-weight: bold;margin:30px 0;}
/*form-----------------------------------------------------*/
.shindantop,.soudantop{padding:50px 0;}
  .shindantop{background:#39b54a;}
  .soudantop{background:#d9e021;}
.shindantop h1,.soudantop h1{width:40%;margin:0 auto;}
.contact-inner{padding:40px 0;}

.mw_wp_form form{width:800px;margin:30px auto;}
.contactTable{margin:0 auto;table-layout: fixed;width: 100%;}
  .contactTable th{
    border: solid 1px #ccc;
    background: #f2f5f6;
    width: 25%;
    padding: 10px 5px;
  }
    .contactTable th span{
      display: inline-block;
      background: #ff7bac;
      color: #fff;
      padding: 5px;
      margin: 0 5px;
      font-size:14px;
    }
  .contactTable td{
    border: solid 1px #ccc;
    padding: 15px 10px;
    width: 75%;
  }
  .contactTable td input,.contactTable td textarea,.contactTable td select{padding:5px;}
  .contactTable td input[type="text"],.contactTable td input[type="email"],.contactTable td textarea{width:98%;}
  .contactTable td input[type="text"].tel{width:50%;}

  .contactTable td input[type="text"]:focus,.contactTable td input[type="email"]:focus,.contactTable td textarea:focus,.contactTable td select:focus{
    border:solid 2px #f7931e;
    outline: 0;
  }
.agreeTxt{padding: 20px 0 0;}
.agreeTxt a{
  display: inline-block;
  text-decoration: underline;
  color: #ff7bac;
  padding-right: 5px;
}
.agreeBox{
  width: 200px;
  margin: 10px auto;
  text-align: center;
}
/*safari reset*/
input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration{display: none;}
input[type="submit"]{
  width: 300px;
  border: none;
  background: #ff7bac;
  padding: 15px;
  color: #fff;
  border-radius: 10px;
  margin: 20px auto;
  display: block;
  box-shadow: 1px 2px 3px #999;
}
/*confirm*/
.confirm-box .submit{
  display: flex;
  justify-content: space-around;
  width: 650px;
  margin: 0 auto;
}
input[type="submit"].back{background:#999;}
h2.contacth2{
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #999;
  padding-top: 30px;
}
h2.contacth2 span{font-size: 1.0rem;color: #8cbbd3;}
/* thanks*/
.send_img{width:30%;margin:30px auto;}
.thanks a{
  text-align: center;
  padding-top: 20px;
  color: #999;
}
/* shindan -----------------------*/
.diagnosistable th{width:40%;}
.diagnosistable th span.any{background:#999;}
.diagnosistable td{width:60%;}
.diagnosistable td.num input[type="text"]{width:30%;}
/*sitemap -----------------------------------------------------*/
h1.sitemaph1{width:600px;margin:30px auto;}
.sitemap-content,.toc_sitemap{width:45%;margin:0 auto;}
.sitemap-content h3,h3.toc_sitemap_categories{
  background: #999;
  padding: 10px;
  border-radius: 32px;
  text-align: center;
  color: #fff;
}
.sitemap-content ul li{margin:15px;}
.sitemap-content ul li a{color:#808080;}
/*poricy  -----------------------------------------------------*/
.policy{padding:50px 0 100px;}
.policy p{line-height: 35px;margin:10px 0;}
.policy h3{font-size:1.2rem;margin:20px 0;font-weight: bold;}
.policy ul li{margin:10px 0;}
/* 404.php  =============================================================*/
h1.page-title{font-size:1.4rem;font-weight: bold;}
.sorry_kincha{position: relative;padding:30px 0;}
.sorry_kincha p{
  width: 400px;
  border: solid 2px #333;
  padding: 10px;
  border-radius: 35px;
  text-align: center;
  position: relative;
  background: #fff;
  z-index: 2;
}
  .sorry_kincha p:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 15px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: -15px;
    top: 12px;
    z-index: 0;
  }
.kincaimg{
  width: 150px;
  position: absolute;
  right: 200px;
  bottom: -70px;
}
.error-search{
  width: 80%;
  margin: 70px 0 0 0;
}
/* footer ===============================================================*/
footer{
  background:#3f8eb6;
  padding:30px 0 10px;
  position: absolute;
  bottom: 0;
  width:100%;
}
.site-info ul{
  display: flex;
  width: 540px;
  margin: 0 auto;
  justify-content: space-around;
}
.site-info ul li{width:180px;text-align: center;}
.site-info ul li a{
  font-size: 14px;
  color: #fff;
  border-right: solid 1px;
}
.site-info ul li:last-child a{border-right: none;}
.copy{
  text-align: center;
  color: #fff;
  padding: 20px 0 0;
  font-size: 12px;
}
.fix-dignosis{
  width: 200px;
  position: fixed;
  bottom:0;
  right: 20px;
  z-index: 99;
}

/*==================================================================
tablet
===================================================================*/
@media only screen and (max-width:1030px) {
.pc{display: block;}
.sp{display: none;}

  main{padding-top:80px;}
  .inner-wrap{width:95%;max-width:95%;margin:0 auto;}
  /* header ---------------------------------------------------------*/
  h1.site-title{width:225px;padding:5px 10px;}
  /*menu--*/
  .pc_menu{display: none}
  .sp_tb_menu{display: block;}
  /*humburger*/
  .nav_toggle {
      display: block;
      position: absolute;
      top:15px;
      right:10px;
      width: 1.75rem;
      height: 1.5rem;
      z-index: 3;
  }
  .nav_toggle i {
      display: block;
      width: 100%;
      height: 2px;
      background-color: #333;
      position: absolute;
      transition: transform .5s, opacity .5s;
  }
  .nav_toggle i:nth-child(1) {
      top: 0;
  }
  .nav_toggle i:nth-child(2) {
      top: 0;
      bottom: 0;
      margin: auto;
  }
  .nav_toggle i:nth-child(3) {
      bottom: 0;
  }
  .nav_toggle.show i:nth-child(1) {
      transform: translateY(10px) rotate(-45deg);
  }
  .nav_toggle.show i:nth-child(2) {
      opacity: 0;
  }
  .nav_toggle.show i:nth-child(3) {
      transform: translateY(-12px) rotate(45deg);
  }
  .hamburger {
      display: block;
      position: fixed;
      right: 0;
      bottom: 0;
      padding: 1rem;
      opacity: 0;
      visibility: hidden;
      transition: opacity .5s, visibility .5s;
      background:#fff;
      width:45%;
      height: 100%;
      top: 48px;
  }
  .hamburger.show {
      opacity: 1;
      visibility: visible;
  }
  .hamburger.show p{
    text-align: center;
    color: #3f8eb6;
    padding-bottom: 10px;
  }
  .hamburger.show h4{
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    background: #999;
    border-radius: 50px;
    color: #fff;
    margin: 30px 0;
  }
  .nav_menu_li a{
    font-size:18px;
    text-decoration: none;
    line-height: 2;
    text-align: center;
    color:#333;
  }
  .head-tel{width:100%;margin:30px 0 0;}
  .head-tel a, .head-mail a{font-size:25px;}
  .head-tel a span{font-size:14px;margin-top:-3px;}
  .head-mail{
    width: 80%;
    margin: 20px auto;
    background: #fff000;
    padding:10px 0;
  }
  .head-mail a{color:#333;}
  .nav_kinca{width:50%;margin:0 0 0 auto;}

  /* front-page -----------------------------------------------------*/
  .scroll{
    left:auto;
    right: 0;
  }
  .main-visual{padding-bottom:20px;}
  h1.title{width: 65%;margin: 0 auto 0 0;}
  .top-kincha{
    top: 35px;
    width: 40%;
    right:0;
  }
  .lp-img{top:353px;left:28px;}
  .main-cta {width: 98%;margin: 158px auto 13px;}
  .sindanbtn, .soudan{width:20%;}
  .denwa-btn {
    width: 55%;
    margin: 0 85px 0 auto;
    padding-top: 28px;
  }
  .fukidashi-denwa{width:100px;height:100px;top:10px;left:20px;}
  .fukidashi-denwa p{padding-top: 26px;}
  .fukidashi-denwa:before{
    top: 60%;
    border: 10px solid transparent;
    border-left: 22px solid #fff;
  }
  /*postarea--*/
  .main{width:60%;padding:0 0 70px 0;}
  .side{width:38%;padding:0 5px 200px;}
  h2.toph2:after{right: 0;top:-60px;width:110px;height: 110px;}
  /* parts ---------------------------------------------------------*/
  /*content-post*/
  .post-card{height: 280px;}
  .post-cat{padding:0 0 0 0;}
  .post-tumb{width: 45%;height: 280px;}
  .post-bottom{width: 55%;}
  .day_renew{width: 100%;}
  /* archive -------------------------------------------------------*/
  .main-top{padding-top:25px;}
  #archive h2.toph2:after{top: -80px;width: 80px;left:auto;right:0;}
  /* page ----------------------------------------------------------*/
  /*contact*/
  .shindantop h1, .soudantop h1{width:70%;}
  .mw_wp_form form{width:100%;}
  /* 404 --------------------------------------------------------*/
  .sorry_kincha p{width:330px;}
  .kincaimg{right:105px;}
  
}/*閉じ*/
@media only screen and (max-width:810px) {
    .main-visual{height:700px;}
    .lp-img {top: 310px;left: 20px;}
    .main-cta{
      display: block;
      width: 80%;
      margin: 100px auto 0 0;
    }
    .btnbox{padding-top:20px;width:90%;}
    .sindanbtn, .soudan {width: 47%;}
    .fukidashi {
    position: relative;
    padding: 0.5rem 2rem;
    border: 3px solid #3f8eb6;
    border-radius: 10px;
    background: #fff;
    color: #3f8eb6;
    font-size: 20px;
    font-weight: bold;
    width: 350px;
  }
  h2.toph2:after{width:85px;}
  #archive .fukidashi {width: 85%;}
}
/*==================================================================
sp
===================================================================*/
@media only screen and (max-width:780px) {
  .pc,.pc_menu{display: none;}
  .sp,.sp_tb_menu{display:block;}

  #wraper{padding-bottom:250px;}
  .main{width:100%;padding: 0 0 0 0;}
  .side{display: none;}
  /*font*/
   p,ul,ul li,a{font-size:14px;}
   h2{font-size:20px;}
   h3{font-size:18px;}
   h4{font-size:16px;}
 /*flex-clear*/
 .flex-content{display: block;}
 /* ぱんくず*/
 .breadcrumb li,.breadcrumb li a{font-size:12px;}
 .breadcrumb {
  padding: 10px;
  overflow-x: scroll;
  background-color: #FFF;
  border-bottom: solid 1px #CCC;
  white-space: nowrap;
  }
  .breadcrumb ul {
  display: inline-block;
  padding: 5px 1em;
  }
  /* スクロールバーの装飾 */
  .breadcrumb::-webkit-scrollbar {
  height: 10px;
  }
  .breadcrumb::-webkit-scrollbar-track {
  background-color: #FFF;
  }
  .breadcrumb::-webkit-scrollbar-thumb {
  background-color: rgba( 238, 238, 238, 0.8);
  }
 /* header----------------------------------------------------------*/
 .hamburger{width:90%;}
 /* front-page -----------------------------------------------------*/
 .scroll{display: none;}
  #primary{padding-top:20px;}
 .main-visual{height:630px;}
 .main-cta,.denwa{display: none;}
  h1.title {
    width: 85%;
    margin: 0 auto;
  }
  .lp-img{
    width: 100%;
    left: 0;
    top: auto;
    bottom: -133px;
  }
 .top-kincha{width: 25%;top: 50px;}
 .main-top{padding-top:0;}
 .fukidashi{
  width: 80%;
  padding: 10px;
  font-size: 20px;
 }
 h2.toph2{padding-top:25px;}
 h2.toph2:after{top:-40px;}
 /* parts ---------------------------------------------------------*/
  /*content-post*/
  .post-card{height: 440px;margin:30px auto;}
  .post-tumb{height:200px;width:100%;}
  .post-bottom{width:95%;padding:30px 10px;}
  .day_renew{
    display: flex;
    width: 230px;
    margin: 0 auto 10px 0;
  }
 /* page    -------------------------------------------------------*/
 h1.page-title{font-size:1.2rem;}
 /*form*/
 .contact-inner{padding-bottom:0;}
 .shindantop h1, .soudantop h1{width:95%;}
 .contactTable,.contactTable tbody,.contactTable tr, .contactTable th,.contactTable td{display: block;}
 .contactTable th,.contactTable td{width:95%;margin:0 auto;padding:10px 5px;}
 .contactTable td input[type="text"], .contactTable td input[type="email"], .contactTable td textarea{width:96%;}
 .agreeTxt{text-align: center;line-height:30px;}
 /*confirm*/
 .confirm-box .submit{display: block;width: 100%;}
 /*thanks*/
 .send_img{width:60%;margin:0 auto 30px;}
 /* sitemap -------------*/
 h1.sitemaph1,.toc_sitemap,.sitemap-content{width:100%;}
 /* policy -------------*/
 .policy{padding:0 0 0 0;}
 h1.pageh1{font-size:20px;margin:20px 0;}
 .policy p{line-height: 30px;}
 .policy h3{font-size:16px;margin:15px 0;}
 /* archive -------------------------------------------------------*/
 .main-top{padding-top:30px;}
 #archive h2.toph2{font-size:20px;padding-bottom:10px;}
 /* single --------------------------------------------------------*/
 .single_data{display: flex;}
 .single_content{padding:20px 0 0;}
 .toc_list li{font-size:14px;}
 .single_thumb{height:230px;}
 /*font*/
 .single_content p,.single_content ul li, .single_content ol li,.single_content table,.toc_list li{font-size:14px;}
 .single_content h2{margin:35px 0 24px;padding-left:40px;font-size:20px;}
 .single_content h2:before{width:60px;height:60px;top:-10px;left:-15px;}
 .single_content h3{font-size:18px;}
 .single_content h4{font-size:16px;}
 .single_content h5{font-size:15px;}
 /*table*/ 
  .single_content table{ 
    width:100%;
}
 /* single-case ---------------------------------------------------*/
 .case-content_top h2{
  padding: 1rem 2rem calc(1rem + 10px);
  margin:0 0 30px 0;
 }
 .case-content_top h2:before{
  position: absolute;
    top: -13px;
    left: -11px;
  width: 99%;
  height: 100%;
  content: '';
  border: 4px solid #333;
  background: none;
 }
 .case-content_bottom h2{padding-left:0;margin:20px 0 0;}
 /* 404    --------------------------------------------------------*/
 .sorry_kincha p{width:90%;}
 .sorry_kincha p:after{
  border-left: 10px solid transparent;
  border-top: 10px solid #333;
  border-right: 10px solid transparent;
  right: 70px;
  top: 43px;
 }
 .error-search{width:90%;margin:150px auto 0;}
 .kincaimg{
  right:20px;
  bottom:-140px;
 }
 a.toppeage{text-align: center;}
 /* footer --------------------------------------------------------*/
  footer{padding:10px 0;}
  .site-footer{padding-bottom:80px;}
  .site-info ul{display: block;width: 100%;}
  .site-info ul li{width:100%;margin:10px 0;}
  .site-info ul li a{border-right: none;}
  .fix-contetn{
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background:#fff;
  }
    /*.foot-tel,.foot-mail{width:45%;}*/
    .foot-tel{background:#f88080;}
      .foot-tel a{
        color: #fff;
        font-weight: bold;
        font-size: 17px;
        padding:10px 7px;
        text-align:center;
      }
      .foot-tel a span{font-size:11px;font-weight: normal;display: block;}
    .foot-mail{background:#fff000;width:90%;padding:15px;}
      .foot-mail a{
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        /*padding-top: 15px;*/
      }
    .go_top{
      width: 10%;
      background: #ccc;
      text-align: center;
      padding-top: 20px;
    }
    .go_top a{color:#333;}
    .go_top a i{padding:0 0 0 0;}
}/*閉じ*/

.list-item {
    display: inline-block;
    margin: 0 0.3em 0 1em;
}

.check-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

.check-item-label::before {
    content: " ";
}

.error {
    color: red;
}

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

p.caution {
    font-size: 1.2rem;
    color: red;
    text-align: center;
    /* margin-bottom: 80px; */
}

.submit-btn {
    background-color: #cecece;
    height: 30px;
    width: 200px;
    font-size: 1.2rem;
    text-align: center;
    padding: 16px;
    border: none;
    display: block;
    margin: 30px auto 20px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0px 3px 5px #8E8E8E;
}