@charset "utf-8";


/* ---------------------------------------------------------------- *
バーガーナビ
* ---------------------------------------------------------------- */

.nav-in {
display: grid;
gap: 50px;
/*grid-template-columns: 2fr 4fr;*/
grid-template-columns: 1fr;
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 0;
width: 80%;
margin-left: auto;
margin-right: auto;
}
#g-nav.panelactive .nav-in {
opacity:1;
}

@media screen and (max-width: 820px) {
.nav-in {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 767px) {
.nav-in {
grid-template-columns: 1fr;
gap: 30px;
position: static;
top: 0%;
left: 0%;
transform: translate(0%,0%);
width: 100%;
}
}


/*#g-nav .hc_btn {
position: absolute;
right: 110px;
top: 30px;
z-index: 1;
}
#g-nav .hc_btn a {
padding-top: 5px;
padding-bottom: 5px;
border-radius: 30px;
border: 1px solid #FFFFFF;
display: block;
cursor: pointer;
color: #FFFFFF;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}
#g-nav .hc_btn a:hover {
border: 1px solid #191A70;
background-color: #191A70;
}
@media screen and (max-width: 767px) {
#g-nav .hc_btn {
display: none;
}
}
*/


/*左カラム*/
.nav-in .item01 h1.logo {
	margin-left: 0px;
	margin-right: auto;
	max-width: 210px;
}
.nav-in .item01 h1.logo img {
height: 50px;
width: auto;
margin-left: 0px;
padding-top: 0px;
}
@media screen and (max-width: 767px) {
.nav-in .item01 h1.logo {
	margin-left: 0px;
	max-width: 210px;
}
.nav-in .item01 h1.logo img {
height: 45px;
	display: block;
	width: auto;
	margin-left: 12%;
	margin-bottom: 0%;
	margin-top: 10px
}
}



/*下層H1タイトル*/
h2.sub_pp{
	line-height: 1.2em;
	font-size: 40px;
	font-weight: 700;
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
	color: #00A6A3;
	padding-left: 30px;
	border-left: 5px solid #EFD81C;
}
/*公開情報*/
.c_public h2.sub_pp,.c_recruit h2.sub_pp{
	font-size: 30px;
}
h2.sub_pp.detail{
	font-size: 30px;
}
.c_service h2.sub_pp{
	text-transform: uppercase;
}
/*h2.sub_pp::after {
	content: "";
	width:400px;
    height:5px;
    background:#EFD81C;
	transform:rotate(-45deg);
	position: absolute;
	top: 100px;
	left: -200px;
}*/
h2.sub_pp span{
	font-size: 20px;
	display: block;
	margin-top: 0px;
	color: #222222;
	font-weight: 500;
	left: 0px;
	top: -150px;
}
@media screen and (max-width: 767px) {
h2.sub_pp{
font-size: 7.8vw;
line-height: 1.3em;
margin-bottom: 20px;
padding-top: 3%;
padding-left: 25px;
}
/*公開情報*/
.c_public h2.sub_pp,.c_recruit h2.sub_pp{
font-size: 5.8vw;
}
/*h2.sub_pp::after {
	width:200px;
	top: 50px;
	left: -100px;
}*/
h2.sub_pp span{
font-size: 4.4vw;
margin-top: 0px;
}
h2.sub_pp::before{
bottom: -5px;
}
}


/*フリーワード検索用タイトル*/
h1.free_S{
color: #DF7700;
font-size: 40px;
font-weight: bold;
text-align: center;
position: relative;
margin-bottom: 30px;
line-height: 1em;
letter-spacing: 0.1em;
}
h1.free_S span{
font-size: 40px;
}
h1.free_S em{
font-size: 16px;
display: block;
color: #222222;
font-weight: normal;
letter-spacing: 0.3em;
margin-top: 5px;
font-style: normal;
}
@media screen and (max-width: 767px) {
h1.free_S{
line-height: 1.3em;
margin-bottom: 20px;
padding-top: 3%;
}
h1.free_S span{
font-size: 8.2vw;
}
h1.free_S em{
font-size: 3.5vw;
margin-top: 0px;
}
}



/*バーガーメニュー*/

/*==================================================
クリックしたらナビが上から下に出現
===================================*/

#g-nav{
/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
position: fixed;
z-index: 999;
/*ナビのスタート位置と形状*/
top: -120%;
left: 0;
width: 100%;
height: 100vh;/*ナビの高さ*/
background:#00A6A3;
/*動き*/
transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
top: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
/*ナビの数が増えた場合縦スクロール*/
position: fixed;
z-index: 999; 
width: 100%;
height: 100vh;/*表示する高さ*/
overflow: auto;
-webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul.menu {
/*ナビゲーション天地中央揃え*/
width: 90%;
margin:100px auto 0 auto;
}

#g-nav ul.menu ul{
width: 100%;
margin: 0;
}

