@charset "utf-8";/* CSS Document */


body {
    margin: 0;
	width:100%;
	line-height:1.4;
	letter-spacing: 1px;
	font-size: 18px;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #111;
}

input, textarea {font-family: "Noto Sans Japanese" !important;}

a{
outline:none !important;
	letter-spacing: 1px;
}

a:hover{
outline:none !important;
text-decoration: none;
opacity: 0.8;
}

ul{
	list-style:none;
	padding:0;
	margin: 0;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */

}

ul li{
	letter-spacing: normal; /* 文字間を詰めて隙間をなくす */
}

div,
ul,
li,
p{
	box-sizing: border-box;
}

div,
p,
li a{
	letter-spacing: 1px;
}

p{
margin: 0;
}

.cf{
overflow: hidden;
}

.warp{
width: 1000px;
margin: 0 auto;
overflow: hidden;
}

.indicator {
    position: fixed;
    right: 10px;
    top: 10px;
}
.indicator {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	z-index:9999;
}

.pc_none{
	display:none;
}

footer .tb_none{
	display:none;
}

.tb{
	display:none;
}

.fo_nomber{
font-family: 'Crimson Text', serif !important;
}

header{
background: #222;
height: 80px;
overflow: hidden;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}

header p.logo{
width: 300px;
color: #fff;
float: left;
}

header p.logo img{
width: 280px;
}
header p.logo span{
font-size: 14px;
margin: 8px auto;
display: block;
}


/* #newnav */
#newnav{
	width:100%;
	padding:0;
	z-index:9999;
	position: relative;
	margin-top: 750px;
height: 70px;
}

----------------------------------------------------------- */
#sub #newnav{
margin-top: 80px;
}

#newnav .warp{
	overflow: hidden;
}

#newnav .nav{
background:#3DB49A;
}



#newnav ul.nav01{
	width:1000px;
	margin:0 auto;
	text-align: center;
}

#newnav ul.nav01 li{
	display:inline-block;
	width: auto;
	text-align: center;
}

#newnav ul.nav01 li a{
	color:#fff;
	font-size:16px;
	display: block;
	position: relative;
	line-height: 70px;
	padding: 0 40px;
}

#newnav ul.nav01 li a:hover{
color: #C59F4B;
background: rgba(0,0,0,0.8);
}

#newnav ul.nav01 li a::after,
#newnav ul.nav01 li.current a::after {
    background: url(../img/top/navico.png) no-repeat center bottom;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translateY(-10px);
    transition:ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
    width: 100%;
	bottom: 4px;
}



#newnav ul.nav01 li a:hover::after{
    height: 100%;
    opacity: 1 !important;
    transform: translateY(4px);
}

#newnav ul.nav01 li.current a:hover::after{
opacity: 0 !important;
}

#newnav ul.nav01 li a:hover::after{
    height: 100%;
    opacity: 1 !important;
    transform: translateY(4px);
}

#newnav ul.nav01 li.current{
background: url(../img/top/navico.png) no-repeat center bottom rgba(0,0,0,0.5);
}

#newnav .fixed ul.nav01 li.current{
background: url(../img/top/navico.png) no-repeat center bottom rgba(0,0,0,0.5);
background-size: 10px auto;
}

#newnav .fixed ul.nav01 li a::after,
#newnav .fixed ul.nav01 li.current a::after {
background: url(../img/top/navico.png) no-repeat center bottom;
background-size: 10px auto;
}

#newnav ul.nav_sp li.current{
background:rgba(0,0,0,0.5);}

.fixed {
    position: fixed;
    top: 80px !important;
    left: 0;
    width: 100%;
	background: rgba(255,255,255,0.9);
}

.fixed .warp{
}

#newnav .fixed #newnav ul.nav01{
height: 60px;
}

.fixed p.logo{
margin-top: 14px;
}

#newnav .fixed ul.nav01 li a{
line-height: 60px;
}

.fixed .current{
border-bottom: 0px #8980C3 solid;
}

.fixed p.logo{
float: left;
width: 159px;
}

.fixed ul.nav01{
float: right;
width: 840px;
}

.pan{
background: #fff;
position: relative;
}

.pan .warp{
width: 980px;
margin: 0 auto;
position: relative;
}

.pan ul{
width: 980px;
margin: 0 auto;
}

.pan ul li{
display: inline-block;
line-height: 36px;
font-size: 14px;
font-weight: 300;
padding-left: 10px;
}

.pan ul li a{
display: inline-block;
padding-right: 10px;
color: #3DB49A;
}

