@charset "UTF-8";

/* materials */

a.btn{
	display:block;
	width:150px;
	margin:0 auto;
	padding:8px 35px 10px 25px;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#000;
	border:3px solid #000;
	background-color:#fff;
	background-image:url("../pic/interface/ico_arrow.svg");
	background-repeat:no-repeat;
	background-size:8px auto;
	background-position:right 15px center;
}

a.btn:hover{
	opacity:0.7;
}

/* HOME */

#home_contents_area{
	padding:70px 0 0;
}

#home_key_area{
	position:relative;
}

#inax{
	display:none;
}

#keyvisual>div{
	position:relative;
}

#keyvisual>div .text{
	position:absolute;
	bottom:10px;
	left:0;
	margin:0 10px;
}

#keyvisual>div .text a.lab{
	display:table;
	margin:0 0 5px;
	padding:5px 15px 8px;
	font-style:italic;
	font-size:15px;
	text-decoration:none;
	color:#fff;
	background-color:#000;
	border:1px solid #000;
}

#keyvisual>div .text a.lab:hover{
	border:1px solid #fff;
}

#keyvisual>div .text a.title{
	display:block;
	padding:8px 10px 10px;
	text-decoration:none;
	font-size:14px;
	font-weight:300;
	line-height:1.5em;
	color:#000;
	background-color:#fff;
}

#keyvisual img{
	width:100%;
}

#tag{
	padding:10px 0 12px;
	background-color:#2b2b2b;
	color:#fff;
	text-align:center;
}

#tag a{
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:300;
}

#home_bg_area{
	max-width:1600px;
	margin:0 auto;
	padding:0 0 40px;
	background-color:#f6f6f6;
}

#home_news_area{
	margin:0 auto 30px;
}

#home_news_area>div{
	padding:20px;
	background-color:#fff;
	overflow:hidden;
	position:relative;
}

#home_news_area h2{
	display:table;
	margin:3px 0 0;
	font-size:22px;
}

#home_news_area #news{
	text-align:justify;
}

#home_news_area #news_btn{
	margin:11px 0 0;
	padding:0 20px 0 0;
	font-size:13px;
	background-image:url("../pic/interface/openbt.svg");
	background-repeat:no-repeat;
	background-size:17px;
	background-position:right center;
	cursor:pointer;
	position:absolute;
	top:20px;
	right:20px;
}

#home_news_area #news_btn.open{
	background-image:url("../pic/interface/closebt.svg");
}

#home_news_area #news a,
#home_news_area #news p{
	display:flex;
	margin:10px 0;
	text-decoration:none;
	font-size:13px;
	font-weight:400;
	line-height:1.5em;
	color:#333;
}

#home_news_area #news a:hover{
	opacity:0.7;
}

#home_news_area #news a span a,
#home_news_area #news p span a{
	display:inline;
}

#home_news_area #news a span:first-of-type,
#home_news_area #news p span:first-of-type{
	width:80px;
	font-family:"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight:400;
}

#home_news_area #news a span.red,
#home_news_area #news p span.red{
	color:#e60026;
}

#home_news_area #news a span.red a,
#home_news_area #news p span.red a{
	color:#e60026;
}

#home_news_area #news a span:last-of-type,
#home_news_area #news p span:last-of-type{
	width:calc(100% - 80px);
}

#home_news_area #news #hidden{
	display:none;
}

#home_100th_area{
	margin:0 25px;
	padding:0 0 50px;
	border-bottom:1px solid #d1d1d1;
	text-align:center;
	overflow:hidden;
}

#home_100th_area h2{
	margin:0 0 50px;
	text-align:center;
	font-size:22px;
	font-weight:400;
}

#home_100th_area img{
	max-width:230px;
}

#home_100th_area p{
	margin:30px 0;
	font-size:14px;
}

#home #home_lab_area{
	padding:0 20px;
	background-color:#f6f6f6;
}

#aboutdtl #home_lab_area{
	padding:50px 20px 20px;
	background-color:#f6f6f6;
}

#home_lab_area h2{
	margin:0 0 20px;
	text-align:center;
	font-size:22px;
	font-weight:400;
}

#home_lab_area>div article{
	margin:30px 0;
	overflow:hidden;
}

#home_lab_area>div article>div{
	width:47%;
	float:right;
}

#home_lab_area>div article img{
	width:47%;
	border-radius:50%;
	font-size:15px;
	vertical-align:bottom;
	float:left;
}

