@charset "utf-8";
#tano-main-area .tano-jin-text-01{
	font-size: 16px;
}
#tano-main-area section .link-btn{
	text-align: center;
	margin: 20px auto;
	display: flex;
	justify-content: center;
}
#tano-main-area section .link-btn a{
	font-size: 14px;
	font-weight: bold;
	padding: 1em 1.5em 1em 1.5em;
	color: #fff;
	background: #2a4da4;
	border:solid 1px #2a4da4;
	border-radius:30px;
	text-decoration: none;
	display: flex;
}
#tano-main-area section .link-btn a:hover{
	color: #2a4da4;
	background: #fff;
}
#tano-main-area section .link-btn a span{
	position:relative;
	padding-right:1em;
	line-height:1em;
}
#tano-main-area section .link-btn a span:before{
	position: absolute;
	right: 0;
	top: 23%;
	content: "";
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#tano-main-area section .link-btn a:hover span:before{
	border-color:#2a4da4;
}
#tano-main-area section a:hover{
	transition: 0.25s;
}
/*-----------------------------	
	h2
-----------------------------*/
#tano-main-area section h2.tano-h2-type-01 {
	line-height:1em;
	margin:60px 0 10px 0;
	font-size: 28px;
	font-weight:600;
	padding:2px 0 0 20px;
	color:#000;
	border:0;
	position: relative;
}
#tano-main-area section h2.tano-h2-type-01:before {
	content: "";
	width: 6px;
	height: 1em;
	background: #00b7f1;
	position: absolute;
	top:0;
	left: 0;
}

/*-----------------------------	
	h3
-----------------------------*/
#tano-main-area section h3.tano-h3-type-01{
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin: 15px 0 15px 10px;
}

/*-----------------------------	
	.lineup
-----------------------------*/
#tano-main-area section .lineup{
	font-size: 23px;
	margin: 35px 0 15px 5px;
	font-weight: normal;
}

/*-----------------------------	
	sup
-----------------------------*/
#tano-main-area sup{
	vertical-align: super;
  font-size: 11px;
}

/*-----------------------------	
	#page-top
-----------------------------*/
#tano-main-area #page-top .page-top-list{
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
}
#tano-main-area #page-top .column-03{
	justify-content:center;
}
#tano-main-area #page-top .page-top-list .box{
	width:208px;
	padding-bottom: 3em;
}
#tano-main-area #page-top .column-03 a .box{
	width:auto;
}
#tano-main-area #page-top .page-top-list a{
	text-decoration: none;
	color: #333;
	border: solid 1px transparent;
	display: block;
	padding: 15px;
	margin-bottom:15px;
	position: relative;
}
#tano-main-area #page-top .column-03 a{
	width:30%;
}
#tano-main-area #page-top .page-top-list a:hover{
	border: solid 1px #2b54be;
}
#tano-main-area #page-top .page-top-list .box-image{
	display: flex;
	justify-content: center;
	align-items: center;
}
#tano-main-area #page-top .page-top-list .box-title{
	font-size: 23px;
	font-weight: bold;
	line-height: 1.25em;
	padding-bottom:0.5em;
	color: #000;
}
#tano-main-area #page-top .page-top-list .box-title small,
#tano-main-area #page-top .page-top-list .box-text{
	font-size: 16px;
}
#tano-main-area #page-top .page-top-list .box-title small{
	line-height: 1.75em;
	display: block;
}
#tano-main-area #page-top .page-top-list .box-text-bottom{
	font-size: 16px;
	padding-bottom: 0.5em;
	position: absolute;
	bottom: 0.5em;
}
#tano-main-area #page-top .page-top-list .box-text-bottom span{
	position: relative;
	padding-right: 0.75em;
	font-weight: bold;
}
#tano-main-area #page-top .page-top-list a:hover .box-text-bottom span{
	color: #2b54be;
	text-decoration: underline;	
}
#tano-main-area #page-top .page-top-list .box-text-bottom span:before{
	position: absolute;
    right: 0;
    top: 36%;
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#tano-main-area #page-top .page-top-list a:hover .box-text-bottom span:before{
	border-color:#2b54be;
}

