/*
Theme Name: shinohara kura 2026
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:#ffffff; /* Safari */
}

::-moz-selection {
	background:#ffffff; /* 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.6rem;
	margin-bottom: 1.25rem;
}
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.6rem;
	font-weight: bold;
	text-align: left;
	color: #252525;
	margin: 1.5rem 0;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #FEECFE;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

article h3{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left!important;
	color: #252525;
	margin: 1.5rem 0;
	padding: 8px 16px;
  position: relative;
	border-bottom: 2px solid #D7D7D7;
	
}

article h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 10%;
  height: 2px;
  background-color: #FFD1FF;
}
article h4{
		font-size: 1.25rem;
	font-weight: bold;
	text-align: left;
	color: #252525;
	margin: 1.5rem 0;
	padding: 8px 16px;
  border-bottom: 2px solid #FEECFE;
}

article h5 {
	font-size: 1.0rem;
	font-weight: bold;
	text-align: left;
		color: #252525;
	margin: 1.5rem 0;
	padding: 4px 16px 4px 12px;
  border-left: 4px solid #FFD1FF;
}
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;
	width:100%;
	margin-top: -25px;
	background-color:#FFFFFF;
box-shadow:0 2px 4px #eeeff1;
}

/*ナビゲーションを横並びに*/
#globalNavi ul{
    /*2階層目の基点にするためrelativeを指定*/
  position: relative;
  list-style: none;
  display: flex;
  justify-content: center;
}

/*2階層目以降は横並びにしない*/
#globalNavi ul ul{
  display: block;
}

/*ナビゲーションのリンク設定*/
#globalNavi ul li a{
    /*矢印の基点にするためrelativeを指定*/
  position: relative;
  display: block;
  text-decoration: none;
  color: #1C1C1C;
	font-weight: bold;
	font-size:0.95rem;
	margin-top: 30px;
  padding:20px 25px;
  transition:all .3s;
text-align: right;
}

#globalNavi ul li li a{
  padding:20px;
}

#globalNavi ul li a:hover{
  color:#fff; 
}

.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;
}


/* button */
.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;
}


/* 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 {
	margin-top: -60px;
	width: 100%;
	padding: 0;
	background-color: #ffffff;
	color: #252525;
}

@media screen and (max-width:768px) {
.topsection01 {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #252525;
}
}


/* 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;
}

.columnBox {
	margin: 1.0rem;
	padding: 0.5rem;
}

/* heading */
.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;
}


.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;
		
}




/* 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;
}




/* 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;}



/* 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);/* マウスカーソルを上に乗せた時のボタンの影の設定 */
 }