@charset "UTF-8";
/* CSS Document */

/* common class */
.view-1200{ display: none; }
.view-1200-960{ display: inherit; }
.view-1200-550{ display: inherit; }
.view-960-550{ display: none; }
.view-960-0{ display: none; }
.view-550-0{ display: none; }

.flex.vp960-0{ flex-direction: row; }
.flex.vp550-0{ flex-direction: row; }

.contents{
	padding: 0 6vw;
}
.lead .underline{
    padding-left: 0;
    padding-right: 0;
}
.wrap-white.full{
	padding-top: 150px;
}
.cnt2 .flex > .lbox, .cnt2 .flex > .caption{
	width: 48.5%;
}
.cnt2 .flex > .lbox img{
	height: 523px;
	width: auto;
}
.cnt2 .flex > .lbox li.slick-slide{
	height: 523px;
}
@media screen and (max-width:1100px){
	.cnt2 .flex > .lbox li.slick-slide,
	.cnt2 .flex > .lbox li.slick-slide img{
		height: 550px;
	}
}
.cnt2 .flex > .caption{
	padding: 50px 4vw 50px 0;
}
.cnt2 .flex > .caption h3{
	font-size: 3rem;
	font-weight: 600;
}
.cnt3 .categorytitles figure:first-child{
	margin-bottom: 30px;
}
.cnt3 .categorytitles figure:first-child img{
	width: 147px;
	height: auto;
}
.cnt3 .cnt3-2{
	padding: 60px 4vw;
	background-image: url("../img/min960/cnt3_fig01.jpg");
}
.cnt3 .cnt3-2 .box{
	padding: 50px 3%;
	box-sizing: border-box;
}
.cnt3 .cnt3-3 .flex{
	gap:2%;
	max-width: calc( 1200px + 6vw );
	margin: 0 0 30px 0;
}
.cnt3 .cnt3-3 .flex > div{
	width: 100%;
	box-sizing: border-box;
	padding:30px 2% 40px 2%
}
.cnt5 .flex{
	padding: 0 4vw;
	gap:3%;
}
.cnt5 .categorytitles .jp-title,
.cnt5 .categorytitles .lead{
	margin-bottom: 50px;
}
.cnt5 .flex > .caption h3{
	margin-bottom: 10px;
}
.cnt5 .flex > .caption h3 + h4{
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.cnt5 .flex > figure img{
	height: 262px;
	width: auto;
}
.cnt6 .contents{
	max-width: calc( 960px + 19vw);
	margin: 0 10vw;
	padding: 0;
}
.cnt6 .box{
	padding-left: 2%;
	padding-right: 2%;
	gap:2%;
	align-items: center;
	margin: 0;
}
:root{
	--wid :14%;
}
.cnt6 .box .circle{
	padding: .4em;
	height: var(--wid);
	min-width: var(--wid);
	width: var(--wid);
	box-sizing: border-box;
}
.cnt6 .box .circle p{
	font-size: 1.8rem;
}
.cnt6 .box .caption{
	width: 45%;
}
.cnt6 .box figure{
	width: 37%;
}