@charset "utf-8";

@import url("sanitize.css");



/* CSS Document */

body{

	height: 100%;

	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;

	line-height: 2em;

	letter-spacing: 0.05em;

	margin: 0 auto;

	color: #000;

	font-feature-settings: "palt";

	text-align: justify;

}

header,#lead,nav,main,footer{

	font-size: 20px;

}

img{

	width: 100%;

	vertical-align: bottom;

	display: block;

}

a, a:visited {

	text-decoration: none;

	color: #888;

}

a[href*="tel:"] {

	pointer-events: none;

	color: #12a73b!important;

}

@media only screen and (max-width: 599px) {

	a[href*="tel:"] {

		pointer-events: initial;

	}

}

.mgt-03{margin-top: -3px !important;}

.mgt06{margin-top: 6px !important;}

.mgt10{margin-top: 10px !important;}

.mgt20{margin-top: 20px !important;}

.mgt30{margin-top: 30px !important;}

.mgt40{margin-top: 40px !important;}

.mgt50{margin-top: 50px !important;}

.mgt60{margin-top: 60px !important;}

.mgt70{margin-top: 70px !important;}

.mgt80{margin-top: 80px !important;}

.mgt90{margin-top: 90px !important;}

.mgt100{margin-top: 100px !important;}

.mgt120{margin-top: 120px !important;}

.mgt140{margin-top: 140px !important;}

.pdt80{padding-top: 80px !important;}

.pdt50{padding-top: 50px !important;}

.pdt20{padding-top: 20px !important;}

.pdt30{padding-top: 30px !important;}

.pdt40{padding-top: 40px !important;}

.pdb30{padding-bottom: 30px !important;}

.pdlr{padding-left: 20px !important;padding-right: 20px !important;}

.fon20{font-size: 20%!important;}.fon25{font-size: 25%!important;}

.fon30{font-size: 30%!important;}.fon35{font-size: 35%!important;}

.fon40{font-size: 40%!important;}.fon45{font-size: 45%!important;}

.fon50{font-size: 50%!important;}.fon55{font-size: 55%!important;}

.fon60{font-size: 60%!important;}.fon65{font-size: 65%!important;}

.fon70{font-size: 70%!important;}.fon75{font-size: 75%!important;}

.fon80{font-size: 80%!important;}.fon85{font-size: 85%!important;}

.fon90{font-size: 90%!important;}

.fon95{font-size: 95%!important;}.fon105{font-size: 105%!important;}

.fon110{font-size: 110%!important;}.fon115{font-size: 115%!important;}

.fon120{font-size: 120%!important;}.fon125{font-size: 125%!important;}

.fon130{font-size: 130%!important;}.fon135{font-size: 135%!important;}

.fon140{font-size: 140%!important;}

.fon150{font-size: 150%!important;position: relative;;top:2px;}

.fon160{font-size: 160%!important;}.fon165{font-size: 165%!important;}

.fon170{font-size: 170%!important;}.fon175{font-size: 175%!important;}

.fon180{font-size: 180%!important;}.fon185{font-size: 185%!important;}

.fon190{font-size: 190%!important;}.fon195{font-size: 195%!important;}

.fon180_2{font-size: 180%!important;}

.fon200{font-size: 200%!important;}.fon205{font-size: 205%!important;}

.fon210{font-size: 210%!important;}

.fon220{font-size: 220%!important;}

.fon240{font-size: 240%!important;}

.fon280{font-size: 280%!important;position: relative;;top:5px;}

.fonB{font-weight: bold!important;}

.lh1_3{line-height: 1.3!important;}

.lh1_4{line-height: 1.4!important;}

.lh1_5{line-height: 1.5!important;}

.lh1_6{line-height: 1.6!important;}

.lh1_7{line-height: 1.7!important;}

.lh1_8{line-height: 1.8!important;}

.lh1_9{line-height: 1.9!important;}

.lh2{line-height: 2!important;}

