@charset "UTF-8";
/*===================================================================
    reset
===================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,
nav, article, section, header, footer, address {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.4rem;
	line-height: 1.7;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.4rem;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

a:link,
a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #333;
}

a:focus {
	outline: none;
	background: none;
}

img {
	border: medium none;
	vertical-align: middle;
}

li {
	list-style: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*===================================================================
    common
===================================================================*/
body {
	position: relative;
	font-size:62.5%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

main {
/* 	margin-top: 160px; */
	margin-bottom: 50px;
}

p {
	font-size: 1.4rem;
	margin-bottom: 16px;
}

h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 2px solid #0672bc;
}

h3.bgline {
	margin-bottom: 10px;
	padding: .2em .5em;
	font-size: 1.6rem;
	font-weight: bold;
	background: #cfebff;
	border-bottom: 2px solid #0672bc;
}

h4 {
	margin-bottom: 10px;
	padding-left: 8px;
	font-size: 1.6rem;
	font-weight: bold;
	border-left: 3px solid #0672bc;
}

h4.nomal {
	border-left: none;
}

h5 {
	margin-bottom: 5px;
	padding-left: 8px;
	font-size: 1.4rem;
	font-weight: bold;
	border-left: 2px solid #0672bc;
}

a:link {
	color: #1a0dab;
	transition: .8s ;
}

a:hover {
	opacity: 0.8;
}

.clearfix::after {
  clear: both;
  content: '';
  display: block;
}

.std-btn {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.std-btn a {
	background: #0672bc;
	padding: .5em 1em;
	border-radius: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
}

.grayframe {
	padding: 1em;
	border: 2px solid #dadada;
	border-radius: 4px;
}

.breadcrumbs {
	padding: 20px 0;
}
.breadcrumbs span {
	font-size: 1.2rem;
}

.breadcrumbs span a {
	color: #0672bc;
	font-size: 1.2rem;
	text-decoration: underline;
}

.content-wrap {
	width: 100%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2%;
}

#section1,#section2,#section3,#section4,#section5,#section6,#section7,#section8,#section9,#section10 {
	margin-top: -180px;
  padding-top: 180px;
}



#fixed_header {
	overflow: hidden;
	width: 100%;
	padding-bottom: 160px;
}



#fix-head {
	width: 100%;
	height: 160px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	font-size: 1.6rem;
	z-index: 999;
	color: #fff;
}

#fix-head .head-wrap {
	background: #fff;
}

#fix-head .head-wrap .content-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#fix-head .head-wrap .head-logo {
	width: 40%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#fix-head .head-wrap .head-logo img {
	width: 100%;
	height: auto;
	max-width: 380px;
}

#fix-head .head-wrap .head-right-btn {
	height: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

#fix-head .head-wrap .head-right-btn img {
	width: 100%;
	height: auto;
}

#fix-head .head-wrap .head-nav {
	width: 100%;
	height: 60px;
	background-color: #0672bc;
	text-align: center;
}

#fix-head .head-wrap .head-nav nav {
	width: 100%;
}

#fix-head .head-wrap .head-nav nav ul {
	width: 100%;
	padding-top: 5px;
	display: flex;
	flex-wrap: wrap;
}

#fix-head .head-wrap .head-nav ul li {
	width: 20%;
	line-height: 50px;
	border-left: 1px solid #fff;
}

#fix-head .head-wrap .head-nav ul li:nth-of-type(5) {
	border-right: 1px solid #fff;
}

#fix-head .head-wrap .head-nav ul li:last-of-type {
	display: none;
}

#fix-head .head-wrap .head-nav ul li a {
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #fff;
	display: block;
}

footer {
	padding: 30px 0 10px;
	background-color: #0672bc;
}

footer .content-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .foot-logo {
	width: 22%;
}

footer .foot-logo img {
	width: 100%;
	height: auto;
}

footer .sitemap {
	width: 75%;
	display: flex;
	flex-wrap: wrap;
}

footer .sitemap ul {
	list-style-type: none;
}

footer .sitemap ul li {
	list-style-type: none;
	font-size: 1.2rem;
	margin-right: 50px;
}

footer .sitemap ul li.head {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}

footer .sitemap ul li.head::before {
	content: '> ';
	margin-left:-1.4rem;
	color: #fff;
}

footer .sitemap ul li a {
	color: #fff;
}

footer .copyright {
	width: 100%;
	margin-top: 30px;
	text-align: right;
	color: #fff;
}

footer .copyright p {
	font-size: 1.2rem;
	font-style: italic;
}

/*===================================================================
    home
===================================================================*/

