@charset "UTF-8";

@import url(pc.css) screen and (min-width: 1366px);
@import url(tbb.css) screen and (min-width: 1024px) and (max-width: 1366px);
@import url(tb.css) screen and (min-width: 769px) and (max-width: 1023px);
@import url(sp.css) screen and (max-width: 768px);

@import url(animate.css);

body{
	font-family: 'Noto Serif JP', serif;
	width:100%;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;}
	
#bg-slider {
	width: 100vw;
	height: 100vh;
	background-attachment: fixed;
	background-position:center center;
	background-size: cover;
	justify-content: center;}

.al-center{
	text-align:center;}

.clear{
	clear:both;}

a:hover{
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-ms-filter:alpha(opacity=70);
	opacity:.7;
	text-decoration:none;}
	
        
	
/*================================================
      　list
================================================*/

.nomber-list {
        padding-left:1.5rem;
        }
        .nomber-list li {
        padding: 0 0 .5em 1rem ;
        position: relative;
        line-height: 160%;
        list-style-type: decimal;
        }
.normal-list { position: relative; zoom: 1; }
        .normal-list:before,.normal-list:after { min-width: 0px; content:""; display:table; }
        .normal-list:after { clear: both; }
        .normal-list li {
        padding: .25em 0 .25em 1rem ;
        position: relative;
        line-height: 150%;
        display:inline-block;
        margin-right:1rem;
        }
        .normal-list li:before {
        content: "・";
        display:block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size:10px;
        vertical-align: middle;
        }
.menu-list { position: relative; zoom: 1; }
        .menu-list:before,.menu-list:after { min-width: 0px; content:""; display:table; }
        .menu-list:after { clear: both; }
        .menu-list.list-single { max-width:500px; margin:0 auto; }
        .menu-list li {
        width:50%;
        margin-bottom:.5rem;
        padding: .5rem 0 ;
        position: relative;
        line-height: 180%;
        border-bottom:2px dotted #BBB;
        box-sizing: border-box;
        width:48%;
        margin-left:2%;
        float: left;
        color:#555;
        position: relative;
        display: flex;
        justify-content: space-between;
        }
        .menu-list li span:last-child { text-align: right; }
        @media screen and (max-width: 767px) {
        .menu-list li { width:100%; margin-left:0; }
        }
.disk-list {
		margin-left:25px;}
        }
        .disk-list li {
        padding: .25em 0 .25em 1rem ;
        position: relative;
        line-height: 180%;
        }
        .disk-list li:before {
        display:block;
        position: absolute;
        top:.25em;
        left: 0;
        font-size:1rem;
        vertical-align: middle;
        }
        @media screen and (max-width: 767px) {
        .disk-list li {
        padding: .25em 0 .25em 1rem ;
        position: relative;
        line-height: 180%;
        }
        .disk-list li:before {
        display:block;
        position: absolute;
        top:.25em;
        left: 0;
        font-size:1rem;
        vertical-align: middle;
        }
.list {
        }
        .list li {
        padding: 0;
        position: relative;
        }
.kome-list {
        }
        .kome-list li {
        padding: 0;
        position: relative;
        padding-left:1em;
        line-height: 200%;
        }
        .kome-list li:before {
        content: "※";
        display:block;
        position: absolute;
        top: 0;
        left: 0;
        font-size:1em;
        vertical-align: middle;
        }
.label-list {
        }
        .label-list li {
        padding: 1rem 1.5em ;
        position: relative;
        margin-bottom:3px;
        background: rgba(0,108,62,.15);
        border-radius: 10px;
        }
.links-list { position: relative; zoom: 1; }
        .links-list:before,.links-list:after { min-width: 0px; content:""; display:table; }
        .links-list:after { clear: both; }
        .links-list.list-single { max-width:500px; margin:0 auto; }
        .links-list li {
        width:50%;
        float:left;
        margin-bottom:.5rem;
        }
        .links-list.list-single li { width:100%; }
        .links-list li a {
        position: relative;
        display: block;

        width:96%;
        margin:0 2%;
        text-align: left;
        padding:12px 2rem;
        box-sizing: border-box;
        border: 1px solid rgba(0,0,0,.2);
        }
        .links-list li a:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background:rgba(0,0,0,.1);
        }
        .links-list li a:hover:after {
        left: 0;
        width: 100%;
        }
        .links-list li a:hover { opacity: 1;}

        @media screen and (max-width: 1024px) {
        .links-list li { width:100%; }
        }
        @media screen and (max-width: 767px) {
        }

/*================================================
      　table
================================================*/

.table-a {
        width:100%;
        border-collapse:collapse;
        border-spacing:0;
        text-align:left;
        letter-spacing:0;
        box-sizing: border-box;
        line-height: 150%;
        font-weight:400;
        border-top:1px solid rgba(0,0,0,.2);
        }
        .table-a tr {
        border-bottom:1px solid rgba(0,0,0,.2);
        }
        .table-a th {
        padding:.625rem 1rem;
        vertical-align: middle;
        font-weight:400;
        text-align:left;
        border-radius: 4px;
        }
        .table-a td {
        padding:.625rem 1rem;
        text-align:left;
        }
        .table-a.th-center th { text-align: center;}
        .table-a.td-right td { text-align: right;}
        .table-a.center td { text-align: center;}

