@charset "UTF-8";
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6",Arial,Roboto,"Droid Sans","Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size:16px;line-height:1.5;letter-spacing: 0.5px;color:#6d6259;}
body *{-webkit-box-sizing: border-box;box-sizing: border-box;}
/**
明朝の場合はこっち font-family:'fgutsukushiweb','Garamond','Times New Roman','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho','游明朝体','YuMincho','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
 **/
table{font-size:1em;}
a{text-decoration: none;}
img{max-width: 100%;}
figure{margin: 0;}
/********** container **********/
.l_gride{width:950px;margin:0 auto;}

/********** ヘッダー **********/
.l_header .area_header{width: 100%;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.l_header .cont{margin-right:auto;margin-left:auto;display: flex;justify-content: space-between;align-items: center;}
.l_header h1 a,.l_header h1 span{display:block;}
.l_main_navi li a{text-decoration: none;}

.l_header .logo span,.l_header .logo a{display: inline-block;background-size: contain;width: 100%;height: 100%;text-indent:100%;white-space:nowrap;overflow:hidden;}

.header_second{background: url(../images/bg_header_second.jpg) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
.header_second h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;}

/********** コンテンツ *********/
.l_contents{margin-right:auto;margin-left:auto;}
.l_breadcrumb{margin-right:auto;margin-left:auto;}
.l_breadcrumb ul{/*display: flex;*/padding: 0 20px;line-height: 30px;font-size: 0.75rem;display: none;}

.l_column_main{width: 100%;}

.Wrapper{margin-right:auto;margin-left:auto;}


.l_second section:nth-of-type(2n){background: #f9f6f3;}

h2{color: #524235;font-weight: bold;}

/********** フッター **********/
.l_footer .cont{margin-right:auto;margin-left:auto;}
.l_footer .cont p span{display: block;}
.footer {text-align:center;background: rgb(126,198,233);background: linear-gradient(90deg, rgba(126,198,233,1) 0%, rgba(153,206,192,1) 25%, rgba(176,212,148,1) 50%, rgba(177,212,111,1) 75%, rgba(61,179,99,1) 99%);
color: #fff;text-align: center;}
.footer {margin-top: 0px;
padding:0px;
}
.l_footer{margin: 0px;
padding: 0px;}
.footer{margin: 0px;
padding: 0px;}
#footer .footer-bottom {
  margin-top: 0px; /*フッター内上部の余白を詰める*/
}
.article-footer.entry-footer {
	display: none;
}

#main {
	padding-top: 0;
	padding-bottom: 0;
}

.content {
	margin-top: 0;
	margin-bottom: 0;
}

.footer {
	margin-top: 0px;
}

/********** レスポンシブル ********/
@media screen and (max-width:767px) {
	
　　　#pc {display:none !important;}  /* スマートフォンではPC用を非表示 */
    
　　　#sp {display: block;}  /* スマートフォンではスマートフォン用を表示 */
  
	body{font-size: 0.875rem;}
	.l_second{padding-top: 50px;}

	.Wrapper{padding-left: 20px;padding-right: 20px;}
	.l_header .logo{width: 108px;height: 34px;margin-right: auto;margin-left: 20px;}

	.l_footer .cont{padding: 30px 20px 28.5px;}
	.l_footer .cont p{background: url(https://sansei-japan.com/wp-content/uploads/2024/05/logo_footer.png) no-repeat left top;background-size: 165px 50px;padding-top: 80px;}
	.l_footer .cont p span{margin-bottom: 15px;}
	.l_footer .copyright{height: 25px;display: flex;justify-content: center;align-items: center;}
	.l_footer .copyright small{font-size: 0.625rem;}
	.l_second .l_footer{border-top: 1px solid #e5e5e5;}

	.header_second{height: 120px;}
	.header_second h1{font-size: 1.375rem;}
	.header_second h1 span{font-size: 0.75rem;}

	h2{font-size: 1.25rem;}
}

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


	.l_header .logo{width: 170px;height: 52px;margin-right: auto;}
	.l_header .logo span{background: url(../images/logo_header.png) no-repeat;}
	.l_second .l_header .logo a{background: url(../images/logo_header_second.png) no-repeat;}

	.l_main_navi{height: 80px;}
	.l_main_navi nav{height: 100%;}

	.l_footer{border-top: 1px solid #e5e5e5;}
	.l_footer .cont{background: url(https://sansei-japan.com/wp-content/uploads/2024/05/logo_footer.png) no-repeat 40px center;display: flex;align-items: center;}
	.l_footer .cont p{line-height: 1.625;}
	.l_footer .copyright{height: 40px;line-height: 40px;}		
	.l_footer .copyright small{font-size: 0.75rem;}
	
	h2{font-size: 1.625rem;}
}

@media screen and (max-width:979px) {
	.l_header .area_header,.l_container .l_header .cont{height: 50px;transition: all 0.5s linear;background: transparent;}
	
	.l_header .logo{width: 108px;height: 34px;z-index: 2;}
	.l_header .logo span{background: url(../images/SP/logo_header.png) no-repeat;background-size: contain;}
	.l_second .l_header .logo a,.l_container.active .l_header .logo span,.l_container.scroll .l_header .logo span{background: url(../images/SP/logo_header_second.png) no-repeat;background-size: contain;}

	/*.l_container.active .l_header .cont{position: fixed;top: 0;left: 0;width: 100%;background: #fff;}*/
	.l_container .l_main_navi{width: 100%;height: 100%;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding-top: 60px;background: #fff;opacity: 0;visibility: hidden;
	-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
	.l_main_navi ul li{background: rgb(126,198,233);background: linear-gradient(90deg, rgba(126,198,233,1) 0%, rgba(153,206,192,1) 25%, rgba(176,212,148,1) 50%, rgba(177,212,111,1) 75%, rgba(61,179,99,1) 99%);padding-bottom: 1.5px;}
	.l_main_navi ul li a{background: #fff;color: #524235;display: block;width: 100%;padding: 0 60px 0 30px;line-height: 48.5px;font-size: 0.9375rem;font-weight: bold;position: relative;}
	.l_main_navi ul li a::before,.l_main_navi ul li a::after{content: "";display: block;clip-path: polygon(0% 0%, 0% 100%, 100% 50%);position: absolute;top: 50%;transform: translateY(-50%);}
	.l_main_navi ul li a::before{background: #333;width: 8.5px;height: 13.5px;right: 28.5px;}
	.l_main_navi ul li a::after{background: #fff;width: 6.5px;height: 10.5px;right: 30.5px;}
	.l_container.scroll .area_header{position: fixed;background: #fff;}
	.l_container.active .l_main_navi{opacity: 1;display: block;visibility: visible;}
	.l_container.active .menubtn p span,.l_container.active .menubtn p::before,.l_container.active .menubtn p::after,
	.l_container.scroll .menubtn p span,.l_container.scroll .menubtn p::before,.l_container.scroll .menubtn p::after{background: #524235;}

	.menubtn{display: flex;width: 70px;height: 50px;position: absolute;right: 0;top: 0;justify-content: center;align-items: center;cursor: pointer;z-index: 10;}
	.menubtn p{position: relative;width: 1.969rem;height: 1.375rem;display: flex;align-items: center;}
	.menubtn p span{position: relative;display: block;width: 1.969rem;height: 0.157rem;background: #524235;}
	.menubtn p::before,.menubtn p::after{content: "";display: block;width: 1.969rem;height: 0.157rem;background: #524235;position: absolute;left: 0;}
	.menubtn p::before{top: 0;}
	.menubtn p::after{bottom: 0;}

	.l_home .menubtn p span,.l_home .menubtn p::before,.l_home .menubtn p::after{background: #fff;}

	.menubtn.active p{width: 24px;height: 24px;}
	.menubtn.active p span{display: none;}
	.menubtn.active p::before{top: 0.65rem !important;transform: rotate(45deg);}
	.menubtn.active p::after{bottom: 0.65rem !important;transform: rotate(-45deg);}
}

@media screen and (min-width:980px) {
	.l_second{padding-top: 80px;}
	.l_second .l_column_main .Wrapper{max-width: 980px;}
	.l_header .area_header{height: 80px;}
	.l_header .cont{position: relative;}
	.l_main_navi nav ul{display: flex;align-items: center;height: 100%;}
	.l_main_navi nav ul li{padding-left: 1.5rem;}
}

@media screen and (min-width:768px) and (max-width:979px) {
	.l_second{padding-top: 70px;}
	.Wrapper,.l_header .cont{padding-right: 40px;padding-left: 40px;}
	.l_header .area_header, .l_container .l_header .cont,.menubtn{height: 70px;}
	.l_main_navi ul li a{padding-top: 5px;padding-bottom: 5px;font-size: 1rem;}
}

@media screen and (min-width:768px) and (max-width:1080px) {
	.l_footer .cont{ background-size: 20%;padding: 20px 40px 20px 30%;font-size: 0.9375rem;}
}

@media screen and (min-width:768px) and (max-width:1299px) {
	.Wrapper,.l_header .cont{padding-right: 40px;padding-left: 40px;}
	.header_second{height: 180px;}
	.header_second h1{font-size: 2.3rem;}
	.header_second h1 span{font-size: 1.25rem;}
}

@media screen and (min-width:1080px) {
	.l_footer .cont{max-width: 1080px;background: url(https://sansei-japan.com/wp-content/uploads/2024/05/logo_footer.png) no-repeat 54px center;height: 185px;padding-left: 320px;}
}

@media screen and (min-width:1300px) {
	body{min-width:1280px;}
	.Wrapper,.l_header .cont,.l_breadcrumb{max-width: 1200px;}
	.l_main_navi nav ul li{padding-left: 1.5rem;}
	.header_second{height: 300px;}
	.header_second h1{font-size: 2.875rem;}
	.header_second h1 span{font-size: 1.5625rem;}
}