.lineup h4,
.lineup .capacity,
.lineup .capacity_tax {font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;}


.clarity .lineup-cate h3 {color: #ea6d5e; border-bottom: solid 1px #ea6d5e;}

/*.whitening .title {background: #ffece0; padding: 50px 8vw 30px;}
.whitening .lineup-cate h3 {color: #dd81b1; border-bottom: solid 1px #dd81b1;}
.whitening .lineup .sub {color: #dd81b1;}
.whitening .lineup .sub span {border: solid 1px #dd81b1;}*/

.support .title {border-bottom: solid 2px #f29600;}
.support .lineup-cate h3 {color: #f29600; border-bottom: solid 1px #f29600;}
.support .lineup .sub {color: #f29600;}
.support .lineup .sub span {border: solid 1px #f29600;}

.clarity p.txt_cap {
	margin: 0 auto 20px;
	text-align: left;
}

.lineup * {
	box-sizing: border-box;
}

.clarity .lineup-cate,
.whitening .lineup-cate {
	display: flex;
	flex-wrap: wrap;
}
.lineup a,
.lineup .lineup_nolink_body {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
/*.lineup a::before,
.lineup .lineup_nolink_body::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 0;
}
*/
#list{background: #faebe6;}
.whitening #list{background: #f5f5ff;}

h2{background: #ffffff;color: #000;font-weight: 500;display:flex;flex-direction: column;justify-content: center;height:120px;}
h2 p{text-align: center;display: block;}

.lineup {
    position: relative;
}

.lineup img {
    transition: opacity 0.5s;
}
.lineup:hover img:first-of-type {
    opacity: 0;
}
.lineup img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.lineup:hover img:last-of-type {
    opacity: 1;
}
    ._hover:hover {
        opacity: 1; 
        background: #fff;
    }
.lineup  img.icon{
    opacity: 1;
    width: 45px;
    top: 10px;
    left: 10px;
}
#tamesu{width: 60px;top: 15px}
#totonoeru{left: calc(100% / 3 + 2%);}
#otosu,#arau{left: 100px;}
/* ===================== pc ===================== */

@media print, screen and (min-width: 769px) {
	
	
	#series nav {width: 1200px; height: 280px; margin: 0 auto;}
	#series nav ul {width: 664px; margin: 0 auto; padding: 0; list-style-type: none;}
	#series nav li {
		display: inline-block; vertical-align: top; width: 332px; height: 280px; text-align: center; opacity: .7; box-sizing: border-box;
		transition: opacity .15s linear;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
		-ms-transition: opacity .15s linear;
	}
	#series nav li:nth-of-type(2) {/*border-right: solid 1px #fff;*/ border-left: solid 1px #fff;}
	#series nav li img {width: 100%; height: auto;}
	#series nav li span {display: none;}
	
	#series nav li:hover,
	#series.clarity nav li:nth-of-type(1),
	#series.whitening nav li:nth-of-type(2),
	#series.support nav li:nth-of-type(3) {
		opacity: 1;
		background: -webkit-gradient(linear, left, top, form(rgba(255,255,255,1)), to(rgba(255,255,255,.0)));
		background: linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,.0));
	}
	#title{position: fixed;top: 50px;}
	.title {
		position: relative;
		width: 100%;
		min-height: 50px;
		line-height: 50px;
		margin:0 auto;
		width:1200px;
		text-align: center;
		width: 100%;
		border-bottom: 1px solid #989898;;
		font-size:20px;
		font-weight:400;
	}
	.title-body {position: relative; width: 1400px; margin: 0 auto;}
	.title-body h2 {
		height: 80px; margin-right: 50px; padding-left: 30px; font-size: 30px; line-height: 80px; color: #707070; box-sizing: border-box;
		background: url("/common/images/lineup/title_bg.svg") no-repeat left top; background-size: auto 100%;
	}
	.title-body h2, .title-body p.copy {display: inline-block; vertical-align: middle;}
	.title-body p.link {position: absolute; right: 0; top: 27px; width: 130px; height: 26px; line-height: 26px; border: solid 1px #707070; font-size: 12px; background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 10px 12px;}
	.title-body p.link a {display: block; width: 100%; height: 100%; padding-left: 20px; box-sizing: border-box;}
	
	/*list*/
	#series {padding: 0 0 50px;}
	#detail {padding: 50px 0;}
	main {
		/*box-sizing: border-box;
		background-image:
			url("/common/images/common/contents_bg2.png"),
			url("/common/images/common/contents_bg1.jpg");
		background-repeat: repeat-y, repeat-y;
		background-position: center center, center top;
		background-size: 100%, 100%;
		background-attachment: fixed, fixed;*/
	}

	main.whitening {
		/*box-sizing: border-box;
		background: url("/common/images/common/contents_whitening_bg.jpg") repeat-y center top;
		background-size: cover;
		background-attachment: fixed;*/
	}
	
	#list-body {max-width: 1200px; margin: 0 auto;}
	.lineup-cate, .lineup {display: inline-block; vertical-align: top;}
	.lineup-cate {margin: 0;}

	/* .clarity .lineup-cate:nth-of-type(2),
	.clarity .lineup-cate:nth-of-type(5),
	.clarity .lineup-cate:nth-of-type(7),
	.clarity .lineup-cate:nth-of-type(12) {margin-right: 0;} */

	/* .whitening .lineup-cate:nth-of-type(1),
	.whitening .lineup-cate:nth-of-type(2),
	.whitening .lineup-cate:nth-of-type(3),
	.whitening .lineup-cate:nth-of-type(4),
	.whitening .lineup-cate:nth-of-type(5),
	.whitening .lineup-cate:nth-of-type(6)
	{margin-right: 40px;} */
	/*.whitening .lineup-cate:nth-of-type(4),*/
	.support .lineup-cate:nth-of-type(3) {margin-right: 0;}
	.clarity .lineup {
		/* min-height: 480px; */
		/* mbackground-color: rgba(255,255,255,.5); */}

	.clarity .new {
		/* background-color: rgba(255,255,255,.8); */
		border: 1px solid #989898;
		box-sizing: border-box;
	}

	.clarity ._b_l_n{border-left: none;}
	.clarity ._b_b_n{border-bottom: none;}
	.clarity ._b_t_n{border-top: none;}

	.lineup .new:before {
		width: 216px;
	}
	.new .capacity{}

	.whitening .lineup {
		/* min-height: 510px; */
		/* background-color: rgba(255,255,255,.5); */
	}
	.support .lineup {min-height: 450px; background-color: rgba(255,255,255,.5);}
	
	.lineup-cate h3 {margin-bottom: 20px; padding-bottom: 10px; font-size: 17px; display: none;}
	.lineup {
		position: relative;
		width: 235px;
		margin: 0 0 20px 20px;
		width: 400px;
		margin: 0;
	}
	._bo .lineup {
		max-width: 1200px;
	}
	._bo .box0{
        	margin: 0 33%;
	}
	._cl .lineup {
		max-width: 600px;
	}
	._cl .box0{
        	margin: 0 90px;
	}
	/*.clarity .lineup:nth-of-type(4n) {margin-left: 0 !important;}*/
	.clarity .lineup:nth-of-type(5),
	.clarity .lineup:nth-of-type(9),
	.clarity .lineup:nth-of-type(11),
	.clarity .lineup:nth-of-type(15),
	.clarity .lineup:nth-of-type(24) {margin-left: 0 !important;}

	.lineup a,
	.lineup .lineup_nolink_body {
	}
	.lineup:nth-of-type(1) {margin-left: 0;}
	.lineup .pic {position: relative; width: 100%; height: auto; margin-bottom: 10px; margin-top: 20px; z-index: 1;}
	.lineup .pic img {width: 100%; height: auto;}
	/*.lineup .pic img {
        	width: 25%;
        	display: block;
        	margin: 0 auto;
	}*/
	.lineup h4 {font-size: clamp(8px, 1.6vw, 16px); text-align: left; font-weight: 400; line-height: 1.4em;}
	.lineup .sub {margin: 5px 0 10px; font-size: 12px; text-align: left; line-height: 16px;}
	.lineup .sub span {display: inline-block; vertical-align: bottom; height: 16px; margin-left: 10px; padding: 0 5px; font-size: 10px;}
	.lineup .box2 {
		writing-mode: vertical-rl;
	}
	.lineup .txt {
		font-size: 16px;
		margin-top: 20px;
        	margin-right: 20px;
        	font-weight: 400;
	}
	.lineup .capacity {width: 100%; text-align: left; font-size: 12px;margin-top: 1em;font-weight:400;}
	/*.lineup .capacity_tax {position: absolute; left: 15px; bottom: 0; width: 190px; height: 20px; line-height: 20px; margin: 20px auto 0; background-color: #969696; color: #fff; text-align: center; font-size: 12px; font-weight: 400;}*/
	.lineup .ex {
		width: 90%;
		height: 20px;
		margin: 10px auto 0;
		line-height: 20px;
		color: #ea6d5e;
		font-size: 12px;
		border: solid 1px #ea6d5e;
		border-radius: 100vh;
		text-align: center;
	}

	.small {
		font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
		font-size: 11px;
		text-align: left;
		color: #666666;
	}

	.copy1 {font-size: 20px;}
	.copy2 {font-size: 26px;}
	.box0 {display:flex;padding-bottom: 20px;}
	.box1 {width: 280px; margin-left: 20px;width: 300px; }

	#detail{display:flex;}
	.slide{width:50%;}
	ul,li{list-style: none;}
	.info{margin-left: 8vw;float: left;margin-top: 5vw;}
	.info li{margin-bottom:1.5vw;}
	.info1{font-size: 1.5vw;}
	.info2{font-size: 1.25vw;margin-left: -1em;}
	.info3{font-size: 0.72vw;}
	.info4{width: 50%;padding-right: 8vw;}
	.photo5{width: 16vw;}
	.btn1{margin-left: 8vw;width: 68%;}
	.btn2{text-align: center;border: solid 1px #ccc;width: 20%;padding: 0.5vw;margin: 0 auto;display: block;}
	.txt1{text-align: center;padding: 7vw 0 3vw;font-size: 1.4vw;}
	.setumei{border-bottom: 1px solid #ccc;padding:2.5vw 0;}
	.title,.info,.setumei1,.setumei2{font-family: "Noto Serif JP", serif;}
	.btn2,.setumei3,.setumei4,.setumei5{font-family: "Noto Sans JP", "Roboto", sans-serif;}
	.setumei1 li{font-size: 1.6vw;margin-bottom: 0.8vw;}
	.setumei2 li{font-size: 0.8vw;margin-bottom: 0.4vw;}
	.setumei3 li{font-size: 0.8vw;margin-bottom: 0.4vw;}
	.setumei4 li{font-size: 0.8vw;margin-bottom: 0.4vw;}
	.setumei5 li{font-size: 0.7vw;margin-bottom: 0.35vw;}
	li.setumei2-1{font-size: 1vw;margin-bottom: 0.5vw;}
	li.setumei2-2{padding-left: 1.7em;}
	li.setumei-title{font-size: 0.85vw;margin-bottom: 0.45vw;border: 1px solid #ccc;padding: 0.3vw;width: 5vw;text-align: center;}
	.setumei5{border: none;}
	li.setumei-link{font-size: 0.6vw;float: right;text-decoration: underline;}
	.osusume{display: flex;justify-content: center;background:#ffece0;}
	.osusume li{margin: 0 1vw;width: 15%;}
	li.info3-1{float: right;margin-right: -11.5vw;}

	.pc_only,.txt{display: block;}
	.sp_only{display: none;}

	#_ht-01-03{display: contents;}


	._ht{font-size: 28px;}
	#_ht-00{background: #faebe6;height:200px;}
	#_ht-01{margin-top:0px; margin-bottom: 30px;}
	#_ht-03{padding-top:0px}

	#_ht-01-01{font-size: 32px;}
	#_ht-01-02{font-size: 16px;}
	#_ht-01-03{font-size: 32px;}
	#_ht-01-04{font-size: clamp(12px, 2vw, 24px);}
	#_ht-02-01{
	    background: #fff;
	    margin-right: 20px;
	}
	#_ht-02-01,#_ht-02-02{
	    border: 1px solid #c8c8c8;
	    font-size: 20px;
	    padding: 5px 20px;
	    border-radius: 30px;
	    margin-left: 20px;
	    width: 200px;
	    display: inline-block;
	}
	._a0 .lineup{width: calc(100% / 3);}
	._bo .lineup{width:100%}
	._cl .lineup{width:50%}

	.whitening #_ht-00{background: #f5f5ff;}
	.whitening ._cl .icon{left:100px;}
}
	
@media all and (-ms-high-contrast: none) {
	main {
		display: block;
		background-position: center top, center top;
		background-attachment: scroll, scroll;
	}
}


/* ===================== sp ===================== */

@media screen and (max-width: 768px) {
	
	#series nav {width: 100%; height: auto; margin: 0 auto;}
	#series nav ul {margin: 0; padding: 0; list-style-type: none;}
	#series nav li {width: 100%; height: auto; border-bottom: solid 1px #eee;}
	#series nav li img {width: 100%; height: auto;}
	#series nav li span {
		display: block; height: 4rem; padding-left: 2rem; line-height: 4rem; font-size: 15px; box-sizing: border-box;
		background: url("/common/images/common/icon1.svg") no-repeat right 2rem center;
		background-size: 6px 10px;
	}
	
	#series.clarity nav li:nth-of-type(1) span,
	#series.clarity nav li:nth-of-type(2) img,
	#series.clarity nav li:nth-of-type(3) img,
	#series.whitening nav li:nth-of-type(1) img,
	#series.whitening nav li:nth-of-type(2) span,
	#series.whitening nav li:nth-of-type(3) img,
	#series.support nav li:nth-of-type(1) img,
	#series.support nav li:nth-of-type(2) img,
	#series.support nav li:nth-of-type(3) span {
		display: none;
	}
	#title{position: fixed;top: 20px;left:20px;}

	.title {position: relative; width: 100%; min-height: auto; margin: 0 auto; padding: 10px 0; text-align: center;margin:0;border-bottom: 1px solid #989898;font-weight: 400;}
	._bo .title{/*border: none;*/        width: 100vw;        margin: 0 -25vw;}
	._bo .lineup  .txt{
		position: fixed;
		left: 0;
		border-top: 1px solid #989898;
		padding-top: 10px;
	}
	._bo .box1{margin-top: 0px;}
	

	/*._hover:hover{background: #f7efe8;}
	._hover:hover .title{background:#f3ac8f}*/


	.title-body {position: relative;}
	.title-body h2 {
		margin-bottom: 1rem; padding-top: 1rem; font-size: 22px; line-height: 2em; color: #707070;
		background: url("/common/images/lineup/title_bg.svg") no-repeat 16% top; background-size: auto 120%;
	}
	.title-body p.copy {
		text-align: center;
		/* font-size: 16px; */
		font-size: 3.9vw;
	}
	.title-body p.link {display: none; width: 130px; height: 26px; line-height: 26px; margin: 2rem auto 0; border: solid 1px #707070; font-size: 12px; background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 10px 12px;}
	.title-body p.link a {display: block; width: 100%; height: 100%; padding-left: 20px; box-sizing: border-box;}
	
	/*contents
	#list, #detail {width: 100%; background: url("/common/images/common/contents_bg_sp.jpg") repeat-y center top; background-size: 100%; background-attachment: fixed;}
	main.whitening #list, main.whitening #detail {width: 100%; background: url("/common/images/common/contents_whitening_bg_sp.jpg") repeat-y center top; background-size: cover; background-attachment: fixed;}*/
	
	#list-body {width: 100%; margin: 0 auto; padding: 0;}
	.lineup-cate, .lineup {display: inline-block; vertical-align: top;}
	.lineup-cate {
		/* display: block; */
		justify-content: space-between;
		margin: 3rem 0 0;
	}
	.lineup-cate h3 {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		font-size: 15px;
		color: #ea6d5e;
		border-bottom: solid 1px #ea6d5e;
	}
	.lineup {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 50%;
		margin: 0;
		/* background-color: rgba(255,255,255,.5); */
	}
	._bo .lineup {width:100%;padding: 0 25%;}
	/* .lineup:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 10rem; background-color: #fff; z-index: 0;} */
	.lineup .pic {position: relative; width: 100%; height: auto; margin-bottom: 1rem; z-index: 1;}
	.lineup .pic img {width: 100%; height: auto;}
	.lineup .pic {
		position: relative;
		width: 70%;
		height: auto;
		z-index: 1;
		margin: 2rem auto;
	}
	.lineup h4 {font-size: 11px; text-align: center; font-weight: 400; line-height: 1.4em;}
	.lineup .sub {margin: .5rem 0 1rem; font-size: 11px; text-align: center; color: #ea6d5e;}
	.lineup .sub span {display: inline-block; vertical-align: baseline; height: 16px; line-height: 14px; margin-left: 10px; padding: 0 5px; font-size: 10px; border: solid 1px #ea6d5e;}
	.lineup .txt {
		width: 100%;
		padding: 0 5%;
		font-size: 10px;
		text-align: center;
		padding-top: 10px;
	}
	.lineup .capacity {
		bottom: 15px;
        	width: 100%;
        	line-height: 1.5rem;
        	/*padding: 2% 3%;*/
        	color: #4B4B4B;
        	text-align: center;
        	font-size: 9px;
        	font-weight:400;
	}
	.lineup .capacity_tax {width: 90%; height: 2rem; line-height: 2rem; margin: 2rem auto 0; color: #4B4B4B; text-align: center; font-size: 10px; font-weight: 400;}
	.lineup .ex {
		width: 90%;
		height: 2rem;
		margin: 1rem auto 0;
		line-height: 2rem;
		color: #ea6d5e;
		font-size: 10px;
		border: solid 1px #ea6d5e;
		border-radius: 1rem;
		text-align: center;
		letter-spacing: -.05em;
	}
	
	.lineup-cate.one {display: inline-block; width: 46%;}
	.lineup-cate.one .lineup {width: 100%;}
	
	/*.lineup-cate .lineup:nth-child(2n) {margin-left: 8%;}*/
	.clarity .lineup-cate:nth-of-type(1) {margin-top: 0;}
	.clarity .lineup-cate.one:nth-child(2n) {margin-right: 8%;}
	/* .whitening .lineup-cate:nth-child(odd),
	.support .lineup-cate:nth-child(odd) {margin-right: 6%;} */
	.whitening .lineup-cate:nth-of-type(1),
	.whitening .lineup-cate:nth-of-type(2) {margin-top: 0;}
	/*.whitening .lineup-cate:nth-of-type(5) {margin-right: 0;}*/

	.clarity .new {
		border: 1px solid #989898;
		box-sizing: border-box;
	}

	.clarity .sp_l_n{border-left: none;}
	.clarity .sp_b_n{border-bottom: none;}
	.clarity .sp_t_n{border-top: none;}

	.new .capacity{}

	.clarity p.txt_cap {
		margin: 0 auto 20px;
		text-align: left;
	}
	.pc_only,.txt{display: none;}
	.sp_only{display: block;}

	#_ht-01-03{display: none;}
	
	/*横向きの際に適用*/
	@media only screen and (orientation : landscape) {
		.list-title p.copy {left: 50%;}
		.lineup:before {height: 15rem;}
	}

	.small {
		font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
		font-size: 70%;
		color: #666666;
	}

	.lineup a,
	.lineup .lineup_nolink_body {

	}
	._ht {
    		font-size: 24px;
    		font-weight:400;
    		line-height: 1.2em;
	}

	#_ht-00{background: #faebe6;height:220px;padding: 30px 0 0;}
	.whitening #_ht-00{background: #f5f5ff;}

	#_ht-01{margin-top:30px;line-height: 1em;}
	#_ht-02{margin-top:0px}
	#_ht-03{margin-top:0;}

	.box0{
		display: flex;
		flex-direction: column-reverse;
		padding-bottom: 10px;
	}
	#_ht-01-01 {font-size: 24px;}
	#_ht-01-02 {font-size: 14px;}
	#_ht-01-04 {font-size: 16px;padding: 16px 0; display: block;}

	#_ht-02-01,#_ht-02-02{
	    border: 1px solid #c8c8c8;
            font-size: 14px;
            padding: 1px 10px;
            border-radius: 30px;
            margin-left: 2%;
            width: auto;
            display: inline-block
	}

	#_ht-02-01 {
	    background: #fff;
	    margin-right: 2%;
	}
	h2{height:auto;padding: 3%;}

	.lineup img.icon {
    		opacity: 1;
    		width: 34px;
    		top: 11px;
    		left: 11px;
	}

	#tamesu {
   		width: 40px;
    		top: 16px;
    		left: 10px;
	}

	#totonoeru {
    		left: 20%;
	}

	#otosu, #arau {
    		left: 8%;
	}
	._bo .lineup img.icon,.whitening #tamesu {left: 20%;}
{
}

/*20240130 スライダーの追加*/
.splide.pic.splide--slide{
	position: relative;
}
.splide__arrows{
	position: absolute;
	z-index: 2222;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	height: fit-content;
	display: flex;
	justify-content: space-between;
}

.splide__arrows.splide__arrow--prev{
	transform: rotate(180deg);
}
.splide__pagination {
	display: none!important;
}	

/*==================================================
20240717スライダーのためのcss
===================================*/
/*画像の横幅を100%にしてレスポンシブ化*/
.slick-slide img{
	width: 100%;
	height: auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}
.gallery img{
	width: 80%;
	height: auto;
}

/*メイン画像下に余白をつける*/

.gallery{
	margin:0 0 5px 0;
	margin: 50px 0 10px 8vw;
}

.gallery li{
list-style:none;
}


/*選択するサムネイル画像の設定*/

.choice-btn li{
	cursor: pointer;
	outline: none;
	background:#333;
	width:7.8vw!important;
	margin-right:0.8vw;
	list-style:none;

}

.choice-btn li img{
	opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn li.slick-current img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
	margin-left: 8vw;
}


@media screen and (max-width: 768px) {
	.gallery img {width: 100vw; height: auto;}
	.gallery{margin: 50px 0 2vw;}
	.choice-btn .slick-track {margin-left:0;display: flex;justify-content: space-between;}
	.choice-btn li {width: 24vw !important;margin-right: 1.5vw;}
	.choice-btn li:nth-child(4) {margin-right: 0vw;}
	ul,li{list-style: none;}
	.info{margin-left: 0vw;float: left;margin-top: 16vw;}
	.info li{margin-bottom:2vw;}
	.info1{font-size: 4.6vw;}
	.info2{font-size: 3.7vw;margin-left: -0.5em;}
	.info3{font-size: 2.3vw;}
	.info4{width: 100%;padding-right: 0vw;}
	.photo5{width: 42vw;margin-right: -100px;margin-top: 10px;}
	.btn2{text-align: center;border: solid 1px #ccc;width: 100%;padding: 0.5vw;margin: 0 auto;display: block;}
	.txt1{text-align: center;  padding: 7vw 0 3vw;font-size: 4vw;}

	.setumei{border-bottom: 1px solid #ccc;padding:2.5vw 0;}
	.title,.info,.setumei1,.setumei2{font-family: "Noto Serif JP", serif;}
	.title{font-family: "Noto Serif JP", serif; }
	.btn2,.setumei3,.setumei4,.setumei5{font-family: "Noto Sans JP", "Roboto", sans-serif;}

	.setumei1 li{font-size: 3.6vw;margin-bottom: 3.6vw;}
	.setumei2 li{font-size: 2.4vw;margin-bottom: 1vw;}

	.setumei3 li{
		font-size: 2.6vw;
        	margin-bottom: 0vw;
        	text-indent: -1em;
        	padding-left: 1em;
        	padding-right: 1em;
	}

	.setumei4 li{font-size: 2.6vw;margin-bottom: 0vw;padding-right: 1em;}
	.setumei5 li{font-size: 1.6vw;margin-bottom: -1.5vw;}

	li.setumei2-1{font-size: 3vw;margin-bottom: 1vw;}
	li.setumei2-2{padding-left: 1.7em;}
	li.setumei-title{font-size: 2vw;margin-bottom: 2vw;border: 1px solid #ccc;padding: 0.3vw;width: 12vw;text-align: center;text-indent: 0em;}
	.setumei5{border: none;}
	li.setumei-link{font-size: 2.4vw;float: left;text-decoration: underline;margin-left: 2vw; margin-top: 4vw;}
	.osusume{display: inline-block;background:#ffece0;align-content: center;padding: 0 4vw;}
	.osusume li{margin: 4vw 2vw 0vw;float: left;width: 42vw;}
	.osusume li:nth-child(1),.osusume li:nth-child(2){margin: 0vw 2vw 0vw;}
	li.info3-1{float: right;margin-right: -11.5vw;}
        ul.info,ul.setumei{padding-left: 2vw;}
        ul.setumei3,ul.setumei4,ul.setumei5{padding-left: 3vw;padding-bottom: 14vw;}
	.setumei {padding: 7vw 0;}
	.contents,#index_contents{overflow-x:hidden;}
}