/*プルダウンナビのCSS*/
#g-nav ul.menu li.menu-item-has-children ul{
position: relative;
left:0;
top:0;
width:100%;
visibility:visible;/*JSで制御するため一旦表示*/
opacity:1;/*JSで制御するため一旦表示*/
display: none;/*JSのslidetoggleで表示させるため非表示に*/
transition:none;/*JSで制御するためCSSのアニメーションを切る*/
transform: none;
}

/*リストのレイアウト設定*/

#g-nav ul.menu li{
list-style: none;
text-align: center; 
}

#g-nav ul.menu li a{
color: #aaa;
text-decoration: none;
display: block;
letter-spacing: 0.1em;
font-weight: bold;
}

@media screen and (max-width: 767px) {
/*2階層目を持つliの矢印の設定*/
nav ul.menu li.menu-item-has-children::before{
top:20px;
}
#g-nav ul.menu li a{
padding:15px;
}
}




/*==================================================
/*クリックしたら円形背景が拡大（右上から）*/
/*===================================*/
#g-nav{
display: none;
}

/*アクティブになったエリア*/
#g-nav.panelactive{
display: block;
/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
position:fixed;
z-index: 99;
top: 0;
width:100%;
height: 100vh;
}

/*丸の拡大*/
.circle-bg{
	position: fixed;
	z-index: 3;
	/*丸の形*/
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #00A6A3;
	/*丸のスタート位置と形状*/
	transform: scale(0);/*scaleをはじめは0に*/
	/*右上に格納*/
	right: -18px;
	top: -18px;
	transition: all .6s;/*0.6秒かけてアニメーション*/
}

.circle-bg.circleactive{
transform: scale(50);/*クラスが付与されたらscaleを拡大*/
}

/*ナビゲーションの縦スクロール*/
#g-nav-list{
opacity: 0;/*はじめは表示なし*/
/*ナビの数が増えた場合縦スクロール*/
position: fixed;
z-index: 99; 
width: 100%;
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

#g-nav.panelactive #g-nav-list{
opacity: 1; /*クラスが付与されたら出現*/
}

/*ナビゲーション*/
#g-nav ul.menu {
opacity: 0;/*はじめは透過0*/
width: 90%;
margin:0 auto 30px auto;
}

#g-nav ul.menu ul{
margin: 0;
}


/*背景が出現後にナビゲーションを表示*/
#g-nav.panelactive ul {
opacity:1;
}


/*==================================================
5-2-6 3本線が回転して×に
===================================*/

/*ボタン外側*/
.openbtn{
	position: fixed;
	background-color: #00A6A3;
	top: 25px;
	right: 30px;
	z-index: 9000;
	cursor: pointer;
	width: 52px;
	height: 52px;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
.openbtn{
top:15px;
right: 10px;    
/*width: 40px;
height: 40px;*/
}
}

/*ボタン内側*/
.openbtn span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 15px;
height: 2px;
border-radius: 0px;
background: #FFF;
}


.openbtn span:nth-of-type(1) {
top:18px;	
width: 38%;
}

.openbtn span:nth-of-type(2) {
top:25px;
/*width: 35%;*/
width: 38%;
}

.openbtn span:nth-of-type(3) {
top:32px;
/*width: 20%;*/
width: 38%;
}

/*activeクラスが付与されると線が回転して×になる*/

.openbtn.active span:nth-of-type(1) {
top: 19px;
left: 17px;
transform: translateY(6px) rotate(-135deg);
width: 38%;
}

.openbtn.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn.active span:nth-of-type(3){
top: 31px;
left: 17px;
transform: translateY(-6px) rotate(135deg);
width: 38%;
}


/* ---------------------------------------------------------------- *
ブロックエディタ　投稿ページ用の設定
* ---------------------------------------------------------------- */
.post {
_zoom: 1;
overflow: hidden;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 50px;
clear: both;
padding: 0px;
/*font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;*/
}
.post h1.blog_t{
font-size: 24px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #989898;
}
.post div.date {
margin-bottom: 30px;
font-size: 14px;
color: #98998;
line-height: 1.5em;
text-align: right;
}
.post p {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.post {
margin-bottom: 20px;
}
.post h1.blog_t{
font-size: 18px;
}
.post div.date {
margin-bottom: 15px;
font-size: 13px;
}
}


/* ---------------------------------------------------------------- *
エフェクト
* ---------------------------------------------------------------- */
/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


/* 4-1 ふわっ（下から） */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(50px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

/* 4-1 ふわっ（上から）*/

.fadeDown{
animation-name: fadeDownAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
from {
opacity: 0;
transform: translateY(-50px);
}

to {
opacity: 1;
transform: translateY(0);
}
}


/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
from {
opacity: 0;
transform: translateX(-50px);
}

to {
opacity: 1;
transform: translateX(0);
}
}