.lh_er{line-height: 1.5!important;}

.ls001{letter-spacing: 0.01em!important;}

.ls003{letter-spacing: 0.03em!important;}

.ls-001{letter-spacing: -0.01em!important;}

.ls-002{letter-spacing: -0.02em!important;}

.ls-003{letter-spacing: -0.03em!important;}

.ls-004{letter-spacing: -0.04em!important;}

.ls-005{letter-spacing: -0.05em!important;}

.ls-007{letter-spacing: -0.07em!important;}

.ls-008{letter-spacing: -0.08em!important;}

.ls-012{letter-spacing: -0.12em!important;}

.ta_r{text-align: right!important;}

.ta_l{text-align: left!important;}

.ta_c{text-align: center!important;}

.b_no{font-weight: normal!important;}

sup.fon70{position: relative; top:-0.8em; left:-1px}

.oblique{font-style: oblique;}

.dis_ib{

	display: inline-block;

	margin-top: -20px;

}

.red{

	color: #F00000;

}

.black{

	color: #222;

}

.gray{

	color: #555555;

}

/******************wrap******************/

.wrap1140{

	max-width:1140px;

	margin:0 auto;

}

.wrap1000{

	max-width:1000px;

	margin:0 auto;

}

.pdlr125{

	padding: 0 125px;

}

.wrap750{

	max-width:750px;

	margin:0 auto;

}

.pc_1000,.pc_900,.pc_750,.pc_700,.pc_480{

	display: block;

}

.sp_1000,.sp_900,.sp_750,.sp_700,.sp_480{

	display: none;

}

/******************header******************/

.header{

	background: #F6F5EF;

}

header{

	padding: 16px 0;

}