#home_lab_area>div article h3{
	margin:0;
	font-size:18px;
}

#home_lab_area>div article h3 a{
	text-decoration:none;
}

#home_lab_area>div article p{
	text-align:justify;
	font-size:14px;
	font-weight:300;
}

#home_lab_area>p{
	margin:0 0 40px;
	text-align:justify;
	font-size:14px;
	font-weight:300;
}

#home_lab_area #article_lead_area img{
	width:100%;
	margin:0 0 20px;
}

#home_lab_area #article_lead_area{
	padding:0;
}

#home_lab_area #article_lead_area>div{
	padding:0 0 30px;
}

#home_lab_area #article_lead_area>div h2{
	margin:0 0 15px;
	font-size:22px;
}

#home_lab_area #article_lead_area>div h2 span{
	display:inline-block;
	margin:0 0 15px;
	padding:0 0 5px;
	font-size:18px;
	border-bottom:2px solid #333;
}


/* article list */

#article_list_area{
	padding:70px 0 0;
}

#article_list_area h1{
	margin:0;
	padding:40px 0 50px;
	text-align:center;
	font-size:30px;
	line-height:1em;
}

#article_list_area h1 span{
	display:block;
	font-size:15px;
	font-weight:400;
}

#article_lead_area{
	padding:30px 25px 25px;
}

#article_lead_area>img{
	width:100%;
	vertical-align:bottom;
}

#article_lead_area>div{
	padding:25px 0 0;
}

#article_lead_area>div h2{
	margin:0 0 20px;
	font-size:20px;
	font-weight:400;
}

#article_lead_area>div p{
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
}

#article_area{
	margin:0 auto;
	padding:40px 25px;
}

#article_area article{
	margin:0 0 30px;
	border-bottom:1px solid #ddd;
}

#article_area article:last-child{
	margin:0 0 40px;
	border-bottom:none;
}

#article_area article a.lab{
	display:table;
	padding:5px 20px 8px 15px;
	font-style:italic;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	background-color:#000;
	border:1px solid #000;
	position:relative;
	top:-15px;
}

#article_area article a.lab:hover{
	border:1px solid #fff;
}

#article_area article a img{
	width:100%;
	vertical-align:bottom;
}

#article_area article h2{
	margin:0 10px 25px;
	text-align:justify;
	font-size:16px;
	font-weight:400;
	line-height:1.4em;
}

#lab #article_area article h2{
	margin:10px 10px 25px;
}

#article_area article.nolab h2{
	margin:20px 10px 25px;
}

#article_area article h2 a{
	text-decoration:none;
}

#article_area.home h2{
	margin:0 0 40px;
	text-align:center;
	font-size:22px;
	font-weight:400;
}

#article_area.home article h3{
	margin:15px 10px 20px;
	text-align:justify;
	font-size:18px;
	font-weight:400;
	line-height:1.4em;
}

#article_area.home article h3 a{
	text-decoration:none;
}

/* design lab */

#designlab_category>b{
	display:block;
	margin:0 0 20px;
	text-align:center;
	font-size:22px;
	font-weight:400;
}

#designlab_category>div{
	margin:0 auto;
}

#designlab_category>div>section{
	padding:20px;
}

#designlab_category>div>section a{
	text-decoration:none;
}

#designlab_category>div>section a img{
	width:100%;
	vertical-align:bottom;
}

#designlab_category>div>section h2{
	margin:15px 0 8px;
	text-align:center;
	font-family:'Roboto',sans-serif;
	font-size:20px;
	font-weight:400;
	word-break:break-all;
}

#designlab_category>div>section p{
	margin:0;
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
}

/* article detail */

#article_detail_area{
	padding:70px 0 0;
}

#article_detail_area>div>article{
	margin:0 auto;
	padding:50px 25px 80px;
}

#article_detail_area>div>article .category{
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}

#article_detail_area>div>article .category a{
	font-size:17px;
	font-weight:500;
	font-style:italic;
	color:#000;
	text-decoration:none;
}

#article_detail_area>div>article .category a:hover{
	color:#555;
}

#article_detail_area>div>article .category time{
	display:inline-block;
	padding:6px 0 0;
	font-family:Courier,sans-serif;
	font-size:13px;
	float:right;
}

#article_detail_area>div>article h1{
	margin:30px 0;
	font-size:28px;
	font-weight:300;
	line-height:1.2em;
}

