/*
Theme Name: syukuyo kaiun 2025
Author: Vivace Factory
Author URI: http://vivacefactory.net/
Description: Blanc is simple, white, 100% responsive WordPress theme. Designed with the w3C latest HTML5 and CSS3, it's also set Microdata for Google's rich snippets. Breadcrumbs, related item lists, pagination are already prepared, and also it contains jQuery plugin settings of lightbox, image slider and input validation. This theme works with WordPress 4.1 or later.
Tags: responsive-layout, one-column, white, editor-style, custom-header, custom-background, custom-menu, featured-images
*/

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&display=swap');

body, input, select, textarea, button, .button, h1, h2, h3, h4, h5, h6, .label {
		font-family: 'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:#c3c2c1; /* Safari */
}

::-moz-selection {
	background:#c3c2c1; /* Firefox */
}

body{
	background:#FFFFFF;
}
p {
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
    color: #212121;
    font-size: 1.0rem;
    line-height: 1.4rem;
}
p.line1{
	text-decoration: line-through;
}
a {
	color:#323232;
}
a:hover {
	color: #323232!important;
}
a:link, a:visited {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	color:#323232;
}
h1 {
	font-size: 1.75rem;
	font-weight: bold;
	text-align: center;
}

h2 {
	font-size: 1.75rem;
	font-weight: bold;
	text-align: left;
}

h3 {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left;
}
h4 {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: left;
}

h5{
	font-size: 1.0rem;
	font-weight: bold;
	text-align: left;
}

/* Articles */

article h2 {
	font-size: 1.75rem;
	font-weight: bold;
	text-align: left;
	color: #252525;
	margin-bottom: 1.5rem;
}

article h3{
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left!important;
	color: #252525;
	margin-bottom: 1.5rem;
}

article h4{
		font-size: 1.25rem;
	font-weight: bold;
	text-align: left;
	color: #252525;
	margin-bottom: 1.5rem;
}

article h5 {
	font-size: 1.0rem;
	font-weight: bold;
	text-align: left;
		color: #252525;
	margin-bottom: 1.5rem;
}
article p {
	font-size:1.0rem;	
	color:#252525;
	}


/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}

.textAlighRight{
	text-align: right;
}

.topnavInfo{
	font-size: 0.9rem;
	text-align: right!important;
	line-height: 1.7rem;
}

#globalNavi {
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
	display: inline-block;
	width:80%;
	background-color:#FFFFFF;
	border: 1px solid #DBDBDB;
	box-shadow: 2px 2px 4px gray;
	border-radius: 10px;
	padding: 0.5rem;
	margin-top: 1.0rem;
	margin-left: 10%;
}


.fixed {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/* drop menu */
#dropmenu{
  list-style-type: none;
  width: 100%;
  height: 20px;
  margin: 0px auto 10px auto;
  padding: 0;
  background: #FFFFFF;
	z-index: 1000;
 }
#dropmenu li{
  position: relative;
  width: 16%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 5px 0 5px;
  color: #252525;
  font-size: 0.95rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}

.subMenugreen{
	color: #07a30e;
  font-size: 0.75rem;
  font-weight: bold;
	text-align: center;
	margin-top: 1.0rem;
	line-height: 1.5rem;
}

#dropmenu li a:visited {
	color: #252525;
}

#dropmenu li:hover > a{
  background: #f8c6e1;
  color: #ffffff;
}
#dropmenu li:visited > a{
	color: #252525;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
	color: #fff;
  background: #6A6A6A;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #6A6a6a;
  border-bottom: 1px solid #fff;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* 資料請求ボタン */
.btn,
a.btn,
button.btn {
  font-size: 0.80rem;
  font-weight: 700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
	margin-top: 0.2rem;
  padding: 0.5rem 2.0rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #202020;
  border-radius: 0.5rem;
}

.btn--request,
a.btn--request {
  color:#202020;
  background-color: #ffffff;
	border: solid 1px #202020;
	border-radius: 20px;
}
.btn--request:hover,
a.btn--request:hover {
  color: #fff;
  background: #3D3D3D;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}



.btn_mail,
a.btn_mail{
	display: inline-block;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #FFF!important;
  width: 30px;
  height: 30px;
  line-height: 20px;
	margin-top: 3px;
  padding: 5px;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
	background: #202020;
}

a.btn_10 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
	margin-top: 0.5rem;
}
a.btn_10 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background: #fff;
  box-sizing: border-box;
  color: #333;
  font-size: 1.125rem;
	font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: none;
  box-shadow: 0px 5px 12px #CAD4E2, -6px -6px 12px #FFF;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  left: 0;
  transition-duration: 0.2s;
}
a.btn_10:hover span {
  left: 0;
  top: 0;
  box-shadow: 0 0 4px #CAD4E2, -2px -2px 4px #FFF;
}

/*　ボタン　白ライン */
a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	border: 2px solid #ffffff;
	color: #ffffff;
	transition: 0.5s;
}
a.btn_01:hover {
	color: #fff;
	background: #f9d6d4;
}

.button013 a {
    background: #eee;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
    border-left: solid 5px #f4c7e4;
}
.button013 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #f4c7e4;
    transition: .3s;
    left:0;
}
.button013 a:hover {
    color: #FFF;
}
.button013 a:hover:before {
    width: 100%;
    z-index: -1;
}

