@charset "utf-8";


#index1{background: #5e1b44; text-align:center;color:#fff;}
#index2{}
#index2 h2{font-family:'nserif',serif; text-align: left; margin-bottom:45px; font-weight:bold;color: #39b54a;line-height: 1.7; font-size: 18px;}
#index2 h2 span{font-size: 24px; display: block; font-weight: bold;color: #1e1e1e;}
	@media (max-width:575px)	{#index2 h2{font-size: 26px; margin-bottom:25px; line-height: 38px;}
#index2 h2 span{font-size: 22px; display: block;}}
#index2 h3{font-family:'nserif',serif; text-align: center; color: #fff; margin-bottom:45px; font-weight:bold;}
	@media (max-width:575px)	{#index2 h3{font-size: 20px; margin-bottom:25px;}}

#index1 h2{ font-size:32px; margin-bottom:45px; color:#fff; font-weight:bold;}
#index1 h2 span{color:#ababab; margin-bottom:40px; font-size:20px;}
@media only screen and (max-width:991px)	{#index1 h2{font-size:20px; text-align:center; margin:0 0 45px 0;}}


#reform{background-color: #f7f7f7; padding-top: 160px;}
#reform h2{font-family:'nserif',serif; text-align: center; margin-bottom:45px; font-weight:bold;color: #39b54a;line-height: 1.7; font-size: 18px;}
#reform h2 span{font-size: 24px; display: block; font-weight: bold;color: #1e1e1e;}
	@media (max-width:575px)	{#reform h2{font-size: 26px; margin-bottom:25px; line-height: 38px;}
#reform h2 span{font-size: 22px; display: block;}}
#reform h3{background-color: #fff;width: 100%;padding: 15px 72px 15px 15px;color: #1f1f1f; font-size: 20px;font-weight: bold; position: relative;}
#reform h3:before{position: absolute; content: ''; top: 0; right: 0; width: 56px; height: 100%; background-color: #1f1f1f;transition:.6s;}
#reform a:hover h3:before{background-color: #39b54a;transition:.6s;}
#reform h3:after{font-family:'Font Awesome\ 5 Pro';margin-left:1.5em;color:#fff;content:"\f061"; position: absolute;transition:.6s;right: 18px;}
#reform a:hover h3:after{transition:.6s;right: 10px;}
#reform .reform-img{position: relative;}
#reform .reform-img .inner{position: absolute;transition: .6s; opacity: 0;width: 90%;height: 90%; top: 5%;left: 5%; padding: 80px 40px;}
#reform .reform-img:hover .inner{background: rgba(255,255,255,.8);color: #1f1f1f;position: absolute;width: 90%;height: 90%; top: 5%;left: 5%;transition: .6s;display: block;opacity: 1;}


@media (max-width:991px)	{#reform .reform-img .inner{position: initial;opacity: 1;background: #fff; width: 100%;height: 100%; padding: 40px 20px;}
#reform .reform-img:hover .inner{position: initial;opacity: 1; background: #fff; width: 100%;height: 100%}
	#reform a .inner{color: #1f1f1f;}
	#reform h3{background-color: #1f1f1f; color: #fff;}
	#reform h3:before{background: #39b54a;}}



#appeal{ padding: 0;}
.appeal-tb,.appeal-top,.appeal-bottom{display: table;width: 100%;table-layout: fixed;}
	@media (max-width:991px)	{.appeal-tb,.appeal-top,.appeal-bottom{display: block;}}

.appeal-left,.appeal-right{display: table-cell;width: 50%;vertical-align: middle;overflow: hidden;}
	@media (max-width:991px)	{.appeal-left,.appeal-right{display: block;width: 100%;}}


.appeal1,.appeal2,.appeal3,.appeal4,
.appeal1:hover,.appeal2:hover,.appeal3:hover,.appeal4:hover,
.appeal1:active,.appeal2:active,.appeal3:active,.appeal4:active,
.appeal1:focus,.appeal2:focus,.appeal3:focus,.appeal4:focus
{text-align: center;padding: 70px 15px;}

.appeal4,.appeal4:hover,.appeal4:active,.appeal4:focus{/* padding-left: 50%; */display: block;/* vertical-align: middle; *//* text-align: center; */}


.appeal1,.appeal2,.appeal3,.appeal4{position: relative;}

.appeal1:hover,.appeal2:hover,.appeal3:hover,.appeal4:hover,
.appeal1:active,.appeal2:active,.appeal3:active,.appeal4:active,
.appeal1:focus,.appeal2:focus,.appeal3:focus,.appeal4:focus{opacity:.75;overflow: hidden;}


.appeal1 *,.appeal2 *,.appeal3 *,.appeal4 *{position: relative;z-index: 1;}


.appeal1 h2,.appeal2 h2,.appeal3 h2,.appeal4 h2{font-size: 20px;line-height: 1;margin-bottom: 15px;font-weight: bold;color: #b39861;background-color: rgb(255 255 255 / 82%);padding: 18px 0;max-width: 300px;margin: auto;}
	@media (max-width:991px)	{.appeal1 h2,.appeal2 h2,.appeal3 h2,.appeal4 h2{font-size: 16px;padding: 20px 0;max-width: 250px;}}

.appeal1,.appeal2,.appeal3,.appeal4,
.appeal1:hover,.appeal2:hover,.appeal3:hover,.appeal4:hover,
.appeal1:active,.appeal2:active,.appeal3:active,.appeal4:active,
.appeal1:focus,.appeal2:focus,.appeal3:focus,.appeal4:focus{color:#fff;}

.appeal2,.appeal3,
.appeal2:hover,.appeal3:hover,
.appeal2:active,.appeal3:active,
.appeal2:focus,.appeal3:focus{height: 410px;}

.appeal4,
.appeal4:hover,
.appeal4:active,
.appeal4:focus{height: 475px;overflow:hidden;}

.appeal1:before,.appeal2:before,.appeal3:before,.appeal4:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center center;background-size:cover;background-repeat: no-repeat;transform-origin:50% 50%;transform:scale(1.0);transition:.5s;}

.appeal1:before,.appeal1:hover:before,.appeal1:active:before,.appeal1:focus:before{background-image: url(../images/top/appeal1.jpg);height: 600px;}
.appeal2:before,.appeal2:hover:before,.appeal2:active:before,.appeal2:focus:before{background-image: url(../images/top/appeal2.jpg);}
.appeal3:before,.appeal3:hover:before,.appeal3:active:before,.appeal3:focus:before{background-image: url(../images/top/appeal3.jpg);}
.appeal4:before,.appeal4:hover:before,.appeal4:active:before,.appeal4:focus:before{background-image: url(../images/top/appeal4.jpg);}

	@media (max-width:991px)	{.appeal1,.appeal4,.appeal1:hover,.appeal4:hover,.appeal1:active,.appeal4:active,.appeal1:focus,.appeal4:focus{height: auto;padding: 70px 0;}}

	@media (max-width:991px)	{.appeal1,.appeal2,.appeal3,.appeal4,.appeal1:hover,.appeal2:hover,.appeal3:hover,.appeal1:active,.appeal2:active,.appeal3:active,.appeal1:focus,.appeal2:focus,.appeal3:focus{height: auto;padding: 70px 0;}}

	@media (max-width:991px)	{.appeal4,.appeal4:hover,.appeal4:active,.appeal4:focus{display: block;padding-left: 0;}}

.appeal1:hover:before,.appeal1:active:before,.appeal1:focus:before,
.appeal2:hover:before,.appeal2:active:before,.appeal2:focus:before,
.appeal3:hover:before,.appeal3:active:before,.appeal3:focus:before,
.appeal4:hover:before,.appeal4:active:before,.appeal4:focus:before{transform-origin:50% 50%;transform:scale(1.1);transition:.5s;}


/*square-img*/
#square-img{}



#square-img h2{font-family:'nserif',serif; text-align: center; margin-bottom:45px; font-weight:bold;color: #39b54a;line-height: 1.7; font-size: 18px;}
#square-img h2 span{font-size: 24px; display: block; font-weight: bold;color: #1e1e1e;}
	@media (max-width:575px)	{#square-img h2{font-size: 26px; margin-bottom:25px; line-height: 38px;}
#square-img h2 span{font-size: 22px; display: block;}}




.square-content{ display: block; height: 0; width: 100%; padding-bottom: 67%; position:relative; overflow:hidden; margin-bottom:20px;}
.square-content h3{font-size:22px; text-align:left;color:#1f1f1f;padding:15px;position:absolute;top:0;bottom:0;right: 0;background: #fff; width: 90%; height: 60px;font-weight: bold;font-family: 'nserif',serif;}
.square-content h3 span{ font-size:18px; display:block; padding-top:15px;}

.bg_about01{
	background: no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.square-content > div { position: absolute; bottom: 60px;}
.square-content-inner { display: flex; justify-content: center; align-items: center; width: 100%;}
.square-content:hover { background-size: auto 110%; transition: all 0.5s ease-in;}


.square-content2{ display: block; height: 0; width: 100%; padding-bottom: 51%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content2 h3{font-size:32px; text-align:left;color:#fff;line-height: 30px;padding:10px;position:absolute;top:0;bottom:0;font-family: 'nserif',serif;}
.square-content2 h3 span{ font-size:18px;  padding-left:25px;}
.square-content2 h3:after{content: "";width: 100px;height:2px;position: absolute;left:11px;bottom:-34px;background: #fff;display: block;}
.bg_about02{
	background: no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.square-content2 > div { position: absolute; top: 37%;}
.square-content2-inner { display: flex; justify-content:start; align-items: center; width: 100%; left: 40px;}
.square-content2:hover { background-size: auto 110%; transition: all 0.5s ease-in;}


#bg-img-contents{background: url(../images/top/bg-img-contents.jpg) center center /cover no-repeat #fff;color:#fff;}
	@media only screen and (max-width:991px)	{#bg-img-contents{background: url(../images/top/bg-img-contents.jpg) center center /cover no-repeat;}}


#bg-img-contents .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#bg-img-contents .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}
#bg-img-contents h2{font-family:'nserif',serif; text-align:center; margin-bottom:45px; font-weight:bold;color: #fff;line-height: 1.7; font-size: 18px;}
#bg-img-contents h2 span{font-size: 24px; display: block; font-weight: bold;color: #fff;}
	@media (max-width:575px)	{#bg-img-contents h2{font-size: 26px; margin-bottom:25px; line-height: 38px;}
#bg-img-contents h2 span{font-size: 22px; display: block;}}

.check{list-style: none;}
.check li{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

.check li:before{content: "";background: url(../images/common/checkmark.png) left center /30px no-repeat;width: 30px;height: 48px;display: block;position: absolute;top: 0;left: 0;right: 0;}
	@media (max-width:991px)	{.check li:before{width: 34px;height: 24px;background-size:20px;}}

.check_none{list-style: none;}
.check_none li{font-size: 15px;line-height: 35px;position: relative;}
	@media (max-width:991px)	{.check_none li{font-size: 14px;line-height: 28px;}}



#layer{ padding-top:125px; background: url(../images/top/bg_top_content.jpg) no-repeat center top #5e1b44;}
@media only screen and (max-width:991px) {#layer{}}

#layer .top_img{position: relative; top: 0; left: 0; width: 60%;}
#layer .top_img span { display: block; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute;}

@media only screen and (max-width:991px) {#layer .top_img{width: 100%;}
#layer .top_img span{ display: block; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute;}
#layer .col-12{ padding-top:40%;}}

#layer h2{text-align: center;font-size: 32px;font-weight: bold; position:relative;color:#333;margin-bottom: 75px;}
@media only screen and (max-width:991px)	{#layer h2{font-size: 32px;margin-bottom: 30px;}}

#layer h2 span{ font-size:20px; color:#333; display:block; padding-top:15px; font-weight:bold;}

@media only screen and (max-width:991px)	{#layer h2 span{ display:block;}}


#layer h3{text-align:left;font-size: 24px;margin-bottom: 35px;font-weight: bold; position:relative; line-height:1.7}
@media only screen and (max-width:991px)	{#layer h3{font-size: 18px;margin-bottom: 30px;}}

#index2 .inner{ padding: 80px 100px 80px 50px; text-align: left;}
@media only screen and (max-width:991px)	{#index2 .inner{padding:40px 20px;display: block;width: 90%; margin-left:auto; margin-right:auto;margin-top: -10px;}}

#index2 .inner2{ padding: 80px 50px 80px 100px; color:#fff; border: 1px solid #b39861; text-align: left;}
@media only screen and (max-width:991px)	{#index2 .inner2{padding:40px 20px;display: block;width: 90%; margin-left:auto; margin-right:auto;margin-top: -10px;}}

.top_img img{ margin-top: 45px;}
@media only screen and (max-width:991px)	{.top_img img{ margin-top: 0px;}}
.top_img2 img{ position: absolute;top: -90px; left: 80px; z-index: 5;}

@media only screen and (max-width:991px)	{#policy{padding-right:15px;padding-left:15px;}}
#news{}
#news h2{color:#b39861; font-weight:bold; text-align:center;font-size: 30px;}

.news-box{}

.news-article{display: table;width: 100%;align-items:center;}
	@media only screen and (max-width:991px)	{.news-article{display: block;}}

.news-article + .news-article{margin-top: 15px;}

.news-date,.news-comment{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:991px)	{.news-date,.news-comment{display: block;}}

.news-date{width: 110px;text-align: center;padding: 9px 0;}
	@media only screen and (max-width:991px)	{.news-date{width: auto;}}

.news-date.shp{border-bottom: 1px solid #b39861;}
.news-date.tpc{border-bottom: 1px solid #00c1ff;}

.news-comment{border-bottom: 1px solid #999;padding: 9px 15px;}
	@media only screen and (max-width:991px)	{.news-comment{}}



#half1{background: url(../images/top/half01.jpg) right center no-repeat #f0f0f0; background-size:58%; margin-bottom:1px;}
#half1 h2{font-family: 'nserif',serif; font-size:24px; font-weight:bold; margin-bottom:30px;}
#half1 h2 span{ font-size:16px; display:block; padding-bottom:20px;}
#half1 .inner,#half2 .inner{ background:#fff; padding:120px 100px;}

#half2{background: url(../images/top/half02.jpg) left center no-repeat #f0f0f0; background-size:58%; margin-bottom:1px;}
#half2 h2{font-family: 'nserif',serif; font-size:24px; font-weight:bold; margin-bottom:30px;}
#half2 h2 span{ font-size:16px; display:block; padding-bottom:20px;}
	@media (max-width:991px)	{#half1,#half2{ background:none !important;}#half1 .inner,#half2 .inner{ background:#fff; padding:80px 20px;}}




.interval{padding: 50px 0;margin: 90px 0 0;}
	@media (max-width:991px)	{.interval{padding: 40px 0;margin: 20px 0 0;}}

.contact{background: url(../images/top/bg_top_contact.jpg) left center no-repeat #fff; /*linear-gradient(0deg, rgba(224,212,179,1) 0%, rgba(233,226,209,1) 11%, rgba(235,231,214,1) 24%, rgba(245,243,235,1) 40%, rgba(253,252,251,1) 60%, rgba(255,255,255,1) 83%);*/}
	@media (max-width:991px)	{.contact{background: url(../images/top/bg_top_contact_sp.jpg) center center no-repeat #fff;}}