#home-main {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
	display: flex;
	flex-wrap: wrap;
}

#home-main .slide-content {
	width: 65.8%;
	height: auto;
	border: 1px solid #dadada;
}

#home-main .side-content {
	width: 34.2%;
	border: 2px solid #0672bc;
}

#home-main .side-content .side-message,
#home-main .side-content .side-info {
	height: 50%;
	position: relative;
	padding: 30px 10px 10px;
	overflow: auto;
}

#home-main .side-content .side-message {
	border-bottom: 2px solid #0672bc;
}

#home-main .side-content .side-message p {
	font-size: 1.8rem;
	font-weight: bold;
}

#home-main .side-content .side-message span.side-message-title,
#home-main .side-content .side-info span.side-info-title {
	width: 80px;
	padding: .2em 1em;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
	background: #0672bc;
}

#home-main .side-content .side-info table {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

#home-main .side-content .side-info tr {
	margin-bottom: 5px;
}

#home-main .side-content .side-info th {
	width: 70px;
	font-weight: bold;
	font-size: 1.2rem;
}

#home-main .side-content .side-info td {
	font-size: 1.2rem;
	line-height: 1.5;
}

#home-sub {
	display: flex;
	justify-content: space-between;
}

#home-sub .news,
#home-sub .related {
	width: 48%;
}

#home-sub .head {
	background: #0672bc;
	border-radius: 4px 4px 0 0;
	padding: 10px 0;
}

#home-sub h2 {
	margin-left: .5em;
	padding: 0 1em 0 .5em;
	border-left: 3px solid #fff;
	font-size: 1.8rem;
	color: #fff;
	line-height: 1;
}

#home-sub h2 span {
	margin-left: 10px;
	font-size: 1.2rem;
}

#home-sub table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	border: 1px solid #dadada;
	border-top: none;
}

#home-sub th {
	width: 80px;
	padding: .5em 0 .5em 1em;
	font-size: 1.4rem;
	color: #999;
	font-style: italic;
	vertical-align: top;
	font-weight: normal;
}

#home-sub td {
	padding: .5em 1em;
	font-size: 1.4rem;
	vertical-align: top;
}


/*===================================================================
    page
===================================================================*/

.main-sidebar-wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.main-wrap {
	width: 66.666%;
}

.main-wrap .title h2 {
	margin-bottom: 20px;
    padding: 1.2em 1.5em;
    background-image: url(../images/title-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
	font-size: 1.6rem;
	font-weight: bold;
}

.main-wrap .content {
	padding: 0 1%;
}

.main-wrap .content .content-inner {
	width: 100%;
}

.main-wrap .content .content-inner section {
	margin-bottom: 30px;
}

.sidebar-wrap {
	width: 31%;
}

.sidebar-wrap .title h2 {
    padding: 1.2em 1.5em;
    background-image: url(../images/side-title-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    font-size: 1.6rem;
    font-weight: bold;
	color: #fff;
}

.sidebar-wrap ul.link-list {
	list-style-type: none;
	border: 1px solid #dadada;
}

.sidebar-wrap ul.link-list li {
	border-bottom: 1px solid #dadada;
	font-size: 1.6rem;
	color: #0672bc;
}

.sidebar-wrap ul.link-list li:last-of-type {
	border-bottom: none;
}

.sidebar-wrap ul.link-list li.current_page_item {
	background: #cfebff;
}

.sidebar-wrap ul.link-list li a:hover {
	background: #cfebff;
}

.sidebar-wrap ul.link-list li a {
	padding: 1.2em 1.5em 1.2em 2.4em;
	display: block;
	color: #0672bc;
}

.sidebar-wrap ul.link-list li a::before {
	font-family: "Font Awesome 5 Free";
  content: "> ";
	margin-left:-1.4rem;
}

/*page-layout*/
.table-wrap {
	font-size: 1.4rem;
}

.table-wrap .table-title {
	margin-bottom: 5px;
	font-weight: bold;
}

.table-wrap table.table_A {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

.table-wrap table.table_A th {
	font-weight: bold;
}

.table-wrap table.table_A td {
	padding: .2em .5em;
	font-size: 1.4rem;
	border: 1px solid #dadada;
}

.list-wrap ul.list-link-icon {
	margin: 0 2%;
	padding: 0.5em 1em 0.5em 2.3em;
	border: 1px solid #dadada;
	border-radius: 4px;
	position: relative;
	font-size: 1.4rem;
}

.list-wrap ul.list-link-icon li {
  	padding: 0.2em 0;
	list-style-type: none!important;
}

.list-wrap ul.list-link-icon li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c1";
  position: absolute;
  left : 1em;
  color: #f29205;
}

.list-wrap ul.list-check-icon {
	margin: 0 2%;
	padding: 0.5em 1em 0.5em 2.3em;
	border: 1px solid #dadada;
	border-radius: 4px;
	position: relative;
	font-size: 1.4rem;
}

.list-wrap ul.list-check-icon li {
  	padding: 0.2em 0;
	list-style-type: none!important;
}

.list-wrap ul.list-check-icon li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  position: absolute;
  left : 1em;
  color: #f29205;
}

.list-wrap ul.list-circle-icon {
	margin: 0 2%;
	padding: 0.5em 1em 0.5em 2.3em;
	border: 1px solid #dadada;
	border-radius: 4px;
	position: relative;
	font-size: 1.4rem;
}

.list-wrap ul.list-circle-icon li {
  	padding: 0.2em 0;
	list-style-type: none!important;
}

.list-wrap ul.list-circle-icon li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  position: absolute;
  left : 1em;
  color: #f29205;
}