.button020 a {
    background: #c7be9f;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
	font-size: 0.95rem;
    font-weight: 500;
}
.button020 a:hover {
    background: #edf6ff;
}
.button020 a:before, .button020 a:after {
  content: "";
  position: absolute;
  display: block;
  transition: all 0.3s;
  right: 0.6rem;
  top: 50%;
}
.button020 a:before {
  width: 1.4rem;
  height: 2px;
  background: #614f38;
  transform: translateY(-50%);
}
.button020 a:after {
  opacity: 0;
  width: 0;
  height: 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button020 a:hover:before {
  width: 1.5rem;
}
.button020 a:hover:after {
  opacity: 1;
  width: 8px;
  height: 8px;
}

/* solid020 */
.button_solid020 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 1.0rem auto;
    max-width: 320px;
    padding: 10px 15px 10px 60px;
    color: #FFF!important;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #07a30e;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 1px;
}
.button_solid020 a:visited{
	color: #ffffff!important;
}
.button_solid020 a:before {
    content: "";
    width: 30px;
    height: 90%;
    position: absolute;
    background: #FFF;
    left: 14px;
    top: -1px;
    clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
}
.button_solid020 a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f3cd";
    position: absolute;
    left: 20px;
    top: 7%;
    color: #07a30e;
}
.button_solid020 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

a.square_btn{
	display: inline-block;
	text-decoration: none;
	color: #3d3d3c!important;
	border: solid 1px #a0a0a0;
	width:200px;
	height:50px;
	padding-top: 0.9em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	margin-left:0.5rem;
	background-color: #ffffff;
}
a.square_btn:hover{
	color: white;
	background-color: #CCCCCC;
	
}

a.square_btnL{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #3B3B3A!important;
	border: solid 1px #929292;
	width:70%;
	height:60px;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	margin-left:0.5rem;
	background-color: #ffffff;
}
a.square_btnL:hover{
	color: white;
	background-color: #CCCCCC;
	
}

a.cp_btn{
	position: relative;
	display: block;
	width: 100%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border:1px solid #fff;
	overflow: hidden;
	background: #b8b7b7;
}
a.cp_btn a {
	color:#fff;
}
a.cp_btn:before {
content:"";
position: absolute;
top: 0px;
left: -200px;
height: 100%;
width: 100%;
background : #fff;
opacity: 0.3;
transition: .4s;
}
a.cp_btn:hover:before {
left:0;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  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;/*下線は消す*/
}

.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: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.headerLogo {
	margin-left:2.0rem;
	margin-top:1.0rem;
	margin-bottom:1.0rem;
	
}

.demo-toggle-title {
  margin-top: 0.5rem;
}

.topHeader {
	width:100%;
	height:0;
	padding-top:46.4%;
	background:url(../20241004/img/main_bg.jpg) 0 0 no-repeat;
	background-size:cover;
}

.vcard {
	display: initial;
	margin: 0;
	border: 0;
	padding: 0;
}


a:hover img:hover {
opacity: 0.6;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7; 
}


ul {
	margin-left: 1.5rem;
}
ol {
	margin-left: 1.8rem;
}
input, textarea {
	box-shadow: none!important;
}

a.anchor{
	display: block;
   margin-top:-100px;
   padding-top:100px;
}

/* Header */
#header h1 {
	font-family:  'Lato', "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
}
#header a {
	color: #222;
}
.topContactRight {
	text-align: right;
	float: right;
}

.menuContents {
	text-align: center;
	font-size:1.0rem;
	margin-left: 1.0rem;
	margin-right:1.5rem;
}

/* header customise */
.headerTop{
	width:100%;
	background: url("img/top-bg.png") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}

.headerBase {
		width:100%;
	background: url("img/bg-headerbase.png") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}

.headerBase h1 {
	padding: 2.0rem;
  font-size: 2.0rem;;
  font-weight: bold;
  line-height: 1;
	color: #2C2C2C;
	text-align: left!important;
}


