@charset "utf-8";

#article h2 {
	margin-bottom:30px;
}

#article p.txt {
	margin-bottom:40px;
}

.box-sp {
	margin-left:40px;
}

.box-sp p {
	margin-bottom:25px;
}

.box-fr {
	float:right;
	width:258px;
}

.box-fr .ul-photo li {
	margin-bottom:15px;
}

#article .box-sp h3 {
	background:none;
	display:inline-block;
	margin-top:0;
}

.box-sub {
	margin-bottom:50px;
}

.ul-dot li {
	padding:0 0 0 20px;
	margin-bottom:5px;
}

.ul-dot-red li {
	background:url(../technology/images/dot_red.png) 0 4px no-repeat;
}

.ul-dot-blown li {
	background:url(../technology/images/dot_blown.png) 0 4px no-repeat;
}

.ul-photo-set {
	padding-top:30px;
}

.ul-photo-set li {
	float:left;
	margin-right:8px;
}

.ul-photo-set li.set-01 {
	width:213px;
}

.ul-photo-set li.set-02 {
	width:215px;
}

.ul-photo-set li.set-03 {
	width:202px;
}

.ul-photo-set li img {
	margin-bottom:15px;
}

.ul-photo-set li.lastChild {
	margin-right:0;
}

.box-award {
	padding-left:40px;
	background:url(../technology/images/img_03.png) top left no-repeat;
}

#article .box-award h3 {
	background:none;
	display:inline-block;
	margin:40px 0 60px;
}

#article .box-award p {
	width:460px;
	margin-bottom:50px;
}


/* prewall */
.txt_c { text-align:center; }
#article h2.h2_big { color:#df0b20; font-size:200%; background:none; border-bottom:1px #D9D3C1 solid; }

.youtube { position:relative; margin-top:20px; padding-bottom:56.25%; height:0; overflow:hidden; }
.youtube iframe { box-sizing: border-box; position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

.tab_nav { display:flex; justify-content:space-between; border-bottom:1px solid #dadada; margin-top:30px; }
.tab_nav:after { content:none!important; }
.tab_nav li { width:23%; text-align:center; }
.tab_nav a { display:block; margin-bottom:-1px; padding:10px; font-size:15px; background:#ebe6e0; color:#999; border:1px solid #dadada; border-bottom:0; z-index:1; border-radius:5px 5px 0 0; transition:.2s; }
.tab_nav a:hover,
.tab_nav .ui-tabs-active a { background:#fff; color:#df0b20; }

#technology #article ul.buttons { margin-top:30px; display:flex; justify-content:center; }
#technology #article ul.buttons li + li { margin-left:20px; }
#technology #article ul.buttons a { display:block; padding:16px 30px 16px 40px; font-weight:bold; color:#6c5c52; background:url("/sp/images/icon02.png") top 50% left 15px no-repeat #ebe6e0; border-left:3px solid #c31e25; transition:.2s; }
#technology #article ul.buttons a:hover { color:#fff; background-image:url("/sp/images/icon06.png"); background-color:#c31e25; }
#technology #article h2:not(.h2_big) { background:none; margin-bottom:20px; }
#technology #article h2 span { display:block; }
#technology #article h4 { margin-top:20px; }
#technology #article h5 { margin:12px 0 8px; font-weight:bold; }
#technology #article img { max-width:100%; height:auto; }
#technology #article .img-fr { float:right; margin-left:30px; }
#technology #article p + p, #technology #article p + h5 { margin-top:1em; }
#technology #article .clearfix p { clear:none; margin-bottom:0; }
#technology #article .clearfix + .clearfix { clear:both; margin-top:20px; }
#technology #article .graph-img { margin:10px 0 20px; }
#technology #article .link-box { margin-top:40px; padding:20px; text-align:center; border:1px solid #D9D3C1; }
#technology #article .pr_imgbox { display:flex; justify-content:space-between; }
#technology #article .pr_imgbox img + img { margin-left:20px; }
#technology #article .pr_imgbox.half > * { width:48.5%; }
#technology #article .save_tbl { margin-bottom:5px; text-align:center; }
#technology #article .save_tbl + p { margin-bottom:1em; }
#technology #article .save_tbl .bg { color:#fff; background:#df0b20; }
#technology #article .list li:before { content:"●"; color:#df0b20; margin-right:3px; }
#technology #article .box { background:#EFEFEE; margin-top:20px; padding:25px; }