#article_detail_area>div>article b{
	display:block;
	margin:5px 0;
	font-size:17px;
	font-weight:400;
	line-height:1.4em;
}

#article_detail_area>div>article h2{
	margin:40px 0 20px;
	padding:0 0 8px;
	font-size:20px;
	font-weight:300;
	line-height:1.2em;
	border-bottom:3px double #ddd;
}

#article_detail_area>div>article h3{
	margin:30px 0 20px;
	font-size:17px;
	font-weight:500;
	line-height:1.4em;
}

#article_detail_area>div>article p{
	margin:20px 0;
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.8em;
}

#article_detail_area>div>article p.bold{
	font-weight:400;
}

#article_detail_area>div>article p.lead{
	margin:10px 0 40px;
	font-weight:400;
	line-height:1.7em;
}

#article_detail_area>div>article p.note{
	font-size:13px;
}

#article_detail_area>div>article p.center{
	text-align:center;
}

#article_detail_area>div>article p sup{
	font-size:8px;
}

#article_detail_area>div>article .youtube{
	width:100%;
	height:0;
	margin:30px 0;
	padding:56% 0 0;
	position:relative;
}

#article_detail_area>div>article .youtube iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#article_detail_area>div>article figure{
	margin:30px 0;
}

#article_detail_area>div>article figure img{
	width:100%;
	vertical-align:bottom;
	margin:0 0 5px;
}

#article_detail_area>div>article figure figcaption{
	font-size:12px;
	font-weight:300;
}

#article_detail_area>div>article figure.float_left,
#article_detail_area>div>article .pic.float_left{
	margin:0 0 30px;
}

#article_detail_area>div>article .pic{
	margin:20px 0;
}

#article_detail_area>div>article .pic.nomargin{
	margin:0;
}

#article_detail_area>div>article .pics{
	margin:20px 0;
}

#article_detail_area>div>article .pic img{
	width:100%;
	margin:0 0 5px;
	vertical-align:bottom;
}

#article_detail_area>div>article .pic p,
#article_detail_area>div>article .pics p{
	margin:0;
	font-size:12px;
	line-height:1.4em;
	text-align:justify;
}

#article_detail_area>div>article .pic p.center{
	text-align:center;
}

#article_detail_area>div>article .pic.s.center{
	text-align:center;
}

#article_detail_area>div>article .pic.s img{
	width:50%;
}

#article_detail_area>div>article .commentary{
	padding:10px 0 20px;
	border-top:1px solid #ccc;
}

#article_detail_area>div>article .commentary dt{
	margin:0 0 5px;
	font-size:15px;
	font-weight:500;
}

#article_detail_area>div>article .commentary dd{
	margin:0 0 30px;
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.5em;
}

#article_detail_area>div>article .profile{
	margin:20px 0;
	padding:25px 20px;
	border:1px solid #ccc;
}

#article_detail_area>div>article .profile a img{
	max-width:700px;
	width:100%;
	margin:0 0 10px;
}

#article_detail_area>div>article .profile a:hover{
	opacity:0.8;
}

#article_detail_area>div>article .profile b{
	display:block;
	margin:10px 0;
}

#article_detail_area>div>article .profile p{
	margin:15px 0;
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.5em;
}

#article_detail_area>div>article .margin{
	margin:0 0 80px;
}

#article_detail_area>div>article .margin.btn{
	margin:0 auto 80px;
}

#article_detail_area>div>article table.normal{
	width:100%;
	margin:30px 0;
	border-collapse:collapse;
	font-size:14px;
	border-top:1px solid #ddd;
}

#article_detail_area>div>article table.normal th{
	padding:8px 15px;
	white-space:nowrap;
	font-weight:300;
	vertical-align:top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	background-color:#fafafa;
}

#article_detail_area>div>article table.normal td{
	padding:8px 15px;
	font-weight:300;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

#article_detail_area>div>article ul.annotation{
	margin:40px 0;
	padding:0;
	list-style-type:none;
	font-size:13px;
	font-weight:400;
}

#article_detail_area>div>article ul.annotation li{
	margin:0 0 10px;
	padding:0 0 0 2.5em;
	text-indent:-2.5em;
}

#article_detail_area>div>article .recommended{
	border-top:1px solid #ddd;
}

#article_detail_area>div>article .recommended h2{
	margin:45px 0 20px;
	padding:0;
	border:none;
	text-align:center;
	font-family:'Roboto',sans-serif;
	font-size:22px;
}