.headerNews {
		width:100%;
	background: url("img/headerbg-news.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}

.headerNews h1 {
	padding: 2.0rem;
  font-size: 2.0rem;;
  font-weight: bold;
  line-height: 1;
	color: #2C2C2C;
	text-align: left!important;
}


/* top page design */

.topsection01 {
	width: 100%;
	padding: 5.0rem;
	color: #252525;
	position: relative;
  min-height: 60vh;
  background:url("img/bg-topsection01.jpg")
    center / cover;
}

@media screen and (max-width:768px) {
.topsection01 {
	width: 100%;
	padding: 5.0rem 1.0rem;
	color: #252525;
	position: relative;
  min-height: 60vh;
  background:url("img/bg-topsection01.jpg")
    center / cover;
}
}
.featureBox {
	background-color: #ffffff;
	box-shadow: 0px 0px 15px -5px #b0b0b0;
	margin: 1.0rem;
	padding: 1.0rem;
}

.greetingBox {
    --x-gradient: linear-gradient(90deg, #f4c7e4 0 25px, transparent 0 calc(100% - 25px), #f4c7e4 calc(100% - 25px));
    --y-gradient: linear-gradient(#f4c7e4 0 25px, transparent 0 calc(100% - 25px), #f4c7e4 calc(100% - 25px));
    margin: 0.5rem;
    padding: 1rem;
    outline: 1px solid;
    outline-offset: -5px;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    background-position: top, right, bottom, left;
}

.greetingBox p {
	text-align: left;
    line-height: 1.5;
    color: #222;
}

/* LINE007 */
.button_line007 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 1.0rem 2.0rem;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #eee;
}
.button_line007 a:hover {
    background: #FDEBFE;
    color: #f4c7e4;
}
.button_line007 a:before, .button_line007 a:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.button_line007 a:before {
  top: 0;
  left: 0;
}
.button_line007 a:after {
  bottom: 0;
  right: 0;
}
.button_line007 a:hover:before, .button_line007 a:hover:after {
  width: 100%;
  height: 100%;
}
.button_line007 a:hover:before {
  border-top-color: #f4c7e4;
  border-right-color: #f4c7e4;
  transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.button_line007 a:hover:after {
  border-bottom-color: #f4c7e4;
  border-left-color: #f4c7e4;
  transition: border-color 0s ease-out 0.2s, width 0.15s ease-out 0.2s, height 0.15s ease-out 0.3s;
}

.topsection02 {
	width: 100%;
	padding: 5.0rem;
	color: #252525;
	background-color: #ffffff;

}

@media screen and (max-width:768px) {
	.topsection02 {
	width: 100%;
	padding: 5.0rem 1.0rem;
	color: #252525;
	background-color: #ffffff;
}
}
.topsection03 {
	width: 100%;
	padding: 5.0rem;
	color: #252525;
	position: relative;
  min-height: 60vh;
  background:url("img/bg-topmedical.jpg")
    center / cover;
}

@media screen and (max-width:768px) {
	.topsection03 {
	width: 100%;
	padding: 5.0rem 1.0rem;
	color: #252525;
	position: relative;
  min-height: 60vh;
  background:url("img/bg-topmedical.jpg")
    center / cover;
}
}

.topsection03 .career01{
	padding: 1.0rem 0.5rem;
}

.topsection03 .career01 ul{
	list-style: none;
}
.topsection03 .career01 ul li{
	padding: 1.0rem 0;
	border-bottom: 1px rgba(203,203,203,1.00) solid;
}

.topsection03 .diseaseBox {
	width: 100%;
	background: #ffffff;
	box-shadow: 0px 0px 15px -5px #b0b0b0;
	padding: 1.0rem;
	text-align: center;
}
.topsection03 .diseaseBox2 {
	width: 100%;
	background: #ffffff;
	box-shadow: 0px 0px 15px -5px #b0b0b0;
	padding: 2.0rem;
	text-align: left;
	font-size: 1.0rem;
	color: #252525;
}

.topsectionNews {
	width: 100%;
	background-color: #e6e0cd;
	padding: 5.0rem;
	color: #252525;
	text-align: left;
	background-image: url("img/bg-topnews.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}
@media screen and (max-width:768px) {
	.topsectionNews {
	width: 100%;
	background-color: #e6e0cd;
	padding: 5.0rem 1.0rem;
	color: #252525;
	text-align: left;
	background-image: url("img/bg-topnews.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}
}

.topsectionNews h2 {
	text-align: center;
}
.topsectionNews .newsContents {
	padding: 1.0rem 0.5rem;
	width: 100%;
	border-bottom: dashed 1px rgba(226,226,226,1.00);
	font-size: 0.95rem;
	font-weight: bold;
}



.topsectionNews .titleNews{
  font-size: 2.5rem;
		font-weight: bold;
	color: #252525;
  line-height: 1;
	text-align: center;
}
.topsectionNews .titleNews span{
  display: block;
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
}

.heading01 {
	display: inline;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, rgba(255,192,211,1.00) 70%);
}

.heading03 {
  position: relative;
}
.heading03::before {
  content: '';
  width: 56px;
  height: 5px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -30px;
  background-color: #07a30e;
}
.heading02 {
	position: relative;
	text-align: center;
	border-bottom: 3px solid #f6f6f6;
}

.heading02::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #8A8A8A;
}

.heading08 {
}

.heading08 span {
	display: flex;
	align-items: center;
	color: #FB8CFA;
	font-size: 1.0rem;
	text-transform: uppercase;
}

.heading08 span::before {
	content: '';
	display: inline-block;
	margin-right: 20px;
	width: 40px;
	height: 1px;
	background-color: #FB8CFA;
}

.heading09 {

}

.heading09::before {
	content: attr(data-en);
	display: block;
	color: #FB8CFA;
	font-size: 18px;
}

.heading09::after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #FB8CFA;
}
.heading11 {
	position: relative;

	text-align: center;
}

.heading11::before {
	content: attr(data-number);
	display: block;
	margin-bottom: 30px;
	color: #07a30e;
	font-size: 30px;
}

.heading11::after {
	content: '';
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 20px;
	background-color: #07a30e;
}
.heading12 {
	position: relative;
	margin-bottom: 1.0rem;
}

.heading12::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #07a30e;
	font-size: 30px;
	border-bottom: 1px solid #07a30e;
}

.heading16 {
	position: relative;
	padding-bottom: 20px;
	text-align: center;
}

.heading16::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #FFA8F5 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.heading20 {
     position: relative;
     padding-left: 1em;
}
 
.heading20::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 20px;
     height:4px;
     background-color: #07a30e;
}

.heading21 {
  text-align: left!important;
}
.heading21 span {
  display: block;
  font-size: 14px;
	line-height: 1.25rem;
  margin-bottom: 15px;
}

.heading22 {
     position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.8em;
     background-color: #07a30e;
     border-radius: 5px;
}
 
.heading22::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:8px;
     border: solid 3px white;
     border-radius:100%;
}
.heading23 {
     position: relative;
     padding-left: 1em;
}
 
.heading23::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 20px;
     height:4px;
     background-color: #FCA6F0;
}

.heading24 {
  position: relative;
  padding: 1.5rem 2rem;
  border: 3px solid #d8d8d8;
  border-radius: 10px;
  background: #f9f9f9;
}

.heading24:before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #d8d8d8 transparent transparent transparent;
}

.heading24:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #f9f9f9 transparent transparent transparent;
}

