@import url(html5reset.css);
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700..900&display=swap');
html{
	font-size:625%;
}
@media screen and (max-width: 960px){
	html{
		font-size:530%;
	}
}

:root{
    --blue-btn-exlight: #E9F5FF;
    --blue-btn-light:   #C5E3FB;
    --blue-font:        #2781C7;
    --blue-star:        #1779CE;
    --blue-isblack:     #5387bc;

    --brown-font-light: #9F7721;
    --brown-font:       #996C29;
}

body{
	position: relative;
	color:#252231;
	font-family: "游ゴシック体",YuGothic, "游ゴシック","Yu Gothic","Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
	font-size:.18em; /*default font size 18px */
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	font-variant-ligatures: no-common-ligatures;
	word-wrap : break-word;
	overflow-wrap : break-word;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(100,100,100,0.4);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	box-sizing: border-box;
	letter-spacing:1px;
	background:#FBF2E8;
    min-width: 320px;
}
body *{
	box-sizing: border-box;
}
ul,ul li{
	list-style-type:none;
}
img{
	image-rendering: -webkit-optimize-contrast;
}
.page-sub-title{
	font-size:.18rem
}
.mincho{
	font-family:  "游明朝" , YuMincho,  "Noto Serif JP" , "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mincho-en{
	font-family: 'Sorts Mill Goudy', serif;
}
.spBR{
	display:none;
}
@media screen and (max-width: 767px){
	.spBR{
		display:inline;
	}
	.pcBR{
		display:none;
	}
}
.tbBR{
	display:none;
}
@media screen and (max-width: 1024px){
	.tbBR{
		display:inline;
	}
	.tbBR{
		display:none;
	}
}
.bold{
	font-weight:bold;
}
.fmini{
	font-size:.13rem;
}
table{
	border-collapse:collapse;
	empty-cells:show;
}
th,td{
	vertical-align:middle;
}
a{
	text-decoration:none;
	transition: .25s;
	color:#23445C;
}
a:hover{
    text-decoration:underline;
}
a img{
    transition: opacity .6s;
}
a:hover img{
    opacity:.6;
}
h2{
	font-size:.38rem;
}
h3{
	font-size:.23rem;
	letter-spacing:1px;
}
h4{
	font-weight:normal;
	line-height:1.7;
	letter-spacing:1px;
	font-size:.17rem;
}
h5{
	letter-spacing:1px;
	font-size:.17rem;
	line-height:1.7;
	font-weight:normal;
}
h6{
	padding:.4rem .3rem .12rem .3rem;
	font-size:.18rem;
}
.theme-f-large{
	font-size:.48rem !important;
}
@media screen and (max-width:767px){
	.theme-f-large{
		font-size:.32rem;
	}
}