.pan ul li a:hover{
}

/* 個別記事では記事名をh1にしたため、パン屑の「カテゴリ名：サイト名」は p.sitettl に変更。
   見た目を一切変えないよう、従来のh1用ルールをそのまま適用する。 */
.pan h1,
.pan p.sitettl{
text-align: right;
top: 0;
right: 0;
width: 370px;
line-height: 36px;
font-size: 13px;
font-weight: 300;
margin: 0 auto;
position: absolute;
}

.pansub h1,
.pansub p.sitettl{
text-align: center;
top: 280px;
right: 0;
width: 100%;
line-height: 36px;
font-size: 13px;
font-weight: 300;
margin: 0 auto;
position: absolute;
color: #fff;
z-index: 8888;
}

.pansub h1.tow,
.pansub p.sitettl.tow{
top: 380px;
}


footer{
background: #222;
}

footer .footer-main{
padding: 56px 0 40px;
}

footer .footer-main .warp{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 48px;
}

footer .footer-brand{
width: 280px;
flex-shrink: 0;
}

footer .footer-brand p.logo{
width: 200px;
margin: 0 0 20px;
}

footer .footer-brand p.logo img{
width: 100%;
display: block;
}

footer .footer-info{
list-style: none;
margin: 0;
padding: 0;
color: #fff;
}

footer .footer-info li{
font-size: 13px;
font-weight: 300;
line-height: 1.8;
opacity: 0.75;
}

footer .footer-info li.footer-tel{
margin-top: 14px;
opacity: 1;
}

footer .footer-info li.footer-tel a.tel01{
color: #fff;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
}

footer .footer-info li.footer-tel span{
display: block;
font-size: 12px;
font-weight: 300;
opacity: 0.7;
margin-top: 2px;
}

footer .footer-nav{
padding-top: 4px;
}

footer .footer-nav ul{
list-style: none;
margin: 0;
padding: 0;
column-count: 2;
column-gap: 40px;
width: 360px;
}

footer .footer-nav ul li{
break-inside: avoid;
}

footer .footer-nav ul li a{
display: block;
padding: 8px 0;
color: #fff;
font-size: 14px;
letter-spacing: 0.5px;
opacity: 0.85;
transition: opacity 0.2s ease, padding-left 0.2s ease;
}

footer .footer-nav ul li a:hover{
opacity: 1;
padding-left: 6px;
}

footer .footer-bottom{
border-top: 1px solid rgba(255, 255, 255, 0.12);
padding: 20px 0;
}

footer .footer-bottom .warp{
text-align: center;
}

footer p.copy{
margin: 0;
font-size: 12px;
font-weight: 400;
color: #fff;
opacity: 0.6;
}

#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
	z-index: 9999;
}
#page-top a {
    text-decoration: none;
    width: 48px;
	height: 48px;
    display: block;
background-color:rgba(0,0,0,0.5);
}

#page-top02{
z-index: 9999;
}

#page-top02 a img{
vertical-align: bottom;
}

#page-top02 a:hover {
    text-decoration: none;
	opacity: 0.8;
}

#page-top02 {
    position: fixed;
    bottom: 76px;
    right: 20px;
}
#page-top02 a {
    text-decoration: none;
    width: 90px;
	height: 90px;
    display: block;
	padding: 0 10px;
}

#page-top03{
display: none;
}

#page-top a img{
vertical-align: bottom;
}




.parara{
position: fixed;
top: 80px;
left: 0;
height: auto;
width: 100%;
z-index: -5;
transition: .3s;
background: #fff;
}

#company{
z-index: -2;
position: relative;
}

.ric{
position: relative;
}


.ric .cont01{
position: fixed;
overflow: hidden;
height: 750px;
color: #fff;
top: 0;
left: 0;
width: 100%;
}

.ric .cont01 p.po{
position: absolute;
top: 440px;
left: 50%;
margin-left: -200px;
z-index: 9999;
text-align: center;
width: 400px;
text-shadow: 1px 1px 3px #000;  
}

.ric .cont01 p.po span{
display: block;
font-size: 19px;
margin-bottom: 10px;
}

.ric .cont01 h1{
position: absolute;
bottom: 40px;
left: 0%;
z-index: 9999;
text-align: center;
color: #fff;
width: 100%;
font-size: 14px;
font-weight: 200;
}

.ric .sl01{
text-align: center;
}

.ric .sl01 .swiper-slide{
opacity: 0 !important;
font-size: 26px;
padding-top: 300px;
letter-spacing: 1px;
text-shadow: 1px 1px 5px #000;  
}