.heading25 {
     position: relative;
     padding-left: 1em;
}
 
.heading25::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 20px;
     height:4px;
     background-color: #DCDCDC;
}

.heading26 {
     text-align: center;
}
 
.heading26 span{
     position: relative;
     display: inline-block;
     padding-bottom:0.5em;
     border-bottom: 1px solid black;
}
      
.heading26 span::before,
.heading26 span::after {
     position: absolute;
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     content: '';
     border: 10px solid transparent;
}
 
.heading26 span::before {
     border-top: 10px solid black;
}
 
.heading26 span::after {
     margin-top: -1px;
     border-top: 10px solid white;
}

.heading27 {
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
}
 
.heading27::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #FCA6F0;
     bottom: -4px;
     width:10%;
     display: block;
}

.heading28 {
     position: relative;
     padding-left: 0.7em;
}
 
.heading28::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:1em;
     background-color: #FCA6F0;
}

.title_text01 {
  position: relative;
	font-size: 1.0rem;
  font-weight:bold;
  text-align: center;
  margin: 0 auto 50px;
}
.title_text01 span {
  position: relative;
  z-index: 2;
}
.title_text01::before {
  content: attr(data-en);
  position: absolute;
  top: -2.8rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(47,47,47,0.20);
  font-size: 3.0rem;
  font-style:normal;
}

.title_text02 {
  font-size: 2.5rem;
  line-height: 1;
  text-align: center;
	font-weight: bold;
}
.title_text02 span {
  display: block;
  font-size: 0.98rem;
  margin-top: 20px;
}

.title_text03 {
  position: relative;
  font-weight:bold;
  text-align: center;
  margin: 0 auto 50px;
}
.title_text03::before {
  content: attr(data-number);
  display: block;
  margin-bottom: -45px;
  color:rgba(79,79,79,0.2);
  font-size: 50px;
}
.title_text03::after {
   content: '';
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 1px;
  background-color: #252525;
}

.newsPage{
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
	width: 100%;
	background-color: #fefbf0;
	margin: 0;
	padding: 1.0rem;
	color: #25255255;
}

.newsPage .newsBlock {
	padding: 3.0rem 1.0rem;
	border-bottom: solid 1px rgba(239,239,239,1.00);
}

.newsPage .newsBlock .newsBlockTitle {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 2.5rem;

}

.newsPage .newsBlock .newsEx{
	font-size: 0.95rem;
}
.pagesection1 {
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
	width: 100%;
	margin-top: 2.0rem;
	padding-top: 1.5rem;
	padding-bottom:1.5rem;
	padding-right:1.0rem;
	padding-left:1.0rem;
	color: #252525;
	margin-bottom: 0;
	background-color:#ffffff!important;
}

.pagesection1 p{
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
	color: #252525;
	line-height: 1.75rem;
	
}


.pagesection1 ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.pagesection1 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.pagesection1 ul li:before {
  
  font-family: "Font Awesome 5 Free";
  content: "\f14a";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #07a30e;/*アイコン色*/
	font-weight: 900;
}
.pagesection1 .flow01{
	background-color: #fefbf0;
	width: 100%;
	margin: 0;
	padding: 1.5rem;
	text-align: center;
}
.pagesection1 .flow02{
	background-color: #FCF5DC;
	width: 100%;
	margin: 0;
	padding: 1.5rem;
	text-align: center;
}
.pagesection1 .diseaseBox {
	width: 100%;
	background: #ffffff;
	border: solid 1px rgba(207,207,207,1.00);
	box-shadow: 0px 0px 15px -5px #b0b0b0;
	padding: 1.0rem;
	text-align: center;
}

.pagesection1 .flow03{
	background-color: #fefbf0;
	width: 100%;
	margin: 0;
	padding: 1.0rem　1.0rem;
	text-align: left!important;
}
.pagesection1 .flow03 p {
	margin-left: 1.0rem;
	font-size: 1.0rem;
	font-weight: bold;
}

.pagesection1 .flow03 .subTitle01 {
	width: 100%;
	background-color: #07a30e;
	margin: 0;
		padding: 1.0rem;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-size: 1.15rem;
		
}
.photoCircle {
	margin-top: 20px;
	margin-bottom: 20px;	
}

.photoCircle h4 {
	font-family: 'Cinzel', serif;
	font-size:1.4rem;
	color:#333333;
	margin-bottom:15px;
	display:inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}



/* archive */


.nav {
	padding-right:2.0rem;
	padding-top: .5rem;
	padding-bottom:0rem;
	    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
		background: #000000;
		  background-color: rgba( 255, 255, 255, 0.60 );

}

.nav a{
	color:#161616!important;
	font-size:0.95rem;
} 
.menu-wrap,
.menu-wrap ul[id^="menu-"]{
	margin-bottom: 0;
}

#header ul.sub-menu,
#header ul.children {
	display: none;
}
#header ul.sub-menu li:last-child,
#header ul.children li:last-child {
	border-bottom: none;
}
#header ul.sub-menu li >a:before,
#header ul.children li >a:before {
	content: '\f0da';
	margin: 0 4px 0 2px;
	font-family: 'FontAwesome';
}

#header a:hover, #header li:hover >a, #header li.current_page_item >a, #header li.current_page_ancestor >a {
	color: #ffffff;
}
#header li[class*="children"] > a:after {
	content: '\f0d7';
	margin-left: 4px;
	font-family: 'FontAwesome';
}
#header li[class*="children"] li {
	margin-left: .6rem;
	text-indent: -.6rem;
}

.header-bg {
	background-color: #FFF;	
}