.table-b {
        width:100%;
        border-collapse:separate;
        border-spacing:2px ;
        text-align:left;
        letter-spacing:0;
        box-sizing: border-box;
        line-height: 150%;
        background: #FFFEF5;
        border:1px solid #CBCBCB;
        }
        .table-b th {
        padding:.75rem 1.25rem ;
        vertical-align: baseline;
        font-weight:400;
        text-align:left;
        background:#5A534C;
        color:#FFF;
        border:1px solid #CBCBCB;
        }
        .table-b td {
        padding:.75rem 1.25rem;
        text-align:left;
        font-weight:400;
        vertical-align: middle;
        background:#FFFEF5;
        border:1px solid #CBCBCB;
        }
        .table-b.td-right td { text-align: right;}
        .table-b.th-center th { text-align: center;}
        .table-b.center td,.table-b.center th { text-align: center;}

        .pt-05em	{ padding-top:.5rem;}
        .pt-1em		{ padding-top:1rem;}
        .pt-2em		{ padding-top:2rem;}
        .pt-3em		{ padding-top:3rem;}
        .pt-4em		{ padding-top:4rem;}
        .pt-5em		{ padding-top:5rem;}
        .pt-1-0		{ padding-top:1rem;}
        .pt-2-0		{ padding-top:2rem;}
        .pt-2-1		{ padding-top:2rem;}
        .pt-3-2		{ padding-top:3rem;}
        .pt-3-3-0	{ padding-top:3rem;}


        .pb-05em	{ padding-bottom:.5rem;}
        .pb-1em		{ padding-bottom:1rem;}
        .pb-1hem	{ padding-bottom:1.5rem;}
        .pb-2em		{ padding-bottom:2rem;}
        .pb-2hem	{ padding-bottom:2.5rem;}
        .pb-3em		{ padding-bottom:3rem;}
        .pb-4em		{ padding-bottom:4rem;}
        .pb-5em		{ padding-bottom:5rem;}
        .pb-6em		{ padding-bottom:6rem;}
        .pb-10em	{ padding-bottom:10rem;}
        .pb-1-0  	{ padding-bottom:1rem;}
        .pb-1h-1  	{ padding-bottom:1.5rem;}
        .pb-2-0		{ padding-bottom:2rem;}
        .pb-2-1		{ padding-bottom:2rem;}
        .pb-2h-1h	{ padding-bottom:2.5rem;}
        .pb-2-1-0	{ padding-bottom:2rem;}
        .pb-3-1		{ padding-bottom:3rem;}
        .pb-3-2		{ padding-bottom:3rem;}
        .pb-3-4		{ padding-bottom:3rem;}
        .pb-4-2		{ padding-bottom:4rem;}
        .pb-4-3		{ padding-bottom:4rem;}
        .pb-5-2		{ padding-bottom:5rem;}
        .pb-5-4		{ padding-bottom:5rem;}
        .pb-6-2		{ padding-bottom:6rem;}
        .pb-1px     { padding-bottom:1px;}
        .pb-10px    { padding-bottom:10px;}

        .pl-1em     { padding-left:1rem; }
        .pl-1hem     { padding-left:1.5rem; }
        .pl-2em     { padding-left:2rem; }

        .mt-1em		{ margin-top:1rem;}
        .mt-2em		{ margin-top:2rem;}
        .mt-3em		{ margin-top:3rem;}
        .mt-4em		{ margin-top:4rem;}
        .mt-5em		{ margin-top:5rem;}

        .mb-05em	{ margin-bottom:.5rem;}
        .mb-1em		{ margin-bottom:1rem;}
        .mb-1hem	{ margin-bottom:1.5rem;}
        .mb-2em		{ margin-bottom:2rem;}
        .mb-3em		{ margin-bottom:3rem;}
        .mb-4em		{ margin-bottom:4rem;}
        .mb-5em		{ margin-bottom:5rem;}
        .mb-6em		{ margin-bottom:6rem;}
        .mb-7em		{ margin-bottom:7rem;}
        .mb-8em		{ margin-bottom:8rem;}
        .mb-1-0		{ margin-bottom:1rem;}
        .mb-2-0		{ margin-bottom:2rem;}
        .mb-2-1		{ margin-bottom:2rem;}
        .mb-3-0		{ margin-bottom:3rem;}
        .mb-3-1		{ margin-bottom:3rem;}
        .mb-3-2		{ margin-bottom:3rem;}
        .mb-3-4		{ margin-bottom:3rem;}
        .mb-4-2		{ margin-bottom:4rem;}
        .mb-543		{ margin-bottom:5rem;}
        .mb-1-1-05		{ margin-bottom:1rem;}
        .mb-2-2-1		{ margin-bottom:2rem;}

        .mr-1em     { margin-right: 1rem ; }
        .mr-2em     { margin-right: 2rem ; }

        @media only screen and (max-width: 1024px) {
        .pt-1-0		{ padding-top:.5rem;}
        .pt-2-1		{ padding-top:1rem;}
        .pt-3-2		{ padding-top:2rem;}
        .pt-3-3-0	{ padding-top:3rem;}

        .pb-1-0		{ padding-bottom:.5rem;}
        .pb-1-05	{ padding-bottom:.5rem;}
        .pb-1h-1  	{ padding-bottom:1rem;}
        .pb-2-0		{ padding-bottom:0rem;}
        .pb-2-1		{ padding-bottom:1rem;}
        .pb-2h-1h	{ padding-bottom:2rem;}
        .pb-2-1-0	{ padding-bottom:1rem;}
        .pb-3-2		{ padding-bottom:2rem;}
        .pb-3-4		{ padding-bottom:4rem;}
        .pb-4-2		{ padding-bottom:2rem;}
        .pb-4-3		{ padding-bottom:3rem;}
        .pb-5-2		{ padding-bottom:2rem;}
        .pb-3-1		{ padding-bottom:2.76rem;}
        .pb-4-0		{ padding-bottom:0rem;}
        .pb-6-2		{ padding-bottom:4rem;}

        .mt10p      { margin-top:0%; }

        .mb-1-0		{ margin-bottom:0rem;}
        .mb-2-0		{ margin-bottom:0rem;}
        .mb-2-1		{ margin-bottom:1rem;}
        .mb-3-1		{ margin-bottom:1rem;}
        .mb-3-2		{ margin-bottom:2rem;}
        .mb-3-4		{ margin-bottom:4rem;}
        .mb-4-2		{ margin-bottom:2rem;}
        .mb-543		{ margin-bottom:4rem;}
        .mb-1-1-05		{ margin-bottom:1rem;}
        .mb-2-2-1		{ margin-bottom:2rem;}
        }



        @media only screen and (max-width: 767px) {
        .pt-1-0		{ padding-top:0rem;}
        .pt-2-0		{ padding-top:0rem;}
        .pt-3-3-0	{ padding-top:0rem;}

        .pb-1-0		{ padding-bottom:0rem;}
        .pb-2h-1h	{ padding-bottom:1.5rem;}
        .pb-5-4		{ padding-bottom:4rem;}
        .pb-3-1		{ padding-bottom:1rem;}
        .pb-2-1-0	{ padding-bottom:0rem;}
        .pb-6-2		{ padding-bottom:2rem;}

        .mr10p      { margin-right:0%;}
        .mr20p      { margin-right:0;}
        .ml10p      { margin-left:0%;}
        .ml20p      { margin-left:0%;}

        .mb-3-0		{ margin-bottom:0rem;}
        .mb-543		{ margin-bottom:3rem;}
        }