.ric .sl01 .swiper-slide-active{
opacity: 1 !important;
}



.ric .cont02{
z-index: 2;
background: #fff;
}

.ric .cont02{
padding: 100px 0 120px;
}

.ric .cont02 p{
text-align: center;
color: #000;
letter-spacing: 1px;
}
.ric .cont02 p.text01{
font-size: 32px;
margin-bottom: 60px;
line-height: 1.6;
}

.ric .cont02 p.text02{
font-size: 22px;
line-height: 1.6;
}

.parara{
transition: .3s;
}

.ric .cont02 .warp{
width: 1000px;
margin: 0 auto;
z-index: 2;
overflow: hidden;
position: relative;
}

.ric .cont02 .left{
width: 530px;
height: 330px;
background: #fff;
text-align: center;
padding-left: -30px;
padding-top: 50px;
z-index: 1;
margin-top: 160px;
float: left;
margin-bottom: 90px;
}

.ric .cont02 .right{
width: 530px;
height: 330px;
z-index: 2;
top: 210px;
position: absolute;
right: 0;
padding-left: 30px;
}

.ric .cont02 .right .sl02 .rhino-container{
height: 330px !important;
}

.ric .cont02 .left p{
font-size: 18px;
line-height: 1.8;
}

.bgbox{
position: relative;
}

.bgbox .po{
position: absolute;
top: -30px;
left: 50%;
margin-left: -500px;
z-index: 2;
}

.cont03{
background: #F3EDDD;
position: relative;
padding-bottom: 220px;
}

.cont03 h2{
color: #C5A04B;
font-size: 32px;
text-align: center;
padding: 50px 0 30px;
font-weight: normal;
z-index: 3;
}

.cont03 h2 span{
font-size: 36px;
}

.cont03 .ba li{
display: inline-block;
text-align: center;
width: 50%;
line-height: 60px;
font-size: 26px;
}


.cont03 .btm_text{
font-size: 22px;
text-align: center;
padding: 70px 0;
z-index: 3;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}

#page01 .cont03 .sl02,
#subpage .cont03 .sl02{
width: 100%;
overflow: hidden;
z-index: 3;
}

#page01 .cont03 .sl02 .swiper-wrapper,
#subpage .cont03 .sl02 .swiper-wrapper{
overflow: initial;
height: 456px;
}

.cont03 .sl02 img{
width: 100%;
}

.fix02{
position: fixed;
top:0px !important;
z-index: -1;
left: 0;
padding-top:-130px;
width: 100%;
}

.fix02 img{
width: 100%;
}

.none{
opacity: 0;
}




.cont04{
background: #fff;
overflow: hidden;
position: relative;
height: 870px;
}

.cont04 .warp {
height: 870px;
position: relative;

}

.cont04 .warp h2{
background: url(../img/top/cont03h2bg.png) no-repeat;
width: 298px;
height: 298px;
position: absolute;
top: 40px;
left: 0;
color: #C59F4B;
font-size: 32px;
text-align: center;
}

.cont04 .warp h2 span{
font-size: 16px;
display: block;
padding: 80px 0 40px;
}
.zs-bullets{
display: none;
}

.cont04 .warp .tb{
display: block;
}

.cont04 .warp p{
width: 682px;
text-align: center;
color: #fff;
text-shadow: 1px 1px 10px #000;
font-size: 22px;
position: absolute;
bottom: 60px;
left: 0;
}

.cont04 .warp p span{
font-size: 34px;
margin-top: 10px;
display: block;
}

.cont04 .sl03{
}



.cont05{
background: url(../img/top/bgimg.png) #F3EDDD;
padding: 60px 0;
}


.cont05 .inbox{
background: #fff;
box-shadow: 0 1px 3px #c1c1c1;
}

.cont05 .inbox h3{
background: url(../img/top/h3bg.png);
color: #fff;
text-align: center;
font-size: 26px;
font-weight: normal;
line-height: 1;
}

.cont05 .top h3{
padding: 30px 0;
}

.cont05 .inbox h3 i img{

}

.cont05 .inbox h3 span{
font-size: 32px;
font-weight: normal;
padding: 0 10px;
}

.cont05 .left h3,
.cont05 .right h3{
background:url(../img/top/ysk01.png) no-repeat 30px center,url(../img/top/ysk01.png) no-repeat 430px center, url(../img/top/h3bg.png);
color: #fff;
text-align: center;
font-size: 22px;
font-weight: normal;
line-height: 1;
padding: 20px 0;
}

