@charset "shift_jis";
.hide{display:none;}
.pos_rel{position:relative;}
.pos_abs{position:absolute;}
header, section{
	max-width:2430px;
	margin:0 auto;
}
/**
~20230107
**/
.display-flex-202403{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.bg-content{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.bg-content .btn{
    width: 50%;
    background: #fff;
    padding: 5px;
    margin: 5% 8%;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
	border:1px #fff solid;
}
.bg-content .btn:hover{
	border:1px #fd3e3e solid;	
}
.bg-content img{
	width: 100%; /*width: 90%;*/
    text-align: center;
    margin: 0 auto;
}


.bg-style-202401{
	/* background: url(../../images/202401/bg-top-null.jpg) no-repeat; */
	background: url(../../images/202410/top_bg_4.png) no-repeat;
	/* background: url(../../images/202410/top_bg_3.jpg) no-repeat; */
	background-size: cover;
    background-position: center;
	height:500px;
}
.bg-style-202401 .bg-inwidth{height:100%;}

/*-------202601 start-------*/
/* 共通 */
.bg-content {
    width: 100%;
    position: relative;
    display: block;
    overflow: visible;
}
.bg-style-202601{
	background-color: #f6dd75;
}
.bg-style-202601 .bg-inwidth{height:100%;}
.bg-style-202601, .bg-inwidth, .inrow {
    height: auto !important;
    overflow: visible !important;
}
.bnr-pc,.bnr-sp {
	display: block;
	width: 100%;
	height: auto;
}
.bnr-sp {
	display: none; /* デフォルトは非表示 */
}
.btn_monthly {
	display: inline-block;
	text-align: center;
	background: #00465E;
	color: #FFF;
	border-radius: 5px;
	text-decoration: none;
	transition: all .2s ease;
	transform: translateX(-50%);
	width: 90%;
	box-sizing: border-box;
}
.btn_monthly:hover {
	background: #006F8E;
	color: #FFF;
}

/* PC: 画像上にボタン */
@media screen and (min-width: 769px) {
	.btn_monthly {
		position: absolute;
		top: 80%;
		left: 67%;
		max-width: 240px;
		padding: 1% 2%;
	}
	.bnr-pc {
		display: block;
	}
	.bnr-sp {
		display: none;
	}
}

/* SP: 画像下にボタン */
@media screen and (max-width: 768px) {
	.btn_monthly {
		position: absolute;
		top: 86%;
		left: 50%;
		max-width: 260px;
		min-width: 100px;
		padding: 1.5% 6%;
		font-size: clamp(12px, 4vw, 16px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: flex;
        align-items: center;
        justify-content: center;
	}
	.bnr-pc {
		display: none;
	}
	.bnr-sp {
		display: block;
	}
}
/*-------202601 end-------*/

/* -------202501 start-------*/
.bg-style-202501{
	background: url(../../images/202501/top/bg.jpg) no-repeat;
	background-size: cover;
    background-position: center;
	height:600px;
	
}
.bg-style-202501 .bg-inwidth{
	width:600px;
	height:100%;
}
.bg-style-202501 .bgc_greeting{
	bottom:24%;
	left:4%;
}
.bg-style-202501 .bgc_spring{
	bottom:4%;
	right:4%;
}
.bg-style-202501 .bgc_greeting,
.bg-style-202501 .bgc_spring{
	width:50%;
}
.bg-style-202501 .bgc_greeting img,
.bg-style-202501 .bgc_spring img{
	width:100%;
}
@media screen and (min-width:1920px){
	.bg-style-202501{
		height:800px;
	}.bg-style-202501 .bg-inwidth{
		width:800px;
	}
}
/* -------202501 end-------*/

.color-white{color:#fff;}
.color-black{color:black;}
.pa_style_202401{
    width: 35%;
    left: 34%;
    top: 56%;
    transform: translate(-50%, -50%);
}

.btn_top_202401{
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px #333 solid;
    background: #333;
    color: #fff;
    margin-left: 5px;
    margin-top: 20px;
}
.btn_top_202401:hover{
	background: #fff;
    color: #333;
}
.bg-style-202401-2{
	background: url(../../images/202401/bg-top-ism-null.jpg) no-repeat;
	background-size: cover;
	background-position: left bottom;	
	width:100%;
	height:1400px;
}
ul.top_bg_newyesrtxt{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    list-style: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
	height:800px;
}
ul.top_bg_newyesrtxt li{height: 100%;}
ul.top_bg_newyesrtxt li.mg-right-5p{margin-right:5%;}
ul.top_bg_newyesrtxt li img{
    max-width: 100%;
    max-height: 100%;
}


.top_txt_box{
    width: 650px;
    bottom: 300px;
    padding: 20px;
    background: rgb(255 255 255 / 60%);
}
.top_txt_box h1{font-size:2.2rem;}
.top_txt_box p{font-size: 1.4rem;margin-top: 1rem;}
/*other style*/
.top_txt_box.top_txt_box_other{
	width: 600px;
    padding: 70px;	
	background: rgb(141 38 38 / 60%);
}
.newTopMSGnewyearother{
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_txt_box_other .newTopMSGnewyeartxt{width:60%;}
.top_txt_box_other .newTopMSGnewyearimg{width:40%;}
.top_txt_box_other .newTopMSGnewyearimg img{width:100%;}
.top_txt_box_other .newTopMSGnewyearbtn{
	display:block;
	margin-top:1rem;
}
.top_txt_box_other .newTopMSGnewyearbtn a{
    padding: 10px 20px;
    margin-left: 10px;
    color: #000;
    background: #ffffff;
    border: 2px #fff solid;
    border-radius: 5px;
}

.top_txt_box_other .newTopMSGnewyearbtn a:hover{
    color: #FFF;
    background: #333;
	
}

/**
20230108~
**/


@media screen and (max-width:1140px){
	.bg-style-202401-2{
		/* height: 1200px;	 */
	}
	.pa_style_202401{width:45%;}
}
@media screen and (max-width:820px){
	.bg-style-202401-2{
		/* height: 1000px;	 */
	}
	ul.top_bg_newyesrtxt{
		height:80%;
	}
	.pa_style_202401{width:42%;}
	.btn_top_202401{}

}

@media screen and (max-width:768px){
	/* .bg-style-202401-2{height:800px;} */
	ul.top_bg_newyesrtxt{
		width: 300px;
	}
	.bg-style-202401{height:400px;}
	/*----202501 start----*/
	.bg-style-202501{
		height:400px;
	}
	.bg-style-202501 .bg-inwidth{
		width:400px;
	}
	.bg-style-202501 .bgc_greeting{
        left: 0px;
	}
	.bg-style-202501 .bgc_spring{
		bottom: 5px;
		right: 0px;
	}
	.bg-style-202501 .bgc_greeting,
	.bg-style-202501 .bgc_spring{
		width:220px;
	}
	/*----202501 end----*/
	
	.top_txt_box{
	width: 90%;
    margin: 0 auto;
    left: 50%;
	bottom:50%;
    transform: translate(-50%,70%);
	}
	.top_txt_box.top_txt_box_other{width:90%;}
	.pa_style_202401{width:45%;}
	.btn_top_202401{width:150px;}
}
@media screen and (max-width:568px){
	.bg-style-202401-2{}
	.top_txt_box h1{font-size:1.6rem; text-align:center;}
	.top_txt_box p{font-size: 1.2rem; text-align:center;}
	
	.bg-style-202401{height:350px;}
	.bg-content .btn{font-size:1.2em;width:70%;}
	.top_txt_box_other .newTopMSGnewyearother{
		display: flex;
		flex-direction: column-reverse;
	}
	.top_txt_box_other .newTopMSGnewyeartxt{width:100%;}
	.top_txt_box_other .newTopMSGnewyearimg{width:50%;}
	.top_txt_box_other .newTopMSGnewyearbtn{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.top_txt_box_other .newTopMSGnewyearbtn a{margin:0;}
	.top_txt_box.top_txt_box_other{padding:40px;transform: translate(-50%,55%);}
	.top_txt_box_other h1{font-size:1.8rem;}
	.top_txt_box_other p{font-size: 1.2rem; margin-top:1%;}
	.pa_style_202401{width:50%;}
	
		
}
@media screen and (max-width:430px){
	.bg-style-202401{height:400px;}
	.display-flex-202403{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;	
	}
	.bg-content.bgc-img-1 img{width:40%;}
	.bg-content.bgc-img-2 img{width:80%;}
	.bg-content .btn{margin: 5% auto 0;}
	 
	
	/* .bg-style-202401-2{height: 700px;} */
	ul.top_bg_newyesrtxt{width: 240px;}
	.top_txt_box{width:100%;}
	.top_txt_box h1{font-size:1.4rem; text-align:center;}
	.top_txt_box p{font-size: 1rem; text-align:center;}
	.top_txt_box.top_txt_box_other{padding:30px;}
	
	.bg-style-202501{
		height:400px;
	}
	.bg-style-202501 .bg-inwidth{
        min-width: 280px;
        max-width: 360px;
        width: 90%;
	}
	.bg-style-202501 .bgc_greeting{
        left: 0;
	}
	.bg-style-202501 .bgc_spring{
		bottom: 1%;
		right: 0;
	}
	.bg-style-202501 .bgc_greeting,
	.bg-style-202501 .bgc_spring{
        min-width: 170px;
        max-width: 210px;
        width: 60%;
	}
}
@media screen and (max-width:360px){
	/* .bg-style-202401-2{height: 600px;} */

	ul.top_bg_newyesrtxt{width: 220px;}
	.top_txt_box h1{font-size:1rem; text-align:center;}
	.top_txt_box p{font-size: .7rem; text-align:center;}

	.top_txt_box.top_txt_box_other{
    padding: 0px;
    transform: translate(-50%,50%);
    background: rgb(141 38 38 / 20%);
    height: 100%;
    width: 100%;		
	}
	.top_txt_box_other .newTopMSGnewyearother{margin-top:10%;}
	
	.top_txt_box_other h1{font-size:1.6rem;}
	.top_txt_box_other p{font-size: 1rem; margin-top:2%;}
	.top_txt_box_other .newTopMSGnewyearbtn a{padding:5px 10px;}

}

@media screen and (max-width:280px){
	ul.top_bg_newyesrtxt{width: 240px;}
	.bg-style-202401{height:350px;}
	.pa_style_202401 {
		width: 60%;
		left: 40%;
	}	
	.btn_top_202401{
		font-size: 0.6em;
		width:120px;
		height: 30px;
		line-height: 30px;
		margin-left: 0;
	}

	.bg-style-202501 .bg-inwidth{
        width: 96%;
        min-width: 100px;
        max-width: 280px;		
	}	
	.bg-style-202501 .bgc_greeting{
		bottom:30%;
        left: 0;
	}
	.bg-style-202501 .bgc_spring{

		right: 0;
	}
	.bg-style-202501 .bgc_greeting,
	.bg-style-202501 .bgc_spring{
width: 70%;
        min-width: 100px;
        max-width: 160px;
	}	
}