/*bn_plan*/
.bn_plan{width:100%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; align-items:center; position:relative; background:#F1E9D9;}
.bn_plan .box{width:100%;}
.bn_plan .imgbox01{background:url("../img/top/bn_plan01.jpg") no-repeat center center / cover;}
.bn_plan .imgbox02{background:url("../img/top/bn_plan02.jpg") no-repeat center center / cover;}
.bn_plan .imgbox03{background:url("../img/top/bn_plan03.jpg") no-repeat center center / cover;}
.bn_plan .imgbox04{background:url("../img/top/bn_plan04.jpg") no-repeat center center / cover;}
.bn_plan .bt{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; transition:all 0.5s ease;}
.bn_plan .bt:hover{background:rgba(255,255,255,.3); transition:all 0.5s ease;}
.bn_plan .bt img{background:url("../img/top/bg01.png") center center; background-size:70%; box-sizing:border-box; border-radius:50%; border:5px solid #e9e2cd; display:block; pointer-events:none;}
.bn_plan .bt_bg{position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;}
.bn_plan .bt_bg span{display:block; width:100%; height:100%; background:#fff; border-radius:50%;}
@media screen and (max-width:768px){
	.bn_plan{background:url("../img/top/bn_plan02.jpg") no-repeat center center / cover;}
	.bn_plan .box{display:none!important;}
}
@media screen and (min-width:769px) and (max-width:1023px){
	.bn_plan .box{width:50%;}
	.bn_plan .imgbox03,
	.bn_plan .imgbox04{display:none;}
}
@media screen and (min-width:1024px) and (max-width:1365px){
	.bn_plan .box{width:33.333%;}
	.bn_plan .imgbox04{display:none;}
}
@media only screen and (min-width:769px) and (max-width:1365px){
	.bn_plan .bt{background-size:40%;}
}
@media screen and (max-width:1365px){
	.bn_plan{height:280px;}
	.bn_plan .box{height:inherit;}
	.bn_plan .bt img{width:220px; height:220px;}
	.bn_plan .bt_bg{width:220px; height:220px;}
}
@media screen and (min-width:1366px){
	.bn_plan{height:350px;}
	.bn_plan .box{width:25%; height:inherit;}
	.bn_plan .bt img{background-size:auto; width:272px; height:272px;}
	.bn_plan .bt_bg{width:272px; height:272px;}
}