.cont05 .left p,
.cont05 .right p{
padding: 10px 20px;
font-size: 18px;
}

.cont05 .left{
float: left;
width: 490px;
height: 184px;
}

.cont05 .right{
float: right;
width: 490px;
height: 184px;
}

.cont05 .top{
overflow: hidden;
margin-bottom: 40px;
}

.cont05 .inbox .sl04{
width: 450px;
float: right;
}


.cont05 .inbox .sl04 .swiper-slide{
overflow: hidden;
height: 298px;
}

.cont05 .inbox .sl04 img{
width: 100%;
}

.cont05 .top ul{
float: left;
width: 500px;
padding: 30px 0 30px 30px;
}

.cont05 .top ul li{
padding: 6px 0;
font-size: 22px;
}

.cont05 .top ul li span{
font-size: 16px;
background: #000;
color: #C5A04B;
padding: 6px 10px;
display: inline-block;
margin-right: 16px;
}

.ric .cont10{
overflow:hidden; 
}

.ric .cont10 .toptext{
position: relative;
height: 680px;
background: #000;
}

.ric .cont10 .warp{
z-index: 8888;
position: absolute;
top: 0;
left: 50%;
color: #fff;
width: 1000px;
margin-left: -500px;
}

.ric .cont10 .warp .sl05{
width: 100%;
}

.ric .cont10 .warp .sl05 .one{
padding-top: 500px;
}

.ric .cont10 .warp .sl05 .tow{
text-align: center;
padding-top: 280px;

}

.ric #bg-video{
left:0;
top:0;
width:100%;
margin-left:0px;
margin-top: 0px;
overflow: hidden;
position: absolute;
}

.ric .cont10 #bg-video{
left:50%;
top:0;
width:1260px;
margin-left:-630px;
margin-top: 0px;
overflow: hidden;
position: absolute;
}

.cont10 .toptext p{
font-size: 28px;
color: #fff;
text-shadow: 0 0 2px black, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ric .cont10 .sl05 .swiper-slide{
opacity: 0 !important;
}

.ric .cont10 .sl05 .swiper-slide-active{
opacity: 1 !important;
}

#page01 .cont06{
text-align: center;
background: #fff;
padding-bottom: 80px;
}

#page01 .cont06  h2{
font-size: 22px;
text-align: center;
padding: 60px 0;
}

#page01 .cont06 ul{
width: 920px;
margin: 0 auto;
}

#page01 .cont06 ul li{
display: inline-block;
}

#page01 .cont06 ul li:nth-child(2),
#page01 .cont06 ul li:nth-child(5){
margin: 0 80px;
}

#page01 .cont06 ul li:nth-child(1),
#page01 .cont06 ul li:nth-child(2),
#page01 .cont06 ul li:nth-child(3){
margin-bottom: 50px;
}

#page01 .cont07{
text-align: center;
background: url(../img/top/cont07bg.png) repeat center center;
background-size: cover;
padding-bottom: 80px;
}


#page01 .cont07 h2{
padding: 80px 0;
text-align: center;
font-size: 32px;
}

#page01 .cont07 h2 span{
font-size: 22px;
margin: 0 20px;
}

#page01 .cont08{
text-align: center;
padding: 80px 0;
background: #F3EDDD;
}

#page01 .cont08 .warp{
background: url(../img/top/0202_r3_c2.jpg);
text-align: center;
padding-bottom: 10px;
}

#page01 .cont08 .warp h2{
color: #FFD24C;
font-size: 22px;
padding: 40px 0;
}

#page01 .cont08 .warp .sl07{
width: 1000px;
height: 500px;
}

#page01 .cont08 .warp .sl07 .swiper-wrapper{
overflow:visible;
}

#page01 .cont09{
background: url(../img/top/bgimg.png) #F3EDDD;
padding: 80px 0;
}

#page01 .cont09 .inbox{
    background: #fff;
    box-shadow: 0 1px 3px #c1c1c1;
}

#page01 .cont09 .left{
width: 490px;
float: left;
margin-bottom: 40px;
}

#page01 .cont09 .right{
width: 490px;
float: right;
margin-bottom: 63px;
}

#page01 .cont09 .left,
#page01 .cont09 .right{
position: relative;
margin-top: 15px;
}

#page01 .cont09 .btm{
position: relative;
margin-bottom: 23px;
}

#page01 .cont09 .left h3,
#page01 .cont09 .right h3{
color: #3DB49A;
text-align: center;
padding-top: 40px;
padding-bottom: 10px;
font-size: 26px;
font-weight: normal;
}

