@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
* { margin: 0px; padding: 0px; font-size: 100%;font-size: 14px; }
th { font-weight: lighter; }
img { border: none; vertical-align: bottom; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;padding: 0;border: 0;font-size: 0.85em;font: inherit;vertical-align: baseline;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { height: 101%; }
body { font-size:16px; line-height: 1;color: #333;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック","游ゴシック体", "Yu Gothic", "メイリオ",Meiryo, sans-serif; }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body {min-width: 280px;}

p { font-size: 1em; font-size: 16px;line-height: 1.7; }
a{text-decoration:none;}

.clearfix:after {content: " ";display:block;clear:both;*zoom: 1;}



.flex{width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}


.bold{font-weight:bold;}
.text-center{text-align:center !important;}
.pc-center{text-align:center;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}

.annotation{font-size:12px;}
.first{margin-top:0 !important;}
.red{color: #e94a4f;}
.blue{color:#00125e;}
.pc-br{display:block;}
.sp-br{display:none;}
.underline{ text-decoration:underline;color: #e94a4f;font-weight: normal;}
.underline-green{ text-decoration:underline;color: #50b464;font-weight: normal;}
.text-line{text-decoration:underline;}


table{width:100%;}
table th {border-bottom-width: 0px;border-left-width: 0px;}
table tr td {border-bottom-width: 0px;border-left-width: 0px;vertical-align: text-top;}
html{
    scroll-behavior: smooth;
}
ul li{line-height: 1.3;}

img{height: auto;}
.wide{width:88%;margin-right:auto;margin-left:auto;max-width: 1200px;}
.page .wide{max-width: 1100px;}


.min{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


@media screen and ( max-width:1150px ){

}

@media screen and ( max-width:767px ){
    .pc-br{display:none;}
    .sp-br{display:block;}
	.pc-center{text-align:left;}
}
@media screen and ( max-width:600px ){

}


/* リンク設定
------------------------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;transition: 0.5s;-webkit-transition:0.5s
}

a:hover, a:active{
outline:none;
opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/**** Clearfix ****/

.nav .panel:before,nav .panel:after, #mainNav:before,#mainNav:after, .newsTitle:before,.newsTitle:after{
content:"";
display:table;
}

nav.panel:after,#mainNav:after,.newsTitle:after{
clear: both;
}

nav.panel,#mainNav,.newsTitle{
zoom: 1;
}


/* レイアウト
------------------------------------------------------------*/


#wrapper, .inner{
margin:0 auto;
}

#content{
}

#sidebar{

}

/* タイポグラフィ
------------------------------------------------------------*/



.post h3{
margin:15px 0 25px;
padding:15px 0;
font-size:120%;
font-weight:bold;
border-bottom:1px solid #000000;
}

.post h4{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h5{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}
 
.post blockquote p{
padding:5px 0;
}

.post table{
border:1px #cccccc solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
padding:15px;
border:#cccccc solid;
border-width:0 0 1px 1px;
font-weight:bold;
}

.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}

.post dt{
font-weight:bold;
}

.post dd{
padding-bottom:10px;
}

.post img{
max-width:100%;height:auto;
}

img.aligncenter{
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}




/* フッター
------------------------------------------------------------*/

#footer{clear:both;padding:60px 0 40px;background: #fff;} 
.footer-logo{margin-bottom:30px;}
.footer-logo span{display:block;color:#00125e;margin-bottom: 5px;}
.footer-logo img{width:190px;}
.footer-tel a{font-size:1.8em;display: block;line-height: 1.3;font-weight: bold;color: #333;font-family: 'Noto Sans JP', sans-serif;}
.footer-tel a span{font-size:14px;}

.footer-about{width:25%;}
#footer .flex{justify-content: space-between;}

#footer section:first-child > ul{margin-bottom:40px;width:70%;text-align: right;}
#footer section:first-child > ul li{display:inline-block;padding:0;margin-left:50px;}
#footer section:first-child > ul li a{line-height: 40px;color: #333;display: block;}
#footer section:first-child > ul li a:hover{color:#00125e;}

#copyright{margin-top:30px;font-size:13px;text-align: right;width: 88%;margin: auto;max-width: 1200px;}

#pagetop{position:fixed;right:15px;bottom:15px;cursor:pointer;}
#pagetop img{width:50px;display: block;margin: 0 auto;background: rgba(0,18,94,0.85);border-radius:50%;padding: 3px 5px 7px;}



/*.floating{position: fixed;bottom:0;left:0;right:0;margin:auto; background: rgba(255,255,255,0.95);border-radius:6px 6px 0 0;padding: 10px 20px;justify-content: center;align-items: center;max-width: 991px;
box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-moz-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-webkit-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-o-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-ms-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);z-index: 100;}
.floating div{padding: 0;max-width: 300px;align-items: center;justify-content: flex-end;}
.floating div p{}
.floating div img{display: block;width: 50px;}
.floating .line-qr img{width: 70px;}
.floating div span{display:block;font-size: 14px;line-height: 1.3;font-weight: normal;}

.floating div.floating-message{padding: 0px;}
.floating-message p{font-weight:bold;font-size:1.2em;line-height:1.5;color:#E86880;color: #E86880;}
.floating-line p:nth-child(2){padding:0 15px;}
.floating div.floating-line{max-width:400px;}
.floating-tel img{margin-right: 10px;}
.floating-tel a{font-weight:bold;font-size:1.4em;line-height:1;color:#E86880;display: block;}
.floating-sp{display:none;}*/
@media only screen and (max-width:1450px){
	#copyright {text-align: left;margin-top:20px;}
}
@media only screen and (max-width:1100px){
	#footer {padding: 40px 0 30px;}
	#copyright {text-align: left; margin: 30px auto 0px;}
}

@media only screen and (max-width:1024px){
	#footer section:first-child > ul {margin-bottom: 40px;width: 100%;text-align: left;}
	#footer .flex {flex-direction: column-reverse;}
	#footer section:first-child > ul li {margin-left: 0px;margin-right: 50px;}
	.footer-about {width:100%;}

}
@media only screen and (max-width:767px){
	
}
@media only screen and (max-width:600px){
	#footer section:first-child > ul li { margin: 0px;width: 100%; text-align: center;border-bottom: 1px solid #eee;}
	

}
@media only screen and (max-width:450px){

}
@media only screen and (max-width:370px){	

}

/* メインメニュー　PC用
------------------------------------------------------------*/

nav#mainnav ul{padding:0;display:flex; justify-content:flex-end;text-align:right;}
nav#mainnav ul li{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;text-align: left;display: inline-block;}
nav#mainnav ul li a{display:block;color: #fff;padding: 0 0 0 50px;padding: 0 25px 0 25px;font-size: 1.1em;}
nav#mainnav ul li a{text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 15px, rgba(0, 0, 0, 0.9) -1px 1px 15px, rgba(0, 0, 0, 0.9) 1px -1px 15px, rgba(0, 0, 0, 0.9) -1px -1px 15px;}
nav#mainnav ul li a:hover{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;opacity:0.6;}


@media only screen and (max-width:1300px){
	nav#mainnav ul li a{padding: 0 0 0 32px;padding: 0 16px 0 16px;}
}
@media only screen and (max-width:1024px){
	nav#mainnav ul li{height: 230px;padding: 20px 0;}
	nav#mainnav ul {text-align: center;}
	nav#mainnav ul li a{text-shadow:none;}
}
@media only screen and (max-width:500px){
	nav#mainnav ul { text-align: left;padding: 0 20px;}
}

@media only screen and (min-width:1025px){

nav div.panel{display:block !important;}

a#menu{display:none;}

}



/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:1024px){

#header{
margin-top:0px;
width:100%;
z-index:500;
}
	
#headerWrap{
position:relative;
width:100%;
}

#header .pnav ul{
display:none;
}