/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
from {
opacity: 0;
transform: translateX(50px);
}

to {
opacity: 1;
transform: translateX(0);
}
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
opacity: 0;
}


/*==================================================
ボンッ、ヒュッ
===================================*/

/* 拡大 */
.zoomIn{
animation-name:zoomInAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
from {
transform: scale(0.6);
opacity: 0;
}

to {
transform: scale(1);
opacity: 1;
}
}

/* 縮小 */
.zoomOut{
animation-name:zoomOutAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
}

@keyframes zoomOutAnime{
from {
transform: scale(1.2);
opacity: 0;
}

to {
transform:scale(1);
opacity: 1;
}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.zoomInTrigger,
.zoomOutTrigger{
opacity: 0;
}



/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time05{
animation-delay: 0.5s;
}

.delay-time1{
animation-delay: 1s;
}

.delay-time15{
animation-delay: 1.5s;
}

.delay-time2{
animation-delay: 2s;
}

.delay-time25{
animation-delay: 2.5s;
}



/*スクロールトリガー*/
/*TXTエフェクト　背景が流れる*/
.txbg .bg-wrap {
position: relative;
display: inline-block;
margin-top: 5px;
/*font-size: 30px;*/
}
.txbg.is-active .bg-wrap::before {
animation: txbg 4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
background-color: rgba(0,0,0,0.70);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
transform-origin: left center;
}
.txbg .bg-wrap .inn {
color: #fff;
display: inline-block;
/*font-size: 36px;*/
font-weight: bold;
padding: 5px 15px;
position: relative;
z-index: 1;
}

@keyframes txbg {
0% {
opacity: 0;
transform: scaleX(0) translateX(-5%);
}
30% {
transform: scaleX(1) translateX(0);
}
100% {
transform: scaleX(1) translateX(0);
}
30%, 100% {
opacity: 1;
}
}













/*Not Found*/
.NotF{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
text-align: center;
}
.NotF h1{
font-size: 55px;
font-weight: bold;
padding-bottom: 50px;
color: #444444!important;
line-height: 1.3em;
}
.NotF h1 span{
font-size: 25px;
font-weight: bold;
display: block;
color: #989898;
}
.NotF p{
font-size: 16px;
color: #444444;
}
.NotF p.btn a{
padding-top: 10px;
padding-bottom: 10px;
display: block;
margin-top: 50px;
background-color: #2D2D2D;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
color: #FFFFFF;
}
.NotF p.btn{
width: 30%;
margin-left: auto;
margin-right: auto;
}
.NotF p.btn a:hover{
background-color: #989898;
}
@media screen and (max-width: 767px) {
.NotF{
padding-top: 10%;
padding-bottom: 10%;
}
.NotF h1{
font-size: 35px;
padding-bottom: 30px;
line-height: 1.3em;
}
.NotF h1 span{
font-size: 17px;
}
.NotF p{
font-size: 14px;
text-align: left;
}
.NotF p br{
display: none;
}
.NotF p.btn{
width: 80%;
text-align: center;
}
}


/*ブログナビ*/
#event_nav {
overflow: hidden;
}

#event_nav ul {
position: relative;
left: 50%;
float: left;
}

#event_nav ul li {
position: relative;
left: -50%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#event_nav ul li i.fa{
margin-left: 10px;
}
#event_nav ul li a{
color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size: 12px;
}
#event_nav ul li.blog a{
background-color: #E3F0F0;
}
#event_nav ul li.news a{
background-color: #99CDFF;
}
#event_nav ul li.works a{
background-color: #8EC21F;
}

@media screen and (max-width: 767px) {
#event_nav ul li a{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
}
}


/*インデント*/
p.indent-1 {
padding-left:1em;
text-indent:-1em;
}


/*ナンバリング*/
.list_num {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
width: 100%;
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 50px;
padding-bottom: 30px;
background-color: rgba(241,241,241,0.60);
}
.list_num ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin-right: auto;
margin-left: auto;
max-width: 900px;
}
.list_num ol li {
margin-bottom: 20px;
padding-left: 0px;
position: relative;
padding-right: 0px;
float: left;
width: 46%;
margin-left: 2%;
margin-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list_num ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #0F4C97;
color: #ffffff;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin-right: 10px;
}
.list_num ol li h3 {
font-size: 16px;
font-weight: bold;
}
.list_num ol li p {
}
.list_num ol li h3.indent {
margin-bottom: 10px;
position: relative;
font-size: 18px;
font-weight: bold;
padding-left:3em;
text-indent:0em;
}