#page01 .cont09 .inbox img.po{
position: absolute;
top: -15px;
left: 50%;
margin-left: -15px;
}

#page01 .cont09 .inbox a.btn{
position: absolute;
bottom: -26px;
left: 50%;
margin-left: -78px;
}


#page01 .cont09 li{
padding: 20px 20px 20px 20px;
border-bottom: 1px solid #ccc;
overflow: hidden;
}

#page01 .cont09 .left li,
#page01 .cont09 .right li{
min-height: 168px;
}

#page01 .cont09 li:last-child{
border-bottom: 0px solid #ccc;
padding-bottom: 40px;
}

#page01 .cont09 .left .photo,
#page01 .cont09 .right .photo{
width: 160px;
margin-right: 20px;
float: left;
}

#page01 .cont09 .left .photo img,
#page01 .cont09 .right .photo img{
width: 100%;
height: auto;
}

#page01 .cont09 .right p.new{
height: 480px;
text-align: center;
padding-top: 170px;
}

@media(max-width:640px) and (min-width: 320px){
#page01 .cont09 .right p.new{
height: auto;
text-align: center;
padding-top: 20px;
padding-bottom: 50px;
font-size: 14px;
}
}

#page01 .cont09 .btm li{
padding:14px;
border-bottom: 1px solid #ccc;
overflow: hidden;
}

#page01 .cont09 li span{
font-size: 14px;
margin-bottom: 10px;
display: block;
}

#page01 .cont09 .btm li span,
#page01 .cont09 .btm li a{
display: inline-block;
margin-bottom: 0;
}

#page01 .cont09 .btm li span{
margin-right: 20px;
}

#page01 .cont09 .inbox a{
color: #222;
}

#page01 .cont09 .btm{
clear: both;
float: none;
height: 213px;
}

#page01 .cont09 .btm h3{
background: url(../img/top/news.jpg) no-repeat;
height: 100%;
width: 88px;
position: absolute;
top: 0;
left: 0;
text-indent: -9999px;
}

#page01 .cont09 .btm ul{
padding-left: 100px;
}

.rhino-bullets{
display: none !important;
}



.com h3 {
    background: url(../img/top/h3bg.png);
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    line-height: 1;
	width: 1000px;
	margin: 0 auto 20px;
	padding: 30px 0;
	
}

.com .cont01 table{
background: #fff;
width: 1000px;
margin: 0 auto;
border-top: 1px solid #eee;
}

.com .cont01 table th,
.com .cont01 table td{
border-bottom: 1px solid #eee;
padding:16px 20px;
vertical-align: middle;
}

.com .cont01 table th{
width: 200px;
font-weight: 400;
text-align: left;
background: #eee;
}

.com .cont01 table td{
font-weight: 300;
text-align: left;
font-size: 18px;
line-height: 1.6;
}

.common h2{
width: 400px;
color: #3DB299;
font-size: 22px;
margin: 0 auto 20px;
text-align: center;
border-bottom: 2px solid #3DB299;
line-height: 50px;
}

.term{
padding-bottom: 30px;
    padding-top: 100px;
    margin-top: -100px;
}

.term .box{
width: 900px;
margin: 30px auto 0px;
}

.term .box p{
font-size: 16px;
text-shadow: none;
color: #333;
line-height: 1.8;
text-transform: none;
}

.term .box .text_box p{
  text-indent: 0em;
  padding-left: 1em;
}

.term .box h3{
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
line-height: 54px;
padding-left: 10px;
font-weight: 300;
font-size: 18px;
}

.term .box p.pl{
text-indent: -2em;
padding-left: 4em;
}

.term .box p.pl02{
text-indent: -1.5em;
margin-left: 70px;
}

.pad{
text-align: center;
}

.term .box table{
margin-left:30px;
margin-top: 20px;
}

.term .box table th,
.term .box table td{
border: 1px solid #ccc;
font-size: 16px;
font-weight: normal;
padding: 10px 20px;
vertical-align: middle;
}









.term .box .text_box{
padding: 0 12px 50px;
}

.term .box .text_box a{
display: inline-block;
}

.term .box .text_top{
margin: 0 30px 80px;
}
.term ul.burauza{
padding: 0;
margin: 50px auto 0;
list-style: none;
overflow: hidden;
}

.term ul.burauza li{
background: #fff;
padding: 20px 10px;
width: 292px;
margin-right: 20px;
float: left;
font-size: 16px;
height: 180px;
text-align: center;
line-height: 26px;
}

.term ul.burauza li span{
font-size: 13px;
}