#article_detail_area>div>article .recommended h3{
	margin:0;
	padding:0 10px;
	text-align:justify;
	font-size:18px;
	font-weight:400;
	line-height:1.4em;
}

#article_detail_area>div>article .recommended a{
	text-decoration:none;
}

#article_detail_area>div>article .recommended>div{
	margin:0 0 40px;
}

#article_detail_area>div>article .recommended>div article{
	padding:20px 0;
}

#article_detail_area>div>article .recommended>div article.nolab h3{
	margin:20px 0 0;
}

#article_detail_area>div>article .recommended>div article a img{
	width:100%;
	vertical-align:bottom;
}

#article_detail_area>div>article .recommended a.lab{
	display:table;
	padding:5px 20px 8px 15px;
	font-style:italic;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	background-color:#000;
	border:1px solid #000;
	transform:translateY(-15px);
}

#article_detail_area>div>article .recommended a.lab:hover{
	border:1px solid #fff;
}

#article_detail_area>div>article .break,
#article_area article .break{
	word-break:break-all;
}


/* case */

#case_area{
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}

#case_area li{
	width:50%;
	float:left;
	position:relative;
}

#case_area li>a:first-child:link,
#case_area li>a:first-child:visited{
	transition:.2s;
}

#case_area li>a:first-child:hover,
#case_area li>a:first-child:active{
	opacity:0.8;
}

#case_area li>a:first-child img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#case_area li>a:last-child:link,
#case_area li>a:last-child:visited{
	box-sizing:border-box;
	display:block;
	width:15px;
	height:15px;
	padding:15px;
	border-radius:15px;
	background-color:#fff;
	background-image:url(../pic/interface/plus.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:center center;
	position:absolute;
	right:20px;
	bottom:40px;
	transition:all 0.25s cubic-bezier(0.24, 0.8, 0.55, 0.94) 0s;
}

#case_area li>a:last-child:hover,
#case_area li>a:last-child:active{
	transform:rotate(90deg);
}

#case_area li .prod_num{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,.2);
	color: #fff;
	padding: 2px 10px;
	font-size: .7rem;
	box-sizing: border-box;
}

#case_area li .prod_num a{
	color:#fff;
	text-decoration:none;
}

#case_area li .prod_num a:hover{
	text-decoration:underline;
}

.lity{
	z-index:9999;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	white-space:nowrap;
	background:#0b0b0b;
	background:rgba(0,0,0,0.9);
	outline:none !important;
	opacity:0;
	transition:opacity 0.3s ease;
}

.lity.lity-opened{
	opacity:1;
}

.lity.lity-closed{
	opacity:0;
}

.lity-wrap{
	z-index:9999;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	text-align:center;
	outline:none !important;
}

.lity-wrap:before{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em;
}

.lity-loader{
	z-index:10000;
	color:#fff;
	position:absolute;
	top:50%;
	margin-top:-0.8em;
	width:100%;
	text-align:center;
	font-size:14px;
	font-family:Arial,Helvetica,sans-serif;
	opacity:0;
	transition:opacity 0.3s ease;
}

.lity-loading .lity-loader{
	opacity:1;
}

.lity-container{
	z-index:10001;
	position:relative;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	white-space:normal;
	max-width:100%;
	max-height:100%;
	outline:none !important;
}

.lity-content{
	z-index:10002;
	width:100%;
	transform:scale(1);
	transition:transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content{
	transform:scale(0.8);
}

.lity-content:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	display:block;
	right:0;
	width:auto;
	height:auto;
	z-index:-1;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.lity-close{
	z-index:10003;
	width:35px;
	height:35px;
	position:fixed;
	right:0;
	top:0;
	-webkit-appearance:none;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	padding:0;
	color:#fff;
	font-style:normal;
	font-size:35px;
	font-family:Arial,Baskerville,monospace;
	line-height:35px;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
	border:0;
	background:none;
	outline:none;
	box-shadow:none;
}

.lity-close::-moz-focus-inner{
	border:0;
	padding:0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited{
	text-decoration:none;
	text-align:center;
	padding:0;
	color:#fff;
	font-style:normal;
	font-size:35px;
	font-family:Arial,Baskerville,monospace;
	line-height:35px;
	text-shadow:0 1px 2px rgba(0,0,0,0.6);
	border:0;
	background:none;
	outline:none;
	box-shadow:none;
}

.lity-close:active {
	top:1px;
}

.lity-image img{
	max-width:100%;
	display:block;
	line-height:0;
	border:0;
}


/* pattern library */

#article_list_area h1 a{
	text-decoration:none;
}

.library{
	margin:0 auto;
}

.select_area{
	margin:30px auto;
	padding:0 10px;
}

.wrap_select{
	display: block;
	position: relative;
	width: 95%;
	height: 38px;
	margin:0 10px 10px;
	font-size: 14px;
	font-size: 1.0rem;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.wrap_select::after {
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #333;
	top: 50%;
	right: 10px;
	margin-top: -3px;
	pointer-events: none;
}

.wrap_select select {
	width: 100%;
	height: 35px;
	font-size: 14px;
	font-size: 1.0rem;
	padding: 0 10px;
	border: none;
	position: relative;
}

.wrap_select select:not(:target) {
	width: 120% \9;
}

#pattern_list{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0 20px;
	list-style-type:none;
}

#pattern_list li{
	width:50%;
	position: relative;
	padding-top:50%;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	box-sizing: border-box;
}