a#menu{
display:inline-block;
position:relative;
width:70px;
height:60px;
}

#menuBtn{
display:block;
position:absolute;
top:50%;
left:30%;
width:30px;
height:2px;
margin:-1px 0 0 -7px;
background:#fff;
transition:.2s;
}

#menuBtn:before, #menuBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:30px;
height:2px;
background:#fff;
transition:.3s;
}

#menuBtn:before{
margin-top:-10px;
}

#menuBtn:after{
margin-top:8px;
}

#menuWrap{height: 60px;background:rgba(0,18,94,0.9)}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
display:none;
overflow:hidden;
position:relative;
left:0;
top:0;
z-index:100;
}

#mainnav{
position: fixed;
top:0;right: 0;
width:100%;
text-align:right;
z-index:500;
height: 60px;
}

#mainnav ul{
background: rgb(255,255,255,0.95);
padding: 10px 0;
text-align:left;
}
nav#mainnav ul {display: block;}

#mainnav li{margin: 0;width:auto;}

#mainnav li a img{display:block;margin-bottom:10px;width: 80px;margin: 0 auto 20px;}

nav#mainnav ul li a,nav#mainnav ul li:last-child a{padding: 0px 0%;text-align:left;line-height: 50px;border-bottom: 0px dashed #fff;color: #00125e;}

nav#mainnav ul li a:before{content:'\f107';font-family: FontAwesome;margin-bottom: 5px;}
nav#mainnav ul li a:hover,nav#mainnav ul li:last-child a:hover{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;opacity:0.7;}


.sp-btn{display:block;width:140px;position:fixed;top:0;right:70px;z-index:1000;}
.sp-btn li{width:50%;}
.header-inner .sp-btn li a{display:block;padding: 10px;}
.header-inner .sp-btn li img{display:block;width:100%;}

}

@media only screen and (max-width:1024px){
#wrapper, .inner{width:100%;}
.home #wrapper{padding: 60px 0 0;}

}
@media only screen and (max-width:450px){
	.header-inner .sp-btn li a {padding: 10px 0;}
	#menuBtn {margin: -1px 0 0 0px;}
}
@media only screen and (max-width:350px){
	.header-inner .sp-btn li a {padding: 12.5px 0;}
}

@media only screen and (max-width:320px){
	nav#mainnav ul li a,nav#mainnav ul li:last-child a{line-height: 40px;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width: 644px){

img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}

.alignright,.alignleft{
float:none;
}
}



/* ヘッダー*/
#header{position: absolute;z-index: 100;width: 100%;margin-top: 40px;}