.term ul.burauza li p.title{
background: #333;
color: #fff;
display: inline-block;
padding: 0 6px;
margin-bottom: 10px;
width: auto;
}

.term p.btm{
text-align: right;
}

.term ul.burauza li:nth-child(3){
margin: 0;
}

.term p.co{
text-align: center;
}

.term .last{
text-align: center;
}

h3.def{
font-size: 22px;
line-height: 40px;
letter-spacing: 3px;
font-weight: 300;
color: #8980c3;
text-align: center;
margin-bottom: 20px;
}

.accordionbox{
	width: 1000px;
	background:#fff;
	margin: 0px auto 0px;
	padding: 20px;
}
.accordionlist dt{
    display:block;
    background: #fff;
	overflow: hidden;
	position: relative;
	background: #f3f3f3;
	margin-bottom: 20px;
	line-height: 60px;
}

.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
	text-align: center;
}
.accordionlist dd{
	background: #fff;
}

.content{
position: relative;
}

.button,
.button01,
.button02,
.button03{
    text-align:center;
    color:#fff;
    background:url(../img/common/more.png) no-repeat 150px -2px #002C46;
    width:200px;
	font-size: 15px;
	font-weight: 200;
	line-height: 46px;
	letter-spacing: 3px;
}
.close {
    background:url(../img/common/close.png) no-repeat 150px -2px #666;
}

.close a{
color: #fff;
transition: 1.0s ;
}

.button,
.button01,
.button02,
.button03,
.close{
margin: 0 auto;
cursor: pointer;
color: #fff !important;
}

.com .button{
margin-top: 30px;
}
.com{
background:#fff;
overflow: hidden;
}

.accordionbox{
position: relative;
background: #eee;
padding: 0;
margin-top: 20px;
}

.accordionbox .title{
text-align: center;
width: 1000px;
display: inline-block;
line-height:30px;
padding: 20px 0;
font-size: 18px;
color: #3DB299;
}

.accordionbox .button,.accordionbox .close{
position: absolute;
right: 10px;
bottom: 40px;
width: 50px;
height: 50px;
text-indent: -9999px;
}

.accordionbox .close{
bottom: 10px;
}

.accordionbox .button{
background: url( ../img/top/btn.png) no-repeat;
}

.accordionbox .close{
background: url(../img/top/close.png) no-repeat;
}

.accordionbox .box{
margin: 30px;
padding: 0px;
width: auto;
}


.term p.btm{
padding-bottom: 30px;
padding-right: 70px;
}

.news{
padding-top: 40px;
overflow: hidden;
}

.news ul{
width: auto;
margin: 20px auto 40px;
padding: 30px;
}

.news ul li{
margin-top: 14px;
padding-bottom: 14px;
border-bottom: 1px dotted #ccc;
}

.news ul li span{
color: #3DB49A;
margin-right: 20px;
}

.news li a{
display: inline-block;
color: #333;
}

.news a.btn{
    text-align:center;
    color:#fff;
    background:url(../img/common/more.png) no-repeat 150px -2px #002C46;
    width:200px;
	font-size: 15px;
	font-weight: 200;
	line-height: 46px;
	letter-spacing: 3px;
	margin: 0 auto;
	cursor: pointer;
}

.conf p.btm_text{
display: none !important;
}

.input-area{
width: 100%;
max-width: 620px;
margin: 50px auto;
text-align: center;
}

.input-area .button,
a.backtop{
width: 45% !important;
padding: 0 !important;
margin: 0 2%;
height: 60px;
line-height: 60px;
display: inline-block;
border: 0px solid #fff;
border-radius: 4px;
background-image: none !important;
color: #000 !important;
font-size: 24px !important;
font-weight: bold;
}

a.backtop{
display: block;
margin: 0 auto !important;
background: #ffcc00 !important;
line-height: 60px !important;
}

.input-area .next,
a.backtop{
background: #ffcc00 !important;
background-image: none !important;
}

.input-area .next span{
font-size: 14px !important;
}

.input-area .back{
background: #eee !important;
}

.input-area .button:hover,
a.backtop:hover{
opacity: 0.8;
}

.swiper-button-next{
background: url(../img/top/yr.png) no-repeat;
right: 10px;
}

.swiper-button-prev{
background: url(../img/top/yl.png) no-repeat;
left: 10px;
}

.swiper-button-next, .swiper-button-prev{
width: 48px;
height: 48px;
margin-top: -24px;
opacity: 0.8;
top: 50%;
}

.swiper-button-next:hover,.swiper-button-prev:hover{
opacity: 1;
}