#pattern_list li a .list_image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#pattern_list li a .list_image img{
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	width: auto;
	height: 100%;
}

.detail>ul {
	margin:20px auto;
	padding:0;
}

.detail li {
}

.detail dl {
	margin:0;
	padding: 0 20px;
	font-size:15px;
	line-height: 1.5em;
	box-sizing: border-box;
}

.detail dt {
	color: #777;
}

.detail dd {
	margin: 0 0 20px;
	line-height:1.5em;
}

.detail .image {
	padding: 0 20px;
}

.detail .image img {
	display: block;
	width: 100%;
}

.detail .box_estimate{
	margin:40px 20px 0;
}

.detail .box_estimate h2{
	margin:0 0 25px;
	font-size:20px;
	font-weight:500;
	line-height:1.2em;
}

.detail .box_estimate .sim_controller{
}

.detail .box_estimate input {
	outline: none;
	height:40px;
	font-size:17px;
}

.detail .box_estimate .sim_result{
	margin:30px 0;
}

.detail .box_estimate .sim_result ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.detail .box_estimate .sim_result .sim_price{
	font-size: 25px;
	font-weight: bold;
}

.detail .box_estimate .sim_result .sim_unit{
	margin-left:5px;
}

.detail .box_estimate .sim_result .error {
	color: #e62e2e;
	font-weight: normal;
	font-size: 80%;
	margin-left: 5em;
}

.detail .box_estimate .sim_input{
	font-size:15px;
	line-height:1.8em;
}

.detail .box_estimate .sim_input input{
	border:1px solid #999;
	padding: 0 5px;
}

.detail .box_estimate .sim_button input[type="button"]{
	margin:15px 0 0;
	padding:5px 25px;
	color:#fff;
	background-color:#333;
	corsor:pointer;
}

.detail .box_estimate .sim_button input[type="button"]:hover {
	opacity: .8;
}

.detail .box_estimate .sim_button input[type="button"]:active {
	position: relative;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	transform: translateY(2px);
}

.detail .box_estimate .sim_caption ul{
	margin:0;
	padding:0;
	list-style-type:none;
	color:#555;
	font-size:12px;
	line-height:1.6em;
}

/* about DTL */

#about_lead_area{
	margin:0 auto;
	padding:50px 20px;
	text-align:center;
}

#about_lead_area b{
	display:block;
	margin:0 0 30px;
	font-size:24px;
	font-weight:400;
	letter-spacing:1px;
}

#about_lead_area p{
	margin:20px 0;
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:2em;
}

#home_lab_area.about{
	margin:0 auto 60px;
}
#about_logo_area{
	margin:60px auto 0;
	padding:60px 20px;
	text-align:center;
	border-top:1px solid #ddd;
}

#about_logo_area>img{
	width:200px;
}

#about_logo_area>b{
	display:block;
	text-align:left;
	margin:40px 0 20px;
	font-size:22px;
	font-weight:400;
}

#about_logo_area>p{
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:1.8em;
}

#about_logo_area>section{
	margin:50px 0 0;
	overflow:hidden;
}

#about_logo_area>section>img{
	width:250px;
}

#about_logo_area>section>div{
	margin:20px;
	text-align:left;
}

#about_logo_area>section>div h2{
	margin:0;
	font-size:20px;
	font-weight:400;
}

#about_logo_area>section>div h2 span{
	font-family:'Roboto',sans-serif;
	font-size:14px;
}

#about_logo_area>section>div>span{
	font-size:14px;
}