/* full width image */
.topPhoto {
	width: 100%;
	text-align: center;
	margin-top: 0px;	
}

p.resizeimage img {
	width:100%;
	margin-bottom: 0px;
	padding-top: 0px;
}

/* slider */
.topSlide{
	margin-top:-2.0rem;
	margin-bottom:2.0rem;
}

/* page design customise */
/* Front-page */

.movesection{
	margin-top:0.5rem;
}


#cate-icon {
    clear: both;
    float: left;
	width:150px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #2E1301;
    color: #FFF;
    padding: 2px 5px;
	margin-right: 10px;
	
}


/*カテゴリーをクラス名にして存在する数だけ用意します。*/
.news {
	display: inline-block;
  position: relative;
	width: 100px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	color:#ffffff;
	font-size:0.8rem;
	background-color: #07a30e;
	border-radius: 5px;
}
.INFORMATION{
	background-color: #8d5293;
}
.VOICE{
	background-color: #8d5293;
}

.eyecatch {
	overflow:hidden;
}

.eyecatch img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.5s;	
}

.eyecatch img:hover{
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}


/* page customise */


.photoShadow {
	box-shadow: 2px 2px 4px gray;
}


/* 補足情報 */
.point	{
	position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #e2ffff;
	font-size: 14px;
	clear: both
}

.point:before	{position: absolute;
	left: 15px;
	top: -15px;
	content: '\f0eb';
	z-index: 2;
	width: 32px;
	height: 32px;
	padding-top: 3px;
	border-radius: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #0096e0;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
	text-align: center}

.point:after	{position: absolute;
	left: 32px;
	top: -8px;
	z-index: 1;
	content: 'POINT';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #0096e0;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1}
	
/* 情報詳細 */
.information{
margin:2em 0;
position: relative;
padding: 0.5em 1.5em;
border-top: solid 2px #674d46;
border-bottom: solid 2px #674d46;
}
.information:before, .information:after{
content: '';
position: absolute;
top: -10px;
width: 2px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
background-color: #674d46;
}
.information:before {left: 10px;}
.information:after {right: 10px;}
.information p {
margin: 0;
padding: 0;
}

/* 注意書き */
.attention	{
	position: relative;
	margin: 40px 0 30px;
	padding: 20px;
	border-radius: 10px;
	border: 2px dotted #000066;
	background-color: #ffffff;
	font-size: 1.0rem;
	clear: both
}

.attention:before	{position: absolute;
	left: 20px;
	top: -15px;
	content: '\f071';
	background-color: #ffffff;
	color: #000066;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1}

/* Breadcrumbs */
.breadcrumbs {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 1.0rem;
	color: #ffffff;
	list-style: none;
	background-color: #252525;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.breadcrumbs a{
	color: #ffffff;
}

.breadcrumbs>* {
	margin: 0;
	float: left;
	font-size: 0.875rem;
	text-transform: uppercase;
}
.breadcrumbs>*:before {
	content: '\f105';
	color: #aaa;
	margin: 0 0.75rem;
	position: relative;
	top: 1px;
	font-family: 'FontAwesome';
}
.breadcrumbs>*:first-child:before {
	content: '';
	margin: 0;
}
/* Articles */

.singleNewsTitle {
	margin: 2.0rem 2.0rem;
}

.singleNewsTitle h2 {
	text-align: left;
	font-weight: bold;
	font-size: 1.75rem;
}
.singleNewsContents {
	width:90%;
	color: #252525;
	padding: 3.0rem 3.0rem;
	margin: 2.0rem 1.0rem;
	background: #ffffff;
}

@media screen and (max-width:768px) {
	.singleNewsContents {
	width:90%;
	color: #252525;
	padding: 3.0rem 1.0rem;
	margin: 2.0rem 1.0rem;
	background: #ffffff;
}
}

.singleNewsContents p{
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
	color: #252525;
	line-height: 1.75rem;
}

.singleContents {
	padding: 1.0rem;
	margin: 1.0rem;
}


.box30 {
	width:100%;
    margin-top:0;
	margin-bottom:1.0rem;
    background: #f5f3f3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 h3 {
    font-size: 1.2em;
    background: #efefef;
    padding: 4px;
    text-align: center;
    color: #391d11;
    font-weight: bold;
	border-bottom: #391d11 solid 1px;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 0px 10px;
    margin: 0;
}

/* 一部だけ線の色を変える */
.box2-7 {
    margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
    padding: 2em;                 /* 内側余白 */
    border: 3px solid #eee;      /* 線の太さ（3px）、種類（実線）、色（#eee） */
    position: relative;           /* 配置（基準となる位置） */
    z-index: 0;                   /* 他の要素との重なり順（0は通常の順番） */
}

.box2-7:before {
    border-top: 3px solid #07a30e;  /* 上辺の線の色（#8293AA） */
    border-left: 3px solid #07a30e; /* 左辺の線の色（#8293AA） */
    content: '';                    /* 擬似要素にコンテンツなし */
    display: block;                 /* 擬似要素をブロック表示 */
    position: absolute;             /* 配置（親要素から絶対的に位置を指定） */
    top: -3px;                      /* 上から-3pxずらす */
    left: -3px;                     /* 左から-3pxずらす */
    width: 20px;                    /* 幅20px */
    height: 20px;                   /* 高さ20px */
    z-index: 1;                     /* 重なり順（前面に表示） */
}

/* pタグの余白 */
.box2-7 p {
    margin: 0;
}

.box31 {
	width: 100%;
    margin: 0.5rem;
    padding: 1rem;
    color: #252525;
	background-color: #FEECFE;
}

.box31 p {
    font-weight: bold;
    line-height: 1.5;
}

.box32{
	padding: 0 1rem 1rem;
    border: 2px solid #FEECFE;
    border-box: box-sizing;
    background-color: #F8F8F8;
}
.box32::before {
    display: inline-block;
    margin: 0 0 0.5rem -1rem;
    padding: 0.5rem 1.0rem;
	font-size: 1.25rem;
	font-weight: bold;

	background-color: #FEECFE;
    color: #262626;
    content: attr(data-title);
}


.box32 p {
    color: #333;
    line-height: 1.5;
}

/* 見出し付きボックス */
.box33 {
   --box-color: #FEECFE; /* 基本色 */
   margin: 2em auto; /* 外側余白（上下・中央寄せ） */
   border: 1px solid var(--box-color); /* 枠線 */
   max-width: 800px; /* 最大幅 */
}

.box33 .box-title {
   background-color: var(--box-color); /* 見出し背景色 */
   color: #252525; /* タイトル文字色 */
   padding: 0.6em 1em; /* 内側余白 */
   text-align: center; /* 中央揃え */
   font-weight: bold; /* 太字 */
}

.box33 .box-content {
   padding: 1em; /* コンテンツの内側余白 */
}

/* 段落の余白リセット */
.box33 p { margin:0; }


.singleContents h4{
    margin:  0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    font-size: 1.6rem;            /* 文字サイズ指定 */
    text-align:  center;        /* 文字位置指定 */
    padding: 20px 0 15px;       /* 余白指定 */
    border-top: solid 1px;      /* 線指定 */
    border-bottom:  solid 1px;  /* 線指定 */
    width:  320px;              /* 幅指定 */
    margin: 0 auto 35px;        /* 周りの余白指定 */
}

/* Postmeta */
.inline-postmeta {
	color: #777;
	font-size: .95rem;
}
.inline-postmeta>li>* {
	display: inline-block;
}

/* Article navigation links */
.navlink {
	border-top: 1px dotted #ddd;
	padding-top: 1rem;
}
.navlink > span {
	width: 50%;
}
.navlink-meta {
	display: block;
}
.navlink-prev {
	padding-right: .25rem;
	text-align:left;
}
.navlink-next {
	padding-right: .25rem;
	text-align:left;
}

/* page links */
#page-links {
	margin-bottom: 1rem;
	line-height: 2rem;
}
#page-links a {
	text-decoration: none;
}
#page-links span {
	padding: 3px 13px;
	background: #ffffff;
	color: #fff;
}
#page-links a span {
	background: transparent;
	color: #777;
}
#page-links a span:hover {
	background: #F4EFE3;
}