/*-----------------------------	
	.main
-----------------------------*/
#tano-main-area .main small{
	display: block;
	font-size: 13px;
	margin-top: 0.75em;
}
#tano-main-area .main .box{
	display: flex;
}
#tano-main-area .main .box-left-image{
	width: 290px;
}
#tano-main-area .main .box-right-text01{
	font-size: 22px;
	font-weight: bold;
}
#tano-main-area .main .box-right-text02{
	font-size: 17px;
	font-weight: bold;
	padding: 0.75em 0;
}
#tano-main-area .main .box-right-text03{
	font-size: 16px;
}
#tano-main-area #qr .main .box-right-text04{
	text-align: center;
	margin-top: 1em;
	line-height: 1.5em;
}
#tano-main-area #qr .main .box-right-text04 strong{
	font-size: 16px;
	font-weight: bold;
	color: #00b7f1;
	display: block;
	line-height: 1.75em;
}
#tano-main-area #qr .main .box-right-text04 ul{
	display: flex;
	justify-content: space-between;
}
#tano-main-area #qr .main .box-right-text04 ul li{
	width: 208px;
	border:solid 3px #f2f2f2;
	padding: 0.75em 0 0.25em;
	display: flex;
	justify-content: center;
	align-items: center;
}
#tano-main-area #qr .box-left-image{
	margin-top: 20px;
}
#tano-main-area #qr .ex{
	padding: 10px 20px 20px;
	margin: 20px 0 40px;
	background: #f2f2f2;
}
#tano-main-area #qr .ex .box{
	justify-content: space-between;
}
#tano-main-area #qr .ex .box div{
	width: 212px;
	background: #fff;
	font-size: 15px;
}
#tano-main-area #qr .ex .box p{
	margin: 0;
	padding: 5px 15px 8px;
}
#tano-main-area #qr .ex .title{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
/*-----------------------------	
	.features
-----------------------------*/
#tano-main-area .features h3{
	font-size: 23px;
	margin: 20px 0 10px 5px;
	font-weight: normal;
}
#tano-main-area .features .box-list{
	padding: 15px 20px 5px;
	background: #f2f2f2;
}
#tano-main-area .features .box-list h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
#tano-main-area .features .box-list h4 span{
	color: #00b7f1;
	padding-right: 0.25em;
}
#tano-main-area .features .box-list h4.box-list-h4{
	margin-top:30px;
}
#tano-main-area .features .box-list .box{
	background: #fff;
	margin-bottom: 10px;
}
#tano-main-area .features .box-list .box-inner{
	display: flex;
	justify-content: space-between;
	padding: 20px;
}
#tano-main-area .features .box-list .box div h5{
	font-size: 16px;
	font-weight: bold;
	margin: 0.5em 5px;
}
#tano-main-area #lv .features .box-list .box div h5{
	margin: 0 5px 0.5em;
}
#tano-main-area .features .box-list .box div p{
	font-size: 14px;
	margin: 0 5px 5px;
}
#tano-main-area .features .box-list .box div p span{
	font-size: 13px;
}
#tano-main-area .features .box-list .box .column-3{
	width: 280px;
}
#tano-main-area .features .box-list .box .column-3 h5{
	height:3em ;
}

#tano-main-area .features .box-list .box .column-1{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#tano-main-area .features .box-list .box .column-1 div{
	display: block;
	width: 440px;
}
#tano-main-area .features .box-list .box .column-1 div h5{
	margin: 0 0 0.5em 15px;
}
#tano-main-area .features .box-list .box .column-1 div p{
	margin: 0 0 0 15px;
}
#tano-main-area .features .box-list .box-bottom p{
	font-size: 12px;
	padding: 0;
	margin: 0 0 15px;
}
#tano-main-area #sv .features .box-list .box .column-1-right{
	width: 100%;
}
#tano-main-area #qv .features .box-list .box .column-1-left{
	display: block;
	width: 300px;
}
#tano-main-area #qv .features .box-list .box .column-1-right{
	display: block;
	width: 580px;
}

#tano-main-area #sv .features .box-list .box .column-1-right h5,
#tano-main-area #qv .features .box-list .box .column-1-right h5{
	margin: 1em 0 0.25em 15px;
}
/*-----------------------------	
	.tano-link-btn
-----------------------------*/
#tano-main-area .tano-link-btn{
	text-align: center;
	font-size: 1.6rem;
	margin: 10px 0 40px;
}
#tano-main-area .tano-link-btn a{
	display: inline-block;
	padding: 0.5em 3em 0.5em 2em;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #333;
	font-weight: 600;
	position: relative;
}
#tano-main-area .tano-link-btn a:hover{
	text-decoration: none;
	background: #c5edff;
}
#tano-main-area .tano-link-btn a:before{
    position: absolute;
    right: 1em;
    top: 38%;
    content: "";
    width: 5px;
    height: 5px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*-----------------------------	
	.spec-table-01
-----------------------------*/
#tano-main-area .tano-free-html-area .spec-table-01{
	margin:1em 0 0 0;
	width:100%;
}
#tano-main-area .tano-free-html-area .spec-table-01 th{
	background:#f5f5f5;
	width:6.5em;
}
#tano-main-area .tano-free-html-area .spec-table-01 th,
#tano-main-area .tano-free-html-area .spec-table-01 td{
	border:solid 1px #ccc;
	padding:5px;
}
#tano-main-area .tano-detail-area{
	margin-top:10px;
}
/*-----------------------------	
	.tano-back-color-none
-----------------------------*/
#tano-main-area .tano-back-color-none{
	background:#000;
	color:#fff;
	padding:7px 3px 6px 3px;
}


.tano-item-detail-box-2 .tano-item-detail .tano-item-detail-center img, 
.tano-item-detail-box-3 .tano-item-detail .tano-item-detail-center img, 
.tano-item-detail-box-4 .tano-item-detail .tano-item-detail-center img,
.tano-item-detail-box-5 .tano-item-detail .tano-item-detail-center img {
    border: 0px;
}