.sl07 .swiper-button-next{
right: 16px;
}

.sl07 .swiper-button-prev{
left: 14px;
}

.sl07 .swiper-button-next, .sl07 .swiper-button-prev{
top: 100%;
margin-top: -54px;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
width: 800px;
left: 50%;
margin-left: -400px;
}

.swiper-pagination-bullet{
width: 12px;
height: 12px;
background: #fff;
opacity: 1;
border-radius: 0;
}

.swiper-pagination-bullet-active{
background: #FFBF00;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin: 0 8px;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom: 16px;
}

.com{
padding-bottom: 80px;
padding-top: 80px;
    margin-top:-120px;
    padding-top:120px;
}

.com .cont01{
position: static;
overflow: visible;
height: auto;
color: #333;
top: auto;
left: auto;
width: auto;
}

.cta{
background: url(../img/top/cta_bg.jpg) no-repeat center center;
background-size: cover;
color: #fff;
margin-bottom: 120px;

}

.cta .warp{
padding: 40px 0 60px;
}

.cta .box01{
overflow: hidden;
margin-bottom: 40px;
text-shadow: 0 0 2px black, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.cta .box01 .left{
float: left;
width: 700px;
padding-left: 14px;
}

.cta .box01 .left p{
font-size: 22px;
line-height: 1.8;
}

.cta .box01 .right{
float: right;
width: 300px;
padding-top: 10px;
}

.cta .box01 .right p{
color: #C59F4B;
font-size: 46px;
text-align: center;
}

.cta .box01 .right p span{
color: #C59F4B;
font-size: 18px;
margin-bottom: 10px;
display: block;

}

.cta .box02{
width: 900px;
border: 1px solid #fff;
margin: 0 auto;
padding: 40px 0;
text-align: center;
text-shadow: 0 0 2px black, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.cta .box02 p.text01{
font-size: 22px;
line-height: 1.8;
margin-bottom: 30px;
}

.cta .box02 p.text02{
font-size: 18px;
margin-bottom: 30px;
}

.cta .box02 p.text02 span{
margin-bottom: 10px;
display: block;
}

.cta .box02 p.text03 a{
font-size: 62px;
letter-spacing: 3px;
color: #C59F4B;
background: url(../img/top/tel02.png) no-repeat 0 20px;
padding-left: 60px;
width: 406px;
margin: 0 auto;
text-shadow: 0 0 2px black, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.cta .box02 p.text03 span{
font-size: 22px;
letter-spacing: 3px;
text-shadow: 0 0 2px black, 0 1px 2px rgba(0, 0, 0, 0.3);
}

@media(max-width:1600px) and (min-width: 1500px){
#page01 .cont03 .sl02 .swiper-wrapper{
height: 38vw;
}
}

@media(max-width:1499px) and (min-width: 1400px){
#page01 .cont03 .sl02 .swiper-wrapper{
height: 37vw;
}
}

@media(max-width:1399px) and (min-width: 1300px){
#page01 .cont03 .sl02 .swiper-wrapper{
height: 36vw;
}
}

@media(max-width:1299px) and (min-width: 1200px){
#page01 .cont03 .sl02 .swiper-wrapper{
height: 35vw;
}
}

@media(max-width:1199px) and (min-width: 1100px){

.ric .cont01{
	height: 63vw;
}
#newnav{
	margin-top: 63vw;
}

.ric .sl01 .swiper-slide{
padding-top: 280px;
}

.ric .cont01 p.po{
top: 420px;
}

#page01 .cont03 .sl02 .swiper-wrapper{
height: 38vw;
}

}

@media(max-width:1099px) and (min-width: 1000px){

.ric .cont01{
	height: 60vw;
}
#newnav{
	margin-top: 60vw;
}

.ric .sl01 .swiper-slide{
padding-top: 260px;
}

.ric .cont01 p.po{
top: 400px;
}

#page01 .cont03 .sl02 .swiper-wrapper{
height: 36vw;
}



}

@media(max-width:999px) and (min-width: 961px){

.ric .cont01{
	height: 58vw;
}
#newnav{
	margin-top: 58vw;
}

.ric .sl01 .swiper-slide{
padding-top: 250px;
}

.ric .cont01 p.po{
top: 380px;
}

#page01 .cont03 .sl02 .swiper-wrapper{
height: 34vw;
}

}

#subpage #newnav{
margin-top: 80px;
}

#subpage footer{
padding-top: 0;
}

#subpage .cta{
margin-bottom: 0;
}

#subpage .cont03{
}

#subpage .cont03 h2{
padding-top: 100px;
}