/* Archives */
.archive-title > span {
	font-size: 80%;
}
article.archive {
	border-bottom: 1px dotted #ddd;
	padding-top: .875rem;
	padding-bottom: .875rem
}
article.archive:first-child {
	border-top: 1px dotted #ddd;
}
.sticky {
	padding-right: .875rem;
	padding-left: .875rem;
	background: #f7f7f7;
}
.attachment-thumbnail {
	border: 1px solid #f1f1f1;
	padding: 5px;
	background: #fff;
}
article.archive .inline-postmeta {
	margin-left: 0;
	font-size: .875rem;
}
article.archive .inline-list>li {
	margin-left: 0;
	margin-right: 1rem;
}
.more, .more a {
	margin-bottom: 0;
}

/* Pagination */
.pagination {
	margin: 2rem 0 0;
}
.screen-reader-text {
	display: none;
}
.page-numbers	{
	list-style-type: none;
	margin: 0 0 2rem;
	padding: 0;
	text-align: center;
}
.page-numbers li {
	display: inline-block;
	margin: 0 0 5px;
	line-height: 2em;
}
.page-numbers li:first-child {
	margin-left: 0;
}
.page-numbers li a,
.page-numbers li span {
	display: block;
	padding: 0 1em;
}
.page-numbers li span.current {
	background: #0096e0;
	color: #fff;
	cursor: default;
}
.page-numbers a:hover {
	background: #F4EFE3;
}

/* Images */
.aligncenter {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 1rem auto;
}
.alignleft {
	float: left;
	max-width: 100%;
	height: auto;
	margin: 0 1rem 1rem 0;
}
.alignright {
	float: right;
	max-width: 100%;
	height: auto;
	margin: 0 0 1rem 1rem;
}
.alignnone {
	margin: 0 auto 1rem;
}
.wp-caption,
.gallery-caption {
	max-width: 100%;
	height: auto;
}
.wp-caption-text {
	margin-top: 3px;
	color: #888;
	font-size: .75rem;
	font-style: italic;
	text-align: center;
}
.wp-caption-text a, *[itemprop="articleBody"] a {
	text-decoration: underline;
}

/* Password protected posts */
label[for^="pwbox"] {
	float: left;
}
label[for^="pwbox"] > input[type="password"] {
	width: 12rem;
}
label[for^="pwbox"] + input[type="submit"] {
	height: 2.3125rem;
	margin-top: 1.26rem;
	border: 0;
	background: #777;
	color: #fff;
	cursor: pointer;
}
label[for^="pwbox"] + input[type="submit"]:hover {
	background: #222;
}