.list-wrap ol.nomal-number {
	margin: 0 2%;
	padding: 0.5em 1em;
	font-size: 1.4rem;
}

.list-wrap ol.nomal-number li {
  	/*padding: 0.2em 0;*/
	list-style-type: decimal;
}

.row-wrap {
	display: flex;
	flex-wrap: wrap;
}

.row-wrap img {
	width: 100%;
	height: auto;
}

.row-wrap .col { padding: 1em; }
.row-wrap .col-30 { width: 30%; }
.row-wrap .col-40 { width: 40%; }
.row-wrap .col-60 { width: 60%; }
.row-wrap .col-70 { width: 70%; }

pre {
	width: 100%;
	white-space: pre-wrap ;
	font-size: 1.2rem;
}

dl.faq-content {
	font-size: 1.4rem;
	padding: 0 .5em;
}

dl.faq-content dd,
dl.faq-content dt{
	font-size: 1.4rem;
	text-indent: -1.6em;
	padding: 0 1em;
}

dl.faq-content dt {
	margin: 1em 1em 0 0 ;
}

dl.faq-content dd::first-letter,
dl.faq-content dt::first-letter{
	font-size: 1.6rem;
	font-weight: bold;
	margin-right: .8em;
	padding: .2em;
}

dl.faq-content dd {
	margin: .5em 0 0 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #dadada;
}

dl.faq-content dt::first-letter {
	color: #e74c3c;
}

dl.faq-content dd::first-letter {
	color: #0672bc;
}


/*===================================================================
    受賞部品一覧_new
===================================================================*/
.new-layout a {
	color: #333;
}
.new-layout a:visited {
	color: #1a0dab;
}
.new-layout .top3 {
	display: flex;
	justify-content: space-between; 
	flex-wrap: wrap;
}

.new-layout .top3 .top3-content {
	width: 32%;
}

.new-layout .top3 .top3-content h4,
.new-layout .top3 .top3-content p.number{
	text-align: center;
}

.new-layout .top3 .top3-content h4 {
	color: #0672bc;
	border-left: none;
	margin-bottom: 0;
	font-size: 1.6rem;
}

.new-layout .top3 .top3-content:last-of-type h4 {
	color: #0672bc;
	border-left: none;
	margin-bottom: 0;
	font-size: 1.5rem;
}

.new-layout .top3 .top3-content p.number {
	font-weight: bold;
	font-size: 1.4rem;
	color: #333;
	margin-bottom: 10px;
}

.new-layout .top3 .top3-content img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.new-layout .top3 .top3-content p.text {
	padding-left: 8px;
}

.new-layout .sub-title h4,
.new-layout .sub-title p.number{
	text-align: center;
}

.new-layout .sub-title h4 {
	color: #0672bc;
	border-left: none;
	margin-bottom: 0;
	font-size: 1.6rem;
}

.new-layout .sub-title p.number {
	font-weight: bold;
	font-size: 1.2rem;
	color: #666;
	margin-bottom: 10px;
}

.new-layout .col4 {
	width: 23.5%;
	margin-right: 2%;
	word-break: break-all;
}

.new-layout .col4:nth-of-type(4n) {
	margin-right: 0;
}

.new-layout .col4 img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.new-layout .col4 p.text {
	padding-left: 8px;
}

/*===================================================================
    受賞部品一覧_old
===================================================================*/
.link-wrap {
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-end;
}

.link-wrap a {
	display: block;
	margin-left: 5px;
	padding: .3em .8em;
	font-size: 1.2rem;
	border: 1px solid #f29205;
	color: #fff;
	background: #f29205;
}