#subpage .case{
padding: 80px 0;
background: url(../img/top/bgimg.png) #F3EDDD;
}

#subpage .case h2 {
    background: url(../img/top/h3bg.png);
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    line-height: 1;
    width: 100%;
    margin: 0 auto 20px;
    padding: 30px 0;
}

#subpage .ric .cont02 p.text01{
font-size: 22px;
}

#subpage .ric .cont02 p.text01 span{
color: #C59F4B;
font-size: 36px;
margin: 0 10px;
}

#subpage .ric .cont02 {
    padding: 60px 0 80px;
	background: none;
}

#subpage .case .warp{
padding: 20px;
background: #fff;
box-shadow: 0 1px 3px #c1c1c1;
padding-bottom: 50px;
}

#subpage .case li{
padding: 20px 20px 20px 20px;
border-bottom: 1px solid #ccc;
overflow: hidden;
}

#subpage .case li:last-child{
border-bottom: 0px solid #ccc;
padding-bottom: 40px;
}

#subpage .case .photo{
width: 300px;
margin-right: 30px;
float: left;
overflow: hidden;
}

#subpage .case .photo img{
width: 100%;
height: auto;
}

#subpage .blog_main p.text01{
margin-bottom: 10px;
font-size: 15px;
}

#subpage .ric .cont02 .voice_new p.text01 span{
margin-bottom: 10px;
font-size: 15px;
color: #000;
}

#subpage .ric .cont02 .voice_new p.text01,
#subpage .ric .cont02 .voice_new p.text02,
#subpage .ric .cont02 .voice_new p.text03{
text-align: left;
}

#subpage .blog_main p.text02,
#subpage .blog_main h1.text02{
margin-bottom: 10px;
font-size: 20px;
color: #3DB49A;
font-weight: 400;
}

#subpage .blog_main p.text03{
margin-bottom: 30px;
font-size: 18px;
}

#subpage .blog_main p.text04{
text-align: right;
}

.wp-pagenavi{
margin: 40px auto;
text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi span{
text-decoration: none;
border: 1px solid #f3f3f3;
padding:6px 10px;
margin: 5px;
line-height: 20px;display: inline-block;
color: #3DB49A;
background: #f3f3f3;
}

.wp-pagenavi .current{
color: #fff;
background: #3DB49A;
border: 1px solid #3DB49A;
}

#subpage .subfv{
height: 300px;
background: url(../img/top/fvjisseki.jpg) no-repeat center center;
background-size: cover;
}

.post-navigation{
margin-bottom: 0;
}

.linknav{
position: relative;
height: 84px;
margin: 60px 0 40px;
border-top:1px solid #eee;
}

.linknav a.kiji{
text-align: center;
width: 18%;
margin: 40px auto 0;
background:#3DB49A;
color: #fff;
padding: 10px 0;
border-radius: 4px;
}

.post-navigation .nav-next,
.post-navigation .nav-previous{
width: 38%;
height: 84px;
padding-top: 30px;
}

.post-navigation .nav-next{
position: absolute;
left: 10px;
top: 0;
}

.post-navigation .nav-previous{
position: absolute;
right: 10px;
top: 0;
text-align: right;
}

.post-navigation .nav-next a,
.post-navigation .nav-previous a{
color: #3DB49A;
}

.post-nav-title{
margin-bottom: 10px;
}

#subpage .blog_main .kiji{
text-align: center;
}

#subpage .blog_main .kiji p{
text-align: left;
margin:0 60px 10px;
}

#subpage .blog_main .kiji p.text01{
color: #222;
font-size: 16px;
margin: 0 auto 10px;
text-align: center;
}

/* 記事タイトル。2026-10-12にSEO対応で p → h1 に変更(全63記事で固有のh1になる)。
   h1のブラウザ既定値(太字・大きな余白)を打ち消し、従来のpと同じ見た目を維持している。 */
#subpage .blog_main .kiji p.text02,
#subpage .blog_main .kiji h1.text02{
color: #3DB49A;
font-size: 22px;
margin-bottom: 40px;
margin-top: 20px;
font-weight: 400;
}

#subpage .blog_main .kiji img{
margin: 0 auto 20px;
}

#subpage .voicefv{
height: 400px;
overflow: hidden;
position: relative;
background: #222;
}

.ric .voicefv #bg-video {
    left: 50%;
    top: 0;
    width: 1600px;
    margin-left: -800px;
    margin-top: -200px;
    overflow: hidden;
    position: absolute;
}

.mb00{
margin-bottom: 0 !important;
}