header ul{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

header ul li{

	margin: 0;

	padding: 0;

}

.logo{

	margin-top: 2px;

	padding-left:1.5%!important;

	width: 225px;

}

.icon_box{

	padding: 8px 1.5% 0 10px;

	width:calc(100% - 225px);

}

header .box{

	display: flex;

	justify-content: flex-end!important;

	align-items: center;

	width: 100%;

}

header .box_red,header .box_blk{

	font-size: 65%;

	font-weight: bold;

	border-radius: 3px;

	text-align: center;

	letter-spacing: 0.02em;

	padding: 4px 6px 7px;

	line-height: 0;

}

header .box_red{

	color: #F00000;

	border: 1px solid #F00000;

	margin: 0 0 0 1.5%;

}

header .box_blk{

	color: #555;

	border: 1px solid #555;

	margin: 0 0 0 6px;

}

header .box_blk:last-child{

	margin: 0 1.5% 0 6px;

}

header .box_red span,

header .box_blk span{

	font-size: 115%!important;

	display: inline-block;

	position: relative;

	top:2px;

	padding-right: 4px;

}

header .box_blk:last-child span{

	padding-right: 5px;

}

/******************footer******************/

.footer_btn{

	max-width: 500px;

	width: 76%;

	margin: 0 auto 80px;

	padding: 0 12%;

	text-align: center;

}

footer{

	background: #F6F5EF;

	margin: 0 auto;

	text-align: center;

	padding: 20px 0;

}

footer p{

	color: #888;

	font-size: 65%;

}

footer p a{

	color: #888;

}

/******************lead******************/

.lead{

	margin: 0 auto 40px;

	text-align: center;

	font-weight: 500;

	font-size: 90%;

	line-height: 1.8em;

	padding: 0 30px;

}

.lead > SPAN {

	display:inline-block;

}

h2{

	text-align: center;

	color: #F00000;

	margin: 20px auto 0;

	line-height: 2.8em;

	font-size: 145%;

	letter-spacing: 0.08em;

}

h2 span{

	padding-bottom: 3px;

	border-bottom: 3px solid #F00000;

}

h3{

	text-align: center;

	color: #000;

	margin: 0 auto;

	line-height: 2.2em;

	font-size: 120%;

	letter-spacing: 0.06em;

}

/******************nav******************/

nav{

	margin: 0 auto;

	background: #fff;

	z-index: 1000;

}

nav ul{

	display: flex;

	justify-content: center;

}

nav ul li{

	color: #fff;

	font-weight: bold;

	width: 24%;

	text-align: center;

	line-height: 1.8em;

}

nav ul li a,nav ul li a:visited{

	display: block;

	padding: 6px 5px 12px;

	color: #fff!important;

	text-decoration: none;

	transition: 0.3s;

}

nav ul li a:hover{

	padding: 6px 5px 9px;

	transition: 0.3s;

}

.triangle{

	border-top: 8px solid #fff;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

	width: 8px;

}

a .triangle{

	transition: 0.3s;

}

a:hover .triangle{

	margin-top: 3px;

	transition: 0.3s;

}

.o_bg{background: #FF679F;}

.o_bg2{background: #FF679F;}

.i_bg{background: #0AC3D2;}

.i_bg2{background: #0AC3D2;}

.a_bg{background: #5E7ACC;}

.a_bg2{background: #5E7ACC;}

.k_bg{background: #61BD34;}

.k_bg2{background: #61BD34;}

.sticky{

	position: sticky;

	top:0;

}



/******************list******************/

#osusume{

	border-top: 3px solid #FF679F;

	border-bottom: 1px solid #0AC3D2;

	margin-top: 50px;

	padding-bottom: 60px;

}

#imuse{

	border-top: 3px solid #0AC3D2;

	border-bottom: 1px solid #5E7ACC;

	padding-bottom: 60px;

}

#amino{

	border-top: 3px solid #5E7ACC;

	border-bottom: 1px solid #61BD34;

	padding-bottom: 60px;

}

#kodawari{

	border-top: 3px solid #61BD34;

	padding-bottom: 60px;

}

.o_color{color: #EF4185;}

.i_color{color: #009DAC;}

.a_color{color: #2A4FAC;}

.k_color{color: #399B00;}

.o_bg2:before {border-top: 15px solid #FF679F;}

.i_bg2:before {border-top: 15px solid #0AC3D2;}

.a_bg2:before {border-top: 15px solid #5E7ACC;}

.k_bg2:before {border-top: 15px solid #61BD34;}

h4 {

	position: relative;

	display: inline-block;

	margin: 45px auto 30px;

	padding: 17px 10px 14px 14px;

	text-align: center;

	min-width: 120px;

	max-width: 100%;

	font-size: 135%;

	font-weight: 700;

	color: #fff;

	border-radius: 5px;

	width: 270px;

	letter-spacing: 0.1em;

}

h4:before {

	content: "";

	position: absolute;

	top: 92%;

	left: 50%;

	margin-left: -15px;

	border: 15px solid transparent;

}

.list{

	display: flex;

	justify-content: center;

}

.list.active{

	align-items: flex-start;

}

.list_l,.list_r{

	width: 50%;

}

.list_hr{

	width: 100%;

	height: 8px;

}

.o_box,.i_box,.a_box,.k_box,.n_box{

	margin: 1.2%;

	text-align: justify;

	padding-bottom: 2%;

}

.o_box{border: 15px solid #FFE7F0;}

.i_box{border: 15px solid #DDF3F5;}

.a_box{border: 15px solid #E5E9F6;}

.k_box{border: 15px solid #EBF5E4;}

.n_box{border: 15px solid #fff;}

.list_ttl_box{

	display: flex;

	justify-content: flex-start;

}

.o_list_ttl{background: #FF679F;}

.i_list_ttl{background: #0AC3D2;}

.a_list_ttl{background: #5E7ACC;}

.k_list_ttl{background: #61BD34;}

.o_list_ttl,.i_list_ttl,.a_list_ttl,.k_list_ttl{

	width: 45%;

	height: 52px;

	position: relative;

	padding: 5px 15px 0 0;

	font-size: 90%;

	color: #fff;

	font-weight: bold;

	margin-right: 0;

	line-height: 2em;

	z-index:-1;

	text-align: center;

}

.o_list_ttl:after,.i_list_ttl:after,.a_list_ttl:after,.k_list_ttl:after {

	position: absolute;

	content: '';

	right: 0;

	top: 0;

	border: none;

	border-right: solid 45px #fff;

	border-top: solid 60px transparent;

	z-index:-2;

}

.list_ico,.list_ico2{

	width: 55%;

	text-align: left!important;

}

.list_ico span{

	display: inline-block;

	font-size: 70%;

	font-weight: bold;

	border: 1px solid #000;

	text-align: center;

	letter-spacing: -0.02em;

	padding: 3px 5px 0;

	line-height: 2em;

	margin: 14px 2px 0 0;

	vertical-align: bottom;

}

.list_ico2 span{

	display: inline-block;

	font-size: 65%;

	font-weight: bold;

	border: 1px solid #000;

	text-align: center;

	letter-spacing: 0;

	padding: 5px 5px 3px;

	line-height: 1.3em;

	margin: 8px 6px 0 2px;

	vertical-align: bottom;

}

.list_ico2 sup{

	font-size: 70%;

}

.list_img_box{

	display: flex;

	justify-content: flex-start;

}

.list_img{

	width: 38%;

}

.list_img.is-ornithine{

	margin-top: 11.3%;

}

.list_txt{

	width: 62%;

}

.list_item{

	color: #0C6CCE;

	font-weight: bold;

	font-size: 120%;

	line-height: 1.3em;

	padding-top: 20px;

	letter-spacing: 0.01em;

}

.list_lead{

	font-size: 85%;

	line-height: 1.6em;

	padding: 8px 20px 0 0;

}

.list_btn{

	width: 92%;

}

.list_spec{

	font-size: 70%;

	line-height: 1.5em;

	padding-left: 26px;

	padding-top: 5px;

}

.list_nd{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	border: 1px solid #888;

	font-size: 70%;

	line-height: 1.5em;

	margin: 5% 5% 0;

}

.list_nd_l{

	width: 15%;

	text-align: center;

}

.list_nd_r{

	width: 85%;

	border-left: 1px solid #888;

	padding: 1.5%;

}

.list_sub{

	padding: 3% 5% 0;

	font-size: 75%;

	line-height: 1.5em;

}

.list_note{

	padding: 2% 5% 0;

	color: #555;

	font-size: 60%;

	line-height: 1.5em;

	letter-spacing: 0.07em;

}

.aco dt{

	cursor: pointer;

}

.aco dt img{

	width: 60%;

	padding: 4% 5% 2%;

	margin: 0 auto;

	text-align: center;

	max-width: 280px;

}

.aco dd{

	display: none;

}

.check{

	padding: 1% 5% 0;

}

.check_mark{

	border: 1px solid #000;

	color: #F00000!important;

	font-size: 100%;

	padding: 2px 2px 1px 3px;

	margin-right: 1.5%;

	line-height: 0;

}

.check_txt{

	font-weight: bold;

	color: #F00000;

}

.lines2{

	margin-top: 2px;

}

.arrow{

	font-weight: bold;

	margin: 0 auto;

	text-align: center;

	font-size: 125%;

	line-height: 0.8em;

}

.sub_txt{

	margin: 4% 5% 2.5%;

	padding: 2% 3%;

	font-size: 80%;

	line-height: 1.5em;

}

.main_txt{

	background: #FFFAE4;

	margin: 4% 5% 2.5%;

	padding: 2.5% 3%;

	font-size: 80%;

	line-height: 1.5em;

}

.main_txt sup{

	position: relative;

	top:-3px;

}

.main_txt span{

	font-size: 110%;

	color: #0C6CCE;

	font-weight: bold;

}

.main_ttl{

	font-size: 120%;

	color: #0C6CCE;

	font-weight: bold;

	line-height: 1.4em;

	padding-bottom: 10px;

}

.main_float{

	display: flex;

	justify-content: space-between;

}

.main_float div{

	padding: 0 0 10px 0;

	margin: 0;

}

.main_t{

	padding-bottom: 10px;

	font-size: 120%;

	color: #0C6CCE;

	font-weight: bold;

	line-height: 1.4em;

}

.main_b{

	padding-top: 10px;

	font-size: 120%;

	color: #0C6CCE;

	font-weight: bold;

	line-height: 1.4em;

}

.note{

	padding: 0 5%;

	color: #555;

	font-size: 60%;

	line-height: 1.5em;

	letter-spacing: 0.07em;

}

.sub_txt .note {

	color: #555;

  font-size: 70%;

  line-height: 1.5em;

  letter-spacing: 0.07em;

  padding: 0 0 0;

}

.spec{

	margin-top: 3%;

	padding: 0 5%;

	font-size: 70%;

	line-height: 1.5em;

	letter-spacing: 0.03em;

}

.o_border{border: 1px solid #FF679F;}

.i_border{border: 1px solid #0AC3D2;}

.a_border{border: 1px solid #5E7ACC;}

.k_border{border: 1px solid #61BD34;}



/******************pagetop******************/

.pt {

	display: none;

	position: fixed;

	bottom: 20px;

	right: 30px;

	z-index: 2000;

}

.pt a {

	display: block;

	text-align: center;

	color: #fff;

	font-size: 14px;

	line-height: 0;

	text-decoration: none;

	margin: 0;

	padding: 22px 0 0;

	background-color:#9AA5B3;

	width: 45px!important;

	height: 45px;

	border-radius: 5px;

}

.pt a:hover,.pt a:visited {

	display: block;

	color: #fff;

	opacity:0.7;

}





@media screen and (max-width:1140px) {

	.pdlr125{

		padding: 0 10%;

	}

}



@media screen and (max-width:1000px) {

	footer{

		font-size: 20px;

	}

	header{

		font-size: 1.7vw;

	}

	#lead,nav,main,header{

		font-size: 2vw;

	}

	.pc_1000{display: none;}

	.sp_1000{display: block;}

	.icon_box{

		padding: 8px 0.8% 0 0;

	}

	header .box_red,header .box_blk{

		letter-spacing: 0;

		padding: 4px 5px 7px;

	}

	.list_spec{

		line-height: 1.5em;

		padding-left: 12%;

	}

	.o_list_ttl,.i_list_ttl,.a_list_ttl,.k_list_ttl{

		padding: 2% 17px 0 0;

	}

	.check{

		padding: 1% 5% 0;

		letter-spacing: 0.02em;

		margin-bottom: -1%;

	}

	.check_mark{

		padding: 0.2vw 0.2vw 0.1vw 0.2vw;

		margin-right: 2%;

	}

	.sub_txt{

		padding: 5% 4% 5%;

		line-height: 1.7em;

	}

	.main_txt{

		padding: 5% 4% 5%;

		line-height: 1.7em;

	}

	.main_t{

		padding-bottom: 2.5%;

	}

	.main_b{

		padding-top: 2.5%;

	}

}



@media screen and (max-width:900px) {

	.pc_900{display: none;}

	.sp_900{display: block;}

	header{

		font-size: 18px;

	}

	.icon_box{

		padding: 1px 0.8% 0 10px;

	}

	header .box_red,header .box_blk{

		letter-spacing: 0.02em;

		padding: 6px 10px 5px;

		line-height: 1.4em;

	}

	header .box_red span,

	header .box_blk span{

		top:1%;

		padding-right: 2px;

	}

	header .box_blk:last-child span{

		padding-right: 4px;

	}

}





@media screen and (max-width:750px) {

	#lead,nav,main{

		font-size: 3vw;

	}

	.pc_1000{display: block;}

	.sp_1000{display: none;}

	.pc_750{display: none;}

	.sp_750{display: block;}

	.pdlr125{padding: 0;}

	header .box_red,header .box_blk{

		padding: 6px 5px 5px;

	}

	nav ul li{

		width: 25%;

		line-height: 1.8em;

		padding: 6px 0 2px;

		border-left: 2px solid #fff;

		letter-spacing: 0;

	}

	nav ul li:first-child{

		border-left: 0!important;

	}

	a:hover .triangle{

		margin-top: 0;

		transition: 0.3s;

	}

	#osusume{

		border-top: 6px solid #FF679F;

		margin-top: 0;

	}

	#imuse{

		border-top: 6px solid #0AC3D2;

	}

	#amino{

		border-top: 6px solid #5E7ACC;

	}

	#kodawari{

		border-top: 6px solid #61BD34;

	}

	.lead{

		font-size: 95%;

	}

	h4 {

		margin: 10% auto 5%;

	}

	.aco dt img{

		width: 70%;

		max-width: 300px;

	}

	.o_list_ttl,.i_list_ttl,.a_list_ttl,.k_list_ttl{

		width: 43%;

		height: 8vw;

	}

	.list_ico,.list_ico2{

		width: 57%;

	}

	.list_btn{

		width: 85%;

	}

	.list{

		display: block;

		justify-content: center;

	}

	.list.active{

		align-items: stretch;

	}

	.list_l,.list_r{

		width: 96%;

	}

	.o_box,.i_box,.a_box,.k_box{

		margin: 1% 2% 3%!important;

		padding: 0 0 5% 0!important;

	}

	.n_box{

		margin: 0!important;

		padding: 0!important;

		display: none;

	}

	.o_list_ttl,.i_list_ttl,.a_list_ttl,.k_list_ttl{

		padding: 1vw 17px 1.5vw 0;

	}

	.check{

		margin: 1.5% 0 0.5%!important;

	}

	.check_mark{

		padding: 0.2vw 0.4vw 0.1vw 0.3vw;

		margin-right: 1.2%;

	}

	.lines2{

		margin-top: 1.6vw!important;

	}

/******************pagetop******************/

	.pt {

		display: none;

		position: fixed;

		bottom: 0;

		right: 0;

		z-index: 2000;

	}

	.pt a {

		padding: 20px 0 0 2px;

		background-color:#9AA5B3;

		width: 40px!important;

		height: 40px;

		border-radius: 5px 0 0 0;

	}

	.pt a:hover,.pt a:visited {

		opacity:1;

	}

/******************footer******************/

	.footer_btn{

		margin: -7% auto 13%;

	}

}





@media screen and (max-width:700px) {

	.pc_700{display: none;}

	.sp_700{display: block;}

	.logo{

		width: 31vw;

	}

	.icon_box{

		width:calc(100% - 31vw);

	}

}



@media screen and (max-width:600px) {

	header{

		padding: 1% 0;

	}

	.logo{

		width: 38vw;

		padding-left:2%!important;

	}

	.icon_box{

		width:calc(100% - 38vw);

		padding: 1px 2% 0 1%!important;

	}

	header .box{

		flex-wrap:wrap;

		padding: 0;

	}

	header .box_red,header .box_blk{

		padding: 4px 1% 3px;

		width: 100%;

		max-width:47%;

		margin-top:1%!important;

	}

	header .box_blk:last-child{

		margin: 0 0 0 6px;

	}

	.list_l,.list_r{

		width: 100%;

	}

	.o_box,.i_box,.a_box,.k_box{

		margin: 1% 0 3%!important;

		padding: 0 0 5% 0!important;

	}

}



@media screen and (max-width:550px) {

	.pc_1000{display: none;}

	.sp_1000{display: block;}

	.lead{

		padding: 0 1%;

	}

	.o_list_ttl,.i_list_ttl,.a_list_ttl,.k_list_ttl{

		padding: 1vw 17px 1.65vw 0;

	}

	.check{

		padding: 1% 5% 0;

		letter-spacing: 0.02em;

		margin-top: 0.5%!important;

		margin-bottom: -1%!important;

	}

	.check_mark{

		margin-right: 2%;

	}

	.sub_txt{

		padding: 5% 4% 5%;

		line-height: 1.7em;

	}

	.main_txt{

		padding: 5% 4% 5%;

		line-height: 1.7em;

	}

	.main_t{

		padding-bottom: 2.5%;

	}

	.main_b{

		padding-top: 2.5%;

	}

	.lines2{

		margin-top: 1.7vw!important;

	}

}





@media screen and (max-width:480px) {

	#lead,main{

		font-size: 4.3vw;

	}

	header{

		font-size: 17px;

	}

	nav{

		font-size: 3.3vw;

	}

	.pc_480{display: none;}

	.sp_480{display: block;}

	.logo{

		width:calc((100% - 245px));

	}

	.logo{

		width: 42vw;

	}

	.icon_box{

		width:calc(100% - 42vw);

	}

	header .box_red,header .box_blk{

		width: 100%;

		max-width:53%;

		margin-bottom: 0.5%;

		margin-left:1.5%!important;

	}

	header .box_red:first-child,

	header .box_blk:nth-child(3){

		width: 100%;

		max-width:41%;

		margin-bottom: 0.5%;

		margin-left:0!important;

	}

	h2{

		font-size: 130%;

		margin: 6% auto 4%;

		line-height: 1.5em;

		letter-spacing: 0.05em;

	}

	h2 span{

		padding-bottom: 2px;

		border-bottom: 2px solid #F00000;

	}

	h3{

		font-size: 105%;

		line-height: 2em;

		letter-spacing: 0.02em;

	}

	h4{

		font-size: 5.2vw;

		width: 50%;

	}

	nav ul li{

		line-height: 1.2em;

		padding: 0;

		letter-spacing: 0.04em;

	}

	nav ul li:first-child{

		padding: 1% 0 0;

		line-height: 1.85em;

	}

	.triangle{

		border-top: 6px solid #fff;

		border-right: 	6px solid transparent;

		border-left: 6px solid transparent;

		width: 6px;

	}

	a .triangle,a:hover .triangle{

		margin-top: 3%;

		margin-bottom: -7%;

	}

	.o_list_ttl,.i_list_ttl,.a_list_ttl,.k_list_ttl{

			width: 45%;

		height: 11vw;

		padding: 1.2vw 17px 1.65vw 0;

	}

	.list_ico,.list_ico2{

		width: 55%;

	}

	.list_ico2 span{

		font-size: 60%;

	}

	.check{

		font-size: 95%;

		padding: 0 5%;

		margin-bottom: -0.5%!important;

	}

	.check_mark{

		padding: 0.2vw 0.4vw 0.1vw 0.4vw;

	}

	.price{

		font-size: 95%;

	}

	.list_btn{

		width: 93%;

	}

	.aco dt img{

		max-width: 240px;

	}

	/******************footer******************/

	footer p b{

		display: none;

	}

	footer p{

		padding: 10px 0;

		font-size: 12px;

	}

}



@media screen and (max-width:375px) {

	header{

		font-size: 15px;

	}

	header .box_red,header .box_blk{

		line-height: 1.3em;

	}

	h4 {

		padding: 3% 10px 2.5% 14px;

	}

	.sub_txt{

		font-size: 85%;

	}

	.main_txt{

		font-size: 85%;

	}

	.list_nd_l{

		width: 11%;

	}

	.list_nd_r{

		width: 89%;

	}

	.aco dt img{

		max-width: 210px;

	}

	.lines2{

		margin-top: 2vw!important;

	}

}



@media screen and (max-width:320px) {

	header .box_red,header .box_blk{

		letter-spacing: 0;

	}

}