/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

	/*layout*/
	/*------------------------------------------------------------------------------*/
	#contents {
		width: 100%;
	}

	.img_100 img {
		height: auto;
		width: 100%;
	}

	/*h2*/
	/*------------------------------------------------------------------------------*/
	#h2-wrap {
		background: #0068b6;
		color: #fff;
		font-size: 1.33rem;
		line-height: 1.5;
		/*margin-bottom: 22px;*/
		margin: 120px 0 20px;
	}

	#h2-box {
		background: url(../image/common/h2_bg_sp.jpg) no-repeat right center;
		background-size: auto 47px;
		box-shadow: 0 2px 2px -2px #222 inset;
		height: 47px;
		padding: 0 4%;
	}

	h2 {
		display: table-cell;
		height: 47px;
		vertical-align: middle;
	}

	.h2-txt {
		background: rgba(0, 104, 182, 0.5);
		font-size: 120%;
	}

	.margin_top01 {
		margin-top: 50px;
	}

	/*#locator*/
	/*------------------------------------------------------------------------------*/
	#locator {
		display: none;
	}

	/*article*/
	/*------------------------------------------------------------------------------*/
	#contents article {
		font-size: 1.5rem;
		line-height: 1.6;
	}

	#contents article section {
		color: #040000;
		padding: 0 4%;
	}

	.headline-ttl {
		color: #040000;
		font-size: 1.91rem;
		margin-bottom: 23px;
	}

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

	h3 {
		background: url(../image/common/h3_border.gif) repeat-x left bottom;
		font-size: 16px;
		box-sizing: content-box;
		margin: 0 4% 30px;
		width: 92%;
	}

	.h3-txt {
		border-bottom: #0068b6 1px solid;
		color: #0068b6;
		display: inline-block;
		font-size: 21px;
	}

	h4 {
		color: #0068b6;
		font-size: 1.5rem;
		line-height: 1.4;
		margin: 0 auto 10px;
		width: 92%;
	}

	section h4 {
		width: 100%;
	}

	/*block*/
	/*------------------------------------------------------------------------------*/
	.block {
		position: relative;
	}

	.block img {
		width: 100%;
		height: auto;
	}

	.block .ttl {
		position: absolute;
		top: 0;
		width: 100%;
		font-size: 1rem;
		color: #fff;
		background-color: #0068b6;
		text-align: center;
		padding: 5px 0;
	}

	.block .ttl-2 {
		font-size: 1.5rem;
		font-weight: bold;
	}

	.block .btn {
		background: #0068b6;
		padding: 5px 0 5px;
		text-align: center;
	}

	.block .btn a {
		font-size: 140% !important;
	}


	.block .btn .btn-txt {
		background: url(../image/common/btn_arrow_02.png) no-repeat right center;
		background-size: auto 10px;
		color: #fff;
		display: inline-block;
		font-size: 80%;
		line-height: 1;
		padding-right: 1.5em;
		vertical-align: middle;
	}

	.col2 .block {
		width: 100%;
	}

	/*products*/
	/*------------------------------------------------------------------------------*/
	#products .block .pic {
		margin-top: 27px;
	}

	#products .block .btn {
		background: #fff;
		border: 1px solid #0068b6;
	}

	#products .block .btn .btn-txt {
		background: url(../image/common/btn_arrow_sp.png) no-repeat right top;
		background-size: auto 10px;
		color: #0068b6;
	}

	/*semiconductor*/
	/*------------------------------------------------------------------------------*/
	.semiconductor.block .ttl-2 {
		font-size: 1.2rem;
		min-height: 78px;
	}

	.semiconductor-maker p {
		display: block;
		font-size: 1.2rem;
		line-height: 1.6;
		margin-bottom: 7px;
	}

	.semiconductor_box3:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
	}

	.semiconductor_box3 li {
		float: left;
		width: 48.5%;
		margin: 0 0 25px 3%;
	}

	.semiconductor_box3 li:nth-child(odd) {
		clear: both;
		margin: 0 0 25px 0;
	}

	.semiconductor_box3 li img {
		width: 100%;
		height: auto;
	}

	.semiconductor_box3 h5 {
		color: #040000;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	.semiconductor_box3 li:last-child {
		margin-bottom: 50px;
	}

	.semiconductor_box3 .btn {
		background: #0068b6 none repeat scroll 0 0;
		padding: 5px 0;
		text-align: center;
	}

	.semiconductor_box3 .btn .btn-txt {
		background: rgba(0, 0, 0, 0) url("../image/common/btn_arrow_02.png") no-repeat scroll right top / auto 10px;
		color: #fff;
		display: inline-block;
		font-size: 1rem;
		line-height: 1;
		padding-right: 1.5em;
		vertical-align: middle;
	}

	.othermaker {
		background: #EEE;
		padding: 3%;
	}

	.othermaker {
		width: 100% !important;
		margin: 0 0 4% !important;
	}

	/*semiconductor/maker*/
	/*------------------------------------------------------------------------------*/
	.maker-logo {
		margin-bottom: 25px;
	}

	.maker-logo img {
		height: auto;
		width: 53.3%;
		margin-bottom: 15px;
		padding: 5%;
		border: 1px solid #cfcfcf;
	}

	.maker-logo p {
		font-size: 1.2rem;
		font-weight: bold;
	}

	.maker-recommend {
		float: right;
		margin-left: 5.6%;
		width: 20%;
	}

	.maker-recommend img {
		border: 1px solid #bfbfbf;
		height: auto;
		width: 100%;
	}

	.maker-recommend-ttl {
		background: #0068b6;
		display: inline-block;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		margin-bottom: 15px;
		padding: 5px 2% 3px;
	}

	.maker-recommend-ttl-02 {
		background: #00B740;
		display: inline-block;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		margin-bottom: 15px;
		padding: 5px 2% 3px;
	}

	.maker-recommend-ttl-03 {
		background: #A900B7;
		display: inline-block;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		margin-bottom: 15px;
		padding: 5px 2% 3px;
	}

	.semiconductor-maker.col3 .block .pic {
		border: 1px solid #bfbfbf;
		display: table-cell;
		padding: 5% 0;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}

	.semiconductor-maker.col3 .block .pic img {
		height: auto;
		width: 90%;
	}

	.maker-catalog {
		background: url(../image/common/icon_pdf.png) no-repeat 3% center;
		background-size: auto 2rem;
		border: 1px solid #e3e3e3;
		font-size: 0.9rem;
		margin-bottom: 10px;
		padding: 5px 2% 5px 2.5rem;
		width: 49%;
	}

	.maker-catalog a {
		background: url(../image/common/btn_arrow_sp.png) no-repeat right center;
		background-size: auto 1rem;
		display: inline-block;
		width: 100%;
		padding-right: 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.maker-flow {
		background: #0068b6;
		font-size: 1.3rem;
		line-height: 1;
		height: 28px;
		margin-bottom: 7px;
		position: relative;
		text-align: center;
	}

	.maker-flow div:first-child {
		border-right: 1px solid #fff;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.maker-flow div p {
		border: 2px solid #0068b6;
		color: #0068b6;
		height: 28px;
		padding-top: 6px;
		width: 60px;
	}

	.maker-flow>p {
		color: #fff;
		padding-top: 8px;
	}

	.maker-faq {
		border: 1px solid #0068b6;
		padding: 7px 2% 0;
		margin-bottom: 20px;
	}

	.maker-faq>div:first-child {
		padding-bottom: 7px;
		position: relative;
		width: 100%;
	}

	.maker-faq>div:first-child>div:first-child {
		background: #0068b6;
		border-radius: 5px;
		color: #fff;
		display: block;
		font-size: 1.2rem;
		line-height: 1;
		padding-top: 3px;
		padding-bottom: 3px;
		text-align: center;
		vertical-align: middle;
		width: 12%;
		float: left
	}

	.maker-faq>div:first-child>p {
		background: url(../image/common/btn_faq_off.jpg) no-repeat right center;
		background-size: 20px 20px;
		cursor: pointer;
		display: block;
		font-size: 1.2rem;
		padding: 0 10% 0 13%;
		width: 100%;
	}

	.maker-faq>div:first-child>p.faq-on {
		background: url(../image/common/btn_faq_on.jpg) no-repeat right center;
		background-size: 20px 20px;
	}

	.maker-faq>div:first-child>p:hover {
		text-decoration: underline;
	}

	.maker-faq>div:last-child {
		border-top: 1px solid #e3e3e3;
		display: none;
		padding: 7px 0 16px;
	}

	.maker-faq>div:last-child>div {
		background: #d9d9d9;
		border-radius: 5px;
		color: #2d2d2d;
		display: block;
		font-size: 1.2rem;
		text-align: center;
		vertical-align: middle;
		width: 12%;
		float: left
	}

	.maker-faq>div:last-child>p {
		font-size: 1.2rem;
		padding-left: 2%;
		float: right;
		width: 88%;
		display: table-cell;
	}

	.maker-case .block {
		border: 1px solid #bfbfbf;
		padding: 2% 5px 15px;
	}

	.maker-case .block .date {
		color: #0068b6;
		font-size: 1rem;
		font-weight: bold;
	}

	.maker-case .block .txt {
		border-bottom: 1px solid #bfbfbf;
		font-size: 1.2rem;
		padding-bottom: 10px;
		margin-bottom: 5px;
	}

	.maker-case .block .tag {
		background: #bfbfbf;
		border-radius: 4px;
		color: #fff;
		display: inline-block;
		font-size: 1rem;
		line-height: 14px;
		height: 14px;
		min-width: 40%;
		text-align: center;
	}

	.btn-more {
		border: 1px solid #0068b6;
		font-size: 1.5rem;
		height: 36px;
		margin: 0 auto 45px;
		padding-top: 5px;
		text-align: center;
		width: 92%;
	}

	.btn-more a {
		color: #0068b6;
	}

	/*maker*/
	/*------------------------------------------------------------------------------*/
	.lineup .maker {
		display: none;
	}

	table .maker table,
	table .maker tbody {
		display: block;
	}

	table .maker thead {
		display: none;
	}

	table .maker tbody tr {
		display: block;
		margin-bottom: 10px;
	}

	table .maker tbody th,
	table .maker tbody td {
		display: list-item;
		list-style: none;
	}

	table .maker tbody th {
		background: #0068b6;
		padding: 2px 2% 0;
		margin-bottom: 5px;
	}

	table .maker tbody th a {
		color: #fff;
	}

	table .maker tbody td {
		margin: 0 0 5px 4%;
	}

	table .maker tbody td:nth-of-type(1):before {
		content: "会社名（英語表記）：";
		font-weight: bold;
	}

	table .maker tbody td:nth-of-type(2):before {
		content: "本社所在地：";
		font-weight: bold;
	}

	table .maker tbody td:nth-of-type(3):before {
		content: "特徴：";
		font-weight: bold;
	}

	.makerlist li {
		width: 48.5%;
		float: left;
		display: block;
		text-align: center;
		margin: 0 0 3% 3%;
		font-size: 12px;
	}

	.makerlist li:nth-child(odd) {
		clear: both;
		margin: 0 0 3% 0;
	}

	.makerlist li img {
		width: 100%;
		height: auto;
	}


	/*company*/
	/*------------------------------------------------------------------------------*/
	.company.col2 .block p {
		display: table-cell;
		vertical-align: middle;
	}

	.company.col2 .block p:first-child {
		width: 10%;
	}

	.company.col2 .block p:last-child {
		padding-left: 10px;
	}

	#company-vision>div>div {
		border-bottom: 1px solid #bfbfbf;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	#company-vision>div:last-child>div:last-child {
		border: none;
	}

	/*about*/
	/*------------------------------------------------------------------------------*/
	.about dl {
		padding-bottom: 10px;
		margin-bottom: 12px;
	}

	.about dt {
		background: #f4f4f4;
		padding: 2px 0 0 3%;
		margin-bottom: 5px;
	}

	.about dd {
		padding-left: 3%;
	}

	/*solution*/
	/*------------------------------------------------------------------------------*/

	.solution_box_r {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.solution_box_l {
		float: none;
		width: 100%;
	}

	.solution_box_r img {
		width: 100%;
		height: auto;
	}

	.solution h3 {
		color: #040000;
		font-size: 1.2rem;
		font-weight: normal;
		margin-bottom: 10px;
		background: none;
		width: 100%;
	}

	.solution h3 img {
		height: auto;
		margin-right: 9px;
		vertical-align: baseline;
		width: 58%;
	}

	.solution .ttl h3 {
		display: table-cell;
		color: #fff;
		vertical-align: middle;
		font-size: 1.7rem;
		background: url(../image/top_solutions_logo_sp.png) no-repeat 3% center;
		background-size: 42px auto;
		background-color: #c1618e;
		padding: 16px 0 12px 21%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: auto;
	}

	.solution .block1,
	.solution .block2,
	.solution .block3 {
		position: relative;
		background-color: #fff;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
		margin-bottom: 17px;
	}

	.solution .ttl {
		display: table;
		width: 100%;
		line-height: 1.3;
		background-color: #c1618e;
	}

	.solution .block2 h3,
	.solution .block2 .ttl {
		background-color: #4893cc;
	}

	.solution .block3 h3,
	.solution .block3 .ttl {
		background-color: #4bad6e;
	}

	.solution .figure-box p {
		font-size: 1.4rem;
		padding: 10px;
	}

	.solution .figure-box .btn {
		display: table-cell;
		width: 33%;
		padding-right: 2%;
		vertical-align: middle;
	}

	.solution .figure-box .btn a {
		display: block;
		width: 100%;
		height: 30px;
		font-size: 1.3rem;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 8px 4% 4px 6%;
		margin-top: 1px;
		vertical-align: text-bottom !important;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	.solution .figure-box .block1 .btn a {
		color: #c1618e;
		background: url(../image/top_solutions_arrow_sp_01.png) no-repeat 95% center;
		background-size: 8px auto;
		background-color: rgba(255, 255, 255, 0.8);
	}

	.solution .figure-box .block2 .btn a {
		color: #4893cc;
		background: url(../image/top_solutions_arrow_sp_02.png) no-repeat 95% center;
		background-size: 8px auto;
		background-color: rgba(255, 255, 255, 0.8);
	}

	.solution .figure-box .block3 .btn a {
		color: #4bad6e;
		background: url(../image/top_solutions_arrow_sp_03.png) no-repeat 95% center;
		background-size: 8px auto;
		background-color: rgba(255, 255, 255, 0.8);
	}

	.solution_btn a {
		display: block;
		clear: both;
		background: #0068B6;
		text-align: center;
		height: 32px;
		line-height: 32px;
		color: #FFF;
		background: #0068b6 url(../image/common/btn_arrow_02.png) no-repeat right 12px center;
		background-size: 9px 15px;
		width: 80%;
		max-width: 350px;
		margin: 0 auto;
	}

	.solution_btn a:hover {
		opacity: 0.7;
	}

	/*solution_box*/
	/*------------------------------------------------------------------------------*/
	.solution_box {
		background: none;
	}

	.solution_box td.solution_01,
	.solution_box td.solution_02,
	.solution_box td.solution_03,
	.solution_box td.solution_04 {
		float: left;
		width: 100%;
		padding-bottom: 30px;
		padding-top: 0;
	}

	.solution_box td.solution_01 {
		padding-top: 20px;
	}

	.solution_box td.solution_02 {
		padding-bottom: 40px;
	}

	.solution_box td.solution_02,
	.solution_box td.solution_04 {
		text-align: left;
	}

	/*
	.solution_box td.solution_03,.solution_box td.solution_04 {padding-top:35px; position:relative;}
	.solution_box td.solution_03 h4,.about_box td.solution_04 h4 {
		position:absolute;
		top:0;
}
*/
	.solution_box td .solution_txt {
		width: 90%;
		margin: 0 auto;
	}

	.solution_right_c {
		margin-top: 0;
	}

	.solution_right_c h3 {
		background: none;
		height: auto;
		margin: 20px auto 30px;
		width: 96%;
		font-size: 12px;
	}

	.solution_right_c h3 .h3-txt {
		padding-bottom: 10px;
		font-size: 180%;
		line-height: 1.2;
		height: auto;
	}

	/*contact*/
	/*------------------------------------------------------------------------------*/

	.contact_info {
		width: 92%;
		margin: 0px auto 40px;
		color: #FFF;
	}

	.contact_info a {
		color: #FFF;
	}

	.contact_info ul {
		display: block;
		text-align: center;
		vertical-align: middle;
		width: 100%;
		height: 150px;
		background: #0068B6;
		padding-top: 40px;
	}

	.contact_info_title {
		font-size: 120%;
		font-weight: bold;
	}

	.contact_info_tel {
		font-size: 200%;
		background-size: 18px 25px;
		padding: 0 30px;
		letter-spacing: 0;
	}

	.contact_info_time {
		font-size: 100%;
	}

	/*aside*/
	/*------------------------------------------------------------------------------*/
	aside {
		width: 92%;
		margin: 40px 4%;
	}

	#subnav {
		background: #f4f4f4;
		margin-bottom: 20px;
	}

	#subnav_title {
		background: #0068b6;
		font-size: 18px;
		height: 61px;
		line-height: 1;
		padding: 22px 0 0 22px;
	}

	#subnav_title a {
		color: #fff;
	}

	#subnav ul li {
		border-bottom: 1px solid #DDD;
	}

	#subnav li a {
		width: 100%;
		height: 50px;
		background: url(../image/common/subnav_arr01.png) no-repeat 15px 18px;
		background-size: 8px 13px;
		line-height: 50px;
		padding-left: 30px;
		font-size: 15px;
		color: #333;
		display: block;
		overflow: hidden;
		margin: 1px 0;
	}

	#subnav li a:hover,
	#subnav ul li.current a,
	#subnav ul li.current a:hover {
		background-image: url(../image/common/subnav_arr01_on.png);
		background-color: #DCF0FF;
		color: #0068B6;
	}

	#subnav ul ul li {
		border-bottom: none;
	}

	#subnav li.current ul li a {
		width: 100%;
		height: 50px;
		background: url(../image/common/subnav_arr02.gif) no-repeat 23px 24px;
		background-size: 10px 2px;
		line-height: 50px;
		padding-left: 45px;
		font-size: 13px;
		color: #333;
		display: block;
		overflow: hidden;
		font-weight: normal;
		margin: 1px 0;
	}

	#subnav li.current ul li a:hover,
	#subnav li.current ul li.current a {
		background-image: url(../image/common/subnav_arr02_on.gif);
		background-color: #DCF0FF;
		color: #0068B6;
	}

	#subnav li.current ul li.current ul li a {
		width: 100%;
		height: 50px;
		background: url(../image/common/subnav_arr02.gif) no-repeat 35px 24px;
		background-size: 8px 1px;
		line-height: 50px;
		padding-left: 55px;
		font-size: 12px;
		color: #333;
		display: block;
		overflow: hidden;
		font-weight: normal;
		margin: 1px 0;
	}

	#subnav li.current ul li.current ul li a:hover,
	#subnav li.current ul li.current ul li.current a {
		background-image: url(../image/common/subnav_arr02_on.gif);
		background-color: #DCF0FF;
		color: #0068B6;
	}

	/*rss*/
	/*------------------------------------------------------------------------------*/
	.news_list dt {
		display: block;
		float: none;
		margin-bottom: 3px;
		width: 20%;
	}

	table.maker {
		width: 700px;
		font-size: 12px;
	}

	table.maker th,
	table.maker td {
		border: 1px solid #040000;
		padding: 5px 5px 3px;
		vertical-align: middle;
		width: 80px;
	}


	table.maker th:nth-of-type(1),
	table.maker th:nth-of-type(2),
	table.maker th:nth-of-type(3) {
		width: 130px;
	}

	table.maker th:nth-of-type(4) {
		width: 306px;
	}

	table.maker thead th {
		background: #f4f4f4;
		text-align: center;
	}

	table.maker tbody th a {
		color: #0068b6;
	}

	/*ltr*/
	/*------------------------------------------------------------------------------*/

	.list-txt2 p {
		float: left;
		width: 100%;
	}

	/*scroll_box*/
	/*------------------------------------------------------------------------------*/
	.scroll-box {
		width: 100%;
		overflow: auto;
		overflow-x: auto;
		padding-bottom: 10px;
	}

	.scroll-box::-webkit-scrollbar {
		height: 10px;
	}

	.scroll-box::-webkit-scrollbar-track {
		border-radius: 10px;
		background: #ddd;
	}

	.scroll-box::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #213F85;
	}

	.scroll-info {
		display: block;
		margin-bottom: 20px;
		text-align: right;
		font-size: 12px;
		color: #0068B6;
	}

	.scroll-info:before {
		content: "";
		color: #0068B6;
	}

	/*recruit*/
	/*------------------------------------------------------------------------------*/

	.recruit_list dt {
		display: block;
		float: none;
		margin-bottom: 25px;
		width: 100%;
	}


	.recruit_list dd {
		display: block;
		float: none;
		margin-bottom: 25px;
		width: 100%;
	}

	.recruit_box div {
		display: block;
		float: none;
		margin-bottom: 20px;
		margin-left: 0;
		width: 100%;
	}

	.recruit_box div img {
		width: 100%;
		height: auto;
	}

	/*maker*/
	/*------------------------------------------------------------------------------*/

	#manufacturer_list div {
		background-color: #FFF;
		padding: 1px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}

	#manufacturer_list div.bl-hover a {
		opacity: 0.8;
	}

	#manufacturer_list div {
		display: table;
		height: 100px;
		width: 100%;
	}

	#manufacturer_list div a {
		display: table-cell;
	}

	#manufacturer_list div p {
		display: table-cell;
		text-align: left;
		padding-left: 3%;
		vertical-align: middle;
		font-size: 18px;
	}

	.m_list_bar {
		display: inline-block;
		padding: 6px 0 2px;
		border-bottom: 4px solid #FFF;
	}

	.bl-hover .m_list_bar {
		border-bottom: 4px solid #0068b6;
	}

	#manufacturer_list div a {
		width: 50%;
	}

	#manufacturer_list div a img {
		width: 100%;
		height: auto;
	}


	/*----------------*/

	.work_list li::before {
		content: "・";
		display: block;
		left: 0;
		position: absolute;
		top: 0;
	}

	.work_list li:nth-child(2n+1) {
		clear: both;
		margin: 0 0 10px 3%;
	}

	.work_list li {
		float: left;
		margin: 0 0 10px 3%;
		padding-left: 16px;
		position: relative;
		width: 100%;
	}

	.library_box047_a_left img,
	.library_box047_a_right img {
		width: 80%;
		height: auto;
		margin-left: 35px;
	}

	/*rss_news*/
	/*------------------------------------------------------------------------------*/
	.news_list {
		width: 100%;
		height: 400px;
	}

	.news_list dt {
		width: 100%;
		float: left;
		display: block;
		margin-top: 30px;
	}

	.news_list dd {
		width: 100%;
		float: left;
		display: block;
		margin-bottom: 5px;
	}

	.rss_title {
		font-weight: bold;
	}

	.privacy_txt {
		margin: 20px 0 50px 0;
		line-height: 275%;
		padding-left: 2em;
		text-indent: -1em;
	}


	#contents a[id] {
		display: block;
		height: 0;
		position: relative;
		top: -20px;
	}

	.dcms_editor #contents a[id] {
		display: block;
		height: inherit;
		position: static;
		top: 0;
	}

	/*/products/iot/追記*/
	/*------------------------------------------------------------------------------*/
	.makers_outline .flex_col_left {
		width: 100%;
	}

	.makers_outline .flex_col_right {
		width: 100%;
		max-width: unset;
		margin-top: 3em;
	}

	.makers_tokucho .flex_col {
		width: 100%;
		margin-bottom: 20px;
	}

	.me_and_makers h3 {
		font-size: 16px;
		margin: 0;
	}

	.me_and_makers {
		margin: 0 4% 20px 4%;
	}

	.me_and_makers p {
		padding: 2em 1em;
	}

	.makers_spec .title_flex_set {
		padding-top: 1em;
	}

	.makers_spec dt {
		width: 100%;
		padding: 1em 0 0 0;
	}

	.makers_spec dd {
		width: 100%;
		padding: 0 0 1.0em 0;
		border-top: unset;
	}

	#contents article section.makers_spec {
		padding: 0 4% 20px 4%;
	}

	.makers_lineup .flex_card {
		width: 100%;
	}
	/*------------------------------------------------------------------------------*/
}