@charset "utf-8";
/* CSS Document */
/*main{
	font-feature-settings: "palt";
}*/
img{
	max-width: 100%;
}
.wrap{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.position{
	position: relative;
}
.main-img img{
	width: 100%;
}
.main-txt{
	font-size: 22px;
	line-height: 1.7;
	font-weight: 500;
}
.main-txt-2{
	font-size: 18px;
	line-height: 1.7;
	font-weight: 500;
}
.main-txt .notes{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 500;
}
.movie{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
  		height: 0;
  		padding-bottom: 50.25%;
  		overflow: hidden;
		position: relative;
    }
	.movie iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
.normal p{
	font-size: 16px;
	line-height: 1.75;
	font-feature-settings: "palt";
}
.normal2 p{
	font-size: 14px;
	line-height: 1.75;
	font-feature-settings: "palt";
}
.normal3 p{
	font-size: 20px;
	line-height: 1.75;
	font-feature-settings: "palt";
}
.notes p{
	font-size: 12px;
}
.notes p{
	line-height: 1.3;
}
p.ls{
	letter-spacing: -0.05em;
}
.left-box-1{
	width: 475px;
	float: left;
}
.right-box-1{
	width: 475px;
	float: right;
}
.ttl-bg-1{
	background: url("../img/obi_pc_01.jpg") no-repeat center top;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}
.ttl-bg-1 h2{
	width: 883px;
	margin-left: auto;
	margin-right: auto;
}
.sub-ttl{
	background: url("../img/obi_pc_02.jpg") no-repeat center top;
	background-size: cover;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1;
	color: #fff;
	font-size: 40px;
	text-align: center;
}
.movie-ttl{
	font-size: 34px;
	line-height: 1;
	color: #fff;
	text-align: center;
}
.movie-box{
	padding:50px 85px 85px;
	background: #153295;
}
p.blue{
	color:#153295;
}
p.orange{
	color:#ED6300;
}
.br-bg{
	background: #153295;
	color:#fff;
}
.yr-bg h3{
	color: #153295;
	font-size: 32px;
	background: #FFED00;
	padding-top: 16px;
	padding-bottom: 16px;
	line-height: 1;
	text-align: center;
	font-weight: 800;
}
.mark{
	position: absolute;
	right:16px;
	top:-20px;
	width: 116px;
}
.bl-ttl{
	font-size: 16px;
	line-height: 1.66;
	color:#153295;
	font-weight: 700;
}
.bl-ttl span{
	font-size: 12px;
	color: #000000;
	font-weight: 500;
}
.last-tex{
	text-align: justify;
}
.last-tex span{
	font-weight: 700;
	color:#ED6300;
}
.item-list ul li{
	text-align: justify;
}

/*202201追記箇所*/
.new-bnr{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.wt-box{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 2px solid #ffffff;
}
.cap-ttl{
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: 600;
}
.cap-ttl2{
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: 600;
}
.right-box-1.pt{
	padding-top: 76px;
}
.ap-list{
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	margin-top: 20px;
	justify-content: space-between;
}
.ap-list li:first-child{
	width: 49%;
}
.ap-list li:last-child{
	width: 40%;
}
.wt-ttl{
	background: #fff;
	text-align: center;
	font-size: 24px;
	color: #153295;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cap-ttl3{
	width: 74%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
/*202201追記箇所ここまで*/



@media only screen and (max-width : 768px) {
	.wrap{
        width: 88%;
        margin-left: auto;
        margin-right: auto;
    }
	.main-txt{
        font-size:3.9vw;
		line-height: 1.85;
		/*font-weight: 600;*/
    }
	.main-txt-2{
        font-size:3.5vw;
		line-height: 1.85;
		/*font-weight: 600;*/
    }
	.main-ttl-box{
        padding-top: 8%;
        padding-bottom: 8%;
        text-align: center;
    }
	/*.main-txt span,.main-txt-2 span{
		font-weight: 800;
	}*/
    .main-ttl-box h2{
        color: #fff;
        font-size: 7.6vw;
        line-height: 1.4;
    }
    .main-ttl-box .icon{
        width: 14.6%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3%;
    }
.bl-ttl{
	font-size: 4.0vw;
}
    .normal p{
        font-size: 3.4vw;
        line-height: 1.75;
    }
	.normal2 p{
        font-size: 3.0vw;
        line-height: 1.75;
    }
    .normal3 p{
        font-size: 4.0vw;
        line-height: 1.75;
    }
	.normal.ex p{
        font-size: 3.9vw;
        line-height: 1.75;
    }
    .notes p{
        font-size: 3.2vw;
    }
    .notes p{
        line-height: 1.3;
    }
    .left-box-1{
        width: 100%;
        float: none;
    }
    .right-box-1{
        width: 100%;
        float: none;
    }
	.ttl-bg-1{
        background: url("../img/obi_sp_01.jpg") no-repeat center top;
        background-size: cover;
        padding-top:8%;
        padding-bottom: 8%;
    }
    .ttl-bg-1 h2{
        width: 88%;
        margin-left: auto;
        margin-right: auto;
    }
	.ttl-bg-1.ptn2 h2{
		width: 68%;
		padding-top: 3%;
		padding-bottom: 3%;
	}
    .sub-ttl{
        background: url("../img/obi_sp_02.jpg") no-repeat center top;
        background-size: cover;
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 6.0vw;
		line-height: 1.24;
        text-align: center;
    }
	.sub-ttl.ex{
		padding-top: 9%;
		padding-bottom: 9%;
	}
    .movie-ttl{
        font-size: 5.4vw;
    }
	.movie{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
  		height: 0;
  		padding-bottom: 50.25%;
  		overflow: hidden;
		position: relative;
    }
	.movie iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
	.item-list ul li{
		width: 100%;
		padding-bottom: 7%;
		margin-bottom: 7%;
		border-bottom:2px dotted #ADADAD;
	}
	.item-list ul li:last-child{
		border-bottom: none;
	}
	.movie-box{
        padding:6% 6% 6%;
        background: #153295;
    }
    .yr-bg h3{
        font-size: 5.0vw;
        padding-top: 5%;
        padding-bottom: 5%;
        line-height: 1.3;
        text-align: center;
    }
	.yr-bg.ptn2 h3{
		padding-top: 8%;
		padding-bottom: 8%;
	}
    .mark{
        position: absolute;
        right:-5vw;
        top:-6vw;
        width: 20%;
    }
	#panel dt{
		border-bottom: 1px solid #153295;
		/*text-indent: -1em;
		padding-left: 1em;*/
		padding-bottom: 2%;
		position: relative;
	}
	#panel dt p{
		line-height: 1.4;
	}
	#panel dt::after{
		position: absolute;
		padding-top: 50%;
		width: 10%;
		top:3%;
		content: "";
		background: url("../img/yajirushi_02.png") no-repeat center top;
		background-size:100%;
		right:2%;
	}
	#panel dt.open::after{
		position: absolute;
		padding-top: 50%;
		width: 10%;
		top:20%;
		content: "";
		background: url("../img/yajirushi_01.png") no-repeat center top;
		background-size:100%;
		right:2%;
	}
	#panel dd{
		display: none;
		padding-top: 3%;
	}
	#panel dt.last::after,#panel dt.last.open::after{
		top:20%;
	}
	
		/*202201追記箇所*/
	.wt-box{
		padding-bottom: 5vw;
		margin-bottom: 5vw;
		border-bottom: 2px solid #ffffff;
	}
	.cap-ttl{
		font-size: 4.4vw;
		text-align: center;
		margin-bottom: 3vw;
	}
	.cap-ttl2{
		font-size: 5.0vw;
		text-align: center;
		margin-bottom: 3vw;
		font-weight: 600;
	}
	.right-box-1.pt{
		padding-top: 8vw;
		padding-bottom: 3vw;
	}
	.ap-list{
		display: flex;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		margin-top: 5vw;
		justify-content: space-between;
	}
	.ap-list li:first-child{
		width: 49%;
	}
	.ap-list li:last-child{
		width: 40%;
	}
	.wt-ttl{
		background: #fff;
		text-align: center;
		font-size: 4.4vw;
		color: #153295;
		padding-top: 3vw;
		padding-bottom: 3vw;
		line-height: 1.3;
	}
	.cap-ttl3{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5vw;
	}
	/*202201追記箇所ここまで*/
	
	
}
@media print, screen and (min-width : 769px) {
	.item-list ul{
		display: flex;
	}
	.item-list ul li{
		width: 325px;
		padding-right: 25px;
		margin-right: 25px;
		box-sizing: border-box;
		border-right:2px dotted #ADADAD;
	}
	.item-list ul li:last-child{
		margin-right: 0;
		border-right: none;
		padding-right: 0;
		width: 300px;
	}
	.ttl-tex-2{
		width: 876px;
		margin-left: auto;
		margin-right: auto;
	}
	.item-list.last img{
		width: 299px;
	}
	.last-ttl{
		width: 722px;
		margin-left: auto;
		margin-right: auto;
	}
}