/* Texts */
.text-black	{ color: #222; }
.text-gray	{ color: #777; }
.text-green	{ color: #269951; }
.text-blue	{ color: #256A84; }
.text-red	{ color: #D35034; }
.text-yellow{ color: #ffff00; }
.text-wine { color: #690202 ; }
.font-opensans { font-family: 'Noto Sans','Open Sans',  "メイリオ", Meiryo, sans-serif; }
.font-awesome	{ font-family: 'FontAwesome'; }
.font-bold	{ font-weight: bold; }
.font-bigger	{ font-size: 125%; }
.font-smaller	{ font-size: 75%; }
.font-150 {font-size:150%;
			font-weight: bold;}
.font-200 {font-size:200%;
			font-weight: bold;}
.font-300 {font-size:300%;
			font-weight: bold;}


/* Buttons */
.button.black {
	background-color: #555;
	border-color: #444;
	color: #fff;
}
.button.black:hover, .button.black:focus {
	background: #222;
}

/* Tables */
table{
  margin:0 auto;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border:1px solid #666!important;
  border-spacing: 0;
  overflow:hidden;
}
td,th{
  border-bottom:1px solid #666;
}
td,th{
  padding:10px;
}
th{
  background:#EFEFEF;
}
table tbody tr:last-child th,
table tbody tr:last-child td{
  border-bottom: none;
}
th + th,td{
  border-left:1px solid #666;
}


/* Comments */
#comments, #respond {
	margin: 0 0 1rem;
	padding: 2% 3%;
	font-size: .875rem;
}
#comments > h3, #respond > h3 {
	margin-bottom: 2rem;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
#comments {
	background: #FAFAFF;
}
.comment-body {
	margin-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}
.comment-meta {
	margin-bottom: .875rem;
}
.comment-author img {
	float: left;
	margin-right: .5rem;
}
.comment-metadata {
	font-size: 80%;
}
.bypostauthor b {
	color: #D35034;
}
.bypostauthor b:after {
	content: '\f005';
	margin-left: .125rem;	
	font-family: 'FontAwesome';
}
.reply {
	margin-bottom: .5rem;
	font-size: .875rem;
}

#respond {
	background: #f3f3f3;
}
#commentform label {
	display: inline-block;
}
.required {
	color: #D35034;
}
.comments_pagination a{
	display: inline-block;
}
.comments_pagination a:hover {
	background: #F4EFE3;
}
.comments_pagination .page-numbers{
	padding: .3rem .7rem;
	font-size: .875rem;
}
.comments_pagination .current {
	background: #0096e0;
	color: #fff;
}
.form-submit input {
	margin-bottom: 0;
}

/* Widgets */
.widget {
	margin-bottom: 1.5rem;
	padding: 10px;
}
.widget h1 {
	margin-top: 0;
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
}
.widget ul {
	margin-left: 0;
	list-style: none;
}
.widget ul li {
	font-size:0.98rem;
	padding: 0 1rem;
	text-indent: -1rem;
}
.widget ul li:before {
	content: '\f0da';
	margin: 0 .5rem 0 2px;
	font-family: 'FontAwesome';
}
/* Widget calendar */
#wp-calendar {
	text-align: center;
}
#wp-calendar caption {
	border: 1px solid #ddd;
	border-bottom: none;
	padding: .25rem 0;
	background: #EAEAEA;
}
/* Widget Posts */
.post-date {
	margin-left: 6px;
	font-size: .875rem;
}
/* Widget RSS */
.rss-date, .rssSummary, .widget_rss cite {
	font-size: .875rem
}
.rssSummary {
	text-indent: 0;
}
.widget_rss cite {
	display: block;
	margin-bottom: .5rem;
	border-bottom: 1px dashed #ddd;
	text-indent: 0;
}

/* Footer */


#footer {
	padding-top:2.0rem;
	margin-top:0;
	width: 100%;
	text-align:left;
	color:#252525;
	margin-bottom:0;
	background-color: #ffffff!important;
}

#footer p {
	text-align: left!important;
	color: #252525;
	font-size:0.9rem;
}

#footer a{
	color:#252525;	
	text-align: left;
}

#footer .ftAddress {
	text-align: center;
	color: #252525;
	font-size: 1.15rem;
	line-height: 1.7rem;
}

.topsectionContact {
	width: 100%;
	margin-top:-2.0rem;
	margin-bottom:0;
}

.topsectionContact .leftSide{
	padding-top: 3.0rem;
	padding-bottom: 2.0rem;
  width: 100%;
  min-height: 50vh;
  background-color: #f9d6d4;
	background-repeat: repeat;
	text-align: center;
	color: #252525!important;
}


@media screen and (max-width:768px) {
	.topsectionContact .leftSide{
		padding:3.0rem 1.0rem 2.0rem;
  width: 100%;
  min-height: 30vh;
  background-color: #f9d6d4;
	background-repeat: repeat;
	text-align: center;
	color: #252525!important;
}
}


.topsectionContact .rightSide{
	padding-top: 5.0rem;
	padding-bottom: 2.0rem;
		position: relative;
  width: 100%;
  min-height: 50vh;
  background:url("img/topcontact1-bg1.jpg")
    center / cover;
}
@media screen and (max-width:768px){
	.topsectionContact .rightSide{
	padding-top: 5.0rem;
	padding-bottom: 2.0rem;
		position: relative;
  width: 100%;
  min-height: 30vh;
  background:url("img/topcontact1-bg1.jpg")
    center / cover;
}
}

.topsectionContact p{
	font-size:1.0rem;
	color: #fff;
	line-height: 1.4rem;
}
.topsectionContact .btnContents{
	padding:1.5rem 0.5rem;
	margin-top:1.0rem;
}


.footerSitemap {
	width: 100%;
	background-image: url("img/bg-footer.png");
	background-repeat: repeat;
	background-position: bottom;
	padding: 3.0rem;
	color: #252525;
	margin-top:0;
	margin-bottom:0;
}