@media screen and (max-width: 767px) {
.list_num {
margin-bottom: 20px;
padding-top: 25px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 15px;
}
.list_num ol li {
margin-bottom: 20px;
float: none;
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.list_num ol li h3.indent {
font-size: 14px;
padding-top: 2px;
line-height: 1.8em;
}
}


.list_num2 {
_zoom: 1;
overflow: hidden;
clear: both;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-top: 50px;
padding-right: 50px;
padding-left: 50px;
box-sizing: border-box;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-bottom: 30px;
background-color: rgba(241,241,241,0.60);
}
.list_num2 ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin-bottom: 10px;
clear: both;
}
.list_num2 ol li {
margin-bottom: 15px;
padding-left: 0px;
position: relative;
float: left;
width: 50%;
margin-left: 0%;
margin-right: 0%;
}
.list_num2 ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #0F4C97;
color: #FFFFFF;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num2 ol li p.indent {
padding-left:40px;
text-indent:0px;
}
.list_num2 ol li p strong{
font-weight: bold;
}
@media screen and (max-width: 767px) {
.list_num2 {
margin-bottom: 20px;
padding-top: 25px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 15px;
}
.list_num2 ol li {
margin-bottom: 15px;
padding-left: 0px;
position: relative;
float: left;
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
}


.list_num3 {
clear: both;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
width: 100%;
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list_num3 ol {
counter-reset: my-counter;
list-style: none;
padding: 0px;
margin: 0px;
}
.list_num3 ol li.number {
margin-bottom: 15px;
padding-left: 0px;
position: relative;
}
.list_num3 ol li.number:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li.number.az:before {
content: counter(my-counter,lower-alpha);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li.number.az2:before {
content: counter(my-counter,upper-alpha);
counter-increment: my-counter;
background-color: #E7E7E7;
display: block;
float: left;
line-height: 30px;
margin-left: 0px;
text-align: center;
height: 30px;
width: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.list_num3 ol li p.indent {
padding-left:40px;
text-indent:0px;
}
@media screen and (max-width: 767px) {

}

/*ドット*/
.list_dot {
}
.list_dot ul {
list-style: none;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
.list_dot ul li {
list-style-type: none;
position: relative;
border-bottom: 1px dashed #CCCCCC;
padding-left: 20px;
padding-bottom: 7px;
line-height: 2em;
}
.list_dot ul li a {
display: block;
}
.list_dot ul li::after {
display: block;
content: '';
position: absolute;
top: 0.6em;
left: 0px;
width: 12px;
height: 12px;
background-color: #006A6C;
border-radius: 100%;
}
.list_dot ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
@media screen and (max-width: 767px) {
.list_dot {
margin-right: auto;
margin-left: auto;
}
.list_dot ul li {
float: none;
padding-right: 0px;
font-size: 13px;
}
}


/*アウトライン*/
.flex_Line {
/*_zoom: 1;
overflow: hidden;*/
clear: both;
margin: 0;
padding: 0;
}
.flex_Line ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.flex_Line li{
display: flex;
display: -webkit-flex;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #CCCCCC;
line-height: 2em;
}
.flex_Line li:first-child {
border-top: 1px solid #CCCCCC;
}
.flex_Line li .txt{
width: 25%;
padding-top: 10px;
padding-bottom: 10px;
}
.flex_Line li .txt2{
width: 75%;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.flex_Line li .txt2 p.address a{
color: #009ED9;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.flex_Line li .txt{
width: 28%;
text-align: center;
}
.flex_Line li .txt2{
width: 72%;
padding-left: 10px;
}
}
@media screen and (max-width: 320px) {
.flex_Line li p{
font-size: 12px;
}
}

/*アウトライン　サブ*/
.flex_Line table.sub{
width: 100%;
}
.flex_Line table.sub th{
width: 20%;
}
.flex_Line table.sub td{
width: 80%;
}
@media screen and (max-width: 767px) {
.flex_Line table.sub th{
width: 50%;
}
.flex_Line table.sub td{
width: 50%;
}
}


/*外部リンク　アイコン設定*/
i.fa-external-link {
margin-left: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a:hover i.fa-external-link{
margin-left: 15px;
color: #FF0004;
}

/*reCAPTCHA　ロゴの場所を変更*/
.grecaptcha-badge {
bottom: 0px !important;
}

/*ユーチューブ*/
.youtube {
width: 100%;
padding-top: 56.25%;
position: relative;
top: 0;
left: 0;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}




/*タームナビ　タグナビ*/
.terms_nav {
margin-bottom: 50px;
}
.terms_nav ul {
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px;
}
.terms_nav ul li a {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
color: #DF7700;
border-radius: 30px;
background-color: #FDEFDD;
transition: all 0.3s;
display: block;
line-height: 1.6em;
}
.terms_nav.comm ul li a {
background-color: #FFFFFF;
}
.terms_nav ul li a:hover {
color: #FFFFFF;
background-color: #DF7700;
}
.terms_nav ul li.current a{
color: #FFFFFF;
background-color: #DF7700;
}
@media screen and (max-width: 767px) {
.terms_nav {
margin-bottom: 25px;
}
.terms_nav ul li a {
padding-top: 3px;
padding-bottom: 3px;
font-size: 3.3vw;
}
}




/*検索ボックス*/
.search_B{
position: relative;
width: 40%;
margin-left: auto;
margin-right: auto;
}
.search_container{
box-sizing: border-box;
position: relative;
border: 2px solid #DF7700;
display: block;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
height: 50px;
overflow: hidden;
background-color: #FFFFFF;
padding-left: 20px;
margin-left: auto;
margin-right: auto;
}
.search_container input[type="text"]{
width: 90%!important;
border: none;
height: 2.0em;
font-size: 16px;
}
.search_container input[type="text"]:focus {
outline: 0;
}
.search_container input[type="submit"]{
cursor: pointer;
font-size: 1.3em;
border: none;
background-repeat: no-repeat;
background-position: 50% center;
/*background-image: url("../parts/icon_search.svg");
background-size: 25px 25px;*/
background-image: url("../parts/i_search.svg");
background-size: 75px 48px;
position: absolute;
/*width: 3em;*/
width: 70px;
height: 3em;
right: 0;
top: -4px;
outline : none;
background-color: #FFFFFF;
}
.search_B h3{
font-size: 22px;
font-weight: bold;
text-align: center;
color: #028080;
}
@media screen and (max-width: 767px) {
.search_B{
width: 90%;
}
.search_container{
}
.search_container input[type="text"]{
font-size: 3.5vw;!important;
}
.search_container input[type="submit"]{
}
}

.search_B .nav{
position: absolute;
bottom: 0px;
left: calc(50% - 490px);
width: 110px;
}
.search_B .nav img{
width: 100%;
height: auto;
display: block;
}
.search_B p{
text-align: center;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.search_B .nav{
left: 5%;
width: 18%;
}
.search_B p{
text-align: center;
width: 85%;
margin-right: 0px;
margin-left: auto;
}
}




/*general　ボタン*/
p.g_btn01 {
margin-right: auto;
margin-left: auto;
width: 80%;
}
p.g_btn01 a{
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 100%;
text-align: center;
margin-bottom: 0px;
display: block;
border-radius: 30px;
transition: all 0.3s;
line-height: 1.5em;
background-color: #00A6A3;
color: #FFFFFF;
font-size: 16px;
position: relative;
}
.c_recruit p.g_btn01 a{
	/*background-color: #EFD81C;*/
	color: #333333;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size: 14px;
}

p.g_btn01 span{
/*display: inline-block;*/
width: 10px;
height: 10px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
transform: rotate(135deg);
margin-top: 8px;
margin-right: 0;
margin-bottom: 0;
position: absolute;
right: 40px;
top: 20%;
transition: all 0.3s;
}
.c_recruit p.g_btn01 span{
border-top: 1px solid #000000;
border-left: 1px solid #000000;
}
p.g_btn01 a:hover span {
right: 35px;
}
p.g_btn01.subc a{
background-color: #F0E68C;
color: #DC0000;
}
p.g_btn01 a:hover{
opacity: 0.7;
}
@media(max-width: 767px){
p.g_btn01 {
margin-right: auto;
margin-left: auto;
width: 90%;
}
p.g_btn01 a{
font-size: 3.3vw;
}
p.g_btn01 span{
right: 30px;
}
p.g_btn01 a:hover span {
right: 25px;
}
}



/*general　ボタン02　矢印下*/
p.g_btn02 {
margin-right: auto;
margin-left: auto;
width: 30%;
}
p.g_btn02 a{
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 100%;
text-align: center;
margin-bottom: 0px;
display: block;
border-radius: 30px;
transition: all 0.3s;
line-height: 1.5em;
background-color: #FFFFFF;
color: #DF7700;
font-size: 16px;
position: relative;
border: 2px solid #DF7700;
}
p.g_btn02 span{
/*display: inline-block;*/
width: 10px;
height: 10px;
border-top: 1px solid #DF7700;
border-left: 1px solid #DF7700;
transform: rotate(225deg);
margin-top: 8px;
margin-right: 0;
margin-bottom: 0;
position: absolute;
right: 40px;
top: 15%;
transition: all 0.3s;
}
p.g_btn02 a:hover span {
top: 20%;
}
p.g_btn02.subc a{
background-color: #F0E68C;
color: #DC0000;
}
p.g_btn02 a:hover{
/*opacity: 0.7;*/
background-color: #FDEFDD;
}
@media(max-width: 767px){
p.g_btn02 {
margin-right: auto;
margin-left: auto;
width: 80%;
}
p.g_btn02 a{
font-size: 3.3vw;
}
}

/*general　ボタン02　矢印右*/
p.g_btn02.arw_r span{
width: 10px;
height: 10px;
border-top: 1px solid #DF7700;
border-left: 1px solid #DF7700;
transform: rotate(135deg);
margin-top: 8px;
margin-right: 0;
margin-bottom: 0;
position: absolute;
right: 40px;
top: 20%;
transition: all 0.3s;
}
p.g_btn02.arw_r a:hover span {
right: 35px;
}


/*SNS nav*/
.flex_sns {
display: flex;
justify-content: center;
margin-top: 40px;
margin-bottom: 30px;
gap: 0px 20px;/*row-gapとcolumn-gap*/
}
.flex_sns .item {
}
.flex_sns .item img {
width: 50px;
height: auto;
}
@media screen and (max-width: 767px) {
.flex_sns {
width: 90%;
margin-left: auto;
margin-right: auto;
gap: 0px 20px;
margin-bottom: 15px;
}
.flex_sns .item {
width: 25%;
}
.flex_sns .item img {
width: 100%;
height: auto;
display: block;
}
}



/*ブロックエディタ　追加CSS*/
.B_editor {
	margin-bottom: 50px;
}

.B_editor h1 {
font-size: 35px;
padding-bottom: 0.5em;
line-height: 1.6em;
}
.B_editor h2 {
font-size: 30px;
padding-bottom: 0.5em;
}
.B_editor h3 {
font-size: 20px;
padding-bottom: 0.5em;
}
.B_editor h4 {
font-size: 16px;
padding-bottom: 0.5em;
}
.B_editor p {
margin: 0 0 2.5em;
line-height: 2.4em;
}

.B_editor .has-x-large-font-size {
font-size: 35px!important;
line-height: 1.6em;
}
.B_editor .has-large-font-size {
font-size: 30px!important;
line-height: 1.6em;
}
.B_editor .has-medium-font-size {
font-size: 20px!important;
line-height: 1.6em;
}
.B_editor .has-small-font-size {
font-size: 12px!important;
line-height: 1.6em;
}

.wp-block-image {
margin:0 0 2em;
}
.wp-block-audio {
margin:0 0 2em;
}
.wp-block-embed {
margin:0 0 2em;
}
.wp-block-table {
margin:0 0 2em;
}
.wp-block-video {
margin:0 0 2em;
}
.wp-block-media-text {
margin:0 0 2em;
}
.wp-block-gallery {
margin:0 0 2em;
}
.B_editor ul {
list-style: none;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 2em;
padding-left: 25px;
}
.B_editor ul li {
font-size: 15px;
list-style-type: none;
position: relative;
padding-bottom: 10px;
}
.B_editor ul li::after {
display: block;
content: '';
position: absolute;
top: 0.8em;
left: -1.5em;
width: 10px;
height: 10px;
background-color: #000000;
border-radius: 100%;
}
.B_editor ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.wp-block-button__link {
color: #fff!important;
}
.wp-block-file__button {
color: #fff!important;
}

/*ギャラリーの画像間隔調整*/
.B_editor .wp-block-gallery.has-nested-images figure.wp-block-image {

}
.B_editor .wp-block-gallery.has-nested-images {
/*gap: 10px;*/
}

@media screen and (max-width: 767px) {
.B_editor {
	margin-bottom: 30px;
}

.B_editor ul li {
font-size: 3.5vw;
}
.B_editor ul li::after {
top: 0.7em;
}
.has-x-large-font-size {
font-size: 6.8vw !important;
padding-bottom: 0.5em;
}
.has-large-font-size {
font-size: 5.3vw!important;
padding-bottom: 0.5em;
}
.B_editor h1 {
font-size: 6.0vw;
padding-bottom: 0.5em;
}
.B_editor h2 {
font-size: 5.3vw;
padding-bottom: 0.5em;
}
.B_editor h3 {
font-size: 4.4vw;
padding-bottom: 0.5em;
}
.B_editor h4 {
font-size: 3.5vw;
padding-bottom: 0.5em;
}


.B_editor .has-x-large-font-size {
font-size: 6.0vw!important;
}
.B_editor .has-large-font-size {
font-size: 5.3vw!important;
}
.B_editor .has-medium-font-size {
font-size: 4.4vw!important;
}
.B_editor .has-small-font-size {
font-size: 3vw!important;
}
}

/*ブロックエディタ　ユーチューブ*/
.B_editor .wp-block-embed-youtube iframe  {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
}


/*ブロックエディタ　リンク*/
.B_editor a:link {
color: #0058DC;
text-decoration: underline;
}
.B_editor a:visited {
color: #0058DC;
text-decoration: none;
}
.B_editor a:hover, a:active {
	color: #003A92;
}





/* アニメーションの開始を遅らせるCSS*/

.delay-time05{
animation-delay: 0.5s;
}

.delay-time1{
animation-delay: 1s;
}

.delay-time15{
animation-delay: 1.5s;
}

.delay-time2{
animation-delay: 2s;
}

.delay-time25{
  animation-delay: 2.5s;
}


/*==================================================
ランダムにテキスト出現する
===================================*/
.TextRandomAnime span{
	opacity: 0;
}
.TextRandomAnime.appearRandomtext span{ 
	animation:text_randomanime_on .5s ease-out forwards;
}

/*アニメーションで透過を0から1に変化させる*/
@keyframes text_randomanime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

.TextRandomAnime.appearRandomtext span:nth-child(2n) {
	animation-delay: .5s;/* spanのついた2の倍数の文字列の変化を0.5秒遅らせる*/
}
.TextRandomAnime.appearRandomtext span:nth-child(3n+1) {
	animation-delay: .15s;/* spanのついた3の倍数＋1の文字列の変化を0.15秒遅らせる*/
}






/* ---------------------------------------------------------------- *
スタイル調整の設定
* ---------------------------------------------------------------- */
/*投稿日時*/
.entry-date {
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
color: #128C15;
}

/*続きを読む*/
.link-text {
display: block;
text-align: right;
margin-top: 15px;
line-height: 1;
}

.link-text a:before {
content: '> ';
}

/*NEW表記*/
.newicon {
font-weight: bold;
color: #F00;
margin: 0px;
padding: 0px;
}


/*左右中央*/
.center {
padding: 0px;
text-align: center !important;
margin: 0px;
}
.right {
padding: 0px;
text-align: right !important;
margin: 0px;
}
.left {
padding: 0px;
text-align: left !important;
margin: 0px;
}

/*padding*/
.pt00 { padding-top: 0   !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

.pb00 { padding-bottom: 0   !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

.pr00 { padding-right: 0   !important;}
.pr10 { padding-right:10px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}

.pl00 { padding-left: 0   !important;}
.pl10 { padding-left:10px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}
.pl100 { padding-left:100px !important;}

/*margin*/
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.mb110 { margin-bottom:110px !important;}
.mb120 { margin-bottom:120px !important;}
.mb130 { margin-bottom:130px !important;}
.mb140 { margin-bottom:140px !important;}
.mb150 { margin-bottom:150px !important;}

.mr00 { margin-right: 0   !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}

.ml00 { margin-left: 0   !important;}
.ml10 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml300 { margin-left:300px !important;}

@media screen and (max-width: 767px) {
.mt20 { margin-top:15px !important;}
.mt30 { margin-top:22px !important;}
.mt40 { margin-top:30px !important;}
.mt50 { margin-top:38px !important;}
.mt60 { margin-top:45px !important;}
.mt70 { margin-top:53px !important;}
.mt80 { margin-top:60px !important;}
.mt90 { margin-top:68px !important;}
.mt100 { margin-top:75px !important;}

.mb20 { margin-bottom:15px !important;}
.mb30 { margin-bottom:22px !important;}
.mb40 { margin-bottom:30px !important;}
.mb50 { margin-bottom:38px !important;}
.mb60 { margin-bottom:45px !important;}
.mb70 { margin-bottom:53px !important;}
.mb80 { margin-bottom:60px !important;}
.mb90 { margin-bottom:68px !important;}
.mb100 { margin-bottom:75px !important;}
.mb110 { margin-bottom:83px !important;}
.mb120 { margin-bottom:90px !important;}
.mb130 { margin-bottom:98px !important;}
.mb140 { margin-bottom:105px !important;}
.mb150 { margin-bottom:113px !important;}
}
@media screen and (max-width: 360px) {
.mt20 { margin-top:14px !important;}
.mt30 { margin-top:21px !important;}
.mt40 { margin-top:28px !important;}
.mt50 { margin-top:35px !important;}
.mt60 { margin-top:42px !important;}
.mt70 { margin-top:49px !important;}
.mt80 { margin-top:56px !important;}
.mt90 { margin-top:63px !important;}
.mt100 { margin-top:70px !important;}

.mb20 { margin-bottom:14px !important;}
.mb30 { margin-bottom:21px !important;}
.mb40 { margin-bottom:28px !important;}
.mb50 { margin-bottom:35px !important;}
.mb60 { margin-bottom:42px !important;}
.mb70 { margin-bottom:49px !important;}
.mb80 { margin-bottom:56px !important;}
.mb90 { margin-bottom:63px !important;}
.mb100 { margin-bottom:70px !important;}
.mb110 { margin-bottom:77px !important;}
.mb120 { margin-bottom:84px !important;}
.mb130 { margin-bottom:91px !important;}
.mb140 { margin-bottom:98px !important;}
.mb150 { margin-bottom:105px !important;}
}



/*フォントカラー*/
.red  {	color: #F00;}

/* Width */
.w100p   { width: 100% !important;}
.w90p   {
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
.w80p   {
width: 80% !important;
margin-left: auto;
margin-right: auto;
}
.w75p   {
width: 75% !important;
margin-left: auto;
margin-right: auto;
}
.w70p   {
width: 70% !important;
margin-left: auto;
margin-right: auto;
}
.w60p   {
width: 60% !important;
margin-left: auto;
margin-right: auto;
}
.w50p   {
width: 50% !important;
margin-left: auto;
margin-right: auto;
}
.w40p   {
width: 40% !important;
margin-left: auto;
margin-right: auto;
}
.w30p   {
width: 30% !important;
margin-left: auto;
margin-right: auto;
}
.w980   { width: 980px !important;}
.w960   { width: 960px !important;}
.w900   { width: 900px !important;}
.w700	{
width: 700px !important;
margin-right: auto;
margin-left: auto;
}
.w600	{
width: 600px !important;
margin-left: auto;
margin-right: auto;
}
.w500	{ width: 500px !important;}
.w400	{ width: 400px !important;}
.w300	{ width: 300px !important;}
.w200	{ width: 220px !important;}

@media screen and (max-width: 767px) {
.w90p   { width: 100% !important;}
.w80p   { width: 100% !important;}
.w70p   { width: 100% !important;}
.w60p   { width: 100% !important;}
.w50p   { width: 100% !important;}
.w40p   { width: 100% !important;}
.w30p   { width: 100% !important;}

.w980   { width: 100% !important;}
.w960   { width: 100% !important;}
.w900   { width: 100% !important;}
.w700	{ width: 100% !important;}
.w600	{ width: 100% !important;}
.w500	{ width: 100% !important;}
.w400	{ width: 100% !important;}
.w300	{ width: 100% !important;}
.w200	{ width: 100% !important;}
}


/* ---------------------------------------------------------------- *
プライバシーポリシーの設定　/　
* ---------------------------------------------------------------- */
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 3;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 100px!important;
padding-top: 50px!important;
}
.modal {
max-width: 800px !important;
padding-top: 50px!important;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 50px!important;
}


/*モーダルウィンドウ*/
.lock {
overflow:hidden;
}

.modal-content {
position: relative;
display: none;
width: 800px;
max-height: 60%;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px;
background: #fff;
overflow: auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
z-index:10;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
z-index:20;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}

.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-decoration:underline;
}

.modal-close:hover {
cursor:pointer;
color:#f00;
}
@media screen and (max-width: 767px) {
.modal-content {
width: 90%;
max-height: 70%;
}
}



#sec_privacy {
margin-top: 20px;
}
#sec_privacy h2.title02{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
font-size: 16px;
color: #000000;
line-height: 1.5em;
padding-bottom: 10px;
clear: both;
border-bottom: 1px solid rgba(45,45,45,0.50);
font-weight: bold;
}
@media screen and (max-width: 767px) {
#sec_privacy h2.title02{
font-size: 14px;
}
}


#info_privacy {
padding: 0px;
position: relative;
margin-bottom: 70px;
}
#info_privacy h3 {
font-weight: normal;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 100%;
}
#info_privacy p{
margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
#info_privacy {
margin-bottom: 50px;
}
}

#info_privacy  ol {
}
#info_privacy  ol li {
_zoom: 1;
overflow: hidden;
padding-bottom: 12px;
margin-top: 0px;
padding-top: 12px;
background-repeat: repeat-x;
background-position: left bottom;
margin-bottom: 0px;
background-image: url(../parts/line_dot.gif);
}
#info_privacy  ol li dt {
float: left;
width: 40px;
color: #333;
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#info_privacy  ol li dt span{
font-size: 10px;
}
#info_privacy  ol li dd {
margin-left: 50px;
background-repeat: no-repeat;
background-position: 0px 0px;
margin-right: 10px;
}
#info_privacy  ol li span.blue{
font-size: 15px;
font-weight: bold;
color: #06C;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
#info_privacy  ol li span.chui{
font-size: 15px;
font-weight: normal;
margin: 0px;
line-height: 1.8em;
padding: 0px;
}
#info_privacy  ol li dd p{
margin: 0px;
padding: 0px;
}
* html #info_privacy  ol li dd {
zoom: 1;
}

/*clCLOSEボタン*/
p.close a{
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 30%;
text-align: center;
margin-bottom: 0px;
display: block;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
line-height: 1.5em;
background-color: #000000;
color: #FFFFFF;
text-decoration: none;
}
p.close a:hover,
p.close a:active {
background-color: #777777;
color: #FFF;
}
@media screen and (max-width: 767px) {
p.close a{
width: 40%;
}
}