.link-wrap a:hover {
	color: #f29205;
	background: #fff;
}

.title-wrap {
	margin-bottom: 10px;
	position: relative;
}

.title-wrap h4 {
	margin-bottom: 0;
}

.title-wrap h5 {
	padding-left: 10px;
	border-left: none;
	color: #f29205;
}

.title-wrap a {
	display: block;
	padding: .2em .5em;
	font-size: 1.4rem;
	font-weight: bold;
	color: #0672bc;
	position: absolute;
	top: 0;
	right: 0;
}

.title-wrap svg {
	margin-left: 5px;
}

.info-wrap {
	margin-bottom: 10px;
}

.info-wrap .info-content {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #cceaff;
	border-top: none;
}

.info-wrap .info-content p {
	margin-bottom: 5px;
}

.info-wrap .info-content:first-of-type {
	border-top: 1px solid #cceaff;
}

.info-wrap .info-content .info-tech {
	width: 65%;
	padding: 1em;
	border-right: 1px solid #cceaff;
}

.info-wrap .info-content .info-tech a {
	padding: .3em 1em .4em;
	background: #009308;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 10px;
	line-height: 1;
}

.info-wrap .info-content .info-tech a svg {
	margin-left: 5px;
	padding-top: 1px;
}

.info-wrap .info-content .info-corp {
	width: 35%;
	padding: 1em;
}

.youtube-wrap {
	width: 80%;
	height: auto;
	margin: 0 auto;
}

.youtube-wrap .video{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube-wrap .video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.overview,
.voice {
	margin-bottom: 20px;
}

.voice a {
	padding: .3em 1em;
	background: #009308;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 10px;
}

.overview .pic,
.voice .pic{
	width: 20%;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	float: left;
	background: #fff;
}

.overview .pic img,
.voice .pic img {
	width: 100%;
	height: auto;
}

.overview p.title,
.voice p.title {
	margin-bottom: 10px;
	padding: .5em;
	font-size: 1.4rem;
	font-weight: bold;
	background: #e9f6ff;
}

.overview p.title span,
.voice p.title span {
	color: #f29205;
	font-style: italic;
}

.overview-v2 {
	margin-bottom: 20px;
}

.overview-v2 .pic {
	width: 30%;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	float: left;
	background: #fff;
}

.overview-v2 .pic img {
	width: 100%;
	height: auto;
}

.overview-v2 p.title {
	margin-bottom: 10px;
	padding: .5em;
	font-size: 1.6rem;
	font-weight: bold;
}

.overview-v2 p.title span {
	color: #f29205;
	font-style: italic;
}

.pic-wrap img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.pic-wrap .list-wrap ul.list-circle-icon {
	font-size: 1.4rem;
}

.pic-wrap .list-wrap ul.list-circle-icon li.txt-l {
	font-size: 1.6rem;
	font-weight: bold;
}

.pic-2col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}

.pic-2col .pic-content {
	width: 49%;
	height: auto;
}

.pic-2col .pic-content img {
	width: 100%;
	height: auto;
}


/*
**タブレット以下
*/
@media screen and (max-width: 960px) {
	/*===================================================================
    	common
	===================================================================*/
	main { margin-top: 30px; }
	
	.breadcrumbs {
		padding: 10px 0;
	}
	
	
	#fixed_header {
		padding-bottom: 60px;
	}
	