.header-title{/*padding-left:6%;*/margin-right:auto;}
.header-title img{width: 256px;margin:5px 0 10px;}
.header-title a span{color:#fff;line-height: 1.3;display: block;}



.header-tel {text-align: right;margin-bottom: 80px;}
.header-tel a{color:#fff;font-size: 1.4em;font-weight: bold;margin-left:25px;}
.header-tel a:first-child{font-size: 1.2em;}
.header-tel a:first-child:before{content: '';display: inline-block;width:20px; height: 20px;background-image: url(images/mail.svg);background-size: contain;vertical-align: middle; margin-right:6px;margin-top:-3px;background-repeat:no-repeat;}
.header-tel a:nth-child(2):before{content: '';display: inline-block;width: 20px; height: 20px;background-image: url(images/tel.svg);background-size: contain;vertical-align: middle; margin-right:6px;margin-top:-3px;background-repeat:no-repeat;}

/*.page .header-tel a:first-child:before{background-image: url(images/mail-blue.svg);}
.page .header-tel a:nth-child(2):before{background-image: url(images/tel-blue.svg);}*/

.header-inner{display: flex;justify-content: flex-end;max-width: 1500px;margin: auto;max-width: 1300px;}
.header-menu{/*padding-right: 4%;*/}

.blue-logo{display:block;display:none;}
.white-logo{display:none;display:block;}

/* スクロールで固定*/
@media only screen and (min-width:1150px){

#header.header-fixed nav#mainnav ul li a {padding: 0 0 0 30px;font-size: 1em;text-shadow:none;}  
}
@media only screen and (min-width:1025px){
	#header.header-fixed{position: fixed !important; top: 0;left: 0;z-index: 100;width: 100%; background:rgba(0,18,94,0.9);margin-top: 0px;padding: 10px 0 !important;}
	#header.header-fixed .header-title a span,#header.header-fixed .header-tel{display:none;}
	#header.header-fixed nav#mainnav ul li{writing-mode:horizontal-tb;-ms-writing-mode:tb-rl;text-align: left;}
	#header.header-fixed .header-title img {width: 100px;margin: 0px;}
	#header.header-fixed nav#mainnav ul li:first-child{display:none;}
	#header.header-fixed nav#mainnav ul li a { padding: 0 0 0 20px; font-size: 0.9em;text-shadow:none;color: #fff;}
	#header.header-fixed .white-logo{display:block;}
	#header.header-fixed .blue-logo{display:none;}
}

@media only screen and (max-width:1350px){
.header-inner{width:88%;}
	
}


@media only screen and (max-width:1024px){
	.header-title {z-index: 1000;position: fixed;top: 0;left: 4%;height: 60px;display: flex;align-items: center;}
	.header-title a span {display: none;}
	.header-title img {width: auto;margin: 0px;height: 35px;}
	.header-tel {margin-bottom: 0px;z-index: 1000;position: fixed;top: 0;right:80px;height: 60px;display: flex;align-items: center;}
	.header-tel span{display:none;}
	.header-tel a:first-child:before,.header-tel a:nth-child(2):before{width:30px; height:30px;}

}
@media only screen and (max-width:800px){

}

@media only screen and (max-width:400px){
	.header-tel a {margin-left: 10px;}
	.header-tel a:first-child{margin-left: 0px;}
	.header-tel {right: 60px;}
	.header-title img { height: 30px;}
}

@media only screen and (max-width:350px){
	.header-title img { height: 25px;}
	.header-tel a {margin-left: 6px;}
	#menuBtn::before, #menuBtn::after,#menuBtn { width: 26px;}
	a#menu {width: 60px;}
	.header-tel {right: 50px;}
}

/* 見出し*/
h2{font-size: 2.5em;margin:0px 0 50px;line-height: 1.3;position: relative;text-align:center;font-weight:normal;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

h2 span{padding:0px;display:inline-block;line-height: 1.3;font-size: 20px;font-weight: normal;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#00125e;display: block;}


h3{font-size: 1.5em;line-height: 1.4;text-align:left;font-family: 'Noto Sans JP', sans-serif;letter-spacing:0.06em;
margin: 35px 0 30px;
font-weight: normal;
color: #000;}

.page main h3{font-size: 2.2em;color: #00125e;letter-spacing: 0.15em;margin-bottom: 40px;}
.page main h3.thanks{letter-spacing: 0.05em;}

h3 span{padding:0px;display:inline-block;font-size: 0.75em;margin-left: 5px;font-weight: normal;}

h4 { margin: 30px 0 20px;
    font-size: 1.3em;font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.3;
    position: relative;
    font-weight: bold;
}
h5{ margin: 20px 0 5px;
    font-size: 1.1em;font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: bold;
}
h6{ margin: 10px 0 5px;
    font-size: 1em;font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: bold;
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:959px){
	h3 {font-size: 1.3em;margin: 20px 0 10px;margin: 30px 0 20px;}

}
@media only screen and (max-width:767px){
	h2 { margin: 0px 0 30px;font-size: 2em;font-size: 1.7em;line-height: 1.3;}

	h4 { font-size: 1.1em;}
	h2 span{font-size: 18px;margin: 0;}
}
@media only screen and (max-width:600px){
	h2 {  font-size: 1.6em;}
	h2 span{font-size: 16px;}
	.page h2 {margin: 0px auto 20px;}
	h3 {font-size: 1.2em;}
	.page main h3 {font-size: 1.8em;margin-bottom: 30px;}
}
@media only screen and (max-width:500px){
	
	h2 {  font-size: 1.5em;}
}
@media only screen and (max-width:400px){
	h2 span {font-size: 15px;}
	h3 {font-size: 1.15em;}
	.page main h3 {font-size: 1.5em;}
}
@media only screen and (max-width:350px){
	h2 { display:block;margin-left:0;}
	.page main h3 { font-size: 1.3em;letter-spacing: 0.06em;}
}



/* トップページ*/
.top-image{position:relative;height: 800px;overflow: hidden;}
.top-image:after{position: absolute;width:100%; height:100%;background:rgba(0,0,0,0.4);display: block;content: "";top: 0; z-index:1;}
.top-image-on{bottom:60px;left: 6%;position: absolute;z-index: 10;width:40%;}
.top-image-on img{width:100%; display::block;}
.top-image img.top-main{width: 100%;display: block;height: 800px;min-width: 100%;object-fit: cover;}



.top-message,.top-plan,.top-other{padding: 100px 0;}
.lead{font-size: 1.3em;line-height: 2; font-family: 'Noto Sans JP', sans-serif;line-height: 1.6;}
.link-btn a{padding: 20px;border: 4px solid #00125e;display: block;color:#fff; background:#00125e;width: 240px;text-align: center;font-size: 1.1em;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;line-height: 1.3;}
.link-btn-white a{color:#00125e;background:#fff;}

.link-btn a:hover{transition: 0.5s;-webkit-transition:0.5s;background:#fff;color:#00125e;opacity:1;}
.link-btn-white a:hover{transition: 0.5s;-webkit-transition:0.5s;background:#00125e;background: rgba(255,255,255,0.2);color:#fff;opacity:1;}

.top-message .lead{text-align:center;color:#00125e;}
.top-message ul{justify-content: center;margin-top: 40px;}
.top-message ul li:first-child{margin-right: 40px;}

@media only screen and (max-width:1200px){	

}
@media only screen and (max-width:1100px){
	.top-image{position:relative;height: 700px;}

}

@media only screen and (max-width:1024px){
	.top-image{position:relative;height: 80vh;}
	.top-image img.top-main {height: 100%;}
}
@media only screen and (max-width:959px){	

}
@media only screen and (max-width:800px){

}

@media only screen and (max-width:767px){
	.top-message ul li:first-child {margin-right: 30px;}
	.top-image-on{width:50%;}

}
@media only screen and (max-width:650px){
	
}
@media only screen and (max-width:600px){
	.top-image{position:relative;height: 70vh;height: 400px;}
	.top-message ul li:first-child {margin-right: 0px;margin-bottom:30px;}
	.top-message .link-btn{width: 100%;}
	.top-message .link-btn a {width: 100%;}
	.top-message ul {max-width: 240px;margin: 40px auto 0;}
	.top-image-on{width:60%; bottom: 30px;}
}
@media only screen and (max-width:500px){

}
@media only screen and (max-width:400px){
	.top-image{position:relative;}
	.top-image-on{width:70%;}

}
@media only screen and (max-width:320px){	
	.top-image-on{width:88%;}

}

.vertical{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;text-align: left;display: inline-block;}

.top-plan{background:url(images/top-plan.jpg); background-repeat:no-repeat;background-size:80%;}
.top-plan-contents{background: rgba(255,255,255,0.92);padding: 80px 6% 100px;width: 80%;float: right;margin-bottom: 80px;}

table {border-collapse: collapse;}
.top-plan h2{}
.top-plan table{width: 80%;margin-left: 10%;}

.top-plan table th,.top-plan table td{vertical-align: middle;border-bottom: 4px solid #00125e;padding: 30px 0;}
.top-plan table th{color:#00125e;font-size:2em;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align: left;}
.top-plan table td{font-size: 1.4em;}
.plan-style{line-height: 1.3; position:relative;margin-top: 5px;}
.plan-style span:after{position: absolute;top:0;bottom:0;margin:auto;content:"";left: -10%;width: 120%;background: #898989;height: 1px;}
.plan-style span.blue:after{display:none;}
.plan-style > span{ position:relative;color:#898989;border:1px solid #898989;padding:2px 10px;line-height:1;width: 80px;display: inline-block;text-align: center;font-size: 14px;}
.plan-style > span.blue{ color:#00125e;border:1px solid #00125e;}
.plan-style > span:first-child{margin-right:10px;}
.top-plan-btn{background:#fff;padding:0px 0% 80px;margin-top: 80px;}
.top-plan-btn .flex{justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}

.text-s{font-size:14px;}

.top-hole{background:#f4f4f4;padding:100px 0;}
.top-hole-bg{background:url(images/top-hole.jpg); background-repeat:no-repeat;background-size:cover; position:relative;height: 500px;display: block;}
.top-hole h2{background:rgba(255,255,255,0.8);padding: 40px; position:absolute;top:-40px;right:6%;color: #333;}
.top-hole .top-hole-btn { border: 0px solid rgba(0,18,94,0);background: rgba(0,18,94,0.9);width: auto;text-align: left; line-height: 2; padding: 40px;top: 90px;right: calc(6% + 140px);position: absolute;color: #fff;font-size: 1.1em;}


.top-other .lead{text-align:center;color:#00125e;}
.top-other ul{justify-content: space-between;width: 88%;margin: 50px auto 0;}
.top-other ul li{width:23%; position: relative;padding: 50px 0 0 30px;}
.top-other ul li:nth-child(2n){margin-top:50px;}
.top-other ul li a > div{position: absolute;writing-mode: vertical-rl;-ms-writing-mode: tb-rl;text-align: left;display: inline-block;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#333; background:rgba(244,244,244,0.9);padding:20px 30px;font-size: 2em;height: 290px;width:126px;top: 0px;left: 0px;z-index:10;display: flex;align-items: center;flex-wrap: wrap;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
.top-other ul li a > div span{font-size:16px;display:block;color:#00125e;margin-left:5px;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
.top-other ul li a:hover > div{background: rgba(0,18,94,0.8);color:#fff;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
.top-other ul li a:hover > div span{color:#fff;transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}

.top-other ul li img{width:100%;display:block;}
@media only screen and (max-width:1600px){
.top-plan-btn {padding: 0px 0% 80px;margin-top: 0px;}
}
@media only screen and (max-width:1500px){
.top-plan {padding: 100px 0 50px;}
}
@media only screen and (max-width:1400px){
	.top-other ul li a > div span{font-size:15px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック","游ゴシック体", "Yu Gothic", "メイリオ",Meiryo, sans-serif; }
	.top-other ul li a > div{height: 275px;width: 120px;}
}
@media only screen and (max-width:1300px){
	.top-plan {padding: 100px 0 0px;}
	.top-plan-contents {padding: 80px 6% 50px;}
	.top-other ul li{width:46%;}
	.top-other ul{max-width: 800px;}
	.top-other ul li:nth-child(2n) {margin-top: 80px;}
	
	.top-plan table tr:first-child td:last-child span.blue{display: block;margin-top: 10px;}
	.top-plan table {width: 70%;}
}
@media only screen and (max-width:1200px){
	.top-plan table th {font-size: 1.6em;}
	.top-plan table td {font-size: 1.2em;}
	.top-plan-contents {padding: 80px 6% 10px;}
	.top-plan-btn .lead{width:100%;}
	.top-plan-btn .link-btn{margin-top: 20px;}
	.top-plan-btn .flex { justify-content: flex-end;}
}
@media only screen and (max-width:1100px){
	.top-plan {padding: 200px 0 30px;}
	.top-plan-contents {width: 100%; float: none;padding: 80px 6% 0px;}
	.lead { font-size: 1.2em;width: 100%;}
	.top-message .lead {text-align: left;}
	
	.top-plan-btn{justify-content: flex-end;}
	.top-hole-bg {height: 400px;}
	.top-hole .top-hole-btn {top: 30px;}
	

}
@media only screen and (max-width:959px){
	.top-message,.top-other{padding: 80px 0;}

}
@media only screen and (max-width:850px){
	.top-hole .top-hole-btn { top: 90px;}
	.top-plan table { width: 100%;margin-left: 0;}
	.vertical{writing-mode:horizontal-tb;-ms-writing-mode:tb-rl;text-align: left;}

}

@media only screen and (max-width:767px){
	.top-message, .top-other {padding: 60px 0;}
	.top-plan {padding: 200px 0 30px;}
	.lead { font-size: 1.1em}
	
	.top-plan-contents {padding: 60px 6% 0px; margin-bottom: 40px;}
	
	.top-hole .top-hole-btn { top: auto; bottom: -30px;right: 6%;padding: 20px 30px;}
	.top-hole h2 {top: -30px; right: auto;left: 6%;padding: 20px 30px;width: auto;text-align: left;}
	.top-hole-bg {height: 300px;background-position: center;}
	.top-hole {padding: 60px 0;}
	.top-other ul li a > div{font-size:1.7em;}

}
@media only screen and (max-width:600px){
	.top-plan table th ,.top-plan table td{ width: 100%;display: block;border:none;padding: 15px 0;}
	.top-plan table th { font-size: 1.4em;background: #eee;padding: 15px 15px;text-align: center;}
	.top-plan table tr:first-child td:last-child span.blue {display: inline;margin-top: 0px;}
	.top-plan table td { font-size: 1.1em;text-align: center;}
	.top-plan table tr td:last-child {padding-top: 0px;}
	.top-plan-btn {justify-content: center;padding: 0px 0% 60px;}
	.vertical {text-align: center;width: 100%;}
	.top-plan {background-size: 100%;}
	.top-other ul li a > div span {font-size: 14px;}
	.top-other ul li a > div {height: 260px;width: 110px;}
	.top-other ul li {width: 48%;margin-bottom: 30px;}
	.top-other ul li:nth-child(2n) {margin-top: 0px;}
	.top-hole .top-hole-btn {line-height: 1.5;}

}
@media only screen and (max-width:550px){
	.top-other ul li {width: 100%;}
	.top-other ul {max-width: 350px;}
}
@media only screen and (max-width:500px){
	.top-plan table th {font-size: 1.2em;}
	.top-plan-contents {background: rgb(255, 255, 255);}
	.top-hole-bg {height: 200px;}
	.top-hole h2 {background: rgba(255,255,255,0.9);}
	.top-other .lead {text-align: left;width: 88% !important;}
	.lead {font-size: 1.05em;}
}
@media only screen and (max-width:400px){
	/*.top-message, .top-other {padding: 50px 0;}*/
	.top-plan {padding: 200px 0 0px;}
	.top-plan-btn {justify-content: center;padding: 0px 0% 40px;}
	.lead { font-size: 1em;line-height: 1.7;}
	.top-plan table th {font-size: 1.1em;}
	.top-plan table td {font-size: 1.05em;}
	.top-plan-contents {padding: 40px 6% 0px;}
	.top-hole .top-hole-btn { font-size: 1em;right: 0%; padding: 15px 20px;line-height: 1.5;}
	.top-other ul li {padding: 30px 0 0 30px;}
	/*.top-other ul li a > div {font-size: 1.3em;}*/
}
@media only screen and (max-width:320px){	
	.top-plan-contents {background: transparent;}
	.top-plan {background-size: auto 200px;}
	.top-hole h2 {padding: 15px 20px;}
	.link-btn a {font-size: 1em;}
}

@media only screen and (max-width:319px){	
	.top-other ul li a > div span {font-size: 13px;}
	.top-other ul li a > div {height: 240px;width: 100px;}
}

@media only screen and (max-width:280px){	
	.top-hole .top-hole-btn {width: 100%;}
}
  
  

.img-hover{ overflow:hidden;display:block;}
.img-hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
.img-hover:hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;transform:scale(1.1);opacity:1;}
.img-hover:hover{opacity:1;}

.top-contact h2,.top-contact h3,.top-contact p{color:#fff;}
.top-contact h3{font-size:18px;margin:0;text-align: center;}

.top-contact{padding: 100px 0;background:url(images/top-contact.jpg); background-repeat:no-repeat; background-size:cover;}
.top-contact-bg{padding: 60px 6%; background:rgba(0,18,94,0.8);position: relative;}
.top-contact-on{position:absolute;top:-30px;right:-30px;width:300px;height: auto;}
.top-contact-on img{display:block;width:100%;}

.top-contact .flex{justify-content: center;margin-top: 50px;}


.contact-tel a{font-weight: bold;color: #fff;color: #ffd700;font-size: 2.8em;line-height: 1.7;font-family: 'Noto Sans JP', sans-serif;}
.contact-tel span {font-size:16px;}

.top-contact .lead{text-align:center;}
.top-contact .link-btn{margin-left: 5%;}
.top-contact .link-btn a{width: auto;padding: 20px 50px;}
.top-contact .link-btn a:hover{border: 4px solid #fff;}



@media only screen and (max-width:1250px){

}

@media only screen and (max-width:1100px){
	.top-contact .lead {text-align: left;}

}
@media only screen and (max-width:1024px){
.top-contact-on {width: 260px;}
}

@media only screen and (max-width:959px){
	.top-contact{padding: 80px 0;}
	.top-contact .flex div:first-child{width:100%;margin-bottom:30px;text-align: center;}
	.top-contact .link-btn {margin-left: 0;}

}
@media only screen and (max-width:850px){
	.top-contact-on {position: static;margin: 30px auto;width: 220px;}
}
@media only screen and (max-width:767px){
	.top-contact{padding: 60px 0;}
}

@media only screen and (max-width:500px){
	.contact-tel a {font-size: 2.2em;}
	.top-contact .link-btn a {width: 100%;padding: 20px 20px;line-height: 1.4;}
	
}
@media only screen and (max-width:450px){

}
  
@media only screen and (max-width:400px){
	.top-contact{padding: 30px 0;}
	.top-contact-bg {padding: 40px 6%;}
	.contact-tel a {font-size:1.8em;}
	.top-contact-on{width: 80%;}	
}
@media only screen and (max-width:375px){
	
}




/* 下層ページ　メイン画像
----------------------------------*/
/*.about{background: url(images/about.jpg);background-repeat: no-repeat;background-size: cover;background-position: center top;background-attachment: fixed;}*/
.page #header {
  /*position: static;margin-bottom: 150px;*/}
 /*.page .header-title a span{color: #00125e;}
.page nav#mainnav ul li a {
  text-shadow: rgb(255, 255, 255) 1px 1px 15px, rgb(255, 255, 255) -1px 1px 15px, rgb(255, 255, 255) 1px -1px 15px, rgb(255, 255, 255) -1px -1px 15px;}
  .page nav#mainnav ul li a {
  text-shadow:none;}
.page .header-tel a{color: #00125e;}
.page nav#mainnav ul li a{color: #00125e;}*/
/*.about nav#mainnav ul li a {
  text-shadow: rgba(36, 112, 193, 0.9) 1px 1px 15px, rgba(36, 112, 193, 0.9) -1px 1px 15px, rgba(36, 112, 193, 0.9) 1px -1px 15px, rgba(36, 112, 193, 0.9) -1px -1px 15px;
}*/
.page #header {position: absolute;z-index: 10;width: 100%;padding: 40px 0;margin:0;background: rgba(0,18,94,0.8);}
.page nav#mainnav ul li a { text-shadow:none;}
.page .header-tel {margin-bottom: 40px;}
  
.page .content {width: 88%;margin: 20px 0 0; margin: 20px auto 0;width: 100%;background: #fff;padding: 30px 0 0;}

.page-contact{ background:rgba(0,18,94,1);text-align: center;padding: 60px 0;}
.contact .page-contact{display:none;}
.page-contact .lead,.page-contact p,.page-contact h3{color:#fff;}
.page-contact h3{margin:0 auto;font-size: 16px;text-align: center;}
.page-contact .flex >div:nth-child(2){margin-left:10%;}
.page-contact .link-btn-white {margin-top: 10px;}
.page-contact .link-btn-white a {border:none;width: 300px;}
.page-contact .flex{justify-content: center;margin: 50px auto 0;}

.page h2{/*font-size: 3.2em;*/margin: 0px auto 0px;max-width: 1500px;max-width: 1300px;margin: 200px auto;font-family: 'Noto Sans JP', sans-serif;color:#00125e;letter-spacing: 0.1em;}
.page h2 span{display: inline;margin-left:20px;}
.about main h3{text-align: left;}



#breadcrumb{padding: 30px 0% 50px;}
#breadcrumb a{color: #00125e;}
#breadcrumb li{display: inline-block;}

.page #wrapper{position:relative;padding-top: 270px; }
.page-image{position: absolute;position: fixed; top:0;left:0;overflow:hidden;z-index: -1;width: 100%;/*opacity: 0.8;max-height:65vh;*/}
.page-image img{width: 100%;display:block;}
/*.page-image:after{background: linear-gradient(rgba(0, 93, 191, 0.95), rgba(0,0,0,0.0), rgba(0,0,0,0.0));content:"";position:absolute;top:0;width:100%;height:100%;background: rgba(0,18,94,0.8);
mix-blend-mode: multiply;height: 300px;}*/


.page-btn-text{text-align: center;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.05em;font-size: 1.25em;line-height: 2;}
.page-btn{background: url(images/page-btn-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center top;
background-attachment: fixed;}
.page-btn-bg{padding: 80px 0;background: rgba(255,255,255,0.85);}
.page-image .text-center{margin-top:50px;font-size:1.1em;}


/*main{width:75%;background: #fff;padding: 60px 8%;box-sizing: border-box;}
.sidebar{width: 280px;}
.page .content > .flex{justify-content: space-between;width: 100%;background: #fff;
margin: 0 auto 0px;}*/
.contact .side-floating{display:none;}
.side-floating{position: fixed;right: 0;top: 320px;transition: 0.5s;-webkit-transition:0.5s}
.side-floating ul li{margin-bottom:20px;width: 180px;height: 180px;background:rgba(0,18,94,0.9);background: rgba(173, 205, 225, 0.85);background: rgba(238, 238, 238, 0.85);border-radius: 10px 0 0 10px;}
.side-floating ul li img{display:block;width:100%;}
.side-floating ul li a{position:relative;display:block;height: 100%;padding: 14%;}
.side-floating ul li div{position: absolute;top:0;bottom:0;margin:auto;width:50%;height: 4em;
height: 50%;
right: 0;
left: 0;
display: flex;
justify-content: center;background: rgba(255, 255, 255, 0.85);background: rgba(0,18,94,0.8);align-items: center;color: #00125e;color: #fff;font-weight: bold;z-index: 10;flex-wrap: wrap;text-align: center;/*font-family: 'Noto Sans JP', sans-serif;*/ letter-spacing:0.06em;}

.side-floating.side-fixed {top: 80px;transition: 0.5s;-webkit-transition:0.5s}


/*.sidebar.side-fixed{position:fixed;top:100px;right:0;width: 280px;}*/
.bg-white{background:#fff;padding:50px 6%; position:relative;}
.contact .bg-white{margin-bottom:60px;}
.center{text-align:center;}
.pc-center{text-align:center;}

@media only screen and (max-width:1450px){
	.side-floating {right: 80px;right: 8%;top: auto;bottom: 0;z-index: 100;display:none;}
	.side-floating  ul{display: flex;}
	.side-floating ul li {margin-bottom: 0px;border-radius: 10px 10px 0 0;margin-left: 20px;width: 150px;height: 150px;width: 200px;
height: 100px;}
	.side-floating ul li a {padding: 8%;}
	.side-floating ul li div {width: 60%;height: 60%;}
	.side-floating.side-fixed {top:auto;display:block;}
	.contact .side-floating.side-fixed {display:none;}
	
	.side-floating ul li img { width: auto;height:100%;object-fit: contain;}
	.side-floating ul li div {width: 200px;height: 100%; position: static;}
	.side-floating ul li a { padding: 5%;display: flex;}
}
	
	
@media only screen and (max-width:1024px){
	.page h2 {margin: 200px auto 170px;}
	.page #wrapper {padding-top: 0px;}
	.page #header {background: transparent;}
	.page .content { padding: 0px 0 0;}
	.page-btn{background-attachment: scroll;}
	
}
@media only screen and (max-width:959px){
	.side-floating,.side-floating.side-fixed{display:none;}

}
@media only screen and (max-width:800px){
	.page-contact .flex > div:nth-child(2) {margin-left: 0%;width: 100%;margin-top: 30px;}
	.page-contact .link-btn-white a {margin: auto;}

}

@media only screen and (max-width:767px){	
	.pc-center{text-align:left;}
}
@media only screen and (max-width:600px){	
	#breadcrumb {padding: 30px 0 30px;}
	.page h2 {margin: 150px auto 100px;}
	.page-contact .lead{text-align:left;}
	.contact .bg-white { margin-bottom: 0px;}
	.bg-white{padding:40px 6%;}


}
@media only screen and (max-width:500px){
	.page-contact {padding: 40px 0;}
	.page-image img { /*width: auto;height: 500px;*/}
}

@media only screen and (max-width:450px){
	.page-image img { height: 330px;width: auto;}
}
@media only screen and (max-width:400px){
	.page-contact .link-btn-white a {width:85%;}
	.page-contact .flex {margin: 30px auto 0;}
	.bg-white{padding:30px 6%;}
	#breadcrumb {padding: 30px 0 20px;}
	.page-image img {height: 300px;object-fit: cover;min-width: 100%;width: 100%;}

}
@media only screen and (max-width:350px){
}


/*-------------------------------------------*/
/*	事務所案内
/*-------------------------------------------*/
table{width:100%;}
table th {border-bottom-width: 0px;border-left-width: 0px;}
table tr td {border-bottom-width: 0px;border-left-width: 0px;vertical-align: text-top;}

.page{/*background:#EFF8FD;*/}
.outline,.plan-list .flex{justify-content: space-between;}
.outline > div:first-child,.plan-list .flex > div:nth-child(2){width:30%;}
.outline > div:first-child img,.plan-list .flex > div:nth-child(2) img{width:100%;display:block;}
.outline > div:nth-child(2),.plan-list .flex > div:nth-child(3){width:60%;}
.about table{width:100%;margin-bottom: 80px;}
.about table th,.about table tr td{padding:25px;text-align:left;border-bottom:1px solid #eee;line-height: 1.5;font-size:1.15em;} 
.about table th{border-bottom:1px solid #00125e;min-width: 100px;} 
.about table tr td a{color:#333 !important;}

.about iframe{width:100%;height:350px;}

.light-blue{padding:80px 0;background:#ecf4f9;}


@media only screen and (max-width:1024px){
}
@media only screen and (max-width:959px){
	.outline > div:first-child,.plan-list .flex > div:nth-child(2) {width:100%;max-width:400px;margin: auto;}
	.outline > div:nth-child(2),.plan-list .flex > div:nth-child(3) { width: 100%;margin-top:40px;}

}
@media only screen and (max-width:767px){


}
@media only screen and (max-width:600px){
	.light-blue { padding: 60px 0;}

}
@media only screen and (max-width:500px){
	.about table th,.about table tr td { padding: 15px; display: block;width: 100%;}
	.about table th {border-bottom: 0px solid #00125e;padding-bottom: 0;color: #00125e;font-weight: bold;}
	.about table {margin-bottom: 40px;}
	.about iframe {height: 250px;}
	.light-blue {padding: 40px 0;}
	

}

/*-------------------------------------------*/
/*	プラン
/*-------------------------------------------*/

.page main .plan-list h3{/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.8em;color: #00125e;*/
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 40px;width:100%;margin-bottom: 50px;text-align:center;}

.plan-list .flex{padding-bottom:80px;}
.plan-outline{font-size: 1.7em;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color: #00125e;margin-bottom: 20px;display: flex;align-items: end;}
.plan-outline .plan-style {margin-left: 25px;}
.plan-price{background:#ecf4f9;padding:20px;}
.plan-price > p:first-child{font-size: 1.5em;font-weight: bold;}
.plan .lead{line-height:1.6;margin-bottom:30px;/*border-bottom: 1px dashed #ccc;padding-bottom: 20px;*/}

.page-link{margin-bottom: 60px;}
.page-link li{width:18%;margin-right:2.5%;text-align:center;position:relative;}
.page-link li a{display: block;background:#ecf4f9;padding:20px;padding-bottom: 40px;height: 100%;transition: 0.5s;-webkit-transition:0.5s;}

.page-link li a:visited,.page-link li a:link, .page-link li a:hover,.page-link li a:active,.page-link li a{color: #06c;}
.page-link li:nth-child(5){margin-right:0;transition: 0.5s;-webkit-transition:0.5s;}
.page-link li .plan-price{background:transparent;padding:0px;color:#333;}
.page-link li a .plan-title{color: #00125e;font-size: 1.6em;font-weight: bold;}
.page-link li .plan-style{margin: 5px 0 10px;}
.page-link li .plan-style > span {padding: 2px 5px;width: 60px;}
.page-link li a > span:last-child{position:absolute;bottom:0;width:100%;display:block;background:#00125e;color: #fff;font-size: 1em;left: 0;padding: 5px;}
.page-link li .plan-style > span.blue {background: #fff;}
.page-link li a:hover{background: #00125e;color:#fff;}
.page-link li a:hover div,.page-link li a:hover .plan-style,.page-link li a:hover .plan-title{color:#fff !important;}

#plan01,#plan02,#plan03,#plan04,#plan05{margin-top:-80px;padding-top:80px;}

@media only screen and (max-width:1450px){
	.page-link{max-width:700px;margin: 0 auto 60px;}
	.page-link li,.page-link li:nth-child(5){width:31%;margin-right:3.5%;margin-bottom:30px;}
	.page-link li:nth-child(3){margin-right:0;}
}
@media only screen and (max-width:800px){
	.page-link{margin: 0 auto 40px;}
	.page-link li,.page-link li:nth-child(5),.page-link li:nth-child(3){width:48%;margin-right:4%;}
	.page-link li:nth-child(2n){margin-right:0;}
}

@media only screen and (max-width:600px){
	.plan-list .flex {padding-bottom: 60px;}
	.page main .plan-list h3{padding: 30px;margin-bottom: 40px;}
}
@media only screen and (max-width:500px){
	.page-link{max-width:300px;}
	.page-link li,.page-link li:nth-child(5),.page-link li:nth-child(3),.page-link li:nth-child(2n){width:100%;margin-right:0;}
	.plan-outline {font-size: 1.5em;}
	.page main .plan-list h3{margin-bottom: 30px;}
	.plan-price > p:first-child {font-size: 1.3em;}
	.plan .lead {margin-bottom: 20px;}
}

@media only screen and (max-width:450px){
	.plan-outline { display: block;text-align: center;}
	.plan-outline .plan-style {margin-left: 0px;}
}

/*-------------------------------------------*/
/*	遺品整理
/*-------------------------------------------*/
.bold{font-weight: bold;color: #00125e;color: #06c;}
.nayami{margin:30px 0 70px;max-width:1000px;}
.nayami > div{width:50%;}
.nayami img{width:100%;}
.check{text-indent:-1.5em;padding-left:1.5em;margin-bottom: 5px;line-height: 1.4;}
.check i{position:relative;padding-left:20px;}
.check i:before{
content: '';
display: block;
width: 22px; 
height: 22px;
background-image: url(images/check.svg);
background-size: contain;
background-repeat:no-repeat;top: 0;
bottom: 0;
left: 0;
margin: auto;
position: absolute;}
.before-after{margin: 20px 0 80px;}
.before-after li:first-child{margin-right:40px;}
.half > div{width:47%;margin-right:6%;}
.half > div:nth-child(2n){margin-right:0;}

.price{margin-bottom: 80px;}
.price table th, .price table tr td {padding: 20px;text-align: left;border: 1px solid #ddd;line-height: 1.5;font-size: 1.1em;}
.price table th{background:#ecf4f9;}
.price ul li{margin-bottom:10px;text-indent:-1em;padding-left:1em;font-size: 15px;}

.work ul{margin: 15px auto 0px;}
.work li{width:48.5%;margin-right:3%;margin-bottom:15px;}
.work li:nth-child(2n){margin-right:0;}
.work li img{width:100%;display:block;}
.work-text{height:56px;}

.flow{margin: 15px auto 0px;padding-bottom:80px;}
.flow li{position:relative;background: #00125e;color: #fff;padding: 20px;border-radius: 6px;margin-right: 40px;font-size: 1.2em;width:10%;display: flex;align-items: center;justify-content: center;}
.flow li:after{content: '';display: block;width: 30px; height: 30px;background-image: url(images/arrow.svg);background-size: contain;background-repeat:no-repeat;position:absolute;top:0;bottom:0;margin:auto;right:-35px;}
.flow li:last-child:after{display:none;}
.flow li:last-child{margin-right:0;}
@media only screen and (max-width:1300px){
	.flow li{font-size: 1.1em;width:11.5%;margin-right:3%;}
	.flow li:after{right:-28px;width: 26px;height: 26px;}
}
@media only screen and (max-width:1024px){
	.flow li{padding: 20px 15px;}
}
@media only screen and (max-width:959px){
	.flow li{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;text-align: left;display: flex;justify-content: flex-start;}
	.flow li br{display:none;}
	.flow li:after{right:-20px;}
	.half > div,.half > div:nth-child(2n){width:100%;margin-right:0;}
	.half > div:nth-child(2n){margin-top:40px;}
	.work-text {height: auto;}
}
@media only screen and (max-width:767px){
	.nayami > div{width:100%;}
	.nayami {margin: 10px auto 20px; max-width: 500px;}
	.before-after { margin: 20px 0 30px;}
	.half > div:nth-child(2n) {margin-top: 30px;}
	.price {margin-bottom: 60px;}
	.flow {padding-bottom: 60px;}
	.before-after li{width: 100%;max-width:500px;}
	.before-after li:first-child{margin-right:0;}
	.before-after li img{width: 100%;}
	.price table th, .price table tr td {padding: 15px 10px;}
}
@media only screen and (max-width:600px){
	.flow li::after { right: -17px;}

}
@media only screen and (max-width:500px){
	.flow li {writing-mode:horizontal-tb;-ms-writing-mode:tb-rl;text-align: left;width: 100%; margin-right: 0;margin-bottom: 30px;text-align: center;display: block;}
	.flow li::after {right: 0; left: 0; bottom: -90px;transform: rotate( 90deg );}
	.flow li:last-child{margin-bottom: 0;}

}
@media only screen and (max-width:400px){
	.price table th, .price table tr td {font-size: 1em;}
}
@media only screen and (max-width:374px){
	.cleaning .price table th, .cleaning .price table tr td {font-size: 0.9em;padding: 10px 10px;}
}

/*-------------------------------------------*/
/*	相続相談
/*-------------------------------------------*/
.flow-inheritance dl{margin-bottom: 40px;}
.flow-inheritance dl dt{width:30%;display: flex;align-items: center;font-size: 1.4em;font-weight: bold;background: #5494bb !important;background: #00125e !important;background: rgba(85, 147, 202, 0.8) !important;border-radius: 6px 0 0 6px;color: #fff;justify-content: center;}
.flow-inheritance dl dd{width:70%;border-radius: 0px 6px 6px 0;font-size: 16px;}
.flow-inheritance dl dt,.flow-inheritance dl dd{position:relative;padding: 35px 6%;background: #fff;line-height: 1.7;}
.flow-inheritance dl dt:after{
content: '';display: block;width: 60px; height: 60px;
background-image: url(images/arrow-inheritance.svg);
background-size: contain;
background-repeat:no-repeat;
position:absolute;top: auto;left: 0;right: 0;bottom: -50px;margin: auto;z-index: 1;}
.flow-inheritance dl:last-child{margin-bottom: 0px;}
.flow-inheritance dl:last-child dt:after{display:none;}

@media only screen and (max-width:1100px){
	.flow-inheritance dl dt, .flow-inheritance dl dd {padding: 35px 35px;}
}
@media only screen and (max-width:959px){
	.flow-inheritance dl dt{width:40%;}
	.flow-inheritance dl dd {width:60%;}
}
@media only screen and (max-width:767px){
	.flow-inheritance dl dt{font-size: 1.2em;}
	.flow-inheritance dl dt, .flow-inheritance dl dd {padding: 20px;}
}
@media only screen and (max-width:600px){
	.flow-inheritance dl dt{border-radius: 6px 6px 0 0;}
	 .flow-inheritance dl dd {border-radius:0 0 6px 6px;}
	.flow-inheritance dl dt, .flow-inheritance dl dd {width:100%;}	
	.flow-inheritance dl:last-child dt:after{display:block;}
	.flow-inheritance dl dt:after{top: -50px;bottom: auto;}
	.flow-inheritance dl:nth-child(2) dt:after{display:none;}
}
@media only screen and (max-width:400px){
	.flow-inheritance dl dt{font-size: 1.1em;}
	.flow-inheritance dl dt::after {width: 40px;height: 40px;}
	.flow-inheritance dl dt, .flow-inheritance dl dd {padding: 15px;}
}

/*-------------------------------------------*/
/*	合祀
/*-------------------------------------------*/
.memorial-service.page h2,.memento.page h2,.page h2{text-shadow: rgba(255, 255, 255, 0.9) 1px 1px 10px, rgba(255, 255, 255, 0.9) -1px 1px 10px, rgba(255, 255, 255, 0.9) 1px -1px 10px, rgba(255, 255, 255, 0.9) -1px -1px 10px;}
.memorial-service .wide {max-width: 1000px;}
.memorial img{width:100%;margin:40px 0;}
.memorial dl{background:#fff;font-size: 16px;margin-top:20px;max-width: 600px;border-radius:10px;}
.memorial dt{padding:20px 0 20px 30px;color:#00125e;font-size: 18px;width: 130px;font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.06em;}
.memorial dd{padding:20px 0px;}
.check-light-blue{margin-bottom:10px;}
.check-light-blue i:before{background-image: url(images/check-light-blue.svg);}
.memorial ul{background: #fff;padding: 30px;margin: 0 0 20px;border-radius: 10px;max-width: 500px;font-size: 1.25em;}
.memorial ul li:last-child{margin-bottom:0;}
.memorial-service-price{padding:80px 0;}
.memorial-service-price table{max-width:700px;margin:40px 0 60px;}
.memorial-service-price table th, .memorial-service-price table tr td { padding: 20px;text-align: left; border: 1px solid #ddd; line-height: 1.5;font-size: 1.1em;}
.memorial-service-price table th { background: #ecf4f9;}

@media only screen and (max-width:600px){
	.memorial-service-price{padding:40px 0;}
	.memorial-service-price table th, .memorial-service-price table tr td {display: block;width: 100%;border: none;}
	.memorial-service-price table tr td:nth-child(2){padding-bottom:0;}
	.memorial-service-price table tr td:nth-child(3){padding-top: 10px;padding-bottom: 30px;}
	.memorial-service-price table {margin: 20px 0 30px;}
	.memorial dt,.memorial dd{width:100%;padding:20px;line-height: 1.4;}
	.memorial dd{padding-top:0px;}
	.memorial dt{padding-bottom: 10px;}
}
@media only screen and (max-width:500px){
	.memorial ul{font-size: 17px;}
	.memorial img {margin: 30px 0;}
}
@media only screen and (max-width:350px){
	.memorial ul{font-size: 16px;padding: 20px 6%;}
}

/*-------------------------------------------*/
/*	セレモニー
/*-------------------------------------------*/

.ceremony h2,.ceremony h2 span{color: #fff;text-shadow: rgba(44, 90, 132, 0.3) 1px 1px 10px, rgba(44, 90, 132, 0.3) -1px 1px 10px, rgba(44, 90, 132, 0.3) 1px -1px 10px, rgba(44, 90, 132, 0.3) -1px -1px 10px;}
.ceremony-btn{margin: 60px auto;}
.ceremony-btn li{width:23%;margin-right:2.66%;margin-bottom:40px;font-size:1.2em;font-weight:bold;color:#00125e;text-align:center;}
.ceremony-btn li:nth-child(4n){margin-right:0;}
.ceremony-btn li a{margin-bottom:15px;}
.ceremony-btn li a img{width:100%;display: block;}
.ceremony-btn-br{display:none;}
#ceremony01,#ceremony01,#ceremony02,#ceremony03,#ceremony04,#ceremony05,#ceremony06,#ceremony07,#ceremony08,#ceremony09{margin-top:-80px;padding-top:80px;}
.ceremony-main{max-width:800px;}
.ceremony-main img{width:100%;display: block;}
.ceremony-outline{margin:60px auto 0px;padding-bottom:80px;}
.ceremony-outline > div{width:47%;}
.ceremony-outline > div:first-child{width:47%;margin-right:6%;}

.ceremony-outline table th, .ceremony-outline table tr td {padding: 20px;text-align: left;border: 1px solid #ddd;line-height: 1.5;font-size: 1.1em;}
.ceremony-outline table th{/*background:#ecf4f9;*/color:#00125e;width: 100px;}
.ceremony-outline iframe{height:350px;width: 100%;}


@media only screen and (max-width:959px){
	.ceremony-btn{margin: 40px auto;}
	.ceremony-btn li {font-size: 1em;margin-bottom: 30px;}
	.ceremony-outline > div,.ceremony-outline > div:first-child{width:100%;margin-right:0;}
	.ceremony-outline > div:first-child{margin-bottom:30px;}
}
@media only screen and (max-width:767px){
	.ceremony-btn li,.ceremony-btn li:nth-child(4n){width:31%;margin-right:3.5%;}
	.ceremony-btn li:nth-child(3n){margin-right:0;}
	.ceremony-btn li a {margin-bottom: 10px;}
	.ceremony-outline {margin: 40px auto 0px;padding-bottom: 40px;}
}
@media only screen and (max-width:600px){
	.ceremony-outline table th, .ceremony-outline table tr td {width:100%;display:block;border:none;padding: 10px;}
	.ceremony-outline table th{background: #ecf4f9;text-align:center;}
}
@media only screen and (max-width:550px){
	.ceremony-btn li,.ceremony-btn li:nth-child(4n),.ceremony-btn li:nth-child(3n){width:48%;margin-right:4%;}
	.ceremony-btn li:nth-child(2n){margin-right:0;}
	.ceremony-outline iframe {height: 250px;}
}

@media only screen and (max-width:400px){
	.ceremony-btn {margin: 30px auto;}
	.ceremony h2 span,.memorial-service h2 span,.memento h2 span{display:block;margin-left: 0px;}
}
@media only screen and (max-width:350px){
	.ceremony-btn li {margin-bottom: 20px;}
	.ceremony-btn {margin: 30px auto 0;}
	.ceremony-btn-br{display:block;}	
	.ceremony-outline {margin: 30px auto 0px;}
}
/*-------------------------------------------*/
/*	お問い合わせ
/*-------------------------------------------*/
.contact.page .content{background: #ecf4f9;padding-bottom: 60px;}
.contact .lead{text-align:center;}
.bg-white .contact-tel a {color: #00125e;font-family: 'Noto Sans JP', sans-serif;}
.contact .bg-white-tel{text-align:center;padding: 40px 6%;} 
.contact .top-contact-on img { max-width: 250px;}

form{margin-top: 60px;}


form ul{
	margin:20px 0 0 0;}

form ul li:after{
	content:"";
	display:block;
	clear:both;
}
form ul li{
	margin-bottom:20px;
	width:100%;
}

form ul li label{
	float:left;
	width:30%;
	padding:0 70px 0 2%;
	vertical-align:middle;
	height:50px;
	line-height:50px;color: #00125e;
text-align: right;
	font-weight:bold;
	position:relative;font-size: 17px;
}
form ul li label span{
	padding:0px 10px;
	background:#fff;
	color:#F90A0A;
	font-size:0.75em;
	margin-left:10px;border-radius:10px;
	vertical-align:middle;
	font-weight:normal;
	position:absolute;
	height:20px;
	line-height:20px;
	top:0;
	bottom:0;
	right:14px;margin: auto;
}


.err-text{line-height: 1.3;color:#FF0000;display:block;margin-top:2px;}

form ul li .form_right{
	float:left;
	width:70%;
	padding:0 2%;
	vertical-align:middle;
}
.form_radio{line-height:40px;}
.form_radio span{margin-right:30px;}

.form_name,
.form_yubin,
.form_state,
.form_address,
.form_email,
.form_tel,
.form_content{
	height:50px;
	line-height:50px;
	padding:0 2%;
	border:1px solid #CCC;border-radius: 4px;
}

  
.form_name{width:60%;}
.form_yubin{width:60%;}
.form_state{width:30%;}
.form_address{width:98%;}
.form_email{width:98%;}
.form_tel{width:60%;}
.form_content{width:98%; height:150px;line-height:1.7;padding: 2%;}



.caution{
	float:none;
	width:100%;
	display:block;
	margin:5px 0 0 0;
	font-size:0.9em;
}


#btn_submit,
.sendbutton{
	text-align:center;
	height:auto;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
		margin:60px 0 0 0;
}
#btn_submit input,
.modoru,
.send{
	background:#00125e;
	color:#fff;
	line-height:55px;
	box-shadow:none;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	padding:0 30px;
	font-size:1.1em;font-weight:bold;transition: 0.5s;-webkit-transition: 0.5s;border: 4px solid #00125e;
}
.modoru{background: #eee;color: #00125e;}
.modoru,
.send{text-align:center;}

#btn_submit input:hover,
.modoru:hover,
.send:hover{transition: 0.5s;-webkit-transition: 0.5s;background: #fff;color: #00125e;}

@media only screen and (max-width:1024px){	
	form ul li label {float: none;width: 100%;padding: 0 0px 0 2%; text-align: left;}
	form ul li .form_right { float: none;width: 100%}
	form ul li label span {position: static;}
	form {margin-top: 30px;}
}
@media only screen and (max-width:959px){	
	.contact .top-contact-on img {max-width: 230px;}	
}
@media only screen and (max-width:850px){	
	.contact .bg-white-tel { padding: 10px 6% 40px;}	
}
@media only screen and (max-width:600px){	
	.contact .lead {text-align: left;}
}
@media only screen and (max-width:400px){	
	.contact .bg-white-tel { padding: 10px 6% 30px;}
	#btn_submit, .sendbutton {margin: 30px auto 0;max-width: 200px;}
	.modoru, .send {width: 100%;}
}

/*確認画面、送信完了画面*/
.contact_table{width:100%;text-align:left;border-collapse: collapse;}

.contact_table tr th{
	vertical-align:middle;color: #00125e;
	padding:15px;
	width:20%;border-bottom: 1px dashed #bbb;
	position:relative;border-bottom: 1px dashed #bbb;
}
.contact_table tr th span{
	padding:0px 6px;
	background:#fff;
	color:#C30;
	font-size:0.75em;
	margin-left:10px;border-radius:2px;
	vertical-align:middle;
	font-weight:normal;
	position:absolute;
	height:20px;
	line-height:20px;
	top:0;
	bottom:0;
	left:100px;margin: auto;
}
.contact_table tr td{vertical-align:middle;line-height: 1.5;border-bottom: 1px dashed #bbb;
	color:#333;
	padding:15px;
	width:65%;
}

.bg-white-mailsend{max-width:800px;margin: 0 auto;}
.bg-white-mailsend a{color:#333;}

@media only screen and (max-width:767px){	
	.contact_table tr th,.contact_table tr td{width:100%;display:block;}
	.contact_table tr th{border:none;padding-bottom:0;}
	.bg-white-mailsend a{color:#00125e;}
}



.fade{transition: 1s;-webkit-transition:1s;opacity:0;transform:translateY(50px);}
.fade-on{transition:1s;-webkit-transition:1s;opacity:1;transform:translateY(0);}
@media all and (-ms-high-contrast:none) {
.fade{transition: 1s;-webkit-transition:1s;opacity:1;transform:translateY(0px);}
.fade-on{transition:1s;-webkit-transition:1s;opacity:1;transform:translateY(0);}
}
li.fade-on:nth-child( 2 ) {transition-delay:.1s}
li.fade-on:nth-child( 3 ) {transition-delay:.2s}
li.fade-on:nth-child( 4 ) {transition-delay:.3s}
li.fade-on:nth-child( 5 ) {transition-delay:.4s}
li.fade-on:nth-child( 6 ) {transition-delay:.5s}
li.fade-on:nth-child( 7 ) {transition-delay:.6s}
li.fade-on:nth-child( 8 ) {transition-delay:.7s}
li.fade-on:nth-child( 9 ) {transition-delay:.8s}
li.fade-on:nth-child( 10 ) {transition-delay:.9s}
@media screen and ( max-width:1150px ){

}


@media screen and ( max-width:600px ){
	
li.fade-on:nth-child( 2 ) {transition-delay:0s}
li.fade-on:nth-child( 3 ) {transition-delay:0s}
li.fade-on:nth-child( 4 ) {transition-delay:0s}
li.fade-on:nth-child( 5 ) {transition-delay:0s}
li.fade-on:nth-child( 6 ) {transition-delay:0s}
li.fade-on:nth-child( 7 ) {transition-delay:0s}
li.fade-on:nth-child( 8 ) {transition-delay:0s}
li.fade-on:nth-child( 9 ) {transition-delay:0s}
li.fade-on:nth-child( 10 ) {transition-delay:0s}
}