.footerSitemap p{
	text-align: center!important;
	color: #252525;
	font-size:0.9rem;
	font-weight: bold;
}


.footerSitemap ul li{
	    line-height: 1.5;
  padding: 0.25em 0;
  list-style-type: none!important;
}

.footerSitemap ul li:before{
	 font-family: "Font Awesome 5 Free";
  content: "\f0da";/*アイコンの種類*/
  position: absolute;
  left : 2em;/*左端からのアイコンまでの距離*/
 color: #252525;/*アイコン色*/
	font-weight: 900;
	
}

/* Page top button */
/***追従するトップへ戻るボタン***/
#page-top {
    position: fixed;
    right: 5px;
    bottom: 20px;
    height: 50px;
    text-decoration: none;
    font-weight: bold;
    transform: rotate(90deg);
    font-size: 90%;
    line-height: 1.5rem;
    color: #626262;
    padding: 0 0 0 35px;
    border-top: solid 1px;
}
#page-top::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 15px;
    border-top: solid 1px;
    transform: rotate(35deg);
    transform-origin: left top;
}
/***トップへ戻るボタンここまで***/

/* External media links */
.moveWrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.moveWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 48.001em) {
	.home .flex-viewport li {
		max-height: 150px;
	}
	.flex-title {
		padding: 10% 1.5rem .5rem;
		font-size: 1.75rem;
		line-height: 1;
	}
	.nav {
		margin-bottom: 0;
		border: 2px solid transparent;
		background: #000000;
		  background-color: rgba( 255, 255, 255, 0.60 );
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.nav-button {
		margin-bottom: 0;
		padding: .35rem 0;
	}
	.menu-wrap {
		display: none;
	}
	#header .menu-item >a {
		display: block;
		background:#ffffff;
		border-top: 1px dashed #ccc;
		padding: .35rem;
	}
	#header .menu-item:hover,
	#header .menu-item:hover {
		background: #ffffff;
	}
	.flexslider {
	margin-bottom: 2rem;
	}
	.flex-control-nav {
		bottom: -2rem;
	}
	.alignright, .alignleft {
		float: none;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.page-top {
		right: 1%;
		bottom: 1%;
		width: 2rem;
		line-height: 2rem;
		font-size: .875rem;
	}
	
	/* ハンバーガーメニュー　2020.3.17 */
.menu{
    height: 20px;
    position: fixed;
    right: 20px;
    top: 10px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #1E1E1E;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}

/*フルスクリーンナビゲーション　2020.3.17 */
.gnav{
    background: rgba(255,255,255,0.95);
    display: none;
    height: 100%;
	top:0;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu {
	font-family:'BIZ UDGothic',  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Arial", "Helvetica", sans-serif;
	list-style: none;

}
.gnav__menu__item{
    margin: 30px 0;
}
.gnav__menu__item a{
    color: #000;
    font-size: 1.4rem!important;
    font-weight: bold;
    padding: 20px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}

.gnav__menu__item a:visited{
    color: #666;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}



}

@media only screen and ( min-width: 48.000em ) {
	/* Header */
	#header {
	margin-bottom: 0px;
	}
	
	
	
	/* Archives */
	.archive-title {
		margin: 0 0 1.5rem;
		font-size: 2.2rem;
	}
	article.archive h1 {
		margin-top: 0;
	}
	.attachment-thumbnail {
		float: left;
		margin: 0 1rem 1rem 0;
	}
	/* Widget */
	.widget h1 {
	font-size: 1.2rem;
	color: #252525;
		line-height: 1.75rem;

	}
}
@media only screen and ( min-width:64.063em ) {
	.home .flex-viewport li {
		max-height: none;
	}
	.post-date {
		vertical-align: text-top;
	}
}
@media screen and (max-width: 769px){
	html #wpadminbar {
		top: -46px;
	}
}




/*スクロールダウン全体の場所*/
.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
  position:absolute;
  bottom:1%;
  right:50%;
    /*矢印の動き1秒かけて永遠にループ*/
  animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
  position: absolute;
  left:-20px;
  bottom:10px;
    /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}

.scrolldown4:after{
  content:"";
    /*描画位置*/
  position: absolute;
  bottom:0;
  right:0;
    /*矢印の形状*/
  width:1px;
  height: 50px;
  background:#eee;
}





.wpcf7-submit {
font-size: 17px;
padding: 3px 25px;
background: #e9e9e9;
color: #363B3F;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 4px #dcdcdc;
}

.wpcf7-submit:hover {
background-color: #dcdcdc;
color: #dc143c;
}

/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in {
	overflow: hidden;
    display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.rightAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100 {
  from {
	transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}


@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.mw_wp_form [type=submit] {
	font-weight: bold;
	margin: 10px auto;
	color: #FFFFFF; /* ボタンのテキストの色 */
	background: #000000;
	padding: 1.0rem 4.0rem;
	box-shadow: 0px 1px 3px rgba(0,0,0,.5); /* ボタンの影の設定 */
	border: 0; /* ボタンの枠線の設定 */
	border-radius: 2px; /* ボタンの角の丸みの設定 */
 }
.mw_wp_form [type=submit]:hover {
	background: #474747; /* マウスカーソルを上に乗せた時のボタンの色 */
	color: #fff; /* マウスカーソルを上に乗せた時のボタンのテキストの色 */
	box-shadow: 0px 1px 3px rgba(0,0,0,.5);/* マウスカーソルを上に乗せた時のボタンの影の設定 */
 }