#fix-head {
	height: 60px;
}
	
	#fix-head .head-wrap .head-logo {
		width: 100%;
		height: 60px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		border-bottom: 1px solid #dadada;
		background-color: #fff;
		z-index: 150;
	}
	
	#fix-head .head-wrap .head-logo img {
		width: auto;
		height: auto;
		max-height: 50px;
	}
	
	#fix-head .head-wrap .head-right-btn {
		display: none;
	}
	
	#fix-head .head-wrap .head-nav {
		width: 100%;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		top: -500px;
		left: 0;
		-webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		z-index: 130px;
	}
	
	#fix-head .head-wrap .head-nav nav ul {
		padding: 0 10px;
	}
	
	#fix-head .head-wrap .head-nav ul li {
		width: 100%;
		line-height: 50px;
		border-left: none;
		border-bottom: 1px solid #fff;
	}
	
	#fix-head .head-wrap .head-nav ul li:nth-of-type(5) {
		border-right: none;
	}
	
	#fix-head .head-wrap .head-nav ul li:last-of-type {
		padding-top: 5px;
		display: block;
		border-bottom: none;
	}
	
	#fix-head.open .head-wrap .head-nav {
		-webkit-transform: translateY(560px);
        transform: translateY(560px);
	}
	
	/* Toggle Button */
	#nav-toggle {
		width: 34px;
		height: 36px;
		position: absolute;
		right: 15px;
		top: 15px;
		cursor: pointer;
		z-index: 160;
	}
	
	#nav-toggle .nav-icon {
		position: relative;
	}
	
	#nav-toggle span {
		width: 100%;
		height: 4px;
		display: block;
		position: absolute;
		left: 0;
		background: #666;
		transition: .35s ease-in-out;
	}
	
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	
	#nav-toggle span:nth-child(2) {
		top: 11px;
	}
	
	#nav-toggle span:nth-child(3) {
		top: 22px;
	}
	
	.open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
	}

	footer .foot-logo {
		width: 100%;
		max-width: 280px;
		margin-bottom: 20px;
	}

	footer .sitemap {
		width: 100%;
	}

	footer .sitemap ul {
		width: 50%;
		padding-left: 20px;
		margin-bottom: 20px;
	}

	
	footer .sitemap ul li {
		margin-right: 0px;
	}

 	footer .sitemap ul li.head {
		margin-bottom: 4px;
	}

	footer .copyright {
		margin-top: 10px;
	}
	
	/*===================================================================
	home
	===================================================================*/
	#home-main .slide-content {
		width: 100%;
	}
	
	#home-main .side-content {
		width: 100%;
	}

	#home-main .side-content .side-message,
	#home-main .side-content .side-info {
		height: auto;
	}
	
	#home-sub {
		display: flex;
		flex-wrap: wrap;
	}

	#home-sub .news,
	#home-sub .related {
		width: 100%;
		margin-bottom: 20px;
	}
	
	/*===================================================================
	page
	===================================================================*/
	.main-wrap {
		width: 100%;
		margin-bottom: 30px;
	}

	.main-wrap .title h2 {
		margin-bottom: 20px;
    	padding: 1em;
	}

	.sidebar-wrap {
		width: 100%;
	}

	.sidebar-wrap .title h2 {
    	padding: 1em;
	}

	.sidebar-wrap ul.link-list li a {
		padding: 1em 1em 1em 2em;
	}

	.sidebar-wrap ul.link-list li a::before {
		content: '> ';
		margin-left:-1rem;
	}
	
	/*page-layout*/
	.row-wrap {
	}

	.row-wrap .col-30,
	.row-wrap .col-40,
	.row-wrap .col-60,
	.row-wrap .col-70{
		width: 100%;
	}
	
	/*===================================================================
	受賞部品一覧_new
	===================================================================*/
	.new-layout .top3 .top3-content {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.new-layout .col4 {
		width: 49%;
	}

	.new-layout .col4:nth-of-type(2n) {
		margin-right: 0;
	}
	
	/*===================================================================
	受賞部品一覧_old
	===================================================================*/

	.info-wrap .info-content {
		margin-bottom: 10px;
		border-top: 1px solid #cceaff;
	}
	
	.info-wrap .info-content .info-tech {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #cceaff;
		background: #e9f6ff;
	}

	.info-wrap .info-content .info-corp {
		width: 100%;
		padding: 1em;
	}
	
	.info-wrap .info-content .info-corp p {
		margin-bottom: 0;
	}

	.youtube-wrap {
		width: 96%;
	}
	
	.overview .pic,
	.voice .pic{
		width: 30%;
	}
	
	.title-wrap a {
		position: static;
		text-align: right;
	}
}

/*===================================================================
    icon-font
===================================================================*/
@font-face {
  font-family: 'icf';
  src:  url('fonts/icf.eot?d20qyv');
  src:  url('fonts/icf.eot?d20qyv#iefix') format('embedded-opentype'),
    url('fonts/icf.ttf?d20qyv') format('truetype'),
    url('fonts/icf.woff?d20qyv') format('woff'),
    url('fonts/icf.svg?d20qyv#icf') format('svg');
  font-weight: normal;
  font-style: normal;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icf' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icf-cho-ico:before {
  content: "\e900";
  color: #004098;
	margin-right: 2px;
	margin-left: 2px;
}





/*===================================================================
    add 2019-01-16
===================================================================*/
#home-main .side-content .side-message h3 {
	padding-left: 0;
	font-size: 2.0rem;
	border: none;
}

#home-main .side-content .side-message h4 {
	padding-left: 0;
	font-size: 1.8rem;
	border: none;
}

#home-main .side-content .side-message h5 {
	padding-left: 0;
	font-size: 1.6rem;
	border: none;
}


/*===================================================================
    add 2019-02-27
===================================================================*/
.top3-content-link,.col4-link{
	display: block;
}