#about_logo_area>section>div p{
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.7em;
}

/* tile 100th */

#tile_100th_area>div>div#nav_100th,
#article_list_area #nav_100th,
#tile_100th_sub #nav_100th,
#tile_100th_page #nav_100th{
	display:none;
}

#tile_100th_area{
	padding:100px 0 0;
}

#tile_100th_key{
	margin:0 auto 50px;
	border-bottom:1px solid #ddd;
}

#tile_100th_key img{
	width:100%;
	vertical-align:bottom;
}

#tile_100th_welcome{
	margin:0 auto 60px;
	padding:0 25px;
}

#tile_100th_welcome .txt{
	margin:0 0 30px;
}

#tile_100th_welcome .txt h2{
	margin:0 0 30px;
	font-family: 'Noto Serif JP', serif;
	font-size:23px;
}

#tile_100th_welcome .txt p{
	text-align:justify;
	font-size:15px;
	font-weight:400;
	line-height:1.6em;
}

#tile_100th_welcome .welcome_slide{
}

#tile_100th_welcome .welcome_slide img{
	width:100%;
}

#tile_100th_program{
	margin:0 auto;
	padding:0 25px;
}

#tile_100th_area #article_area b,
#tile_100th_program h2{
	display:block;
	margin:0 0 30px;
	text-align:center;
	font-size:23px;
	font-weight:400;
}

#tile_100th_program>div{
	
}

#tile_100th_program>div section{
	padding:0 0 20px;
	position:relative;
}

#tile_100th_program>div section img{
	width:100%;
	vertical-align:bottom;
}

#tile_100th_program>div section h3{
	font-size:18px;
	font-weight:500;
}

#tile_100th_program>div section h3 span{
	display:block;
	font-size:13px;
	font-weight:400;
}

#tile_100th_program>div section p{
	text-align:justify;
	font-size:13px;
	font-weight:300;
	line-height:1.5em;
}

#tile_100th_program>div section h3 a{
	text-decoration:none;
}

#tile_100th_program>div section span.new{
	display:block;
	padding:5px 10px;
	font-size:14px;
	line-height:1em;
	background-color:#e60026;
	color:#fff;
	position:absolute;
	top:-10px;
	left:-10px;
}

#tile_100th_contents{
	margin:60px auto 0;
	padding:0 25px;
}

#tile_100th_contents>div{
}

#tile_100th_contents>img{
	width:100%;
	margin:0 0 40px;
	vertical-align:bottom;
}

#tile_100th_contents h2{
	margin:0 0 30px;
	font-family: 'Noto Serif JP', serif;
	font-size:23px;
}

#tile_100th_contents p{
	text-align:justify;
	font-size:15px;
	font-weight:500;
	line-height:1.8em;
}


/* tile 100th sub */

#tile_100th_sub{
	padding:100px 0 0;
}

#tile_100th_sub>div>article{
	max-width:1000px;
	margin:0 auto;
	padding:50px 20px;
}

#tile_100th_sub h1{
	margin:0;
	padding:50px 20px;
	text-align:center;
	font-size:30px;
	line-height:1.2em;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#tile_100th_sub h1 span{
	display:block;
	font-size:15px;
	font-weight:400;
}

#tile_100th_sub p.lead{
	margin:60px 30px;
	text-align:center;
	font-size:15px;
	font-weight:300;
	line-height:1.7em;
}

#virtual_pic{
	margin:0 auto;
	padding:0 20px;
}

#virtual_pic>div{
	padding:0 0 40px;
}

#virtual_pic>div a img{
	width:100%;
	vertical-align:bottom;
}

#virtual_pic>div a:hover{
	opacity:0.8;
}

#virtual_pic>div h2{
	font-size:18px;
	font-weight:500;
}

#virtual_pic>div h2 a{
	text-decoration:none;
}

#virtual_pic>div p{
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
}

/* tileart */

#tile_100th_page{
	padding:100px 0 0;
}

#tile100_contents a.btn{
	display:block;
	width:100%;
	margin:0 auto 15px;
	padding:8px 35px 10px 25px;
	text-decoration:none;
	text-align:center;
	font-size:16px;
	color:#000;
	border:3px solid #000;
	background-color:#fff;
	background-image:url("../pic/interface/ico_arrow.svg");
	background-repeat:no-repeat;
	background-size:10px auto;
	background-position:right 15px center;
}

#tile100_contents figure#marginbottom{
	margin:0 0 70px;
}