.set-sponsored{
	width:100%;
	background:#f0f7ff;
}
.set-sponsored-wrap{
	max-width: 1245px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.set-sponsored-title{
	color:#0068B7;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	line-height: 1;
	font-size:.44rem;
	font-weight:bold;
	margin-bottom:1.4em;
	position:relative;
	letter-spacing:0;
}
@media screen and (max-width:767px){
	.set-sponsored-title{
		font-size:.32rem;
		margin-top:.32em;
	}
}
.set-sponsored-title::before,
.set-sponsored-title::after{
	content: "";
	position:absolute;
}

.set-sponsored-title::before {

}

.set-sponsored-title::after {
  height:4px;
  width:1.6em;
  background:#0068B7;
  bottom:-.74em;
}

.set-sponsored-text{
	line-height:1.5;
	font-weight:bold;
}

.set-sponsored-list{
	display:flex;
	flex-wrap:wrap;
	padding:0 .6em
}
@media screen and (max-width:767px){
	.set-sponsored-list{
		padding:0
	}
}
.set-sponsored-list-content{
	flex:0 0 calc(100% / 4);
	padding:.3em .4em;
}
@media screen and (max-width:767px){
	.set-sponsored-list-content{
		flex:0 0 calc(100% / 2);

	}
}
.set-sponsored-list-content a{
	display:block;
}
.set-sponsored-list-content img{
	max-width:291px;
	width:100%;
	image-rendering: -webkit-optimize-contrast;
}
@media screen and (max-width:767px){
	.set-sponsored-list-content img{
		max-width:none;
		width:100%;
		image-rendering: -webkit-optimize-contrast;
	}
}
.mgt0
{	margin-top:0 !important; }
.mgt1{	margin-top:1em !important; }
.mgt2{	margin-top:2em !important; }
.mgt3{	margin-top:3em !important; }

.mgt5
{	margin-top:.5em !important; }
.mgt10
{	margin-top:1em !important; }
.mgt20
{	margin-top:2em !important; }
.mgt30
{	margin-top:3em !important; }
.mgt6
{	margin-top:.6rem !important; }
.mgt7
{	margin-top:.7rem !important; }
.mgt10
{	margin-top:1rem !important; }
@media screen and (max-width: 767px){
	.mgt30
	{	margin-top:1em !important; }
	.ownerBulding h2,
	.editor-area h2{
		font-size:.28rem;
		margin-bottom:.28rem;
	}
	.mgt7.sp-mgt35
	{	margin-top:.35rem !important; }
	.mgt7.sp-mgt0
	{	margin-top:0rem !important; }
	.mgt10{	margin-top:.5rem !important; }
}
.mgb0
{	margin-bottom:0 !important; }
.mgb4
{	margin-bottom:.4em !important; }
.mgb5
{	margin-bottom:.5em !important; }
.mgb8
{	margin-bottom:.8em !important; }
.mgb10
{	margin-bottom:1em !important; }
.mgb20
{	margin-bottom:2em !important; }
.mgb15
{	margin-bottom:1.5em !important; }
.mgb20
{	margin-bottom:2em !important; }
.mgb30
{	margin-bottom:3em !important; }
.mgb45
{	margin-bottom:4.5em !important; }
.mgbChukaiList{
	margin-bottom:.76rem;
}
.mgb100{
margin-bottom:1rem;
}
.mgl5
{	margin-left:.5em !important; }
.mgl10
{	margin-left:1em !important; }
.mgl14rem
{	margin-left:.14rem !important; }
.mgl20
{	margin-left:2em !important; }
.mgl30
{	margin-left:3em !important; }
.mgr5
{	margin-right:.5em !important; }
.mgr10
{	margin-right:1em !important; }
.mgr20
{	margin-right:2em !important; }
.mgr30
{	margin-right:3em !important; }
.pdd0{
	padding:0 !important;
}
.pdl0{
	padding-left:0 !important;
}
.pdr0{
	padding-right:0 !important;
}
.pdt2
{	padding-top:.2em !important; }
.pdt5
{	padding-top:.5em !important; }
.pdt10
{	padding-top:1em !important; }
.pdt20
{	padding-top:2em !important; }
.pdt5rem
{	padding-top:.5rem !important; }
.pdt8rem
{	padding-top:.8rem !important; }
.pdt30
{	padding-top:3em !important; }
.pdb0
{	padding-bottom:0 !important; }
.t-pb-18{
	padding-bottom:.18rem;
}
.pdb2
{	padding-bottom:.2em !important; }
.pdb3
{	padding-bottom:.3em !important; }
.pdb4
{	padding-bottom:.45em !important; }
.pdb5
{	padding-bottom:.5em !important; }
@media screen and (max-width: 767px){
	.pdb5.m-pdb5
	{	padding-bottom:.3rem !important; }
}
.pdb10
{	padding-bottom:1em !important; }
.pdb20
{	padding-bottom:2em !important; }
.pdb30
{	padding-bottom:3em !important; }
.pdb45
{	padding-bottom:.45rem !important; }
.pdb5
{	padding-bottom:.5rem !important; }
.pdb75{
	padding-bottom:.75rem !important;
}
@media screen and (max-width: 767px){
	.m-pdb0
	{	padding-bottom:0 !important; }
}
.pl10{
	padding-left:.08rem !important;
}
.pdl5
{	padding-left:.5em !important; }
.pdl10
{	padding-left:1em !important; }
.pdl20
{	padding-left:2em !important; }
.pdl30
{	padding-left:3em !important; }
.pdr5
{	padding-right:.5em !important; }
.pdr10
{	padding-right:1em !important; }
.pdr20
{	padding-right:2em !important; }
.pdr30
{	padding-right:3em !important; }
.both
{	clear:both; }
.spacer
{	height:3em; }
.fLeft
{	float:left !important; }
.fRight
{	float:right !important; }
.tLeft
{	text-align:left !important; }
.tRight
{	text-align:right !important; }
.tCenter
{	text-align:center !important; }
.relative
{	position:relative; }
.inlineBlock
{	display:inline-block; }
.fontSize12{
	font-size:12px !important;
	font-size:.12rem !important;
}
.fontSize13{
	font-size:13px !important;
	font-size:.13rem !important;
}
.fontSize14{
	font-size:14px !important;
	font-size:.14rem !important;
}
.fontSize18{
	font-size:18px !important;
	font-size:.18rem !important;
}
.fontSize20{
	font-size:20px !important;
	font-size:.2rem !important;
}
.fontSize24{
	font-size:24px !important;
	font-size:.24rem !important;
}
.fontSize30{
	font-size:30px !important;
	font-size:.3rem !important;
}
.fontSize34{
	font-size:34px !important;
	font-size:.34rem !important;
}
.red
{	color:#d04255 !important; }
.main{
	overflow-x: hidden;
}
section{
	padding:.6rem 0.6rem;
}
section p{
	padding-bottom: .38rem;
	padding-bottom: 1.5em;
	line-height: 1.8;
}
@media screen and (max-width: 767px){
	section p{
		font-size:.15rem;
	}
}
.flex{
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	justify-content: flex-start;
}
.flexSB{
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.flexSA{
	-webkit-box-pack:justify;
	-ms-flex-pack:distribute;
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.flexWrap{
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.flexDirection{
	flex-direction: column;
	/*flex-flow: column;*/
}
.flexReverse{
	flex-direction: row-reverse;
}
@media screen and (max-width: 767px){
	.flex{
		/*display:block;*/
		flex-flow: column;
	}
	.flex.spFlex{
		display:-ms-flexbox !important;
		display:-webkit-box !important;
		display:-webkit-flex !important;
		display:flex !important;
	}
}
@media screen and (max-width: 600px){
	.flex.spFlex{
		display:block !important;
	}
}
.alignItemsCenter{
    align-items:center;
}
.colWrap{
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
}
.colWrap .colItem{
	padding:1em;
	box-sizing:border-box;
	-webkit-flex: 1 1 0%;
	flex: 1 1 0%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.t-header-top{
	background: rgb(252,252,252);
	background: linear-gradient(97deg, rgba(252,252,252,1) 0%, rgba(39,129,198,1) 100%);
}
@media screen and (max-width: 767px){
	.t-header-top{
		background: rgb(252,252,252);
		background: linear-gradient(97deg, rgba(252,252,252,1) 0%, rgba(39,129,198,1) 200%);
	}
}
.header_inner{
	max-width:1354px;
	width:95%;
    margin:0 auto;
	padding:.6em 0;
}
.t-func-btn{
	background:#FFF;
	padding-left:.06rem;
	padding-right:.06rem;
}
.fs_label,
.cl_label{
	font-size:.12rem;
}
@media(max-width: 767px){
	.fs_label span:first-child,
    .fs_label span:last-child{
		display:none;
	}
}
.fs_button,
.cl_button{
	font-size:.13rem;
	font-weight: bold;
	display:inline-block;
	border:solid 1px #000;
	margin-left:-1px;
	padding:.4em;
	transition: .2s;
}
.fs_button.on,
.cl_button.on{
	background:#234a83 !important;
	color:#FFF !important;
}
.fs_button:hover,
.cl_button:hover,
.fs_button.on:hover,
.cl_button.on:hover{
		cursor: pointer;
		color: #fff;
		background: #0DAFFC !important;
}
@media screen and (max-width: 960px){
	.fs_button,
	.cl_button{
		margin-right: 1vw;
	}
    @media(max-width:767px){
        .fs_button, .cl_button{
            width: 7.5vw;
            text-align: center;
            padding: 7px 0;
        }
    }
}
.fontSizeSelect,
.cl_changer{
	display:inline-block;
	padding:.4em;
}
@media screen and (max-width: 960px){
	.fontSizeSelect,
	.cl_changer{
		padding:.28em 0;
	}
    @media(max-width:767px){
        .cl_changer{
            margin: 0 3vw;
        }
    }
}
.t-header-second-inner{
	max-width:1354px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
.t-header-second-inner img{
	vertical-align: bottom;
}
@media screen and (max-width: 960px){
	.t-header-second{
		padding-left:.15rem;
		padding-right:.15rem;
	}
}
.t-header-second-expo,
.start-box{
	display:inline-block;
	width:90px;
	height:86px;
}
.t-header-second-expo{
	margin-right:.1rem;
}
@media screen and (max-width: 767px){
	.t-header-second-expo{
		margin-right:0;
	}
}
.start-box{
	border:solid 1px #A0A0A0;
	border-radius:8px;
	position:relative;
	background:#FFF;
	vertical-align: bottom;
}
.start-box .start-box-content{
	width:100%;
	position:absolute; /*絶対値指定*/
	top:50%; /*上からの位置指定*/
	left:50%; /*左からの位置指定*/
	transform: translateY(-50%) translateX(-50%); /*要素の移動*/
}
.start-text{
	font-weight:bold;
	font-size:.12rem;
	display:block;
	margin-bottom:.3em;
	text-align:center;
}
.chang-lng-box{
	font-size:.14rem;
	text-align:center;
}
.chang-lng-box li{
	display:inline-block;
	padding:.2em .4em;
	margin:0 0 .4em 0;
	color:#a3a3a3;
	font-weight:bold;
	transition: .2s;
}
.chang-lng-box li:nth-of-type(1){
	border-right:solid 1px #000;
}
.changeLng,
.changeLng span{
	transition: .2s;
}
.changeLng:hover{
	cursor: pointer;
	color: #0DAFFC;
}
.changeLng:hover span{
	color: #0DAFFC !important;
}

.start-day{
	font-size:28px;
	font-weight:bold;
	color:#0068B7;
	display:inline-block;
	padding-left:18px;
}
.start-day.en{
	margin-top: -5px;
    padding-left: .3em;
    font-size:26px;
}
.start-day.en .t-nichi{
	padding-right: 1px;
    position: relative;
    top: -5px;
}
.start-box-sp-wrap{
	padding:.15rem;
	background:#eaeaea;
}
.start-box-sp{
	width:100%;
	padding-top:1rem;
	padding-bottom:1em;
	text-align:center;
	position:relative;
	font-weight:bold;
	background:#FFF;
	position:relative;
	padding: 20px;
	border:solid 2px #0068B7;
}
@media(max-width:767px){
    .start-box-sp{
        padding: 15px 20px;
    }
}
.start-day-sp{
	font-size:28px;
	font-weight:bold;
	color:#0068B7;
	display:inline-block;
	padding-left:.3em;
}
.start-text-sp.display_on{
	display:inline-block !important;
	position:relative;
}
.start-text-sp.block_en .t-nichi{
	font-size:100%;
}
.start-text-sp.block_en .start-day-sp{
	padding-left: 2px;
}
.start-text-sp:before,
.start-text-sp:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 38px;
	height: 3px;
	background-color: #DE0214;
}
.start-text-sp:before {
	left:10px;
	transform: rotate(60deg);
}
.start-text-sp:after {
	right: 10px;
	transform: rotate(-60deg);
}

.change-lng-list-sp{
	display:inline-block;
}
.change-lng-list-sp li{
	display:inline-block;
}
.change-lng-list-sp li span{
	font-size:11px;
	display:inline-block;
	border-radius:100px;
	border:solid 1px #000;
	background:#FFF;
	padding:.2em .6em;
	margin-right:.08rem;
}
.change-lng-list-sp li span.display_on{
	background:#234a83;
	color:#FFF !important;
	font-weight:bold;
}

.t-header-second{
	background: rgb(252,252,252);
	background: linear-gradient(97deg, rgba(252,252,252,1) 50%, rgba(212,236,255,1) 100%);
}
.t-header-second-content{
	max-width:1354px;
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	display: flex;
	justify-content: space-between;
	align-items:center;
	padding-top:1em;
	padding-bottom:1em;
}
.t-header-second-expo img{
	width:90px;
	height:auto;
	vertical-align: middle;
}
.t-diverrse-logo img{
	vertical-align: middle;
	width:78%;
	height:auto;
}
@media(min-width:768px){
    .t-diverrse-logo img{
        position: relative;
        left: -2px;
    }
}
@media screen and (max-width: 767px){
    .change-lng-list-sp li span{
        margin-right: 1vw;
        padding: 4px 8px;
    }
	.t-header-second-expo, .start-box{
		width:auto;
		height:auto;
	}
	.t-header-second-content{
		align-items:center;
		text-align:center;
		width:100%;
	}
	.t-diverrse-logo,
	.t-header-second-inner{
		box-sizing: border-box;
		display:block;
		padding-left:.2em;
		padding-right:.2em;
	}
	.t-diverrse-logo img{
		height:100%;
	}
    .t-diverrse-logo img,
	.t-header-second-inner img{
        width: auto;
        height: 100%;
        max-height: 60px;
	}
    .t-header-second-inner img{
    }
    @media(max-width:400px){
        .t-diverrse-logo{
            flex-basis: 77%;
        }
        .t-header-second-inner{
            margin-right: 0;
            flex-basis: 19%;
        }
        .t-diverrse-logo img,
        .t-header-second-inner img {
            width: auto;
            height: 15vw;
            max-height: 60px;
        }
    }
}





.logoTextPosition{
	position:absolute;
	right:0;top:0;
	display:inline-block;
	padding-top:.03rem;
	font-weight:normal;
	color:#545454;
}
nav ul{
    display: flex;
    justify-content: center;
	align-items: center;
	font-size:.18rem;
}
nav ul li{
    display: inline-block;
	margin-left:.31rem;
}
nav ul li ul li{
	margin:0;
}
nav ul li a{
    color:#424C50;
	display:block;
	padding-top:.16rem;
	padding-bottom:.16rem;
}
.logo{
    position:relative;
}
.logo img{
	width:220px;
	height:auto;
}
.logo span{
    position:absolute;
    left:165px;
	top:19px;
	display:block;
	color:#5f5f5f
}
@media screen and (max-width: 960px){
	.logo{
		width:100%;
		padding-top:.2rem;
		padding-bottom:.15rem;
		padding-left:.15rem;
		padding-right:.15rem;
	}
	.logo img{
		width:220px;
		padding-bottom:0;
	}
	.logo span{
		top:0;
		left:0;
		width:100%;
		height:.25rem;
		padding-left:.125rem;
		line-height:.25rem;
		background:#0C2156;
		color:#FFF;
		font-size: .12rem !important;
	}
}

.top-bg{
	position: relative;
	background:url(../images/top-bg.png) center bottom / cover no-repeat ;
	padding-bottom:1.3rem;
}
.top-bg > div{
	position: relative;
	z-index: 3;
}

@media screen and (max-width: 767px){
	.top-bg{
		padding-bottom:.6rem;
	}
}
nav ul li ul{
	position:absolute;
	top:.47rem;
	left:-107px;
	z-index:9998;
	background:rgba(9,63,97,.8);
	display:block;
	width:280px;
	padding:.1rem .3rem;
	font-size:.15rem;
}
nav ul li ul.sub-menu{
	display:none;
	opacity:0;
	transition: opacity 1s;
}
nav ul li ul::before{
	content: "";
	position: absolute;
	border: 12px solid transparent;
	border-bottom: 12px solid rgba(9,63,97,.8);;
	margin-left: -12px;
	top: -24px;
	left: 50.5%;
}
nav ul li ul li{
	line-height:2;
	display:block;
	border-bottom:1px solid #A7C0CF;
	padding-left:.025rem;
}
nav ul li ul li:last-child{
	border:0;
}
nav ul li ul li a{
	display:block;
	padding-top:.1rem;
	padding-bottom:.1rem;
	color:#FFF;
}
.rel{
	position:relative;
}
section.information{
	padding-bottom:.5rem;
}

.info_single.info_category.info-news a,
.info_single.info_category.info-important a,
.info_single.info_category.info-other a{
	display: inline-block;
	text-align: center;
	font-size: .13rem;
	letter-spacing: 0.02rem;
	color: #fff;
	padding:.0.05rem .1rem;
}

@media screen and (max-width: 767px){
	nav ul li ul{
		top: .51rem;
		border-top: 0;
	}
	.information article dl dt{
		width:100%;
	}
	.information article dl dd{
		width:100%;
	}
	.info_date{
		display:inline;
		padding:0;
	}
	.information article dl ul li{
		padding-top:.175rem;
		padding-bottom:.35rem;
	}
	.information article dl ul li:first-child{
		padding-top:.35rem;
		padding-bottom:.35rem;
	}
	.information article dl ul li:last-child{
		border:0;
		padding-bottom:.175rem;
	}
	.information article dl ul li.btn{
		padding-right: 0;
	}
	.information article dl ul li.btn a{
	    padding-right: 0.2rem;
		background-size: 13px 4px;
    	background-position: right 8px;
	}
	.information article dl ul li span:last-child{
		display: block;
		max-width: 100%;
	}
	nav ul{
		border-top:solid 1px #0C2156;
	}
	nav ul li{
		padding-left:.13rem;
		padding-right:.13rem;
		margin-left:0rem;
		margin-right:0rem;
		flex:1 0 auto;
	}
	nav ul li.setTel,
	nav ul li.setMail{
		margin:0;
		padding-left:0;
		padding-right:0;
	}

	nav ul li ul{
		width:100vw;
	}
	nav ul li ul.sub-menu{
		display:none;
		left:0;
		top:0;
		opacity:0;
	}
	nav ul li ul.slide-menu{
		margin-top: 0;
		left:0;
		top:108px;
	}
	nav ul li ul::before{
		display:none;
	}
}

@media screen and (max-width: 320px){
	nav ul li ul.slide-menu{
		margin-top: 0;
		left:0;
		top:100px;
	}
}
section.top_message{
	background-image:url(../images/kaigan.png);
	background-size:800px;
	background-repeat:no-repeat;
	background-position: right bottom;
	background-color: #EFF6F6;
	padding:1rem 0.5rem
}
.top_message_wrap{
	max-width:1200px;
	margin:auto;
	font-size:0.18rem;
}
.text-shadow{
	text-shadow: 0px 0px 12px rgb(255, 255, 255) , 0px 0px 12px rgb(255, 255, 255) ,  0px 0px 12px rgb(255, 255, 255) ;
}
.btnDefault{
	display:inline-block;
	/*background-image:url(../images/arrow.svg);*/
	background-repeat:no-repeat;
	background-position:right .1rem center;
	background-color:#2155AB;
	box-shadow: 0 1px 3px rgba(9,63,97,.4);
	padding:.12rem .8rem;
	font-weight:bold;
	letter-spacing:2px;
	line-height:2;
}
.btnDefault_service{
	display:inline-block;
	width:100%;
	background-color:#0C3A4E;
	box-shadow: 0 1px 3px rgba(9,63,97,.4);
	font-weight:bold;
	letter-spacing:2px;
	color:#FFF;
	text-align:center;
	margin-top:.05rem;
	margin-bottom:.1rem;
	transition: opacity .6s
}
.btnDefault_service:hover{
	opacity:.8;
}
a.btnDefault{
	color:#FFF;
	text-decoration:none;
	transition: opacity .6s;
}
a.btnDefault:hover{
	opacity:.6;
}
.topMainWrap{
	max-width:1200px;
	margin:auto;
	/*margin-bottom:.8rem;*/
}

@media screen and (max-width: 767px){
	.top_message_wrap{
		background-color:rgba(255,255,255,.8);
		padding:.4rem;
	}
	.btnDefault{
		display:block;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		padding:.12rem .4rem;
	}
}
#conrolMenuShow,#conrolMenuShowArea{
	position:relative;
}
@media screen and (max-width: 767px){
	#conrolMenuShow,#conrolMenuShowArea{
		position:static;
	}
}
ul.mainService{
	padding-top:.75rem;
}
ul.mainService li{
	width: 32%;
}
ul.mainService li img{
	width: 100%;
}
ul.mainService li a{
	color:#424C50;
	text-decoration:none;
}
ul.mainService li a h3{
	background-size:.25rem;
	background-repeat:no-repeat;
	background-position:right .1rem center;
}
ul.mainService li a:hover h3{
	text-decoration:underline;
}

ul.mainService li div{
	margin:.1rem 0;
}
ul.mainService li div p{
	line-height:1.8;
	margin-left:.1rem;
	margin-right:.1rem;
}
ul.mainService li div h3{
	padding-top:.23rem;
	padding-bottom:.23rem;
	text-align:center;
}
@media screen and (max-width: 767px){
	ul.mainService{
		padding-top:.6rem;
	}
	ul.mainService li{
		max-width:100%;
		margin-bottom:.45rem;
	}
	ul.mainService li img{
		max-width:100%;
	}
}
.ownerBulding{
	/*background-color: #FBFBFB;*/
	background-color: #FFF;
}
.companyWrap{
	max-width:1200px;
	margin:auto;
}
.mapWrap{
	width:48%;
}
.accessMap{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 90%;/*比率をお好みで*/
	border:solid 1px #CCC;
	overflow:hidden;
}
.accessMap2{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 46%;
	margin-top:.35rem;
	border:solid 1px #CCC;
	overflow:hidden;
}
.accessMap iframe,
.accessMap2 iframe{
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
}
.companyInfo{
	width:48%;
}
.companyInfoTable{
	line-height:1.5;
}
.companyInfoTable dt{
	padding-top:.25rem;
	padding-bottom:.25rem;
	padding-left:.1rem;
	border-bottom:solid 1px #DEDEDE;
}
.companyInfoTable dd{
	padding-top:.25rem;
	padding-bottom:.25rem;
	padding-left:.3rem;
	border-bottom:solid 1px #DEDEDE;
}
.companyInfoTable dt{
	width:27%;
	font-weight:bold;
}
.companyInfoTable dd{
	width:73%;
}
.bannerBox{
	max-width:1200px;
	margin:0 auto;
}
.bannerBox ul{
	text-align:center;
}
.bannerBox ul li{
	width: 46%;
	display:inline-block;
	padding-left:.25rem;
	padding-right:.25rem;
}
.bannerBox ul li img{
	width: 100%;
	max-width: 410px;
	height: auto;
}
.bannerBox ul li.pc_ban_tel a img{
	transition: unset;
}
.bannerBox ul li.pc_ban_tel a:hover img{
	opacity:1;
}
@media screen and (max-width: 767px){
	.bannerBox ul li {
		padding-left:0;
		padding-right:0;
		margin-bottom:.3rem;
		display:inline-block;
		width:auto !important;
	}
	.bannerBox ul li a img{
		max-width:260px;
	}
}
.ownerItem{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.ownerItem ul{
	margin-bottom:.45rem;
	justify-content: center;
	justify-content: flex-start;
}
.ownerItem li{
	position:relative;
	margin-top:-1px;
	width: 25%;
	overflow: hidden;
	border-bottom: #ECEBEB solid 1px;
	/*border-right: #fdfdfd solid 1px !important;*/
}
@media screen and (max-width: 767px){
	.ownerItem li{
		border-right: #fdfdfd solid 1px !important;
	}
}
.ownerItem li.slick-active{
	border:none;
}
.ownerItem li a {
	display:block;
	color:#0C3A4E;
}
.ownerItem li a:hover{

}
.ownerItem li a img{
	width: 100%;
	height: auto;
}
.ownerItem li a div{
	position:relative;
	/*z-index:9999;*/
	background:#FFF;
	width:100%;
	height: 100%;
	transition:background-color 1s;
	letter-spacing: 1px;
	border:#ECEBEB solid 1px;
	border-top: none;
	border-left: none;
	text-align:center;
}

.ownerItem li:nth-child(4n+1) a div{
		border-left:#ECEBEB solid 1px;
	}

/*
@media screen and (min-width: 1317px){
	.ownerItem li:nth-child(4n+1) a div{
		border-left:#ECEBEB solid 1px;
	}
}
@media screen and (max-width: 1316px){
	.ownerItem li:nth-child(3n+1) a div{
		border-left:#ECEBEB solid 1px;
	}
}
@media screen and (max-width: 1016px){
	.ownerItem li:nth-child(2n) a div{
		border-left:#ECEBEB solid 1px;
	}
}
*/

.ownerItem li a:hover div{
	background-color:#c1e5fd;
}
.ownerItem li div{
	/*padding:.16rem .16rem .12rem .16rem;*/
	padding:.08rem .06rem;;
}
.ownerItem li:nth-child(n+9) div{
}
.ownerItem li div p{
	padding:0;
	/*background-image:url(../images/arrow_kon.svg);*/
	background-repeat:no-repeat;
	background-position: right bottom .08rem;
	background-size: 30px 7px;
}
.ownerItem li div h5{
	font-size:.18rem;
	/*padding-bottom:.03rem;*/
	padding-bottom:.01rem;
}
.ownerItem li div p{
	font-size:.15rem;
}
@media screen and (max-width: 767px){
	.ownerItem li a img{
		width:100%;
		height: auto;
	}
	.ownerItem li div{
		border-left:#ECEBEB solid 1px;
		border-bottom:#ECEBEB solid 1px;
	}
	.ownerItem li{
		margin-bottom:.3rem;
	}
}
section.bottomBannerBox{
	background:#FBFBFB;
}
.secFooter{
	/*background:#0C3A4E;*/

	margin-bottom:-1px;
	font-size:0;
}
.footerWrap{
	background: #f3f3f3;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	color:#000;
}
img.footerLogo{
	width:200px;
	display:inline-block;
	margin-bottom:10px;
	/*background:#FFF;*/
}
ul.footerLogoBox li{
	display:block;
	float:left;
	padding-right:.18rem;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
 }
 ul.footerLogoBox li h4{
	font-weight:bold;
	padding-bottom:.18rem;
 }
 ul.footerLogoBox li p{
	 line-height:1.5;
	 font-size:.14rem;
 }
 ul.footerItem li{
	 display:inline-block;
	 margin-left:.25rem;
 }
 ul.footerItem li a{
	 color:#000;
 }

 /*____________________________________________Postscript*/
ul.footerItem li{
	 position: relative;
	 margin-left: .4rem;
	 font-size: .14rem;
 }
ul.footerItem li::before{
	content: '';
    position: absolute;
    border-bottom: 1px solid #000;
    width: .08rem;
    left: -.18rem;
    top: 50%;
}

#page_top {
    bottom: 30px;
    right: 20px;
	z-index:9999;
}
#page_top a{
	position: relative;
	display: inline-block;
    width: .5rem;
    height: .5rem;
}
#page_top a:hover{
    text-decoration: none;
}




/*___________________________________________________ SNS追随ブロック */
.sns-fix-block{
    position: fixed;
    bottom: calc(50% - 100px);
    right: 0;
    background: rgba(23, 55, 135, .83);
    width: 50px;
    height: 250px;
	border-radius: 10px 0 0 10px;
	z-index: 5;
	box-shadow: -3px 4px 6px rgb(22 54 136 / 19%);
}
.sfb-list{
    display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    row-gap: 0.8em;
	width: 100%;
	height: 100%;
}
.sfb-list li{
	/* サンプル */
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 80%;
	font-weight: bold;
}

@media(max-width:767px){
	.sns-fix-block{
		position: sticky;
		bottom: 0;
		width: 100%;
		height: 15vw;
		border-radius: 0;
		background: rgba(23, 55, 135, .9);
	}
	.sfb-list{
		flex-direction: row;
		column-gap: 1.5em;
	}
	.sfb-list li{
		width: 8vw;
    	height: 8vw;
	}
}




/*___________________________________________________ ページヘッダーデザイン */
.header-sub-title{
	/* font-family: 'Rokkitt', serif; */
	padding:.1rem;
	font-size:.2rem;
	display:block;
	text-align:center;
	color:#FFF;
	font-weight:normal;
	letter-spacing:4px;
	text-shadow: 0px 0px 1px #2c2c2c ,  0px 0px 2px #2c2c2c, 0px 0px 2px #2c2c2c , 0px 0px 3px#2c2c2c , 0px 0px 3px #424242,  0px 0px 5px #424242, 0px 0px 5px #424242, 0px 0px 3px#2c2c2c ,  0px 0px 3px #2c2c2c;
}
@media screen and (max-width: 767px){
	.header-sub-title{
		padding:0;
	}
}
/* SET BG IMAGE(HEADER)*/
header.categoryHead h2{
	font-weight:normal;
}
header.categoryHead.page-404{
	background:url(../images/404img.jpg) left center / cover;
}
header.categoryHead.page-owned{
	background:url(../images/bg_img_harukas.jpg) left center;
}
/* 事業概要 */
header.categoryHead.page-concept{
	background:url(../images/header-concept.jpg) left center / cover;
}
header.categoryHead.page-company{
	/*background: url(../images/company-header.png) right center/ 900px no-repeat #e3e4e7 !important;*/
	background: url(../images/company-header.jpg) right center/ cover no-repeat !important;
}
header.categoryHead.page-chukai{
	background:url(../images/yodogawa.jpg) 0 / cover !important;
}
header.categoryHead.page-sell{
	background:url(../images/sky_02.jpg) left center;
}
header.categoryHead.page-leaseback{
	/*background:url(../images/bg-sample-owned.jpg) left center;*/
	background:url(../images/service-leaseback-bg.jpg) left center;
}
header.categoryHead.page-contact,
header.categoryHead.page-mailerror,
header.categoryHead.page-confirm,
header.categoryHead.page-complete{
	background:url(../images/bg-sky.jpg) left center;
}
header.categoryHead.page-buycontact,
header.categoryHead.page-buycontact-confirm,
header.categoryHead.page-buycontact-complete,
header.categoryHead.page-buycontact-mailerror{
	background:url(../images/bg-sky.jpg) left center;
}
header.categoryHead.page-information{
	background:url(../images/bg-sample-08.jpg) 0 / cover !important;
}
header.categoryHead.page-purchase{
	background:url(../images/purchase.jpg) left center / cover;
}
header.categoryHead.page-privacy,
header.categoryHead.page-link{
	background:url(../images/page-header-default.jpg) left top;
}
header.categoryHead.page-property{
	background:url(../images/bg-aloha.jpg) left center / cover;
}

.page-property .item-flex-wrap img{
	border:solid 1px #CCC;
}
header.categoryHead div{
	position: relative;
    margin: auto;
    padding: 1.8rem .35rem;
    max-width: 1080px;
}

header.categoryHead::after{
	content: " ";
	display: block;
	width: 200%;
	padding: 1.8rem 0;
	position: absolute;
	top: 300px;
	/* background: linear-gradient(to right, rgba(230,251,255,0.9 ) 40%, rgba(255,255,255,0) 90%); */
	background:#FFF;
	left: 50%;
	transform: translateX(-50%) rotate(3deg);
}


@media screen and (max-width: 1024px){
	p.breadcrumbs{
		display: none;
	}
}
.categoryPage .mainWrap{
    max-width: 1354px;
    width: 90%;
    max-width: 1354px;
    margin: 0.6rem auto;
    background: #FFF;
    box-shadow: 0px 4px 8px rgb(221 206 189 / 20%);
    padding-top: 0;
}

.categoryPage .informationList{
	padding: 1em 0;
	overflow: hidden;
}
.categoryPage .informationList dt{
	padding-left: .02rem;
}
.categoryPage .informationList dd{
	padding: 1.8em .8em;
	padding-left: .8em;
    align-items: center;
    border-top: 1px solid #dedede;
	box-shadow: 0;
	font-weight: bold;
    transition: all .3s cubic-bezier(.455,.03,.515,.955);
}
.categoryPage .informationList dd:first-child{
	border-top: 0 !important;
}
.categoryPage .informationList dd span:last-child{
	position: relative;
	top: -0.012rem;
	width: 100%;
    font-size: 0.19rem;
    letter-spacing: 0.005rem;
	text-align: left;
}
.categoryPage .informationList dd span:last-child a:hover{
	text-decoration:underline;
}
.categoryPage .informationList dd:hover{
	padding-left: 1.8em;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	border-top: 1px solid #ececec;
}
.categoryPage .informationList dd:hover + dd{
	border-top: 1px solid #ececec;
}
.categoryPage .informationList dd a:hover{
	text-decoration: none;
}

.categoryPage .informationList span:first-child a{
	top: 0;
	font-size: 0.13rem;
}

.wp-pagenavi{
	margin: 0 auto;
}
.wp-pagenavi span:first-child{
	margin-left: 0;
}

.wp-pagenavi span.current{
    line-height: .3rem;
    padding: 0;
    width: .32rem;
    display: inline-block;
	text-align: center;
	border:1px solid #BFBFBF;
}
.wp-pagenavi a.page{
	background: #0C3A4E;
    line-height: .3rem;
    padding: 0;
    width: .32rem;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.wp-pagenavi a.page{
    line-height: .3rem;
    padding: 0;
    width: .32rem;
    display: inline-block;
    text-align: center;
}
.wp-pagenavi a.nextpostslink{
    padding: 3px 8px;
	color: #fff;
	background: #0C3A4E;
}

/*___________________________________________________ お知らせ詳細ページ */
.singlePage .content-body{
    padding: 6em;
}
@media screen and (max-width: 767px){
	.singlePage .content-body{
	    padding: 2.5em;
	}
}
.singlePage h2{
	margin-bottom: .5em;
	margin-left:0;
	padding: 0 .2em;
	line-height: 1.5;
	position:relative;
	font-size:.35rem;
	font-feature-settings:"palt";
}
.singlePage dl{
	padding-top: .38rem;
    font-size: .14rem;
    color: #808080;
}
.singlePage dl dt{
	display: inline-block;

}
.singlePage dl dd{
	display: inline-block;
}
.mainWrap{
	max-width: 1080px;
	margin: auto;
}
@media(max-width: 767px){
	.singlePage .content-body{
		margin: 0 0 2em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 4em;
		width: 100%;
	}
	.singlePage h2{
		padding: 0 5%;
		font-size: .25rem;
	}
	.single_content{
		margin: 0 5%;
	}
}
.editor-area h2,
.editor-area h3{
	/* font-family:  "游明朝" , YuMincho,  "Noto Serif JP" , "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
		font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
}
.editor-area h4{
	font-weight:bold;
	font-size:.22rem;
	padding-bottom:.08rem;
	margin-bottom:.08rem;
}
.editor-area ul{
	list-style-type:disc !important;
	margin-left:.4rem;
}
.editor-area ul li{
	list-style-type:disc !important;
}
.editor-area .inquiryForm{
	width:100%;
	margin-bottom:2em;
}
.editor-area .inquiryForm tr:first-child th,
.editor-area .inquiryForm tr:first-child td{
    border-top:1px solid #eaeaea;
}
.editor-area .inquiryForm th{
	white-space: nowrap;
	width:25%;
    padding:1em 1em;
	box-sizing:border-box;
	text-align:left;
	vertical-align:middle;
	background:#f9f9f9;
	border:none;
	border-top:3px solid #fff;
    border-bottom:3px solid #fff;
    font-size:.18rem;
	/*font-family:  "游明朝" , YuMincho,  "Noto Serif JP" , "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
		font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
}
.editor-area .inquiryForm td{
	padding:1em 1em;
	border:none;
    border-bottom:1px solid #eaeaea;
    width:74%;
}

.editor-area .tokucho h3{
	margin-bottom:.3em;
	color:#197145;
}
.editor-area .tokucho p{
	margin-top:1.5em;
}
.editor-area .tokucho h3+p{
	margin-top:.5em;
}

@media screen and (max-width:767px){
	.editor-area table.inquiryForm,
	.editor-area .inquiryForm tbody,
	.editor-area .inquiryForm tr{
		display:block;
	}
	.editor-area .inquiryForm th,
	.editor-area .inquiryForm td{
		width:auto !important;
		display:block;
		border-width:0;
	}
	.editor-area .inquiryForm th{
		text-align:left;
	}
	.editor-area .inquiryForm td+td{
		padding-top:0;
	}
}
.hissu:after{
	content:"\5FC5\9808";
	margin-right:.8em;
	padding:0.3em 0.7em;
	width:2em;
	color:#fff;
	font-size:13px;
	font-size:.13rem;
	font-weight:bold;
	line-height:1em;
	background:#F95151;
	display:block;
	float:left;
}
.ninni:after{
	content:"\4EFB\610F";
	margin-right:.8em;
	padding:0.3em 0.7em;
	width:2em;
	color:#fff;
	font-size:13px;
	font-size:.13rem;
	font-weight:bold;
	line-height:1em;
	background:#aaa;
	display:block;
	float:left;
}
@media screen and (max-width:760px){
	.hissu:after{
		margin-left:.5em;
		display:inline-block;
		width:3em;
		text-align:center;
	}
	.ninni:after{
		margin-left:.5em;
		display:inline-block;
		width:3em;
		text-align:center;
	}
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"]{
	margin:.2em;
	padding:.4em;
	max-width:70%;
	font:inherit;
	background:#fff;
	border:1px solid #aaa;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	border-radius:7px;
}
select{
	margin:.2em;
	padding:.3em;
	font:inherit;
	background:#fff;
	border:1px solid #aaa;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:7px;
}
textarea{
	margin:.2em;
	padding:.3em;
	width:95%;
	height:300px;
	font:inherit;
	background:#fff;
	border:1px solid #aaa;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	border-radius:7px;
}
input[type="checkbox"],
input[type="radio"]{
	margin:.2em .5em .2em 0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	cursor:pointer;
}
input:disabled{
	opacity:.8;
	background:#ccc;
}

@media screen and (max-width:960px){
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	select,textarea{
		font-size:16px;
	}
}

.inputLong{
	width:95%;
}
.inputMiddle{
	width:240px;
	max-width:99%;
}
.inputShort{
	width:80px;
	max-width:99%;
}
label{
	margin:.2em 1.5em .2em 0;
	display:inline-block;
	cursor:pointer;
}
.btn{
	padding:.6em 2em;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border-radius:5px;
	position:relative;
}
.btnLarge{
	padding:.8em 3em;
	max-width:100%;
	color:#fff;
	font-size:.18rem;
	display:inline-block;
	box-sizing:border-box;
	border-radius:5px;
	position:relative;
}
.btn.next{
	padding:.6em 2em .6em 1.2em;
	width:130px;
	text-align:center;
	box-sizing:border-box;
}
.btn.next::after{
	content:"";
	display:block;
	width:3px;
	height:3px;
	position:absolute;
	top:50%;
	right:.8em;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg) translate(0,-50%);
}
.btnInline{
	margin:.2em;
	padding:.6em 2em;
	max-width:100%;
	color:#fff !important;
	font:inherit;
	background-color:#1f455b;
	border-radius:3px;
	border:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	cursor:pointer;
	-webkit-transition:.5s;
	transition:.5s;
	position:relative;
}
.btnSubmit{
	padding:.6em 3em;
	max-width:100%;
	font-size:18px;
	font-size:.18rem;
	letter-spacing:.1em;
	text-indent:.1em;
	border-radius:3px;
	box-sizing:border-box;
	-webkit-appearance:none;
	cursor:pointer;
    transition:.5s;
	/*background-image: url(../images/arrow.svg);*/
	/*
	background-repeat: no-repeat;
	background-position: right .1rem center;
	background-color: #0C3A4E;
    */
	border:#2155AB solid 1px ;
	background: #FFF;
	box-shadow: 0 1px 3px rgba(9,63,97,.4);
	color:#2155AB;

}
a.btnSubmit{
	margin:.5em;
	display:inline-block;
}
.btnInline:hover{
	opacity:.8;
}
.btnSubmit:hover{
	opacity:.8;
	background:#2155AB;
	color:#FFF;
}
.btnSubmit:disabled{
	background: rgb(200,200,200);
}
.small{
	font-size:12px;
	font-size:.12rem;
}
@media screen and (max-width:767px){
	.mwform-tel-field input[type="text"]{
		width:5em !important;
	}
	textarea{
		height:200px;
	}
	.btnSubmit{
		padding:1em 2em;
	}
}
.error{
    display:block;
    width:80%;
    margin-top:.1rem;
    padding-left:.1rem;
}
table.tableGaiyou{
	margin-top:.35rem;
    border:1px solid #ddd;
}
table.tableGaiyou tr td:first-child{
    background:#f9f9f9;
    width:20%;
    font-weight:bold;
	/*font-family:  "游明朝" , YuMincho,  "Noto Serif JP" , "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
		font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
}
table.tableGaiyou tr td{
    padding:.2rem .15rem;
    line-height:1.5;
}

.wp-block-image img{
	height:auto;
}
.mgn0{
    margin:0 !important;
}
.ownPage{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.section.bukkenPage{
	padding: .85rem 0 .425rem 0;
}
.bukkenInfoLeft{
    width:67%;
}
.bukkenInfoRight{
    width:28%;
    color:#4d6068;
}
.bukkenInfoLeft article.bukkenImage{
    margin-bottom:.3rem;
}
.bukkenInfoLeft article.bukkenImage img{
    width:100%;
    height:auto;
}
.bukkenInfoRight article.bukkenInfo{
    background-color: #F2F5F7;
    padding:.18rem .36rem .36rem .36rem;
	padding:.36rem;
}
.bukkenInfoRight article.bukkenInfo h2{
    font-size:.25rem;
    font-weight:300;
    letter-spacing:2px;
}
.bukkenInfoRight article.bukkenInfo dl{
    letter-spacing:2px;
}
.bukkenInfoRight article.bukkenInfo dl dt{
    padding-bottom:.09rem;
    padding-top:.09rem;
    font-weight:bold;
    font-size:.18rem;
}
.bukkenInfoRight article.bukkenInfo dl dd{
    margin-bottom:.32rem;
    line-height:1.7;
}
.bukkenInfoRight article.bukkenInfo .btnDefault{
	padding: .12rem 0;
	width: 100%;
}
@media screen and (max-width: 767px){
    .ownPage{
        padding: .4rem 0 0 0;
    }
    section.bukkenPage{
        padding-top:0;
    }
    .bukkenInfoLeft{
        width:100%;
    }
    .bukkenInfoRight{
        width:100%;
        color:#4d6068;
    }
    .flex.bukkenImageGaikan{
        display:-ms-flexbox;
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
    }
    .bukkenInfoRight article.bukkenInfo dl dd{
       margin-bottom:.25rem;
        line-height:1.7;
    }
}
.akshitsuFlg,
.purposeFlg{
    position:relative;
    padding-bottom:.75rem;
}
.akshitsuFlgWrap{
    position:absolute;
    top:0;
    left:-.5rem;
    background:#0DAFFC;
    padding:.16rem .48rem;
    font-size:.2rem;
    color:#FFF;
}
.akshitsuFlgWrap.akshitsuNone{
    background:#9C9C9C;
}
.purposeFlgWrap{
    position:absolute;
    top:0;
    left:-.5rem;
    padding:.16rem .48rem;
    font-size:.2rem;
    color:#FFF;
}
.purposeFlgWrap.baikyakuOn{
    background:#9C9C9C;
}
.purposeFlgWrap{
    background:#F99A36;
}
.bukkenImageGaikan li{
    width:48%;
    margin-bottom:.3rem;
}
.bukkenImageGaikan li div{
	position:relative;
	width:100%;
	padding-top:calc(100% * .65);
	overflow:hidden;
}
.bukkenImageGaikan li div:before{
	content:"";
	position:absolute;
	z-index:9999;
	right:0;
	bottom:0;
	display:inline-block;
	background-color:rgba(0,44,63,0.8);
	background-image:url(../images/update.svg);
	background-size:.25rem;
	background-repeat:no-repeat;
	background-position:center center;
	padding:.15rem .22rem;
}
.bukkenImageGaikan li img{
	position:absolute;
	top:0;
	width:100%;
	cursor:pointer;
    transition: opacity .6s;
}
.bukkenImageGaikan li img:hover{
	opacity:.8;
}
.relatedBox{
    /*margin-top:.6rem;*/
}
@media screen and (max-width: 767px){
    .relatedBox{
		margin-top:.45rem;
		border-bottom:none;

    }
}
.miniTitle{
    background:#0C3A4E;
    color:#FFF;
    padding:.18rem .25rem;
    letter-spacing:2px;
    margin-bottom:.45rem;
}
@media screen and (max-width: 767px){
	.miniTitle{
		margin-bottom:.2rem;
	}
}
section.relatedWrap{
    padding-top:0;
}
.slick-dots li button{
        position:absolute;
        bottom:-60px !important;
}
.slick-slide img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px){
    .spHalf li img{
        width:100%;
	}
	.slick-dots li button{
        bottom: -40px !important;
	}
}
.bgGray{
	background:#EFF6F6;
}


/*リースバックについて*/

main.page-leaseback p.lead{
    background: #FBFBFB;
    padding: .5rem;
    margin-bottom: 1rem;
}

main.page-leaseback dl dt{
	position: relative;
    display: flex;
    line-height: 1.5;
    align-items: center;
    color: #0C3A4E;
}

main.page-leaseback dl dd{
	position: relative;
    display: flex;
    line-height: 1.5;
    align-items: center;
	color: #2f2f2f;
	font-size:.18rem;
}
main.page-leaseback dl dt{
	margin-bottom: .1rem;
	font-size: .22rem;
	font-weight: bold;
}
main.page-leaseback dl dd{
	margin-bottom: .3rem;
	padding-bottom: .3rem;
	border-bottom: 1px solid #dedede;
}
main.page-leaseback dl dd:last-child{
	border-bottom: 0;
}
main.page-leaseback dl dd.textOver{
	align-items: flex-start;
}

main.page-leaseback dl span:first-child{
	margin-right: .2rem;
	display: block;
    width: .5rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    background: #2155ab;
    font-size: .2rem;
    font-weight: bold;
    flex-shrink: 0;
}
main.page-leaseback dl.merit-block span:first-child{
	margin-right: .2rem;
	display: block;
    width: .5rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    background: #2155ab;
    font-size: .2rem;
    font-weight: bold;
    flex-shrink: 0;
}


main.page-leaseback dl.merit-block dd span:first-child{
	background:#FFF;
}
main.page-leaseback dl.merit-block dd{
	font-size:.18rem;
	margin-bottom:.3rem;
	padding-bottom:.3rem;
}


main.page-leaseback dl dd span:first-child{
    background: #f3bdbd
}
.leas-back-qa{
	display:inline-block !important;
	position:relative;
	padding-right:100px;
}
.leas-back-qa-img{
	position:absolute;
	right:0;
	bottom:20px;
	width:70px;
}

@media screen and (max-width: 960px){ /*タブレットview*/
	.leas-back-qa{
		display:block !important;
		width:100%;
		padding-right:60px;
	}
	.leas-back-qa-img{
		width:60px;
	}
}
/*買取事業について*/

main.page-purchase p.lead{
    background: #FBFBFB;
    padding: .5rem;
    margin-bottom: 1rem;
}

main.page-purchase dl dt{
	position: relative;
    display: flex;
    line-height: 1.5;
    align-items: center;
    color: #0C3A4E;
}

main.page-purchase dl dd{
	position: relative;
    display: flex;
    line-height: 1.5;
    align-items: center;
	color: #2f2f2f;
	font-size:.18rem;
}
main.page-purchase dl dt{
	margin-bottom: .1rem;
	font-size: .22rem;
	font-weight: bold;
}
main.page-purchase dl dd{
	margin-bottom: .3rem;
	padding-bottom: .3rem;
	border-bottom: 1px solid #dedede;
}
main.page-purchase dl dd:last-child{
	border-bottom: 0;
}
main.page-purchase dl dd.textOver{
	align-items: flex-start;
}

main.page-purchase dl span:first-child{
	margin-right: .2rem;
	display: block;
    width: .5rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    background: #2155ab;
    font-size: .2rem;
    font-weight: bold;
    flex-shrink: 0;
}
main.page-purchase dl.merit-block span:first-child{
	margin-right: .2rem;
	display: block;
    width: .5rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    background: #2155ab;
    font-size: .2rem;
    font-weight: bold;
    flex-shrink: 0;
}


main.page-purchase dl.merit-block dd span:first-child{
	background:#FFF;
}
main.page-purchase dl.merit-block dd{
	font-size:.18rem;
	margin-bottom:.3rem;
	padding-bottom:.3rem;
}


main.page-purchase dl dd span:first-child{
    background: #f3bdbd
}

/*__________________________________________________タブレットview*/

@media screen and (max-width: 960px){ /*タブレットview*/
	.pcBR{
		display: none;
	}
	section {
    	padding:.3rem .15rem;
	}
	header.categoryHead::before {
    	background: linear-gradient(to right,
			rgba(230,251,255,0) 0%,
			rgba(230,251,255,0.5) 20%,
			rgba(230,251,255,0.9) 40%,
			rgba(230,251,255,0.9) 60%,
			rgba(230,251,255,0.5) 80%,
			rgba(255,255,255,0) 100%);
    }
	.header_inner.flex{
		width:100%;
		padding:0;
		display:flex;
		flex-flow: column;
		flex-direction: column-reverse;
	}
	.t-func-btn{
		width:100%;
		text-align:right;
	}
	.logo {
    	width: 100%;
    	overflow: hidden;
	}
	nav ul li.setTel, nav ul li.setMail {
    	margin: 0;
    	padding-left: 0;
    	padding-right: 0;
		flex:1 0 auto;
	}
	.setTel{
		top: 0.12rem;
		right: .9rem;
	}
	.setMail{
		top: 0.12rem;
		right: .1rem;
		border-right: 0;
	}
	.setMail a, .setTel a {
    	display: block;
    	width: .7rem;
    	height: .7rem;
    	overflow: hidden;
	}
	nav ul {
    	border-top: solid 1px #0C2156;
	}
	nav ul li {
    	padding-left: 0.25rem;
    	padding-right: 0.25rem;
    	margin-left: 0rem;
    	margin-right: 0rem;
	}
	nav ul li ul{
		top: .51rem;
		border-top: 0;
		left: -72px;
	}
	nav ul li ul li{
		border-right: 0;
	}
	.fv article ul li span.fvText{
		position: relative;
		margin: 0;
    	left: 0;
		bottom:0;
    	line-height: 1.5;
    	font-size: min(3.7vw, .38rem);
    	background: #0C2156;
    	color: #fff;
	}
	.information article dl dd ul li span:first-child{
		width: 1.2rem;
		padding-left: 0;
	}
	.information article,
	.top_message_wrap{
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.info_category{
		top: -0.03rem;
	}
	.information dl.flex{
		margin: 0 auto;
		display: block;
	}
	.information dl.flex dt{
		margin: 0.5rem 0 0;
		width: 100%;
	}
	.information dl.flex dd{
		width: 100%;
	}
	section.top_message{
		/*margin-top: 0.5rem;*/
		margin-top: 0;
		margin-bottom: 0;
		padding-left: .4rem;
		padding-right: .4rem;
		background-position:center;
	}
	section.top_message	.top_message_wrap {
    	background-color: rgba(255,255,255,.8);
    	padding: .4rem 1.3rem;
	}
	ul.mainService li div{
		margin: 0;
	}
	ul.mainService li div h3{
		font-size: 2.2vw;
	}
	ul.mainService li div p{
		margin: .1rem;
	}
	/*Footer内容のfloat解除*/
	.footerWrap::after{
		content: ' ';
		display: block;
 		clear: both;
 	}

	/*Informarion 一覧*/
	.breadcrumbs{
		display: none;
	}
	.info_date{
		font-size: 0.18rem;
	}
	header.categoryHead h2{
		padding: 0;
		width:100%;
		text-align:center;

	}
	header.categoryHead .current{
		padding: 0 0 0 .35rem;
	}
	section.mainWrap div p{
		padding-left: 0;
	}

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

	/*物件紹介 詳細ページ*/
	.ownerItem li{
		border-bottom: none;
	}
	.ownerItem li a img{
		width:100%;
		height: auto;
	}
	.ownerItem li a div{
		border:	 solid 1px #ECEBEB;
	}

	@media screen and (max-width: 767px){
		.logo{
			padding-top:.17rem;
			text-align: center;
		}
		.logo img{
			width:190px;
			padding-bottom:0;
		}
		.header_inner.flex{
			width: 100%;
		}
		.setTel{
			top: 0.06rem;
			right: .9rem;
		}
		.setMail{
			top: 0.06rem;
			right: .1rem;
			border-right: 0;
		}
		nav ul li ul{
			position:absolute;
			left:0;
			padding-left:0;
			padding-right:0;
		}
	}

	@media screen and (max-width: 376px){ /*SPview*/
		.ownerItem li a{
			/*border-bottom:solid 1px #ECEBEB;*/
		}
		.ownerItem li{
			border:none;
		}
		.ownerItem li a div{
			border-bottom:solid 1px #ECEBEB;
		}
	}
	@media screen and (max-width: 320px){ /*For SE*/
		.setMail,
		.setTel{
			display:block;
			width:.6rem;
			height:.6rem;
			overflow:hidden;
		}
		.setTel{
			right:.85rem;
		}

	}
	/*リースバック タブレット*/
	main.page-leaseback p.lead{
    	background: none;
    	padding: 0 .5rem;
    	margin-bottom: 1rem;
	}
	main.page-leaseback dl dd {
		font-size: .16rem;
	}

	/*仲介物件一覧 タブレット*/
	.chukaiItem ul li{
		display: flex;
	}
	.chukaiItem .wp-pagenavi{
		text-align: center;
	}
	ul.chukaiList li.flex div:last-child ul li.btn{
		padding: .2rem 0 0;
	}
}



@media screen and (min-width:381px) and ( max-width:960px) {
	/*所有物件h4調整*/
	.ownerBulding div h4.tCenter{
		text-align: center !important;
	}
	.ownerBulding div h4.tCenter.spCenter{
		text-align:center !important;
	}
}

/*__________________________________________________/*タブレット-PC調整*/
@media screen and (min-width:961px) and ( max-width:1200px) {
	.logo{
		width: auto;
	}
	.logo span {
		position: absolute;
		top: -0.2rem;
		left: 0.1rem;
		width: 100%;
		min-width: 400px;
	}
	.pcBR{
		display: none;
	}
	nav ul{
		font-size:.16rem;
	}
	nav ul li{
		margin-left: 2vw;
	}
	nav ul li:first-child{
		margin-left: .1rem;
	}
	nav ul>li>ul>li:first-child{
		margin-left: 0;
	}
	/*ul.mainService*/
	ul.mainService li h3{
		font-size: 2.15vw;
	}

	/*section.ownerBulding*/
	.ownerItem ul{
		max-width: 1200px;
	}
}



/*_________________________________________________スマホview*/

 @media screen and (max-width: 767px){
 	main>section{
 		padding-top: 0.5rem;
 	}
  	.fv article ul li{
 		overflow: hidden;
 	}
 	h2,
 	.fv article ul li span.fvText{
 		margin: 0;
		 /*font-size: min(6vw, 0.38rem);*/
		font-size: .34rem;
    	top: -0.02rem;
    	position: relative;
    	line-height: 1.5;
		text-align: left;
		letter-spacing:2px;
 	}
 	/*h2{
  		font-size: 7.5vw;
	  }*/
 	main section div h2{
    	font-size: min(6.5vw, .3rem);
	}
 	a.btnDefault{
 		width: 232px;
		text-decoration: 2px;;
 	}
 	br.sp{
 		display: block;
 	}
 	nav ul{
    	justify-content:space-between;
    	border-bottom: solid 1px #0C2156;
	}
	nav ul li{
	    padding: 0;
		text-align: center;
		font-size:.15rem;
		display:block;
		border-right:1px solid #2155AB;
	}
	nav ul li.sp-no-border{
		border-right:0;
	}
	nav ul li a{
		display:block;
		width:100%;
		text-align: center;
		padding-right:0;
		padding-left:0;
	}
	nav ul li:last-child a{
		border-right:0;
	}
	.fv article ul li img {
    	height: 3rem;
    	object-fit: cover;
	}

	.information article{
		padding-left: .1rem;
    	padding-right: .1rem;
	}
	.information article dl dd ul li span:first-child,
	.information article dl dd ul li span{
		padding-left:0;
		line-height: 1.5;
	}
	.information article dl dd ul li span.info_date{
		display: inline-block;
		width: 1.2rem;
	}
	.information article dl dd ul li span.info_category{
		display: inline;
    	padding: 0 0.08rem;
    	top: 0;
	}
	.information article dl dd ul li span:last-child{
		margin-top: .02rem;
		font-size:.17rem;
	}
	.information article dl dd ul li span a{
		display: inline-block;
		padding: 0;
		line-height: 2;
	}
	.information article dl dd ul li span.info_category a{
		padding: 0 0.2rem;
	}
	.top_message h2{
		line-height: 1.3;
		font-size: min(8vw, .38rem);
		padding-top:.1rem;
		padding-bottom:.2rem;
	}
	section.top_message{
		padding: .2rem;
	}
	section.top_message .top_message_wrap {
    	padding: .2rem;
	}
	/*主なサービス*/
	ul.mainService li{
		margin: 0 auto .45rem;
		width: 376px;
		background-position:center bottom .12rem;
		background-repeat:no-repeat;
		background-size:26px;
	}
	ul.mainService li div h3{
    	font-size: min(5.8vw, .3rem);
	}
	.bannerBox ul li{
		width: 100%;
	}
	.ownerItem{
		margin-bottom:.5rem;
	}
	.ownerItem ul{
		justify-content: center;
	}
	.ownerItem ul li{
    	margin: 0 auto 0;
    	width: auto;
		max-width: 366px;
		height: auto;
	}
	.ownerItem li a div{
		padding: .3rem;
	}

	.ownerItem li div h5 {
		padding-bottom: 0.08rem;
	}
	.companyInfo{
		width: 100%;
		max-width: 367px;
    	margin: 0 auto;
    	overflow: hidden;
	}
	.companyInfoTable{
		margin-top: 0.5rem;
	}
	.companyInfoTable dt{
		margin: 0.25rem 0 0 0;
    	padding: 0 0 0 5px;
    	border: 0;
    	border-left: 5px solid #000;
    	width: 100%;
	}
	.companyInfoTable dd{
		padding-top: 0.15rem;
		padding-left: 10px;
		width: 100%;
	}
	.companyInfoTable dd:last-child{
		border: 0;
	}
	ul.footerLogoBox li{
		padding-right: 0;
		width: 100%;
		text-align: center;
	}
	ul.footerLogoBox li img.footerLogo{
		width: 100px;
	}
	ul.footerLogoBox li p {
    	font-size: .18rem;
	}
	ul.footerLogoBox li p::after{
    	content: '';
    	margin: 0.25rem auto 0;
    	display: block;
    	width: 60%;
    	border-bottom: 1px solid rgba(155, 155, 155, 0.8);
	}
	ul.footerLogoBox li h4 {
		margin: 0.1rem 0 0;
		padding-bottom: 0.15rem;
    	font-size: 0.2rem;
	}
	ul.footerItem{
		text-align: center;
	}
	ul.footerItem li{
		margin-top: 0.3rem;
		margin-left: 0;
	}
	ul.footerItem li::before{
		display: none;
	}
	ul.footerItem li a{
		margin: 0 0.15rem;
	}

	/*information 一覧*/
	.informationList dt{
		display: inline;
	}
	.informationList dt span.info_date{
		display: inline-block;
    	width: 1.1rem;
	}
	.informationList dd{
		display: block;
	}
	.informationList dd span:first-child a{
		display: inline-block;
    	top: -0.02rem;
    	width: 1rem;
    	font-size: .13rem;
        letter-spacing: 0.02rem;
	}
	table.tableGaiyou tr td,
	table.tableGaiyou tr td:first-child{
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 362px){
	nav ul li{
		font-size:.12rem;
	}
}

.infoSubTitle{
	font-size: .28rem;
}
.singlePageOption{
	margin-bottom:.25rem;
	border-bottom:solid 1px #DEDEDE;
	padding-bottom:.25rem;
}
.singlePageOption li{
	display:inline-block;
	margin-right:.08rem;
	font-size:.15rem;
	letter-spacing:1px;
}
.singlePageOption li a{
	color:#FFF;
	display: block;
	text-align: center;
	text-decoration: none;
    font-size: .12rem;
    padding: 0.02rem 0 0.03rem 0;
    letter-spacing: 0.02rem;
    position: relative;
    top: -0.02rem;
	line-height: 1.5;
	width:0.8rem;
	transition: opacity .6s;
}
.singlePageOption li a:hover{
	opacity:.6;
}
.singlePage-info-default a{
	display:block;
	background:#2e7b42;
}
.singlePage-info-important a{
	display:block;
	background:#96351f;
}
.singlePage-info-news a{
	display:block;

	background:#164c63;
}
.singlePage-info-other a{
	display:block;

	background:#2155AB;
}
div.taxListWrap{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	border-radius:6px;
	margin-top:.3rem;
	margin-bottom:0;
}
div.taxListWrap ul{
	font-size:0;
	text-align:center;
}
div.taxListWrap ul li{
	display:inline-block;
	margin-right:2px;
}
div.taxListWrap ul li a{
	display: inline-block;
	background-color:#0C3A4E;
	/*background-image: url(../images/arrow.svg);*/
	background-repeat: no-repeat;
	background-position: right .1rem center;
	background-size: 15px;
	padding: .14rem .3rem;
	letter-spacing: 1px;
	color:#FFF;
	font-size:.14rem;
	margin-top:.25rem;
	margin-bottom:.25rem;
	transition: opacity .6s;
	text-indent:2px;
}
div.taxListWrap ul li a:hover{
	opacity:.6;
}
div.taxListWrap ul li a.nowTerm{
	border:none;
	background-color:#eaeaea;
	/*background-image: url(../images/arrow_kon.svg);*/
	color:rgb(99, 99, 99);
}

@media screen and (max-width: 767px){
	div.taxListWrap ul{
		padding:.1rem;
	}
	div.taxListWrap ul li{
		display:inline-block;
		margin-right:.1rem;
	}
	div.taxListWrap ul li a{
		margin-top:0;
		padding:.14rem .1rem .14rem .1rem;
		background-size: 10px;
		background-position: right .06rem center;
	}
}

@media screen and (min-width: 375px){
	.pc_ban_tel a{
		opacity:unset !important;
		cursor:text !important;
	}
}
.linkOther{
	text-align:center;
	margin-top:.19rem;
}
.linkOther a{
	display:inline-block;
	background-color:#F7A44C;
	background-image: url(../images/other.svg);
	background-repeat: no-repeat;
	background-position: right .1rem center;
	background-size: .3rem;
	box-shadow: 0 1px 3px rgba(9,63,97,.4);
	padding: .08rem .2rem;
	font-weight: bold;
	letter-spacing: 2px;
	color:#FFF;
	width:100%;
	line-height: 2;
}
.btnBukken{
	text-align:center;
	margin-top:.19rem;
}
.btnBukken a {
	display:inline-block;
	background-color:#0C3A4E;
	/*background-image: url(../images/arrow.svg);*/
	background-repeat: no-repeat;
	background-position: right .1rem center;
	box-shadow: 0 1px 3px rgba(9,63,97,.4);
	padding: .08rem .2rem;
	font-weight: bold;
	letter-spacing: 2px;
	color:#FFF;
	width:100%;
	line-height: 2;
	transition: opacity .6s;
}
.btnBukken a:hover{
	opacity:.6;
	text-decoration: none;
}
.searchWrap{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:.1rem .4rem .4rem .4rem;
	text-align:center;
	margin-top:.2rem;
	box-sizing: border-box;
	width:100%;
}
.searchWrap h4{
	background:#0C3A4E;
	text-align:left;
	font-size:bold;
	padding:.06rem 0 .08rem .08rem;
	margin-bottom:.24rem;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-size:.16rem;
	width:360px;
	text-align:center;
	color:#FFF;
}
.searchWrap form{
	display:block;
	position: relative;
	width:360px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width: 767px){
	.searchWrap form{
		width:90%;
	}
}
.searchWrap form input#s-box{
	width:100%;
	max-width:100%;
	margin:0 !important;
	background:#f1f5f8;
}
.searchWrap form button{
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	background:#0C3A4E;
	letter-spacing:4px;
	text-indent:4px;
	border:none;
	padding-left:.14rem;
	padding-right:.14rem;
	color:#FFF;
	border-radius: 0 7px 7px 0;
	cursor:pointer;
	font-size:.15rem;
}
.wp-block-media-text__media img{
	width:100%;
	height:auto;
}

.wp-block-column{
	padding:.12rem .04rem;
}
@media (min-width: 767px){
	.wp-block-columns{
		margin-bottom:.1rem;
		padding:.08rem;
	}
	.wp-block-column{
		padding:.06rem .06rem;
	}
	.wp-block-column:not(:first-child) {
		margin-left:.02rem;;
	}

	.wp-block-column p{
		padding:.1rem 0;
	}
	.wp-block-image{
		padding:0;
		margin-bottom:0;
	}
	.wp-block-column.bgColumn{
		background:#EFF6F6;

		padding:0;
		margin:.1rem;
	}
	.wp-block-column.bgColumn p{
		margin-left:0;
	}
	.wp-block-column h3{
		margin-top:.15rem;
	}
	.wp-block-separator{
		margin:.55rem 0 ;
	}
}

.groupWrap{
	border-radius:6px;
	background:#EFF6F6;
	margin:.4rem .2rem;
}
.groupWrap h4{
	padding:.2rem .1rem;
	margin:.1rem .25rem;
}
.groupWrap ul li{
	margin-top:.0;
	margin-bottom:.15rem;
	line-height:1.6;
	letter-spacing:1px;
}

.wp-block-buttons{

}
.wp-block-buttons a{
	display: inline-block;
    background-repeat: no-repeat;
    background-position: right .1rem center;
    background: linear-gradient(to right, #ffeb54, #ffef74, #ffeb54);
    box-shadow: 0 1px 3px rgb(9 63 97 / 40%);
    padding: .1rem .8rem;
    font-weight: bold;
	letter-spacing: 2px;
	line-height:2;
	text-decoration:none;
    transition: 0.5s cubic-bezier(.175, .885, .32, 1.275);
	transform: scale(1);
	color: #2155AB !important;
	border-radius: 100px;
}
.wp-block-buttons a:hover{
	transform: scale(1.08);
	box-shadow: 0 5px 10px rgb(9 63 97 / 40%);
}
.wp-block-buttons a:after{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #2155AB;
    border-right: 2px solid #2155AB;
    transform: rotate(45deg);
    position: relative;
    left: 0.5em;
    top: -2px;
}
.wp-block-button__link{
	border-radius:0;
	font-size:.17rem;
}
.wp-block-separator{
	border-bottom: 0;
	border-color: #ddd;
}
.wp-block-table table{
	margin-top: 1em;
	border: 1px;
}
.wp-block-table td{
	border: 1px solid #777;
    padding: 1em;
}
@media screen and (max-width: 767px){
	.wp-block-buttons{
		margin-left:0;
		margin-right:0;
	}
	.wp-block-buttons a{
		padding: .1rem .4rem;
		letter-spacing: 2px;
		line-height:2;
		width:100%;
	}
	.wp-block-buttons>.wp-block-button{
		display:block;
		width: 100%;
	}
	.wp-block-button__link{
		border-radius:0;
		font-size:.18rem;
	}
}








.wp-block-columns{
	justify-content: space-between;
}



/*_________________________________________________売却・購入サポート タブレット*/
@media screen and (max-width: 960px){
	.wp-block-columns{
		margin-bottom: .5rem;
		padding: 0;
				flex-wrap: nowrap;
	}
	.wp-block-columns figure{
		padding: 0;
	}
	.wp-block-columns .wp-block-column{
		padding: 0;
	}
	.wp-block-columns div p{
		padding: 0;
	}
	.wp-block-column.bgColumn{
		margin: 0;
	}
	.wp-block-column.bgColumn:nth-child(2){
		margin: 0 .2rem;
	}
	.wp-block-column.bgColumn h5{
		padding: 1.25em 0;
	}
	.wp-block-column.bgColumn p{
		padding: .1rem .2rem .2rem;
	}
	.editor-area ul{
		margin-left: .3rem;
	}
	.groupWrap{
		padding: 0 .2rem .2rem;
	}
	.groupWrap .wp-block-columns{
		margin-bottom: 0;
	}
	h6{
		padding-bottom: .3rem;
	}

}


/*_________________________________________________売却・購入サポート スマホ*/
@media screen and (max-width: 767px){
	.wp-block-columns{
		flex-wrap: wrap;
	}
	.wp-block-columns figure {
		margin-top: .2rem
	}
	.wp-block-column.bgColumn{
		margin-bottom: .4rem;
	}
	.wp-block-column.bgColumn:nth-child(2){
		margin: 0 0 .4rem;
	}
	.wp-block-column.bgColumn:last-child{
		margin: 0;
	}
	.wp-block-column.bgColumn figure{
		margin: 0;
	}
	.wp-block-column.bgColumn p{
		padding: .05rem 0 0 0;
	}
	.groupWrap{
		margin: 0
	}
	.groupWrap h6{
		line-height: 1.8;
    	padding: .4rem .1rem .3rem;
	}
	hr.wp-block-separator{
		margin: .6rem 0;
	}
	.wp-block-buttons{
		display: block;
		text-align: center;
	}
	.wp-block-buttons a{
        padding: 0.5em 0;
        font-size: 4.5vw;
        letter-spacing: .05em;
	}
}
@media screen and (max-width: 767px){
	ul.chukaiArchiveList{
		line-height:1.7;
	}
	ul.chukaiArchiveList li span{
		display:block;
		padding:.025rem;
	}
}
@media screen and (min-width: 961px){
	.headerTime{
		display:inline-block;
	}
}
.editor-area ol ,
.editor-area ul{
	padding-left:.19rem;
	margin-bottom:.47rem;
}
.editor-area ol li ,
.editor-area ul li{
	line-height:1.8;

}
@media screen and (max-width: 767px){
	.editor-area ol ,
	.editor-area ul{
		padding-left:.03rem;
	}
	.wp-block-columns div:first-child ul{
		margin-bottom: 0;
	}
}
.slick-prev:before, .slick-next:before{
	color:#0C3A4E !important;
}

/*
.slick-prev,
.slick-next
{
	z-index: 9999;
	bottom:0 !important;
	top:auto !important;
}
.slick-prev{
	left:10% !important;
}

.slick-next{
	right:10% !important;
}
*/
@media screen and (max-width: 960px){
	.spMgt45{
		margin-top:.45rem !important;
	}
	.spLinkUnset{
		pointer-events:none;
		cursor:default;
	}
}

/*問合せ画面 レイアウト調整*/
.grecaptcha-badge{
    margin-bottom: 60px;
}
@media screen and (max-width: 767px){
	.mwform-tel-field input[type="text"].myTel{
		width:3.5em !important;
	}
	.mwform-zip-field input[type="text"].myZip{
		width:4.5em !important;
	}
}
form .privarypolicy{
	margin-bottom: 0.6rem;
}
form .privarypolicy label{
	margin-top: 0.1rem;
}
form .privarypolicy span.error{
	width: 100%;
    margin-top: 0.05rem;
    margin-bottom: 0.3rem;
}
.pdt0{
	padding-top:0 !important;
}

/*
MW WP FORM CSS
*/
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px;
}
input[type="checkbox"], input[type="radio"] {
    margin: .2em .1em .2em 0;
}
.titleArrow{
	display:inline-block;
	width:22px;
	height:auto;
	margin-left:.1rem;
}
.titleArrow img{
	width:100%;
	height:auto;
	padding-bottom:.07rem;
}
@media screen and (max-width: 960px){
	.titleArrow{
		display:block;
		text-align:center;
		width:100%;
		margin-top:.13rem;
		margin-left:0;
	}
	ul.mainService li span.titleArrow img{
		max-width:26px;
	}
}
.fs17{
	font-size:.17rem !important;
}
@media screen and (max-width: 960px){
	.fs17{
		font-size:.16rem !important;
	}
}

input[type=checkbox]{
	position: relative;
	top: -2px;
}
.mt0{
	margin-top:0 !important;
}
.mt25{
	margin-top:0.25rem !important;
}
.mt05{
	margin-top:0.5rem !important;
}
.mt065{
	margin-top:0.65rem !important;
}
.mt08{
	margin-top:0.8rem !important;
}
.mb0{
	margin-bottom:0 !important;
}
.mt20{
	margin-top:2rem !important;
}
.mt50{
	margin-top:5rem !important;
}
.mb4{
	margin-bottom:.4rem !important;
}
.mb6{
	margin-bottom:.6rem !important;
}
@media screen and (max-width: 767px){
	.mt08{
		margin-top:.55rem !important;
	}
}
.set-circle{
	width:100%;
}
.set-circle:before{
	content:"";
	display:block;
	position:absolute;
	z-index:0;
	background:url(../images/bg-slide.png) repeat-y center;
	width:100%;
	height:520px;
}
.siteTopSlide{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.key-bottom{
	width:100%;
	position:absolute;
	left:0;
	right:0;
	margin:auto auto -1px auto;
	bottom:0;
	z-index:9998;
}
@media screen and (max-width: 1600px){
	.siteTopSlide{
		width:100% !important;
	}
	.key-bottom{
		width:100%;
	}
}
.btn-map{
	display:inline-block;
	padding-left:.15rem;
}
.btn-map a{
	display:block;
	border-radius:6px;
	background:#0C3A4E;
	padding:.05rem .1rem;
	color:#FFF;
}
.pos-fixed{
	z-index:1;
	width:100%;
	position:fixed;
	background:rgba(255, 255, 255 , .8 ) !important;
}
.page-sub-title{
	color:#AB2121;
	text-align:center;
}
.bukken-list{
	font-size:.18rem;
}
.link-area{
	border:solid 1px #2155ab;
	text-align:center;
}
@media screen and (max-width: 767px){
	.link-area{
		margin-bottom:.25rem;
	}
}
p.link-block{
	padding:0 !important;
}
.wp-block-column.link-area{
	padding:0;
}
p.link-block a{
	padding:.15rem .3rem;
	display:block;
	color:#2155ab;
	transition:all .8s ease-out;
	text-decoration:none;
	box-shadow: 0 1px 3px rgba(9,63,97,.4);
}

p.link-block a:hover{
	color:#FFF;
	border:	#2155ab;
	background-color:	#2155ab;
}
.m-0{
	margin:0 !important;
}
.text-large{
	font-size:.26rem;
	font-feature-settings:"palt";
}

.set-arrow-under{
	text-align:center;
	padding-top:.7rem;
	padding-bottom:.7rem;
}
@media screen and (max-width: 767px){
	.set-arrow-under{
		display:none;
	}
}
.set-arrow-under img{
	height:70px;
	width:auto;
}
.contact-wrap{
	text-align:center;
}
.contact-wrap .wp-block-columns{
	align-items:center;
}
.contact-wrap p{
	font-weight:bold;
	/*font-family:  "游明朝" , YuMincho,  "Noto Serif JP" , "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
		font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
	font-weight:bold;
	padding-bottom:0;
	font-size:.22rem;
	position:relative;
	color:#2155AB;
}

.contact-wrap .wp-block-buttons{
	margin-top:.2rem;
}
.contact-wrap div.wp-block-button{
	width:100%;
	margin:0 .2rem;
}
.contact-wrap div.wp-block-button a{
	width:100%;
	padding:.0 .2rem;
	color:#2155AB;
	position:relative;
	background-color:#EFF6F6 ;
	height:120px;
	display:flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
	font-size:.2rem;
}
.contact-wrap div.ico-tel a{
	background: url(../images/ico-tel.png) 125px 35px/ 22px no-repeat;
	padding-left:45px;
	border:solid 1px #2155ab;
}
.contact-wrap div.ico-mail a{
	background: url(../images/ico-mail.png) 134px center/ 25px no-repeat;
	padding-left:50px;
	border:solid 1px #2155ab;
}
.contact-wrap div.link-tel a:after{
	/*content:"受付時間 9:00～18:00（土日祝休業）";*/
	content:"\53D7\4ED8\6642\9593  9:00 ~ 18:00\FF08\571F\65E5\795D\4F11\696D\FF09";
	display:block;
	width:100%;
	text-align:center;
	font-size:.13rem;
	color:#424C50;
	font-weight:normal;
}
@media screen and (max-width: 1024px){
	.contact-wrap div.wp-block-button{
		margin:.125rem 0 .125rem 0;
	}
	.contact-wrap div.ico-tel a{
		background: url(../images/ico-tel.png) 78px 35px/ 22px no-repeat;
	}
	.contact-wrap div.ico-mail a{
		background: url(../images/ico-mail.png) 88px center/ 25px no-repeat;
	}
}
@media screen and (max-width: 767px){
	.contact-wrap div.wp-block-button{
		margin:.125rem 0 .125rem 0;
	}
	.contact-wrap div.ico-tel a{
		background: url(../images/ico-tel.png) 72px 35px/ 22px no-repeat;
	}
	.contact-wrap div.ico-mail a{
		background: url(../images/ico-mail.png) 75px center/ 25px no-repeat;
	}
}
@media screen and (max-width: 320px){
	.contact-wrap div.wp-block-button a{
		padding:.0 .1rem;
		font-size:.16rem;
	}
	.contact-wrap div.ico-tel a{
		background: url(../images/ico-tel.png) 48px 35px/ 22px no-repeat;
	}
	.contact-wrap div.ico-tel a{
		padding-left:25px;
	}
	.contact-wrap div.ico-mail a{
		background: url(../images/ico-mail.png) 55px center/ 25px no-repeat;
	}
	.contact-wrap div.ico-mail a{
		padding-left:25px;
	}
}
.box-shadow{
	box-shadow: 0 1px 3px rgba(9,63,97,.4);
}

.message-box{
	position:relative;
}
@media screen and (max-width: 1280px){
	.message-box{
		background:url("../images/top-bg-town.jpg") center bottom / 1920px  no-repeat;
	}
}
@media screen and (max-width: 767px){
	.message-box{
		background:url("../images/top-bg-town.jpg") center bottom / 800px  no-repeat;
	}
}

.message-box::before{
	content:"";
	display:block;
	position:absolute;
	bottom:-16px;
	width:30px;
	height:30px;
	margin:auto;
	left:0;
	right:0;
}

.greeting-box{
	text-align:left;
	max-width:660px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.8rem;
}

.greeting-box p{
	line-height:2.0;
}
@media screen and (max-width: 767px){
	.greeting-box{
		margin-bottom:.5rem;
	}
}
.theme-lh-default{
	line-height:1.8;
}
.theme-gray{
	background:#F6F6F6;
}
.theme-pdl0{
	padding-left:0;
}
.theme-pdr0{
	padding-right:0;
}

.service-index{
	position:absolute;
	z-index:100;
	top:-.4rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
@media screen and (max-width:767px){
	.service-index{
		position:static;
		transform: none;
		-webkit-transform: none;
	}
}
.topics{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:.251rem;
}
.topics ul li{
	border-bottom:solid 1px #DEDEDE;
	line-height:1.8;
	padding-top:.14rem;
	padding-bottom:.14rem;
	padding-left:.1rem;
	padding-right:.1rem;
	align-items:center;
}
.info_date{
	display:inline-block;
	flex: 0 0 auto;
	font-weight:bold;
	letter-spacing: 0.005rem;
	margin-right:.22rem;
}
.info_cat{
    margin-right: 0.22rem;
	padding: 5px 1em 2px;
    font-size: .16rem;
	font-weight: bold;
    display: block;
    text-align: center;
    border: solid 1px #CCC;
    width: auto;
    position: relative;
    top: -1px;
}
.info_cat.news,
.info_cat.event,
.info_cat.starmap
{
	color: #429ce1;
	border-color: #429ce1;
}

.editor-area .info_cat ul{
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none !important;
}
.info_cat ul li{
	list-style-type: none !important;
}

.info_cat a.cat_info-other{
	border:solid 1px #2155AB;
	color:#2155AB;
}

.info_cat a.cat_info-important{
	border:solid 1px #2155AB;
	color:#2155AB;
}


@media screen and (max-width: 767px){
	.info_date{
		margin-right: .5em;
	}
	.info_cat{
		padding: 3px 1em 3px;
		display:inline-block;
		width:auto;
		font-size: .14rem;
	}

	.info_cat a{
		display:inline-block;
	}
	.categoryPage dl.informationList dd span:last-child{
		margin-top: 0.5em;
		display: block;
		max-width: 100%;
	}
}
.info_content{
	display:block;
	flex: 0 0 auto;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
	flex-shrink:1;
}
.info_content a {
	color:#3d69b3;
}
.informationList a{
	color:#3d69b3;
}
@media screen and (max-width: 767px){
	.info_content{
		width:100%;
	}
}
.info_single{
	margin-right: 0.15rem;
	display:inline-block;
}
.btn-topics{
	display:inline-block;
	border:solid #2155AB 1px;
	color:#2155AB ;
	padding-top:.15rem;
	padding-bottom:.10rem;
	padding-left:.26rem;
	padding-right:.34rem;
	font-size:.16rem;
	transition:all .8s ease-out;
	background:url(../images/sq_blue.png) right 10px center / 5px 7px no-repeat;
}
.btn-topics:hover{
	color:#FFF;
	background:url(../images/sq.png) right 10px center / 5px 7px no-repeat #2155AB;
	text-decoration: none;
}

@media screen and (max-width: 767px){
	.btn-topics{
		font-size:.13rem;
	}
}
.copy{
	font-size:.12rem;
	text-align:center;
	color:#FFF;
	background: #2155AB;
	padding-top:.08rem;
	padding-bottom:.08rem;
}
.footer-content{
	width:96%;
	margin-left:auto;
	margin-right:auto;
	padding-top:.3rem;
	padding-bottom:.3rem;
}
.footer-img{
	width:75%;
}
@media screen and (max-width: 1024px){
	.footer-img{
		display:none;
	}
}

.display-sp,.display-inline-sp{
	display:none;
}

@media screen and (max-width: 767px){
	.display-sp{
		display:block;
	}
	.display-inline-sp{
		display:inline-block;
	}
	.display-pc{
		display:none;
	}
}

h3.title-center{
    display: inline-block;
    margin: .6rem auto 50px;
    padding: 0px 50px 26px 70px;
    position: relative;
    line-height: 4px;
    z-index: -1;
    text-shadow: 0 2px 0 #fff;
    white-space: nowrap;
	font-size:.32rem;
	letter-spacing:1px;
	font-weight:bold;
	color:#2155ab;
/*	border-bottom:solid 5px #2155ab;*/
}

h3.title-center:before
{
    position: absolute;
    content: '';
    left: -2px;
    top: -5px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index: -2;
}

h3.title-center:after{
    position: absolute;
    content: '';
    right: -2px;
    top: -5px;
    border: none;
    border-right: solid 40px white;
    border-top: solid 79px transparent;
    z-index: -2;
}

@media screen and (max-width: 1024px){
	h3.title-center{
		position:static;
		margin-top:.8rem;
		margin-bottom:.2rem;
		padding: 10px;
		display:block;
		background:#2155ab;
		font-size:.24rem;
		color:#FFF;
		line-height:normal;
		text-shadow:none;
	}
	h3.title-center:before
	{
		position: static;
		display:none;
	}

	h3.title-center:after{
		position: static;
		display:none;
	}
}

@media screen and (max-width: 767px){
	.pc-br{
		display:none;
	}
}

@media screen and (max-width: 767px){
	.item-flex-wrap .wp-block-image {
		padding-bottom:0 !important;
	}
	h3.title-center{
		padding-left: 0px;
		padding-right: 0px;
	}
	h3.title-center:after,
	h3.title-center:before{
		display:none;
		position:static;
	}
}
@media screen and (max-width: 320px){
	h3.title-center{
		font-size:.25rem;
	}
}
.h6-page-concept{
	line-height:1.5;
}
/* WP MW FORM */
.mw_wp_form_confirm .input-message{
	display:none !important;
}

@media screen and (max-width: 767px){
	.theme-sp-tCenter{
		text-align:center !important;
	}
}
@media screen and (max-width: 767px){
	.grecaptcha-badge {
		opacity: 0;
	}
}

/* FOR TABLEPRESS */
@media screen and (max-width: 1024px){
	.tablepress tbody tr:first-child td:first-child{
		border-bottom:1px solid #ddd !important;
	}
}
/* link-btn google map */
.btn-gmap{
	display:inline-block;
	padding:.03rem .18rem .04rem .31rem;
	color:#FFF;
	background:url(../images/map-pin.png) 15px center / 10px no-repeat #2155ab;
	margin-left:.35rem;
	transition: opacity .6s;
	font-size:.14rem;
	box-shadow: 0 1px 6px rgb(0 0 0 / 35%);
}
.btn-gmap:hover{
	opacity:.6;
}
@media screen and (max-width: 767px){
	.btn-gmap{
		display:block;
		width:75px;
		margin-left:.0 !important;
		margin-top:.15rem;
		background:url(../images/map-pin.png) 16px center / 10px no-repeat #2155ab;
		padding:.08rem .2rem .08rem .32rem;
		text-align:center;
	}
}
.theme-service-section{
	padding-top:.6rem !important;
}

.theme-color-blue{
	color:#2155ab !important;
}
.theme-margin-top-large{
	margin-top:1rem;
}
.t-sub-text{
	display:inline-block;
	font-size:88%;
	margin-top:.08rem;
}
.t-text-dash{
	border-bottom: dashed 2px #FFF;
}
/* mw wp form エラー表示 */
.t-btn-slider{
    display:inline-block;
    border:solid 1px #FFF;
    padding:.03rem .18rem .05rem .2rem;
    color:#FFF;
	letter-spacing:2px;
	transition: opacity .6s;
	font-size:.15rem;
	box-shadow: 0 1px 3px rgba(9,63,97,.8);
}
.t-btn-slider:hover{
	opacity:.6;
}
@media screen and (max-width: 1024px){
	.rslides_tabs{
		bottom:-35px;
	}
	.rslides_tabs a{
		padding:4px!important;
	}
}
.theme-font-thin{
	font-weight:normal !important;
}
@media screen and (max-width: 767px){
	.t-space-sp{
		height:20px !important;
	}
}

h2.main-title{
	border-width:3px !important;
}
p.link-concept a{
    font-size:.8rem !important;
}

.contact-wrap div.wp-block-button{
	margin:0;
}
.contact-wrap .wp-block-columns{
	gap:0 !important;
}

.block_jp.display_on,
.block_en.display_on{
	display:block;
}
.text_jp.display_on,
.text_en.display_on{
	display:inline;
}
@media(max-width:768px){
    .text_jp.display_on,
    .text_en.display_on{
        letter-spacing: -1px;
    }
}
.t-center{
	text-align:center;
}
.t-left{
	text-align:left;
}
.t-right{
	text-align:right;
}
.t-nichi{
	font-size:13px;
}

.top-page-title{
	font-size:3em;
	color:#FFF;
	text-align:center;
	text-shadow: #303030 1px 0 10px;
	text-decoration: underline #F5F5F5 4px;
	text-underline-offset: 16px;
	line-height:1.5;
}

.block_en .top-page-title{
    letter-spacing: .02em;
}

.block_en .top-page-title .small{
    font-size: 84%;
}

@media screen and (max-width: 767px){
	.top-page-title{
		font-size:1.4em;
		text-decoration: none;
	}
}
.top-content-wrap{
	max-width:1354px;
	width:100%;
	display:flex;
	margin-left:auto;
	margin-right:auto;
	justify-content: space-between;
	color:#FFF;
	margin-top:.48rem;
}
@media screen and (max-width: 767px){
	.top-content-wrap{
		margin-top:.08rem;
	}
}
.top-content-left{
	width:58%;
	padding:.8em .8em .8em 0;
	box-sizing: content-box;
	box-sizing: border-box;
}

.top-content-left figure{
	border-radius: 20px;
	/* box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5); */
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 20%);
	overflow:hidden;
}
.top-content-left figure img{
	width:100%;
	vertical-align:top;
}
.top-content-right{
	width:46%;
	font-weight:bold;
	padding:1.6em;
}
h2.t-top-message{
	display:inline-block;
	color:#03275C;
	margin-bottom:.5em;
	font-size:.38rem;
}
h2.t-top-message span{
	display:inline-block;
	background:#FFF;
	padding:.4em;
	margin-bottom:.4em;
}

@media screen and (max-width: 1080px){
	.top-content-wrap{
		flex-flow: column;
	}
	.top-content-left{
        padding:.8em;
		width:100%;
	}
	.top-content-right{
		width:100%;
	}
	h2.t-top-message {
		font-size:.2rem;
	}
	h2.t-top-message{
		font-size:.48rem;
	}
}

@media screen and (max-width: 767px){
	h2.t-top-message{
		font-size:.24rem;
	}
    h2.t-top-message span{
        width: 100%;
        letter-spacing: .02em;
        display: flex;
        text-align: left;
        justify-content: center;
    }
    h2.t-top-message span + br{
        display: none;
    }
}
.update-content{
	max-width:1354px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.t-grid{
	display:grid;
    grid-template-columns: 48% 48%;
	justify-content: space-between;
}
@media screen and (max-width: 767px){
	.t-grid{
		display:block;
	}
}
.update-content-title{
	font-size:.36rem;
	border-bottom:#0068B7 solid 3px;
	padding-left: .2em;
	padding-bottom:.05rem;
}
.update-content-sub-title{
	display:inline-block;
	margin-left:.13rem;
	font-size:.13rem;
	font-weight:bold;
}
.update-content-list{
	margin-top:.36rem;
}
.update-content-date{
	display:inline-block;
	font-size:.18rem;
	font-weight:bold;
	margin-top:.18rem;
	margin-bottom:.06rem;
}
.update-content-cat{
	margin-left: .5em;
	display:inline-block;
	font-size: .16rem;
	font-weight: bold;
	background: #fff;
}
.update-content-pagetitle{
	line-height:1.5;
	display:block;
	border-bottom:solid 1px #DFDFDF;
	padding-bottom:0.13rem;;
}
.update-content-list li{
	padding-left: 0;
	transition: all .3s cubic-bezier(.455,.03,.515,.955);
}
.update-content-list li:hover{
	padding-left: 1em;
}
.update-content-list li .update-content-pagetitle a{
	display: block;
	transition: all .3s cubic-bezier(.455,.03,.515,.955);
}
.update-content-date a:hover{
	text-decoration: none;
	color: #0DAFFC;
}
.update-content-pagetitle a:hover{
	text-decoration: none;
	color: #0DAFFC;
}

.update-content-main{
	padding: 0 1em;
}

@media screen and (max-width: 767px){
	.update-content-main{
		padding: 0;
	}
}

.move-list{
	margin-top: .36rem;
	display:flex;
	flex-wrap: wrap;
}
.move-content-box{
	width:calc(100% / 3);
	aspect-ratio: 16 / 9;
	margin-top:-1px;
}
.move-content-box.is_large{
	width:100%;
	margin-top:0px;
}
/*
.move-content-item{
	width:100%;
	height:100%;
}
*/
.move-content-item {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.move-content-item iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.move-content-item img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 767px){
	.move-list{
		flex-flow: column;
	}
	.move-content-box+.move-thumnail{
		width:90%;
		margin-top:1.6em;
		margin-left:auto;
		margin-right:auto;
	}
}
.t-set-arrow{
	margin-top:.4rem;
}
.set-banner-section{
	background:#FCFCFC;
}

.is-black .set-banner-section{
	background: #181717 !important;
}
.set-banner{
	max-width:1245px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.set-banner-list{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.set-banner-list-content{
	width:calc(100% / 3);
	padding-left:1em;
	padding-right:1em;
}
.set-banner-list-content img{
	width:100%;
}
@media screen and (max-width: 960px){
	.set-banner-list-content{
		width:calc(100% / 3);
		padding-left:.3em;
		padding-right:.3em;
	}
}

@media screen and (max-width: 600px){
	.set-banner-list{
		display:block;
	}
	.set-banner-list-content{
		width:70%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		margin-bottom:.24rem;
	}
	.set-banner-list-content:last-child{
		margin-bottom:0;
	}
	.set-banner-list-content img{
		max-width:260px;
	}
}
.set-banner-list-content img{
	max-width:379px;
	height:auto;
}


/* 英語のロゴバナー */
.block_en .set-banner-list{
	padding: 0 1em;
	display:flex;
	justify-content: space-between;
	gap: 1em;
	align-items:center;
}
.block_en .set-banner-list-content{
	padding: 0;
	width: auto;
}
.block_en .set-banner-list-content img{
	height:7vw;
	max-height: 95px;
	width:auto;
}
@media screen and (max-width: 960px){
	.block_en .set-banner-list{
		padding: 0;
		gap: .5em;
	}
	.block_en .set-banner-list-content{
		width:auto;
	}
	.block_en .set-banner-list-content img {
		height: 8.5vw;
	}
}
@media screen and (max-width: 600px){
	.block_en .set-banner-list{
		display:block;
	}
	.block_en .set-banner-list-content{
		width:70%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		margin-bottom:.24rem;
	}
	.block_en .set-banner-list-content:last-child{
		margin-bottom:0;
	}
	.block_en .set-banner-list-content img{
		width: 100%;
		max-width:379px;
		height: auto;
		max-height: 100%;
	}
}




.about-corporation{
	background:#46B3E8;
}
.about-corporation-content{
	max-width:1354px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	align-items:center;
}
.about-corporation-logo{
	width:33%;
	background:#F4F4F4;
	padding:.24rem;
	border-radius:10px;
}
.about-corporation-logo img{
	width:100%;
}
.about-corporation-text{
	width:67%;
}
.about-corporation-para{
	padding:0 .32rem;
	font-weight:bold;
	color:#FFF;
}

.about-corporation-para h3{
	margin-bottom:.16rem;
}

.about-corporation-para p{
	margin-bottom:.04rem;
}
@media screen and (max-width: 767px){
	.about-corporation-content{
		flex-flow: column;
	}
	.about-corporation-logo{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.about-corporation-text{
		width:90%;
		margin-top:.24rem;
	}
	.about-corporation-para{
		padding: 0 0.24rem;
	}
	.about-corporation-para p{
		margin:.02rem;
	}
}
.sec-footer{
	background: #fff;
}
.sec-footer-content{
	max-width:1354px;
	padding: 2em 0 0 0;
	width:95%;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
}
.sec-footer-logo{
	max-width:1354px;
	width:100%;
	margin:0 auto .12em auto;;
}
.sec-footer-logo img{
	width:233px;
}
.sec-footer-content-corporate-link{
	font-size:.15rem;
	margin-bottom:.08rem;
}
.sec-footer-content-corporate-link li{
	display:inline-block;
	margin-right:.16rem;
	line-height: 1.5;
}

.sec-footer-content-corporate-link li a{
	padding-left: .13rem;
	background:url(../images/other-site.svg) left top 1px / 12px auto no-repeat;
}
.sec-footer-content-link ul{
	font-size:.15rem;
	text-align:right;
	margin-bottom:.08rem;
}
.sec-footer-content-link li{
	display:inline-block;
	margin-right:.1rem;
	line-height: 1.5;
}
.sec-footer-content-link li a{
	display:block;
}
@media screen and (max-width: 767px){
	.sec-footer-content{
		flex-flow: column;
		padding:.3rem .3rem .15rem .3rem;
	}
	.sec-footer-content-corporate-link{
		margin-bottom:0;
		line-height:1.8;
	}
	.sec-footer-content-link ul{
		text-align:left;
		margin-top:.16rem;
		line-height:1.8;
	}
	.sec-footer-content-corporate-link li a{
		padding-left:.14rem;
		background:url(../images/other-site.svg) left center / 12px auto no-repeat;
	}
}

.sec-footer-contact{
    max-width: 1354px;
    padding:0 0 2em 0;
    width: 95%;
    margin: 0 auto;
	margin-top:.2rem;
	font-size:.15rem;
}

.sec-footer-contact h4{
	font-weight:bold;
	margin-bottom:.06rem;
}

.sec-footer-contact ul li{
	line-height:1.3;
}

@media screen and (max-width: 767px){
	.sec-footer-contact{
		padding:0 .3rem .2rem .3rem;
		margin-top:.0;
	}
}

/* single */
.single_content{
	margin-top: 2em;
    border-bottom: 1px solid #cfeaff;
}
.content-body{
	margin:.6rem auto;
	padding-top: 5em;
	max-width:1354px;
	width:90%;
	max-width: 1354px;
	background:#FFF;
	box-shadow: 0px 4px 8px rgb(221 206 189 / 20%);
}

.set-pan{
	display:block;
	max-width:calc(1354px + 1.2em * 2);
	width: 95%;
	margin: .1rem auto;
	padding: .5em 0;
	font-size: .14rem;
}
@media screen and (max-width: 767px){
	.set-pan{
		display:none;
	}
}
.set-pan a{
	padding: .5em .8em;
	border-radius: 5px;
}
.set-pan a:hover{
	color: #0DAFFC;
    background: #fff;
    text-decoration: none;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 1%);
}

.single-datebar{
    padding: 0.2em 1em;
    background: #f5f9fc;
    font-size: .16rem;
    align-items: center;
}
@media screen and (max-width: 767px){
	.single-datebar.t-flex{
		display:block;
	}
}
.datebar__date{
    padding-left: 1.5em;
    padding-right: 1.5em;
	padding-bottom: 0;
	line-height: 1.6;
    background: url(../images/ico_datebar_pen.svg) 0px 2px / auto 20px no-repeat;
}
.datebar__cat  .post-categories{
    height: 100%;
	line-height: 1.6;
	display:flex;
	gap:.8em;
}
.datebar__cat  .post-categories a{
	padding-top: 1px;
	padding-left: 1.3em;
	display: block;
    background: url(../images/ico_datebar_cat.svg) 0 5px / auto 13px no-repeat;
	border-bottom: 1px dashed #ddd;
}
.datebar__cat  .post-categories a:hover{
	text-decoration: none;
	color: #0DAFFC;
	border-bottom: 1px dashed #80d7ff;
}


/* 投稿アイキャッチ */
.single_thumbnail{
	margin: 1em 0;
	max-height: 400px;
	overflow: hidden;
}
.single_thumbnail img{
	width: 100%;
	height: 100%;
	max-height: 400px;
	object-fit: cover;
}

/* 投稿内のリンク */
.single_content a{
	font-weight: bold;
	border-bottom: 1px dashed #ddd;
}

/* 前の記事へ　次の記事へ */
.single-pagebtn{
	margin-top: 2em;
	gap: 1.5em;
	width: 100%;
}
.single-pagebtn li{
	flex-basis: 50%;
}
.single-pagebtn a{
    padding: 0.5em 2em 2em;
    display: block;
    width: 100%;
    height: 100%;
	background: linear-gradient(to right, #b7dcf8, #d0ebff);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
	transition: .25s;
	opacity: 1;
}
.single-pagebtn a:hover{
	text-decoration: none;
	color: #0DAFFC;
	opacity: .8;
	box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
}
.single-pagebtn__before a{
	position: relative;
	/* padding-left: 2.8em; */
}
/* .single-pagebtn__before a:before{
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1.5em;
    height: calc(100% + 2px);
    background: #0068B7;
} */
.single-pagebtn__before a:after{
	content: "";
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    left: 10px;
    width: 8px;
    height: 8px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
}

@media screen and (max-width: 767px){
	.single-pagebtn__before a:after{
	    top: 50%;
	}
}

.single-pagebtn__after a{
	position: relative;
	/* padding-right: 2.8em; */
}
/* .single-pagebtn__after a:before{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 1.5em;
    height: calc(100% + 2px);
	background: #0068B7;
} */
.single-pagebtn__after a:after{
	content: "";
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    right: 10px;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
}
.single-pagebtn p.display_on{
	padding: 0;
	display: flex;
	justify-content: center;
	text-align: left;
	line-height: 1.4;
    font-size: 90%;
	font-weight: bold;
}
.single-pagebtn span{
    margin: 0 auto .25em auto;
	padding: 5px 0 4px;
    background: #ffffff;
    width: 100px;
    color: #71aedd;
    font-size: 80%;
    text-align: center;
    font-weight: bold;
}
.single-pagebtn span.block_en{
    width: 150px;
}
@media(max-width: 767px){
	.single-pagebtn{
		padding: 0 2%;
		gap: 3vw;
	}
	.single-pagebtn a{
		padding: 0.5em 2em 1em;
		border-radius: 5px;
	}
}




/*_________________________________________________固定ページ*/
.page-header{
	position: relative;
}
.page-header__icatch {
	position: absolute;
	top: 0;
	width: 100%;
	height: 500px;
	max-height: 500px;
	overflow: hidden;
}
.page-header__icatch img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-header__title{
	position: relative;
	display: flex;
	height: 500px;
	justify-content: center;
	align-items: center;
}
.page-header__title h2.display_on{
	padding: 0 5%;
	display: flex;
	justify-content: center;
	text-align: justify;
	color: #fff;
	font-size: .5rem;
	letter-spacing: .05em;
	text-shadow: 1px 1px 8px rgb(0 0 0 / 10%);
}
@media(min-width:768px){
	.page-header__title h2{
		max-width:80%;
		line-height:1.5;
	}
}
.Page-main{
	padding-bottom: 5em;
	background: #fbfcff;
}
.Page-main h2,
.Page-main h3{
	margin-top: 2em;
	margin-bottom: 3em;
    position: relative;
	display: flex;
    justify-content: center;
    font-size: .35rem;
    letter-spacing: .1em;
    line-height: 1.4;
    text-align: left;
}
.Page-main h2:after,
.Page-main h3:after{
	position: absolute;
    content: "";
    display: block;
    width: 260px;
    height: 8px;
    background: linear-gradient(to right, #0068B7, #0b20c0);
    border-radius: 10px;
    left: calc(50% - 130px);
    bottom: -1.5em;
}
.Page-main h2:nth-of-type(n + 2),
.Page-main h3:nth-of-type(n + 2){
	margin-top: 5em;
}
.Page-main .block_en h2,
.Page-main .block_en h3{
	letter-spacing: 0;
}
.editor-area h4 {
    font-weight: bold;
    font-size: .22rem;
    padding-bottom: 0;
    margin-bottom: 0.08rem;
    border-left: 8px solid #3d589b;
    padding-left: 0.5em;
}
.Page-main h5 {
    font-weight: bold;
    font-size: .22rem;
    padding-bottom: 0.08rem;
    margin-bottom: 0.08rem;
}
.Page-main h6 {
    font-weight: bold;
    font-size: .2rem;
    padding-bottom: 0.08rem;
	padding-left: 0;
	padding-top: 0;
    margin-bottom: 0.08rem;
}
.Page-main .mainWrap{
	width: 95%;
	max-width: 1354px;
}
.Page-main .wp-block-columns{
	margin-top: 2em;
}
.Page-main .wp-block-columns + .wp-block-columns{
	padding-top: 2em;
    border-top: 1px solid #ddd;
}
.Page-main section p{
	padding-bottom: 1.5em;
	text-align: justify;
}
@media(max-width:767px){
	.page-header__title h2{
		font-size: .32rem;
	}
	.Page-main h2,
	.Page-main h3{
		font-size: .25rem;
	}
	.Page-main h2:after,
	.Page-main h3:after{
		width: 210px;
		left: calc(50% - 105px);
	}
	.page-header__icatch,
	.page-header__title{
		height: 80vw;
	}
	.Page-main .wp-block-columns,
	.wp-block-columns figure{
		margin-top: 0;
	}
	.Page-main .wp-block-columns + .wp-block-columns{
		border-top: 0;
	}
	.Page-main .wp-block-columns.column-sp-reverse{
		flex-direction: column-reverse;
	}
	.Page-main .wp-container-3{
		gap: 0;
	}
}



/*_________________________________________________ 404 */
.singlePage.page-404{
	padding: 2em 0.6rem;
}
.singlePage .h2-404 {
	font-size: .5rem;
	color: #2155AB;
}
.charabox-404{
	margin: 1em 0 3em;
}
.baloon-404{
	margin-left: 1em;
	padding: 1em 1.5em;
	background: #fff;
    border-radius: 30px;
	font-weight: bold;
}
.btn-404{
    border: 3px solid #2155AB;
    max-width: 420px;
    width: 90%;
    margin: 0 auto;
    padding: 1em 0;
    font-size: .25rem;
    font-weight: bold;
    background: #fff;
    color: #2155AB;
    letter-spacing: .1em;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 10%);
	transition: .25s;
}
.btn-404:hover{
	background: #2155AB;
    color: #fff;
	text-decoration: none;
}
@media(max-width: 767px){
	.singlePage.page-404{
		padding: 0;
	}
	.singlePage .h2-404 {
		font-size: 9.5vw;
	}
	section.mainWrap div p.baloon-404{
		padding: 1em 1.5em;
	}
	.btn-404{
		font-size: .2rem;
	}
}





/*_________________________________________________ state */

.cl_white.is-active,
.cl_black.is-active{
	background:#234a83 !important;
	color:#FFF !important;
}

/* 黒背景のとき */
body.is-black,
.is-black .single-datebar{
	background: #fff;
}
.is-black .Page-main h2:after,
.is-black .Page-main h3:after{
	background: #fff;
}
.is-black .mainWrap *{
	border-color: #ccc !important;
	color: #fff;
}
.is-black .about-corporation,
.is-black .Page-main .mainWrap,
.is-black .cl_black{
	background: #000;
}
.is-black .single_content a,
.is-black .mainWrap a{
	color: #fff;
}
.is-black footer a,
.is-black .update-content-list li .update-content-pagetitle a{
	color: #000;
    text-decoration: underline dashed;
    text-decoration-color: #fff;
    text-underline-offset: 2px;
	transition: .25s;
}
.is-black a:hover,
.is-black .update-content-list li:hover .update-content-pagetitle a{
    text-decoration: underline dashed;
    text-decoration-color: #666;
    text-underline-offset: 2px;
}
.is-black .top-page-title,
.is-black .Page-main h3,
.is-black .Page-main p,
.is-black .cl_black{
	color: #fff;
}
.is-black .top-bg{
    background: url(../images/top-bg02.png) center bottom / cover no-repeat;
}
.is-black .wp-block-buttons a{
	background: #fff;
	color: #000 !important;
}
.is-black .wp-block-buttons a:after{
	border-color: #000;
}


/* 黒背景のとき サイトトップ */
.is-black .update-content-main .info_cat.event,
.is-black .update-content-main .info_cat.news,
.is-black .update-content-title{
	color: #000;
	border-color: #000;
}
.is-black .copy{
	background: #666;
}
.is-black #page_top a img{
	border: 5px solid #fff;
}


/* 黒背景のとき 固定ページ */
.is-black .Page-main .mainWrap{
	margin-top: 3em;
	padding-top: 1px;
}
.is-black .Page-main .mainWrap{
	background: #000;
	color: #fff;
}

/* 黒背景のとき 投稿ページ */
.is-black .singlePage .content-body{
	background: #000;
	color: #fff;
}
.is-black .singlePage .single_content {
    border-color: #fff;
}
.is-black .single-pagebtn a{
	background: #fff;
	color: #000;
}
.is-black .single-pagebtn__before a:after{
	border-color: #000;
}
.is-black .singlePage .single-datebar,
.is-black .single-pagebtn span{
	color: #000;
}


.is-black .categoryPage .content-body,
.is-black .categoryPage .info_cat.event,
.is-black .categoryPage .info_cat.news,
.is-black .categoryPage .content-body a{
	background: #000;
	color: #fff;
	border-color: #fff;
}


/* 黒背景404 */
.is-black .page-404 .mainWrap {
	background: #000;
}
.is-black .baloon-404,
.is-black .btn-404{
	color: #000 !important;
}
.is-black .btn-404:hover{
	background: #fff;
	opacity: .8;

}

@media(max-width:768px){
    body.is-noscroll{
        height: 100vh;
        overflow: hidden;
    }
}






/*_________________________________________________theme*/
.t-m-auto{
	margin-left: auto;
	margin-right: auto;
}
.t-flex{
	display: flex;
}
.t-flex-center{
	justify-content: center;
}

/* padding */
.t-pt-0{padding-top:0 !important;}
.t-pt-1em{padding-top: 1em !important;}
.t-pt-2em{padding-top: 2em !important;}
.t-pt-3em{padding-top: 3em !important;}
.t-pt-4em{padding-top: 4em !important;}
.t-pt-5em{padding-top: 5em !important;}
.t-pt-6em{padding-top: 6em !important;}
.t-pt-7em{padding-top: 7em !important;}
.t-pt-8em{padding-top: 8em !important;}
.t-pt-9em{padding-top: 9em !important;}
.t-pt-10em{padding-top: 10em !important;}

.t-pb-0{padding-bottom: 0 !important;}
.t-pb-1em{padding-bottom: 1em !important;}
.t-pb-2em{padding-bottom: 2em !important;}
.t-pb-3em{padding-bottom: 3em !important;}
.t-pb-4em{padding-bottom: 4em !important;}
.t-pb-5em{padding-bottom: 5em !important;}
.t-pb-6em{padding-bottom: 6em !important;}
.t-pb-7em{padding-bottom: 7em !important;}
.t-pb-8em{padding-bottom: 8em !important;}
.t-pb-9em{padding-bottom: 9em !important;}
.t-pb-10em{padding-bottom: 10em !important;}

.t-pl-1em{padding-left: 1em !important;}
.t-pl-2em{padding-left: 2em !important;}
.t-pl-3em{padding-left: 3em !important;}
.t-pl-4em{padding-left: 4em !important;}
.t-pl-5em{padding-left: 5em !important;}
.t-pl-6em{padding-left: 6em !important;}
.t-pl-7em{padding-left: 7em !important;}
.t-pl-8em{padding-left: 8em !important;}
.t-pl-9em{padding-left: 9em !important;}
.t-pl-10em{padding-left: 10em !important;}

/* margin */
.t-mt-1em{margin-top: 1em !important;}
.t-mt-2em{margin-top: 2em !important;}
.t-mt-3em{margin-top: 3em !important;}
.t-mt-4em{margin-top: 4em !important;}
.t-mt-5em{margin-top: 5em !important;}
.t-mt-6em{margin-top: 6em !important;}
.t-mt-7em{margin-top: 7em !important;}
.t-mt-8em{margin-top: 8em !important;}
.t-mt-9em{margin-top: 9em !important;}
.t-mt-10em{margin-top: 10em !important;}

.t-mb-1em{margin-bottom: 1em !important;}
.t-mb-2em{margin-bottom: 2em !important;}
.t-mb-3em{margin-bottom: 3em !important;}
.t-mb-4em{margin-bottom: 4em !important;}
.t-mb-5em{margin-bottom: 5em !important;}
.t-mb-6em{margin-bottom: 6em !important;}
.t-mb-7em{margin-bottom: 7em !important;}
.t-mb-8em{margin-bottom: 8em !important;}
.t-mb-9em{margin-bottom: 9em !important;}
.t-mb-10em{margin-bottom: 10em !important;}

.t-ml-1em{margin-left: 1em !important;}
.t-ml-2em{margin-left: 2em !important;}
.t-ml-3em{margin-left: 3em !important;}
.t-ml-4em{margin-left: 4em !important;}
.t-ml-5em{margin-left: 5em !important;}
.t-ml-6em{margin-left: 6em !important;}
.t-ml-7em{margin-left: 7em !important;}
.t-ml-8em{margin-left: 8em !important;}
.t-ml-9em{margin-left: 9em !important;}
.t-ml-10em{margin-left: 10em !important;}

.t-article-title {
	padding-bottom: 1em;
}
.t-h4-plane{
	border-left: none !important;
}
a.info_cat:hover{
	text-decoration:underline !important;
}

/* 2023 7 13 */
.menu-global{
	background:#20679B;
}
.menu-global .gnav-ul{
	display:flex;
	max-width:1354px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
	font-size:90%;
}
.menu-global .gnav-ul > li{
    border-left: 1px solid rgba(255,255,255,0.5);
}
.menu-global .gnav-ul > li:last-child{
    border-right: 1px solid rgba(255,255,255,0.5);
}
/* .menu-global .gnav-ul li:first-child a{
    padding-left: 0;
} */

.sp-open-menu{
	display:none;
}
@media(max-width: 767px){
	.t-func-btn{
		padding-top:.24em;
		padding-bottom:.24em;
		position:relative;
        height: 50px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background: rgba(255,255,255,0.6);
	}
	.sp-open-menu{
        display: block;
        width: 43px;
        height: 42px;
        position: absolute;
        left: 10px;
        top: 0.2em;
        bottom: 0.2em;
        cursor: pointer;
        background: #234a83;
        border-radius: 3px;
        box-shadow: 0 2px 4px rgba( 0, 0, 0 , .2);
        z-index: 101;
	}
	.sp-open-menu-box{
		position:relative;
		height:100%;
	}
	.sp-open-menu-box span{
		content:"";
		display:block;
		height:2px;
		background:#FFF;
		position:absolute;
		left:8px;
		right:8px;
		top:calc(50% - 1px);
	}
	.sp-open-menu-box::before{
		content:"";
		display:block;
		height:2px;
		background:#FFF;
		position:absolute;
		left:8px;
		right:8px;
		top:10px;
		transition:all .5s;
	}
	.sp-open-menu-box::after{
		content:"";
		display:block;
		height:2px;
		background:#FFF;
		position:absolute;
		left:8px;
		right:8px;
		bottom:10px;
		transition:all .5s;
	}


	/* status open */
	.sp-open-menu-box.is-open-state span{
		display:none;
	}
	.sp-open-menu-box.is-open-state::before{
		 transform:rotate(45deg);
		 top:50%;
	}
	.sp-open-menu-box.is-open-state::after{
		 transform:rotate(-45deg);
		 top:50%;
	}
}
.menu-global .gnav-ul li a{
	display:block;
	color:#FFF;
	font-weight:bold;
	padding-left:1.2em;
	padding-right:1.2em;
    padding-top: .9em;
    padding-bottom: .9em;
	letter-spacing:.1em;
}
@media(min-width: 768px){
	.menu-global .gnav-ul li a:hover{
		text-decoration:none;
		background:#95d2ff;
	}
}
.menu-item-has-children{
	position:relative;
}
.sub-menu{
	display: none;
    position: absolute;
    top: 3.2em;
    background:#20679B;
    width: 100%;
    transition: all 1s;
    opacity: 0;
    z-index:9999;
	box-shadow: 0 3px 5px rgba(	0, 0, 0 , .2);
}
.menu-global .gnav-ul li > .sub-menu a{
	color:#FFF;
	padding-left:1.6em !important;
	padding-top:.8em;
	padding-bottom:.8em;
	border-bottom:solid #4e80a5 1px;
}

@media(max-width: 767px){
	.menu-global .gnav-ul li > .sub-menu a{
		padding-top:0em;
	}
}

.menu-global .gnav-ul li > .sub-menu li:last-child a{
	border:0 !important;
}
@media(min-width: 768px){
	.menu-global .gnav-ul li > .sub-menu a:hover{
		background:#95d2ff;
	}
}
.sub-menu.sub-menu-display-on{
    display:block;
    animation: hover-display .7s ease 0s forwards alternate;
    opacity:0;
    width:260px;
}
@keyframes hover-display{
    100%{
        opacity:1;
    }
}
@media(max-width: 767px){
	.menu-global{
        display: none;
        transform: translateX(-100%);
        position: fixed;
        top: 50px;
        width: 100%;
        height: calc(100vh - 50px);
        background: #f2f2f2;
        z-index: 100;
        overflow: scroll;
        overscroll-behavior-y: contain;
        transition: all .5s cubic-bezier(0,.08,.07,1);
        opacity: 0;
        padding-bottom: 350px;
	}
	.menu-global.is-menu-open{
		display:block !important;
        transform: translateX(0);
        opacity:.97;
    }
    .menu-global .gnav-ul{
    	flex-flow:column;
    	font-size:1.1em;
    	padding-left:.8em;
    	padding-right:.8em;
    }
    .menu-global .gnav-ul li{
    	padding-top:0;
    	padding-bottom:.4em;
    	line-height:1.5;
        border: none !important;
    }
    .menu-global .gnav-ul li a{
    	color:#234a83;
    }
    .menu-global .gnav-ul li{
      	background-image : linear-gradient(to right, rgb(35,74,131), rgb(35,74,131) 3px, transparent 3px, transparent 5px);
		background-size: 5px 3px;
		background-position: left bottom;
		background-repeat: repeat-x;
    }
    .menu-global .gnav-ul li > .sub-menu li {
      	background:none !important;
      	padding-top:.2em;
      	padding-bottom:.2em;
      	padding-left:1.2em;
    }
    .sub-menu{
    	display:block;
    	background:none;
    	position:static;
    	transition:unset;
    	opacity:1;
		box-shadow:none;
    }
    .menu-global .gnav-ul li > .sub-menu a{
		color:#234a83;
		border:0;
    }

    /* 黒背景のグロナビ */
    .is-black .menu-global{
        background: #000;
        color: #fff;
    }
    .is-black .menu-global .gnav-ul li{
        background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 3px, transparent 3px, transparent 5px);
    }
    .is-black .menu-global li a{
        color: #fff;
    }
    .is-black .menu-global .gnav-ul li > .sub-menu a{
        color: #fff;
    }

}

.single-pagebtn__after p,
.single-pagebtn__before p {
	padding-bottom:0;
}
@media(max-width: 767px){
	.sp-title{
		margin-bottom:0 !important;
		padding-bottom:0 !important;
		text-align:center
	}
	.sp-archive-content{
		padding-top:2.5em;
	}
}

/* 2024 7 26 ADD BANNER(site top) */
.banner-starmap{
	max-width:974px;
	width:100%;
	margin:2.6em auto 0;
	background:#FFF;
	border-radius:12px;
	line-height:0;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 20%);
}
.banner-starmap-sp{
	width:100%;
	margin:0 auto .4em;
	background:#FFF;
	border-radius:12px;
	line-height:0;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 20%);
}
.banner-starmap-link{
	display:block;
	vertical-align:top;
	widdth:100%;
}
.banner-starmap-link-img{
	width:100%;
	height:auto;
}

/* 2024 5 02 */
/* 世界の星座図鑑 */
.is-black .page-starmap a:hover{
    text-decoration: none;
}
.const-main-top{
    position: relative;
    background: #0c56ae;
    z-index: 1;
}

.const-main-top:before{
    content: "";
    background: url(../images/starmap/top-bg-star.jpg) 0 0 / cover no-repeat;
    mix-blend-mode: color-dodge;
    position: absolute;
    top: 520px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0.8;
}
.header-const{
	background:url(../images/starmap/top-bg.png) center bottom / cover no-repeat;
}

.is-black .const-main-top{
    background: #0e478b;
}
.is-black .header-const{
	background: url(../images/top-bg02.png) center bottom / cover no-repeat;
}


.const-news{
		max-width:1200px;
		width:100%;
		margin:auto auto -1.78rem auto;
		border-radius:10px;
		background:rgba(255,255,255,0.88);
		padding:0;
        position: relative;
}

.const-news-title{
	color:#2781C7;
	font-size:.48rem;
}
.const-news-content{
	display:grid;
	gap: 4%;
	grid-template-columns:28% 1fr;
	padding:.4rem;
	position:relative;
}
.const-news-content dt{
	margin-top:-1.4rem;
}
.const-news-content dt img{
	width:100%;
}

.const-news dl + a{
    position: absolute;
    bottom: -2.8em;
    right: .5em;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: .55em 1em .4em 1em;
    background: transparent;
    transition: .25s;
}
.const-news dl + a:hover{
    text-decoration: none;
    background: rgba(255,255,255,0.2);
}

.is-black .const-main-top{
    /* background: #fff; */
}
.is-black .const-news-content{
    background: #000;
    border-radius: 10px;
}
.is-black .const-news-content * {
    color: #fff;
}

@media(max-width:767px){
    .const-main-top:before{
        background: url(../images/starmap/top-bg-star_sp.webp) center top / cover no-repeat;
    }
    .header-const > .mt05{
        margin-top: 0 !important;
    }
    .const-news-content{
        padding: .4rem;
        position: relative;
        display: block;
    }
    .const-news-content dt{
        position: absolute;
        top: -18vw;
        right: 0;
        margin-top: 0;
    }
    .const-news-content dt img{
        width: 29vw;
        min-width: 150px;
    }
}



.maru {
	font-family: "Zen Maru Gothic", serif !important;
	font-weight: 700;
	font-style: normal;
}



/* NEWS */
.const-news-list{
	padding-top:.32rem;
}
.const-news-link{
	/* display:grid;
	grid-template-columns: 20% 1fr;
	gap:.12rem; */

    display: flex;
	font-size:.2rem;
	color:#2781C7;
	padding:.18rem 0 .06rem 0;
	transition: .4s;
	padding-left:0;
}
.blocklink:first-child .const-news-link{
	padding-top:0;
}
.const-news-link:hover{
	text-decoration:none;
	border-bottom:0;
	padding-left:.2rem;
}
.const-news-link-date{
    margin-top: 3px;
    min-width: 120px;
}
.const-news-link-title{
    line-height: 1.4;
}

@media(max-width:767px){
    .const-news-link {
        /* grid-template-columns: 1fr;
        gap: .5em; */

        flex-direction: column;
        gap: .2em;
    }
    .const-news-link-date{
        font-weight: 500;
    }
}




/*-- トップ：日本から見た88星座 --*/
.const{
	margin-top:2.4rem;
	margin-bottom:1.6rem;
}
.header-cotent-title,
.header-sub-title,
.header-main-title{
	color:#FFF;
}
.header-cotent-title{
	font-size: clamp(.3rem, 4vw, .5rem);
    letter-spacing: 0;
}
@media(max-width:767px){
	.header-cotent-title{
		margin-bottom:.3em;
	}
}
.const-main-top .header-sub-title{
    margin: 0;
	font-size: clamp(.15rem, 2.8vw, .3rem);
	text-shadow:none;
}
.header-const .header-main-title{
	font-size:clamp(.6rem, 8vw, .96rem);
	letter-spacing:.02rem;
}
.header-const .header-main-title:lang(en){
    letter-spacing: 0;
}
.header-const .header-text{
	color:#FFF;
	font-weight:bold;
	font-size:.22rem;
	letter-spacing:.04em;
}
.header-const .header-text p{
	line-height:2;
	padding: 2.4em 0 .8rem 0 ;
}

@media(max-width:767px){
    .const{
        margin-top: calc(1.5em + 28vw);
    }
    .header-const .header-main-title{
        font-size: clamp(.38rem, 10vw, .5rem);
    }
    .header-cotent-title{
        font-size: clamp(.22rem, 5.5vw, .3rem);
    }
    .header-main-title{
        margin-top: .1em;
        font-size: clamp(.45rem, 8vw, .6rem);
        letter-spacing:.02rem;
    }
    .header-const .header-text p{
        padding-top: 4vw;
        font-size: .16rem;
    }
}


/* 装飾の英字 */
.add-textimg-left{
	position:relative;
	z-index:9999;
}
.add-textimg-left:before{
	content:"";
	position:absolute;
	max-width:1142px;
	width:100%;
	height:170px;
	left:0;
	top:-1.4em;
	z-index:-1;

    -webkit-mask-image: url(../images/starmap/text-from-japan.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left top;

	mask-image: url(../images/starmap/text-from-japan.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: left top;
    background: rgb(74 165 241 / 46%);
}
.add-textimg-right{
	position:relative;
	z-index:9999;
}
.add-textimg-right:before{
	content:"";
	position:absolute;
	max-width:1081px;
	width:100%;
	height:129px;
	right:0;
	top:-2.6em;
	z-index:-1;

    -webkit-mask-image: url(../images/starmap/text-other-signs.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: right top;

	mask-image: url(../images/starmap/text-other-signs.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: right top;
    background: rgb(52 153 238 / 46%);
}
@media(max-width:1180px){
    .add-textimg-right:before{
        margin-bottom: -4.2em;
        position: relative;
        display: block;
        top: -11vw;
        height:22vw;
        -webkit-mask-image: url(../images/starmap/text-other-signs_sp.svg);
        mask-image: url(../images/starmap/text-other-signs_sp.svg);
        background: rgba(91, 175, 244, 0.57);
    }
}
@media(max-width:767px){
    .add-textimg-left:before{
        margin-bottom: -2.2em;
        position: relative;
        display: block;
        top: 0;
        height: 41vw;

        -webkit-mask-image: url(../images/starmap/text-from-japan_sp.svg);
        mask-image: url(../images/starmap/text-from-japan_sp.svg);
        background: rgba(91, 175, 244, 0.57);
    }
    .add-textimg-right:before{
        margin-bottom: -2.2em;
        position: relative;
        display: block;
        top: 0;
        height: 32vw;

        -webkit-mask-image: url(../images/starmap/text-other-signs_sp.svg);
        mask-image: url(../images/starmap/text-other-signs_sp.svg);
        background: rgba(91, 175, 244, 0.57);
    }
    .add-textimg-right{
        margin-top: -3em;
    }
}


/* 四季の星座ブロック */
.const-cat{
	max-width:1726px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:grid;
	grid-template-columns: repeat(2,1fr);
	gap: 2vw;
}
.const-cat-item{
    position: relative;
	display:flex;
	flex-flow: column;
	border-radius:.2rem;
	padding: 6%;
	font-weight:bold;
	color:#207DC5;
	background:rgba(237,242,246,.93);
}
.const-cat-item:hover{
	background:rgba(255,255,255,0.95);
}
.const-cat-item:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 3%;
    right: 2%;
    width: 4vw;
    max-width: 60px;
    aspect-ratio: 1;
    background: url(../images/starmap/ico-arrow.svg) center / 100% auto no-repeat;
}

.const-cat-item:hover{
	text-decoration:none;
}

.const-cat-season-title{
	border:none;
    font-size: clamp(.5rem, 5vw, .9rem);
	padding-left:0;
	line-height:1;
	margin-bottom: .5em;
}
.const-cat-season-spring{
	color:#FF79B1;
}
.const-cat-season-summer{
	color:#40C5AA;
}
.const-cat-season-autumn{
	color:#ECA35F;
}
.const-cat-season-winter{
	color:#4DA8FD;
}

.const-cat-item-head{
	display:flex;
}
.const-cat-item-head dt{
	width:72%;
}
.const-cat-item-head dd{
	width:28%;
	padding-right:.12rem;
}
.const-cat-item-head dd img{
	width:100%;
}
.const-cat-title{
	font-size: clamp(.25rem, 2vw, .25rem);
    line-height: 1.3;
	font-family: "游ゴシック体",YuGothic, "游ゴシック","Yu Gothic","Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, sans-serif;
	color:#207DC5;
	margin-bottom:.3rem;
}
.const-cat-title:lang(ja){
    white-space: nowrap;
}
.const-cat-title:lang(en){
    letter-spacing: 0;
}

.const-cat-season-body{
	color:#207DC5;
}

.const-content-link-wrapper{
    display: flex;
    align-items: center;
    width: calc(100% - 30px);
}
.const-content-link-wrapper > div{
    position: relative;
    display: inline-block;
}
.const-content-link{
	display:inline-block;
	background:#FFF;
	border-radius:2px;
    font-size: .15rem;
    padding: .7em 1em;
	margin: 5px 5px 0 0;
}
.const-content-link + span{
    font-size: .15rem;
}
.const-content-link-wrapper span:not(.const-content-link){
    width: 50px;
    flex-shrink: 0;
}


.is-black .const-cat-item{
    background: #000;
}
.is-black .const-cat-title,
.is-black .const-cat-season-body p,
.is-black .const-cat-season-body + div{
    color: #fff;
}
.is-black .const-cat-season-body + div span{
    color: #fff;
}
.is-black .const-cat-season-body + div span.const-content-link{
    color: #000;
}

@media(max-width:959px){
    /* .const-cat{
        gap: 3vw;
    } */
    .const-cat-season-title{
        font-size: clamp(.6rem, 6vw, .9rem);
        white-space: nowrap;
    }
    @media(max-width:767px){
        .const-cat{
            width: 95%;
            grid-template-columns: 1fr;
            gap: 2%;
        }
        .const-cat-item{
            padding: 5%;
            background-size: 7vw auto;
        }
        .const-cat-item:after{
            width: 7vw;
        }
        .const-cat-item-head{
            position: relative;
        }
        .const-cat-item-head dt{
            width: 100%;
            position: relative;
            z-index: 2;
        }
        .const-cat-item-head dd{
            position: absolute;
            top: 0;
            right: -2vw;
            width: 27vw;
            max-width: 130px;
            z-index: 0;
        }
        .const-cat-season-title{
            font-size: clamp(.5rem, 7vw, .9rem);
            white-space: nowrap;
        }
        .const-cat-season-body p{
            font-size: .18rem;
            font-weight: normal;
        }
        .const-content-link,
        .const-content-link + span{
            padding: .5em;
            font-size: .14rem;
        }

        .is-black .const-cat-title{
            text-shadow: none;
        }
    }
}




/*-- トップ：その他の星座 --*/
.seiza-other{
	background:rgb(39 129 226 / 48%);
}
.seiza-other h3{
    top: -.5em;
}
.seiza-other-fix{
	padding-top:.6rem;
	padding-bottom:.6rem;
}
.seiza-other-body{
	margin-left:auto;
	margin-right:auto;
    position: relative;
	max-width:1484px;
	width:100%;
    z-index: 2;
}
.seiza-other-wrap{
    border-radius:.2rem;
	width:100%;
	display:grid;
	gap: 0;
    padding:.3rem .3rem;
    position: relative;
	background-color:rgba(237,242,246,.93);
}
.seiza-other-wrap a{
    color: #000;
}
.seiza-other-wrap a:hover{
    text-decoration: none;
    background: rgba(255,255,255,0.38);
}

.is-black .seiza-other{
    background: rgb(104 165 232 / 48%);
}



/* .seiza-other-wrap.vline{
	background-image:url(../images/starmap/vline.png);
	background-position:center center;
	background-size:2px auto;
	background-repeat:repeat-y;
} */

.seiza-other-wrap-set-1c{
	display:grid;
	grid-template-columns: 1fr;
	max-width:1000px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.seiza-other-wrap-set-2c{
	grid-template-columns: repeat(2,1fr);
	max-width:1484px;
	width:100%;
}
.seiza-other-content{
    position: relative;
    padding: 1em 2em;
	height:100%;
	display:block;
}

.is-black .seiza-other-wrap{
    background: #000;
}
.is-black .seiza-other-content-body-summary *{
    color: #fff;
}

@media(min-width:768px){
    .seiza-other-wrap-set-2c .seiza-other-content{
    	border-right: 1px solid #bed3e9;
    }
    .seiza-other-wrap-set-2c .seiza-other-content:nth-child(even){
        border-right: 0;
    }
    .seiza-other-wrap-set-2c .seiza-other-content:nth-child(n + 2):after{
        content: '';
        display: block;
        position: absolute;
        left: -100%;
        bottom: 0;
        height: 1px;
        width: 200%;
        background: #bed3e9;
    }
    .seiza-other-wrap-set-2c .seiza-other-content:nth-child(odd):after,
    .seiza-other-wrap-set-2c .seiza-other-content:nth-last-child(1):after{
        display: none;
    }
}
@media(max-width:767px){
    .is-black .seiza-other-wrap{
        background: transparent;
    }
    .is-black .seiza-other-wrap a{
        background: #000;
    }
    .is-black .seiza-other-content-body-summary *{
        color: #fff;
    }
}

/* .seiza-other-wrap-set-2c .seiza-other-content:before{
    content: '';
    display: block;
    position: absolute;
    top: .3rem;
    left: calc(50% - 1px);
    width: 2px;
    height: calc(100% - .6rem);
    background:#bed3e9;
}
.seiza-other-wrap-set-2c .seiza-other-content:after{
    content: '';
    display: block;
    position: absolute;
    left: .3rem;
    top: calc(50% - 1px);
    height: 1px;
    width: calc(100% - .6rem);
    background:#bed3e9;
} */

@media (hover: hover) {
	.seiza-other-content{
		transition:.6s;
	}
	.seiza-other-content:hover{
		opacity:.8;
	}
}
.seiza-other-content-body{
    position: relative;
	display:grid;
	grid-template-columns: 22% 1fr;
	gap:.25rem;
	height:100%;
}
.seiza-other-content-body:after {
    /* aタグへの議事要素は罫線として使用しているため */
    content: '';
    display: block;
    position: absolute;
    bottom: -.6em;
    right: -1.5em;
    width: 2.5vw;
    max-width: 34px;
    min-width: 26px;
    aspect-ratio: 1;
    background: url(../images/starmap/ico-arrow.svg) center / 100% auto no-repeat;
}

.seiza-other-content-body-img img{
	width:100%;
	height:auto;
	border-radius:10px;
}
.seiza-other-content-body-img img{
    opacity: 1 !important;
}
.seiza-other-content-body-summary{
	display:flex;
	flex-flow: column;
	height:100%;
	padding: .8em 0 0 0;
	word-break: break-all;
}

.seiza-other-content-body-summary h3{
	color:#000;
	font-size:.24rem;
    line-height: 1.3;
	margin-bottom:.1rem;
}
.seiza-other-content-body-summary p{
	line-height:1.5;
	padding-bottom:0;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.seiza-other-content-body-ico img{
    margin-top: .025rem;
    position: relative;
    right: -8px;
}

@media(max-width:767px){
    .seiza-other h3{
        top: 0;
    }
    .seiza-other-wrap{
        padding: 0;
        gap: 3%;
        background: none;
    }
    .seiza-other-content{
        padding: 0;
        position: relative;
        border-radius: 10px;
        background-color:rgba(237,242,246,.93);
    }
    .seiza-other-content-body {
        padding: 5% 5% 2em;
        grid-template-columns: 1fr;
        gap: 0;
        height: 100%;
    }
    .seiza-other-content-body-summary h3{
        font-size: .18rem;
    }
    .seiza-other-content-body-summary p{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .seiza-other-content-body-img{
        width: 100%;
        aspect-ratio: 3/2;
        overflow: hidden;
    }
    .seiza-other-content-body-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .seiza-other-content-body .seiza-other-content-body-ico img{
        position: absolute;
        bottom: 5px;
        right: 5px;
        width: 6vw;
        max-width: 28px;
    }
    .seiza-other-content-body:after{
        min-width: 30px;
        bottom: .2em;
        right: .2em;
    }
}

/* 下層コンテンツ下部 88星座 */
aside.seiza-season-wrap{
    padding-left: 3%;
    padding-right: 3%;
}
.const-sub-main .seiza-season-wrap{
    padding: .6rem 0.6rem;
}
@media(max-width:767px){
    .const-sub-main .seiza-season-wrap{
        padding: .6rem 7%;
    }
}


/* 下層コンテンツ下部 その他の星座 */
aside.seiza-other{
    padding-left: 3%;
    padding-right: 3%;
}
.const-sub-main .seiza-other{
    padding: .6rem 0.6rem;
}
@media(max-width:767px){
    .const-sub-main .seiza-other{
        padding: .6rem .15rem;
    }
}




/* taxonomy アーカイブ */

.page-header .cat-name{
    padding: 1em 0 0 0;
}

.const-sub-main{
    background: linear-gradient(#b0dcff, #2882C7);
	position:relative;
	z-index:1;
}
.const-sub-main:before{
    content: "";
    background: url(../images/starmap/top-bg-star.jpg) 0 0 / 100% auto repeat-y;
    mix-blend-mode: soft-light;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 1;
}

.const-sub-main .header-const{
    padding-top: .3rem;
}

.is-black .const-sub-main{
    background: var(--blue-isblack);
}


.sub-header-cotent-title,
.sub-header-sub-title,
.sub-header-main-title,
.sub-header-cat-title{
	color:#FFF;
}
.sub-header-cotent-title{
    font-family: "Inter", sans-serif;
	font-size:.28rem;
    font-weight: 900;
	margin-top:.16rem;
	margin-bottom:.08rem;
}
.sub-header-cotent-title a{
    color: #fff;
}
.sub-header-cotent-title a:hover{
    text-decoration: none;
}
.sub-header-sub-title{
	font-size:.18rem;
	margin-bottom:.016rem;
}
.sub-header-main-title{
    font-size: clamp(.4rem, 4.2vw, .5rem);
    text-align: center;
	margin-bottom: 2vw;
}
@media(max-width:767px){
    .const-sub-main{
        background: #2882C7;
    }
    .sub-header-main-title{
        font-size: clamp(.3rem, 7vw, .6rem);
    }
    .sub-header-sub-title{
        line-height: 1.5r;
    }
}


.cat-name{
	padding:.4rem 0 .32rem 0 ;
	border-top:solid 2px rgba(255,255,255,0.8);
	max-width:840px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.sub-header-cat-title{
	font-size:clamp(.2rem, 4vw, .33rem);
	background: rgb(6,79,198,.8);
	/*background: linear-gradient(167deg, rgba(6,79,198,.8) 0%, rgba(37, 133, 223, 0.8) 100%);*/
	width:auto;
	display:inline-block;
	border-radius:10px;
	padding:.5em;
	letter-spacing:.05em;
	min-width: 280px;
}
.cat-season-text-spring,
.cat-season-text-summer,
.cat-season-text-autumn,
.cat-season-text-winter{
	font-size:140%;
}
.cat-season-text-spring{
	color:#FF79B1;
}
.cat-season-text-summer{
	color:#40C5AA;
}
.cat-season-text-autumn{
	color:#ECA360;
}
.cat-season-text-winter{
	color:#4DA8FD;
}

.cat-archive{
	max-width:1500px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.cat-archive-summary{
	line-height:1.8;
	max-width:700px;
	width:100%;
	color:#FFF;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	letter-spacing: .02em;
}
.cat-archive-list{
	display:grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 20%));
	gap: 3em 3%;
    justify-content: center;
}
.cat-archive-list-item{
	background:#FFF;
	border-radius: .1rem;
    min-width: 1px;
}
.cat-archive-list-item > *{
    color: #000;
}
.cat-archive-list-link{
	display:block;
	display:flex;
	flex-flow:column;
	padding:.14rem;
	height:100%;
}
.cat-archive-list-link:hover{
	text-decoration:none;
}
.cat-archive-list-img img{
	width:100%;
	height:auto;
	border-radius: .4em;
}
.cat-archive-list-title{
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    padding: 1em .1rem .8em;
}
.cat-archive-list-summary{
	font-size:92%;
	text-align:left;
    line-height: 1.6;
	padding-left:.1rem;
	padding-right:.1rem;
	padding-bottom:.14rem;
}
.cat-archive-list-tags ul{
	display:flex;
	justify-content: start;
	flex-wrap: wrap;
	gap:.16rem;
	color:#B9890F;
	max-width:240px;
	width:100%;
	font-size:90%;
	padding-left:.1rem;
}
.cat-archive-list-tags ul li{
    display: inline-block;
    border-bottom: #d6bd7f dashed 2px;
}
.cat-archive-tags-list{
	display:flex;
	flex-wrap: wrap;
	gap:.1rem .2rem;
	margin-top:.16rem;
}
.cat-archive-tags-list li a{
	display: block;
    border-radius: 100px;
    padding: .11rem .2rem .1rem .2rem;
    height: 100%;
    color: #fff;
    font-weight: bold;
    background: #064fc6;
    letter-spacing: .05em;
}
.cat-archive-list-arrow{
	position:absolute;
	right:.1rem;
	bottom:.06rem;
}
.cat-archive-tags{
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	font-weight:bold;
	text-align:left;
	margin-top:.6rem;
	padding:.3rem .15rem;
}
.cat-archive-tags-title{
	padding-bottom:.08rem;
}
.cat-archive-tags-title span {
    padding: .08rem .16rem;
    position: relative;
    border-radius: 5px;
    letter-spacing: .05em;
    font-size: .2rem;
	font-weight:bold;
    background: #FFF;
	color:#20679B;
}
.cat-archive-tags-title span:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -9px;
    left: 40px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #FFF;
    border-radius: 1px;
}
.current_link{
	opacity:.5;
}

.is-black .sub-header-cat-title{
    background: #000;
}

.is-black .cat-archive-list-item{
    background: #000;
    color: #fff;
}
.is-black .cat-archive-list-item > *,
.is-black .cat-archive-list-tags ul{
    color: #fff;
}

@media(max-width:767px){
    .cat-name{

    }
    .cat-archive{
        padding-top: 7vw;
    }
    .cat-archive-summary{
        padding: 0 1em .5em;
        font-size: .16rem;
    }
    .cat-archive-list{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.8em 3.5%;
        justify-content: center;
    }
    .cat-archive-list-item{
        border-radius: 1.5vw;
    }
    .cat-archive-list-link{
        padding: 2.5%;
    }
    .cat-archive-list-title{
        padding: .6em .1rem .4em;
        font-size: clamp(.15rem, 4vw, .2rem);
    }
    .cat-archive-list-summary{
        font-size: .15rem;
        letter-spacing: .02em;

        padding-bottom: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .cat-archive-list-tags{
        margin-top: .5em;
    }
    .cat-archive-list-tags ul li{
        font-size: clamp(.13rem, 3vw, .16rem);
    }
    .cat-archive-list-arrow{
        display: none;
    }
}





/* その他の星座 アーカイブ */
.cat-archive_sub-list{
	max-width:1500px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
}

.cat-archive_sub-list li a,
.cat-archive_sub-list li img{
    display: block;
    width: 100%;
}

.cat-archive_sub-list li a:hover{
    text-decoration: none;
}

.cat-archive_sub-list li img{
    border-radius: .2rem;
}

.cat-archive_sub-list-title{
    padding-top: .5em;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: .23rem;
    line-height: 1.4;
}

@media(max-width:768px){
    .cat-archive_sub-list{
        grid-template-columns: repeat(2, 1fr);
        gap: 3%;
    }
    .cat-archive_sub-list li img{
        border-radius: 5px;
    }
    .cat-archive_sub-list li p {
        font-size: .17rem;
    }
}
.archive-display-kana{
    border-radius: 6px;
    font-size: .15rem;
    font-weight: bold;
    padding: .3em 0;
	margin-left:.8em;
	margin-right:.8em;
	display:block;
	margin-top:4%;
}
.archive-display-kana + .cat-archive-list-title{
    padding-top: 0;
}
@media(max-width:767px){
    .archive-display-kana{
        font-size: clamp(.1rem, 3vw, .15rem);
    }
}



.footer-const{
	max-width:1500px;
	/* width: 90%; */
	margin-left:auto;
	margin-right:auto;
	display:grid;
	grid-template-columns: repeat(4,1fr);
	gap: 2.5vw;
	/* padding-top:.6rem;
	padding-bottom:.6rem; */
}
.footer-const-list-content{
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    padding: 6% 6% 2%;
    background: rgba(255, 255, 255, 0.93);
    height: 100%;
    transform: translateY(0);
}
.footer-const-list-content:hover{
	text-decoration:none;
    transform: translateY(-.7em);
}
.footer-const-list-content-slug{
	display: block;
	font-size: clamp(.35rem, 3.5vw, .6rem);
	font-weight:bold;
    font-family: "Zen Maru Gothic", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}
.footer-const-list-content-title{
    margin: .9em 0 .8em;
	font-size: clamp(.17rem, 1.4vw, .21rem);
    color: var(--blue-star);
}
.footer-const-list-content-summary{
	line-height:1.5;
}
.footer-const-list-content-summary p{
    color: var(--blue-star);
    font-size: .15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.is-black .footer-const-list-content{
    background: #000;
}
.is-black .footer-const-list-content .footer-const-list-content-title,
.is-black .footer-const-list-content p{
    color: #fff;
}

@media(max-width:969px){
    .footer-const{
        gap: 6vw;
        grid-template-columns: repeat(2,1fr);
    }
    @media(max-width:767px){
        .footer-const{
            grid-template-columns: 1fr;
            gap:10vw;
        }
        .footer-const-list-content{
            padding: 6vw 6% 1vw;
        }
        .footer-const-list-content-slug{
            font-size: clamp(.4rem, 11vw, .5rem);
        }
    }
}



/* 88星座　記事ページ */
.const-post{
	max-width:1578px;
	width:100%;
	margin: -5em auto 0 auto;
	background:rgba(255, 255, 255 , .92);
	border-radius: 2em;
	position:relative;
	z-index:9999;
	padding: 5%;
}
.const-post-main{
	display:grid;
	gap: 0 .48rem;
	grid-template-columns:42% 1fr;
}
.const-post-main + div{
    padding-top: 4em;
}
.const-post-main-thumbnail{
    overflow: hidden;
}
.const-post-main-thumbnail img{
	width:100%;
	height:auto;
}
.const-post-main-content{
    padding: 2em 0 0 0;
}
.const-post-main-content-title{
	color: var(--blue-font);
	margin-bottom: 1em;
    position: relative;
    font-size: clamp(.26rem, 2.5vw, .35rem);
	letter-spacing:.02em;
    line-height: 1.3;
}
.const-post-main-detail{
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    gap: .5em .3rem;
    margin-bottom: .28rem;
}
@media(max-width:767px){
	.const-post-main-detail{
		gap: .5em .15rem;
	}
}
.const-post-main-detail li{
    white-space: nowrap;
    background: #D7EDFF;
    border-radius: 6px;
    font-size: .19rem;
    font-weight: bold;
    padding: .3em 0;
}

.dp_modal-content .const-post-main-detail li{
	    font-size: .17rem;
}

.const-post-main-detail-list-kana{
	grid-template-columns:50% 1fr;
}
.const-post-main-detail-list-alph{
	grid-template-columns:40% 1fr;
}
.const-post-main-detail li span,
.const-post-main-detail li div{
	display:inline-block;
}
@media(max-width:767px){
	.const-post-main-detail li span,
	.const-post-main-detail li div {
		display:block;
	}
}
.const-post-main-detail-name,
.const-post-main-detail-value{
	padding-left:.16rem;
	padding-right:.16rem;
	display:inline-block;
}
@media(max-width:767px){
	.const-post-main-detail-name,
	.const-post-main-detail-value{
		padding-left:.08rem;
		padding-right:.08rem;
	}
	.const-post-main-detail-name{
		color:#2781C7;
	}
}
.const-post-main-detail-name{
	border-right:solid 2px #A5C7E1;
}
@media(max-width:767px){
	.const-post-main-detail-name{
		border-right:0;
		margin-bottom:.35em;
	}
}
.cont-post-main-tags{
	display:flex;
	flex-wrap:wrap;
	gap:.24rem;
	margin-bottom:.28rem;
}
.cont-post-main-tags a{
	color:#B9890F;
	font-weight:bold;
	border-bottom:#B9890F dotted 2px;
	transition:.4s;
}
.cont-post-main-tags a:hover{
	text-decoration:none;
	opacity:.6;
}

.const-post-main-summary p{
    line-height: 2;
    font-size: .18rem;
    font-weight: bold;
}

.const-post-main-content-title + .t-no-summary-message{
    width: fit-content;
    margin: 0 auto;
}

.is-black .const-post{

}

.is-black .const-post-main-content-title,
.is-black .const-post-main-summary p,
.is-black .const-sub-content-title,
.is-black .const-sub-content-body p{
    color: #000;
}

.is-black .const-post-main-detail li{
    background: #555555;
    color: #fff;
}
.is-black .const-post-main-detail-name{
    border-right: solid 2px #a3a3a3;
}

@media(max-width:959px){
    .const-post{
        margin: -2em auto 0 auto;
        border-radius: 3vw;
    }
    .const-post-main{
        grid-template-columns: 1fr;
    }
    .const-post-main-content{
        padding: 2em 5% 0 5%;
    }
    .const-post-main-thumbnail{
        padding: 5% 5% 0 ;
    }
    .const-post-main-detail li span{
        font-size: .17rem;
    }
    @media(max-width:767px){
        .const-post{
            padding: 0;
        }
        .post-content_single{
            padding-left: 1.5%;
            padding-right: 1.5%;
        }
        .const-post-main-summary p{
            font-size: .15rem;
        }
        .const-post-main-detail li{
        	font-size: .13rem;
        	padding-top:.6em;
        	padding-bottom:.6em;
        }
        .const-post-main-detail li span,
		.const-post-main-detail li div{
        	font-size: .13rem;
    	}
    }
}


/* 星座詳細ページ  ギャラリー画像 */
.ga-itam-array{
    padding: 3% 5vw;
    position: relative;
    display: grid;
    place-content: center;
    grid-template-columns: repeat(auto-fit, minmax(0, 288px));
    gap: 5vh 2.5%;
    width: 100%;
}
.ga-itam-array-item{
    position: relative;
    z-index: 2;
	line-height:1;
}
.ga-itam-array-item a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.ga-itam-array-item img{
	width:100%;
	height:auto;
	vertical-align: top;
    transform: scale(1);
    transition: 1.5s cubic-bezier(.11,1.29,.62,.89);
}
.ga-itam-array-item:hover img{
    transform: scale(1.15);
}

@media(max-width:767px){
    .ga-itam-array{
        grid-template-columns: repeat(2, 1fr);
        gap: 3%;
        place-content: center;

    }
    .ga-itam-array-item a{
        margin: 0 auto;
        max-width: 250px;
    }
}


.const-sub-content{
    padding: 7em 2% 0;
}
.const-sub-content-slider .slick-list{
    padding-top: 1em !important;
	padding-bottom: 1em !important;
}
.const-sub-content-title{
	display:flex;
	justify-content:center;
	color:#2781C7;
	text-align:center;
	font-size: clamp(.26rem, 2.5vw, .35rem);
	align-items:center;
	flex-wrap:wrap;
}
.const-sub-content-title span{
	display:inline-block;
}

.const-sub-content-title span.const-sub-content-title-ico{
	margin-right:.08rem;
}
.const-sub-content-title span.const-sub-content-title-ico img{
	max-width: 70px;
	width:100%;
	height:auto;
}

.const-sub-content-body{
	font-weight:bold;
	text-align:center;
	padding:.22rem 0 0;
}
.const-sub-content-body p{
    font-size: .18rem;
}
.const-sub-content-item{
    margin: 0 0.135%;
	background:#FFF;
	border-radius:.1rem;
}

/* 文明カード  通常 */
.const-sub-content-item-shadow{
    position: relative;
    /* box-shadow: 0 3px 10px rgba(0,0,0,0.05); */
    transition: .25s;
}
.const-sub-content-item-shadow:after{
    content: '';
    display: block;
    position: absolute;
    bottom: .5em;
    right: .5em;
    width: 20px;
    height: 20px;

    -webkit-mask-image: url(../images/starmap/ico_google_newwindow.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;

	mask-image: url(../images/starmap/ico_google_newwindow.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	/*変更したい色をここに書く*/
	background-color: #000;
    transition: .25s;
}


/* 文明カード  通常にhover */
.const-sub-content-item-shadow:hover{
    box-shadow: 0 3px 15px rgb(0 62 106 / 15%);
}
.const-sub-content-item-shadow:hover .const-sub-content-item-title,
.const-sub-content-item-shadow:hover .const-sub-content-item-paraph {
    color: var(--blue-star);
}
.const-sub-content-item-shadow:hover:after{
	/*変更したい色をここに書く*/
	background-color: var(--blue-star);
}

.const-sub-content-item-title{
    position: relative;
	color: #000;
	text-align:center;
    line-height: 1.3;
    letter-spacing: .02em;
	font-size: clamp(.12rem, 1.5vw, .19rem);
	font-weight:bold;
	margin: 1.6em 0 1em 0;
    padding: 0 .5em;
    transition: .25s;
}
.const-sub-content-item-paraph{
    padding: 0 .5em 0 1em;
    font-size: .14rem;
    color: #000;
    line-height: 1.4;
    margin-bottom: .16rem;
    letter-spacing: 0;
    transition: .25s;
}
.const-sub-content-item-bunmei{
    position: absolute;
    top: calc(50% - 5px);
    width: 100%;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.const-sub-content-item-bunmei span{
    display: inline-block;
    color: #ffffff;
    border-radius: 6px;
    padding: .06rem .12rem;
    font-weight: bold;
    font-size: clamp(.2rem, 1.8vw, .25rem);
    text-shadow: 0 0 6px rgb(106 68 12);
    letter-spacing: 0;
}



/* 文明カード  準備中 */
.const-sub-content-item.not-have-content{
	background:#f9f9f9;
	cursor:default;
	transition:unset !important;
    box-shadow: none !important;
}
/* 文明カード  準備中のタイトルとテキスト */
.const-sub-content-item.not-have-content .const-sub-content-item-title,
.const-sub-content-item.not-have-content .const-sub-content-item-paraph{
    color: #777 !important;
}



/* 文明カード  ノーマルがcurrentのとき*/
.const-sub-content-item.slick-current{
    box-shadow: 0 0 3px 2px rgb(23 121 206);
    /* box-shadow: 5px 5px 8px rgba(23, 56, 146, 0.219); */
}


/* 文明カードの画像 */
.const-sub-content-item img{
	transition: .25s;
    opacity: 1;
}
.const-sub-content-item:hover img{
	opacity: .7;
}
.const-sub-content-item.not-have-content img{
    opacity: 1 !important;
}





/* is-blackの文明カード */
    /* 文明カード  通常 */
    .is-black .const-sub-content-item-shadow{
        background: #666;
    }
    .is-black .const-sub-content-item-shadow:after{
    	/*アイコンの色*/
    	background-color: #fff;
    }
    .is-black .const-sub-content-item-title,
    .is-black .const-sub-content-item-paraph{
        color: #fff;
    }


    /* 文明カード  通常にhover */
    .is-black .const-sub-content-item-shadow:hover{
        box-shadow: 0 3px 15px rgb(0 62 106 / 15%);
        background: #000;
    }
    .is-black .const-sub-content-item-shadow:hover .const-sub-content-item-title,
    .is-black .const-sub-content-item-shadow:hover .const-sub-content-item-paraph {
        color: #fff;
    }
    .is-black .const-sub-content-item-shadow:hover:after{
    	/*変更したい色をここに書く*/
    	background-color: #fff;
    }


    /* 文明カード  準備中 */
    .is-black .const-sub-content-item.not-have-content{
    	background:#D2D2D2;
    }
    /* 文明カード  準備中のタイトルとテキスト */
    .is-black .const-sub-content-item.not-have-content .const-sub-content-item-title,
    .is-black .const-sub-content-item.not-have-content .const-sub-content-item-paraph{
        color: #fff !important;
    }


    /* 文明カード  通常がcurrentのとき*/
    .is-black .const-sub-content-item.slick-current{
        background: #000;
    }


    /* 文明カードの画像 */
    .is-black .const-sub-content-item img{
    	transition: .25s;
        opacity: 1;
    }
    .is-black .const-sub-content-item:hover img{
    	opacity: .7;
    }
    .is-black .const-sub-content-item.not-have-content img{
        opacity: 1 !important;
    }
    .is-black .const-sub-content-item-bunmei span{
        text-shadow: 0 0 6px rgb(0, 0, 0);
    }





@media(max-width:767px){
    .const-sub-content{
        padding: 7em 3% 2em;
    }
    .const-sub-content-title{
        position: relative;
        font-size: clamp(.26rem, 2.5vw, .35rem);
    }
    .const-sub-content-body p{
        font-size: .15rem;
    }
    .const-sub-content-title-ico{
        margin-right: 0;
        width: 12vw;
    }
}


/* slick */
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
}
.slick-prev:before{
	content:"";
	width:14px !important;
	height:14px !important;
	background:url(../images/starmap/slide-arrow-prev.svg) left center / cover no-repeat !important;
	top: 0 !important;
    left: 0 !important;
}
.slick-next:before{
	content:"";
	width:14px !important;
	height:14px !important;
	background:url(../images/starmap/slide-arrow-next.svg) left center / cover no-repeat !important;
	top: 0 !important;
    right: 0 !important;
}
.slick-arrow{
    z-index: 1;
}
.slick-prev{
	left:-1.6vw !important;
	width:14px;
	height:14px;
}
.slick-next{
	right:-1.6vw !important;
	width:14px;
	height:14px;
}

@media(max-width:767px){
    .const-sub-content .slider-under-content .slick-prev:before,
    .const-sub-content .slider-under-content .slick-next:before{
        width: 10px !important;
        height: 10px !important;
    }
}

.const-post .slick-track {
	  display: flex;
}
.const-post .slick-slide {
	  height: auto !important;
}
.slider-under-content{
	max-width:1274px;
	width:100%;
	margin: 1em auto;
	background: var(--blue-btn-light);
	border-radius:10px;
	font-weight:bold;
	color:var(--blue-font);
}
.slider-under-content .slick-slide{
	padding: .5em;
	position:relative;
    display: flex !important;
	justify-content: center;
    min-height: 54px;
    text-align: center;
    align-items: center;
	cursor:pointer;
    font-size: clamp(.13rem, 1.3vw, .18rem);
}
.slider-under-content .slick-slide:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:.02rem;
	background:rgba(255,255,255,0.8);
}

.const-sub-content-slider [class*="post-bg"]{
    position: relative;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden;
}
.slider-under-content .slick-current{
	color:#FFF;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	background: var(--blue-star);
}
.const-sub-content-item{
    position: relative;
	display:flex !important;
	flex-flow:column;
    /* border: 3px solid transparent; */
}
.const-sub-content-item:hover{
	text-decoration:none;
    border-radius: 12px;
    /* border: 3px solid #1779ce; */
}

/* 神話リスト  通常がhoverしたときのタイトル */
.const-sub-content-item:hover .const-sub-content-item-title{
    color: var(--blue-star);
}

.const-sub-content-slider .slick-current{
    border: none;
}
.is-black .slider-under-content .slick-current{
    background: #000;
}

.is-black .const-sub-content-slider .slick-current > *,
.is-black .const-sub-content-slider .slick-current .const-sub-content-item-title,
.is-black .const-sub-content-slider .slick-current .const-sub-content-item-paraph,
.is-black .slider-under-content .slick-current > *{
    color: #fff !important
}


@media(max-width:767px){
    .slider-under-content{
        width: 95%;
    }
    .slider-under-content .slick-prev{
        left: -4vw !important;
    }
    .slider-under-content .slick-next{
        right: -4vw !important;
    }

    .const-sub-content-item-title{
        font-size: clamp(.18rem, 4vw, 2rem);
    }
}



/* MODAL in CONST */
.dp_modal::backdrop{
	background: rgba(17, 70, 134, 0.8);
}
.dp_modal:modal{ /* :modalでダイアログが開いている時だけ当たる。背景色以外のコンテンツ部分。:modalでなく[open]と書いている例もあるがどちらがベターか不明 */
	padding:0;
	width:1080px;
	max-width:100dvw;
	max-height:80dvh;
	box-sizing:border-box;
	border:none;
	animation:fadeIn forwards .5s ease-out;
}
.dp_modal-content{ /* 背景色じゃないコンテンツの部分 */
    margin: 0 5%;
	padding: 0 3em 3em;
    background: #fff;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.modal-content-name{
    padding-top: 2em;
	font-size:clamp( .22rem , 2vw , .48rem );
	color:var(--blue-font);
}
.modal-content-bunmei-name span{
    color: #fff;
    background: var(--blue-star);
    padding: .2em 1em;
    border-radius: 5px;
}
.modal-content-summary{
    margin-top: 1em;
}
.subcontent-box-blue{
	background:#E9F5FF;
	border-radius:10px;
    padding: .38rem .38rem .15rem;
	font-size:.16rem;
}

.sub-content-file{
	border-top:solid 1px #edebeb;
	border-bottom:solid 1px #edebeb;
	font-size:.165rem;
	padding-top: .4em;
	padding-bottom: .4em;
	margin-bottom:1.6em;
	display:flex;
	gap:0 1.6em;
	flex-wrap: wrap;
}

.sub-content-file li{
	margin:.1rem 0;
}

.sub-content-file-link{
	display:flex;
	gap:.1em;
	transition:all .6s;
}

.sub-content-file-link span{
	display:flex;
	align-items:center;
	padding-top: .3em;
}
@media(max-width:767px){
	.sub-content-file{
		flex-flow:column;
	}
	.sub-content-file-link span{
		padding-top: 0;
	}
}
.sub-content-file-link:hover{
	text-decoration:none;
	opacity:.8;
}
.sub-content-file-link:after{
	content:"PDF";
	display:flex;
	align-items:center;
	color:#FFF;
	font-weight:bold;
	font-size:.11rem;
	background:#B30B00;
	line-height:2em;
	padding-left:.4em;
	padding-right:.4em;
	margin-left:.2em;
}

.sub-content-image{
	float:left;
    background: #fff;
	overflow:hidden;
	max-width:380px;
	width:100%;
	margin-right: 2vw;
	margin-bottom:1.6vw;
}
.sub-content-paraph{
	/*overflow:hidden;*/
	padding-top:.2vw;
}
.sub-content-image img{
	width:100%;
	height:auto;
}
.sub-content-list-item{
	display:flex;
    align-items: center;
	gap:2vw;
	padding:.18rem .02rem;
	border-bottom:solid 1px #D5E4FB;
	/*font-size:0;*/
}
/*
.sub-content-list-item-name,
.sub-content-list-item-name-other{
	font-size:.16rem;
}
.sub-content-list-item-value{
	font-size:.16rem;
}
*/



.sub-content-list-item:last-child{
	border-bottom: none;
}
.sub-content-list-item:first-child{
	padding-top:0;
}
.sub-content-list-item-name{
	min-width:0;
	width:120px;
	color:#2781C7;
	font-weight:bold;
	line-height:1.5;
}
@media(max-width:767px){
	.sub-content-list-item-name{
		width:100%;
	}
}
.sub-content-list-item-value{
	line-height:1.5;
}
.sub-content-list-item-name-other{
	min-width:0;
	max-width:150px;
	width:100%;
	color:#2781C7;
	font-weight:bold;
}
.sub-content-syutten dt{
	font-weight:bold;
	color:#2781C7;
	border-bottom:solid 1px #D5E4FB;
	padding:0 .02rem .08rem 0;
	margin-bottom:.16rem;
}

.sub-content-syutten dd{
	line-height:1.5;
}

.seiza-season-wrap{
	background:rgb(39 129 226 / 48%);
}


/* モーダル is black */

.is-black .dp_modal-content{
    background: transparent;
}
.is-black .modal-content-name,
.is-black .sub-content-paraph{
    color: #fff;
}

.is-black .sub-content-paraph a{
	color:#76f7ff;
}

.is-black .modal-content-bunmei-name span{
    color: #000;
}
.is-black .modal-content-bunmei-name span,
.is-black .subcontent-box-blue{
    background: #fff;
}
.is-black .dp_modal:modal{
    background: #000;
}


@media(max-width:767px){
    .subcontent-box-blue{
        padding: .38rem 5%  .15rem;
    }
    .sub-content-paraph{
        font-size: .16rem;
    }
}





/* 星座内の 次のページ 前のページ */
.page-starmap .single-pagebtn a{
    box-sizing: border-box;
}
@media(max-width:767px){
    .page-starmap .single-pagebtn__after p,
    .page-starmap .single-pagebtn__before p{
        font-size: .13rem;
        line-height: 1.5;
    }
    .page-starmap .single-pagebtn a{
        padding: 0.5em 1em 1em;
    }
    .page-starmap .single-pagebtn__before a:after{
        left: 5px;
    }
    .page-starmap .single-pagebtn__after a:after{
        right: 5px;
    }
}

@media(max-width:959px){
    .dp_modal-content{
        padding: 5%;
    }
}
@media(max-width:767px){
    .dp_modal:modal{
        padding-bottom: 2em;
        width: 100%;
        max-width: 95dvw;
        max-height: 96dvh;
        border-radius: 3vw;
    }
    .modal-content-name{
        margin-bottom: 1em !important;
        padding-top: 3em;
        font-size: clamp(.22rem, 8vw, .3rem);
    }
    .sub-content-image{
        margin: 0;
        float: none;
    }
    .sub-content-paraph{
        padding-top: 1em;
    }
    .sub-content-list-item{
        flex-direction: column;
        align-items: flex-start;
    }
    .dp_modal-content{
        padding: 0;
    }
}



/* その他の星座  詳細ページ */
.other-post-box{
    padding-bottom: 2em;
}
.other-post-box .dp_modal-content{
    padding-top: 3em;
}
@media(max-width:767px){
    .other-post-box .dp_modal-content{
        padding: 2%;
    }
}




/* POST(othersign) */
.const-post-tag{
	display:inline-block;
	width:auto;
}
.const-post-tag-list{
	display:flex;
	background:rgba(255,255,255,.9);
	justify-content: center;
	border-radius:6px;
	gap:1.6vw;
	font-weight:bold;
	margin-top: 1em;
	padding: .5em 1em;
}
.const-post-tag-list-item{
	font-size:.2rem;
}
.const-post-tag-list-item a{
	color:#2781C7;
	border-bottom:dotted 3px transparent;
}
.const-post-tag-list-item a:hover{
	text-decoration:none;
}
@media (hover: hover) {
	.const-post-tag-list-item a{
		transition:.4s;
	}
	.const-post-tag-list-item a:hover{
		border-bottom:dotted 3px #2781C7;
	}
}


.is-black .const-post-tag-list-item a{
    color: #000;
}

@media(max-width:767px){
    .const-post-tag-list{
       margin-top: 1em;
    }
    .const-post-tag-list-item{
        font-size: clamp(.15rem, 2.2vw, .18rem);
    }
}

.modal-close{
	position: sticky;
	top:1vw;
	right:1vw;
	cursor: pointer;
}
.modal-close-btn{
	display: block;
	position: absolute;
    right: 0;
	width: .22rem;
	height: .22rem;
	border-radius:100px;
	background:#f1f1f1;
	padding:.22rem;
}
@media(min-width:768px){
	.modal-close-btn{
		right: -60px;
	}
}

.modal-close-btn::before, .modal-close-btn::after { /* 共通設定 */
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: .05rem; /* 棒の幅（太さ） */
	height: .22rem; /* 棒の高さ */
	background: #333;
}
.modal-close-btn::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.modal-close-btn::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
@media (hover: hover) {
	.modal-close-btn{
		transition:.4s;
	}
	.modal-close-btn:hover{
		background:#005DA5;
	}
	.modal-close-btn:hover::before, .modal-close-btn:hover::after{
		background: #ffffff;
	}
}



/* 調査中の星座 single */
.const-post-main-content-title.-investigation{
    padding-left: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.const-post-main-content-title.-investigation span{
    position: relative;
    z-index: 2;
}
.const-post-main-content-title.-investigation:after{
    content: '';
    display: block;
    margin-left: -30px;
    margin-top: -10px;
    margin-bottom: -.5em;
    position: relative;
    width:108px;
    aspect-ratio: 1;
    background: url(../images/starmap/ico-investigation.png) center / 100% auto no-repeat;
    z-index: 1;
}
@media(max-width:767px){
    .investigation-wrap{
        padding: 5%;
    }
}



.t-mt-auto{
	margin-top:auto;
}
.t-h-full{
	height:100%;
}
/* アイコン */
.t-ico-arrow-mini{
	width:46px;
	height:auto;
}
.t-ico-arrow-tiny{
	width:36px;
	height:auto;
}
@media(max-width:767px){
    .t-ico-arrow-mini{

    }
    .t-ico-arrow-tiny{
        width:36px;
        height:auto;
    }
}

[class*="t-const-h3"]{
	font-size:.6rem;
	color:#FFF;
	letter-spacing: .02em;
	max-width:1726px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
[class*="t-const-h3"]:lang(en){
    letter-spacing: 0;
}
.t-const-h3-large{
	font-size:1.5em;
	color:#FFF;
	/* letter-spacing:.08rem; */
    position: relative;
    padding: .05em;
    top: 3px;
}
.t-const-h3-small{
    z-index: 1;
	font-size:.45rem;
	color:#FFF;
	letter-spacing:.02rem;
	max-width:1726px;
	width:100%;
    position: relative;
	margin-left:auto;
	margin-right:auto;
}


.is-black [class*="t-const-h3"]{
    color: #fff;
}
@media(max-width:767px){
    .t-const-h3{
        font-size: clamp(.25rem, 7vw, .5rem);
    }
    .t-const-h3-small{
        font-size: clamp(.2rem, 6.5vw, .45rem);
    }

}

.t-link-shadow{
	box-shadow: 0 4px 6px rgba(43, 106, 165, 0.7);
}
.t-link-shadow-tiny{
	box-shadow: 0 2px 2px rgb(4 53 100 / 70%);
}
@media (hover: hover) {
	.t-link-shadow{
		transition: .4s;
	}
    .t-link-shadow:hover{
        box-shadow: 0 0 25px rgb(0 96 179 / 50%);
	}
	.t-link-shadow-tiny{
		transition: .4s;
	}
	.t-link-shadow-tiny:hover{
		box-shadow: 0px 4px 12px rgba(25, 40, 53, 0.9);
	}
}
.t-rel{
	position:relative;
}
.t-outer-link:after{
	content:"";
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../images/starmap/outer-link.svg) left center / contain no-repeat;
	margin-left:.04rem;
}
.t-fix-page-btn{
	max-width:1500px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.t-radius-10{
	border-radius:10px;
}
.t-clear:after {
	content: "";
	display: block;
	clear: both;
}

.t-clear:before {
	content: "";
	display: block;
	clear: both;
}

.t-clear {
	display: block;
}
.t-no-summary-message{
	max-width:600px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.footer-const-list-content.t-slug-current{
    position: relative;
    z-index: 1;
}
/* .footer-const-list-content.t-slug-current:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 30px solid rgba(255, 255, 255, 0.93);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    z-index: 2;
} */
.footer-const-list-content.t-slug-current:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 97%;
    left: calc(50% - 7%);
    width: 15%;
    aspect-ratio: 3 / 5;

    -webkit-mask-image: url(../images/starmap/ico-arrow02.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(../images/starmap/ico-arrow02.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;

    background: #fff;
}

a[href*="spring"].t-slug-current:before{
    background: #FFA9A9;
}
a[href*="summer"].t-slug-current:before{
    background: #96D762;
}
a[href*="autumn"].t-slug-current:before{
    background: #ECCD60;
}
a[href*="winter"].t-slug-current:before{
    background: #4DDDFD;
}

.t-slug-current:before {
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  }
  @keyframes floating-y {
    0% {
      transform: translateY(-5%);
    }
    100% {
      transform: translateY(8%);
    }
  }

.t-text-line4{
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
	  overflow: hidden;
}

@media(max-width:959px){
.footer-const-list-content.t-slug-current:before{
    left: calc(50% - 5%);
    width: 10%;
}
@media(max-width:767px){
    .footer-const-list-content.t-slug-current:before{
        left: 6%;
        bottom: 92%;
        width: 8%;
        max-width: 40px;
    }
}
}


/* LOGO SIZE */
.t-expo-logo-top{
	max-width:330px;
	width:100%;
}
.t-expo-logo-top-sub{
	max-width:240px;
	width:100%;
}
@media(max-width:767px){
	.t-expo-logo-top{
		max-width:40%;
		width:100%;
	}
	.t-expo-logo-top-sub{
		max-width:40%;
		width:100%;
	}
}


/* 
 wovn対応
 > 日本以外の言語にタイプさせる場合はhtml:not(:lang(ja))を使用する
*/
html:not(:lang(ja)) .archive-display-kana{
	visibility:hidden;
}
html:not(:lang(ja)) .const-sub-content-title-text{
	padding:0 .5em;
}

html:not(:lang(ja))  .const-post-main-detail .const-post-main-detail-case-other-none {
	display:none;
}

@media(max-width:767px){
	html:not(:lang(ja)) .start-text-sp{
		font-size:20px;
	}
}

/* ゼロ幅スペース（​）対策 */
.const-news-link{
	font-size:0;
}
.const-news-link-date,
.const-news-link-title{
	font-size:.2rem;
}

@media(max-width:959px){
	 #wovn-translate-widget[wovn].type-floating.wovn--position-bottom{
		bottom:40px !important;
	}
}

.const-sub-content-slider,
.slider-under-content{
  display: none;
}
.const-sub-content-slider.slick-initialized,
.slider-under-content.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

/* 88星座コンテンツにその他の星座を表示する際のスタイル */
.other{

}
.other-title{
	font-weight:bold;
	color:#2781C7;
	border-bottom:solid 1px #D5E4FB;
	padding:0 .02rem .08rem 0;
	margin-bottom:.16rem;
}
.other-content{
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:1.6em;
}
@media screen and (max-width: 960px){
	.other-content{
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width: 767px){
	.other-content{
		grid-template-columns: 1fr 1fr;
		gap:.8em;
	}
}
.other-content-block{
	display:flex;
	gap:.8em;
	padding:.8em;
	background: rgba(255,255,255,0.8);
	border-radius: .4em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}
@media screen and (max-width: 960px){
	.other-content-block{
		flex-flow: column;
	}
}
.other-content-block-body{
	width:72%;
	font-size:.15rem;
	transition:all .6s;
	line-height:1.3;
}
@media screen and (max-width: 960px){
	.other-content-block-body{
		width:100%;
	}
}
.other-content-block-body-title{
	font-weight:bold;
	font-size:.16rem;
	line-height:1.6;
}
@media screen and (max-width: 960px){
	.other-content-block-body-title{
		margin-bottom:.4em;
	}
}
a.other-content-block:hover{
	text-decoration:none;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
a.other-content-block:hover img{
	opacity:1;
}
.other-content-block-body:after{
    content: '';
    display: inline-block;
    bottom: .4em;
    right: .6em;
    width: .15rem;
    height: .15rem;
    -webkit-mask-image: url(../images/starmap/ico_google_newwindow.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(../images/starmap/ico_google_newwindow.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #1c659f;
    transition: .25s;
    vertical-align:middle;
}
.other-content-block-img{
	width:28%
}
@media screen and (max-width: 960px){
	.other-content-block-img{
		width:100%
	}
}
.other-content-block-img img{
	width:100%;
	vertical-align:bottom;
}