@charset "utf-8";
/* CSS Document */
 @media screen and (max-width: 600px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
	body {
		margin: 0;
		padding: 0;
	}
	
	.disable_sp {
		display: none;
	}

	
	.show_sp {
		display: block;
	}
	
	.disable_pc {
		display: block;
	}
	
	img {
		max-width: 100%;
	}
	
	img.f_left {
		float: none;
	}
	
	img.f_right {
		float: none;
	}
	
	.wp-image-56 {
		float: none !important;
	}
	
	.f_left {
		float: none;	
	}
	
	.f_right {
		float: none;	
	}
	
/**

スマホ用ヘッドメニュー

**/	
	
	.head_wrap .img_wrap {
		height: 100px;	
	}
	
	@media screen and (max-width: 600px) {
		.head_wrap .img_wrap {
			height: 50px;	
		}
	}
	
	.container {
		background: #fff;
	}
	
	.container .wrapper {
		width: 100%;	
	}
	
	
  	
  	
	
	
	
	.head_wrap .cont .gmenu_wrap {
		display: none;	
	}
	
	.head_wrap .cont .logo {
		margin-left: auto;
		margin-right: auto;	
		text-align: center;
		width: 100%;
		padding-left: 0;
	}
	
	.head_wrap .cont {
		margin-bottom: 0;	
	}
	
	#footer .cont {
		width: 100%;	
	}
	
	#footer .cont .address {
		width: 100%;
		padding: 12px 2%;	
		box-sizing: border-box;
	}
	
	#footer .cont .address p {
		font-size: 12px;
		font-weight: normal;
	}
	
	#footer .cont .address .sp_company_name {
		font-size: 14px;
		font-weight: bold;
	}
	
	#footer .cont .copyright {
		text-align: center;
		padding: 5px 2%;	
		width: 100%;
		box-sizing: border-box;
	}
	
	.sp_gmenu li {
		background: #e5e5e5;
		border-bottom: 1px solid #fff;
	}
	
	.sp_gmenu li.act {
		background: #1e3c96;
	}
	
	.sp_gmenu li a {
		display: block;
		width: 100%;
		padding: 12px 4%;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		box-sizing: border-box;
		line-height: 1.4em;
		color: #000;
	}
	
	.sp_gmenu li.act a {
		color: #fff;
	}
	
	.sp_gmenu li.sub_menu {
		display: none;
	}
	
	.sp_gmenu li.sub_menu.opn {
		display: block;
	}
	
	.sp_gmenu li li {
		background: #fff;
		border-bottom: 1px solid #e5e5e5;
	}
	
	.sp_gmenu li a:hover {
		background: #b0bbda;
		-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
	}
	
	.sp_gmenu li li:last-child {
		border-bottom: 0px;
	}
	
	.sp_gmenu li.open a:before {
		content: url('../../images/common/sp/navi_open.png');
		position: relative;
		margin-right: 3px;
		top: 3px;
	}
	
	.sp_gmenu li.close a:before {
		content: url('../../images/common/sp/navi_cls.png');
		position: relative;
		margin-right: 3px;
		top: 3px;
	}
	
	
	
	#top .container .wrapper .unit_wrap {
		width: 100%;
		margin-left: auto;
		margin-right: auto;	
	}
	
	#top .wrapper.top h2.top_ttl {
		font-size: 18px;	
	}
	
	@media screen and (max-width: 380px) {
		#top .wrapper.top h2.top_ttl {
			font-size: 16px;	
		}
	}
	
	#top .wrapper.top .unit_wrap .menu_wrap .f_left {
		width: 49%;
	}
	
	#top .wrapper.top .unit_wrap .menu_wrap .f_right {
		width: 49%;
	}
	
	@media screen and (max-width: 600px) {
		#top .wrapper.top .unit_wrap .menu_wrap .f_left {
			width: 100%;
			float: none;
			margin-bottom: 25px;	
		}
	
		#top .wrapper.top .unit_wrap .menu_wrap .f_right {
			width: 100%;
			float: none;	
		}
	}
	
	#top .wrapper.top .unit_wrap .menu_wrap img {
		width: 100%;
	}
	
	#top .wrapper.top .unit_wrap .menu_wrap h3 {
		padding: 23px 2%;	
	}
	
	#top .wrapper.top .unit_wrap .menu_wrap h3 img {
		width: auto;
	}
	
	/** secページ **/
	
	.left_navi_wrap {
		display: none;	
	}
	
	.right_contents_wrap {
		width: 92%;	
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.right_contents_wrap .main_read {
		font-size: 15px;	
	}
	
	.page_02_01 .cont_01 {
		padding: 4%;	
	}
	
	.page_02_01 .cont_01 .txt_wrap.f_left {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	
	.page_02_01 .cont_01 .photo.f_right {
		width: 100%;
		text-align: center;
		float: none;	
	}
	
	.page_02_01 .cont_01 h3.bg_black {
		box-sizing: border-box;	
	}

	/** リニューアル 10/21 START */
	.page_02_01 .cont_01_new p {
		font-size: 15px;
	}

	.page_02_01 .cont_01_new .txt_wrap h3 {
		font-size: 18px;
		text-align: left;
		padding: 0 20px;
	}

	.page_02_01 .cont_01_new .flex-box {
		display: block;
	}

	.page_02_01 .cont_01_new .flex-box .item:not(:first-of-type) {
		margin-right: 0;
    margin-top: 15px;
	}

	.page_02_01 .cont_01_new ul.content-list {
		margin-top: 5px;
	}

	.page_02_01 .cont_01_new ul.content-list li {
		display: flex;
		flex-wrap: nowrap; /* 改行しない */
		justify-content: space-between;
	}


	.page_02_01 .cont_01_new ul.content-list li:not(:first-of-type) {
		margin-top: 5px;
	}

	.page_02_01 .cont_01_new ul.content-list span {
		display: block;
		font-size: 13px;
		line-height: 1.4;
	}

	.page_02_01 .cont_01_new ul.content-list span.num {
		width: 16px;
		height: 16px;
		text-align: center;
		background-color: #1e3c96;
		color: #fff;
		font-size: 11px;
		margin-top: 2px;
	}

	.page_02_01 .cont_01_new ul.content-list span.content {
		width: calc(100% - 18px);
	}

	.sp-only {
		display: block;
	}

	.sp-img {
		text-align: center;
		margin-top: 10px;
	}


	.sp-img img {
		max-width: 100%;
	}

	.sp-img-full img {
		width: 100%;
	}

	/** リニューアル 10/21 END */
	
	.page_02_01 .cont_01 .txt_wrap_02 {
		width: 100%;
		float: none;
		margin-bottom: 15px;	
	}
	
	.page_02_01 .cont_01 .photo_02 {
		width: 100%;
		float: none;
		text-align: center;	
	}
	
	.page_02_01 .cont_01 .txt_wrap h3 {
		font-size: 18px;	
	}
	
	.page_02_01 .cont_01 h3.bg_black {
			font-size: 18px;	
	}
	
	.page_02_01 .cont_01 .txt_wrap_02 h4 {
		font-size: 18px;	
	}
	
	.page_02_01 .unit_wrap .f_left.w330 {
		width: 100%;
		text-align: center;	
		margin-bottom: 10px;
	}
	
	.page_02_01 .unit_wrap .f_right.w330 {
		width: 100%;
		text-align: center;	
	}
	
	.page_02_01 .unit_wrap.panel_detail .f_left {
		text-align: center;	
	}
	
	.page_02_01 .unit_wrap.panel_detail .f_left img  {
		width: 100%;
		vertical-align: bottom;
	}
	
	.page_02_01 .unit_wrap.panel_detail .f_right  {
		text-align: center;	
	}
	
	.page_02_01 .unit_wrap.panel_detail .f_right img  {
		width: 100%;
	}
	
	.page_02_01 .unit_wrap.panel_detail {
		margin-bottom: 25px;	
	}
	
	.page_02_01 .unit_wrap.panel_detail .f_left .ttl {
		position: static;
		width: 100%;
		box-sizing: border-box;	
	}
	
	.page_02_01 .unit_wrap.color_chart ul {
		margin-right: auto;
		margin-left: auto;	
	}
	
	.page_02_01 .unit_wrap.color_chart li {
		float: none;
		width: 100%;	
		margin-right: auto;
		margin-left: auto;
	}
	
	
	
	.right_contents_wrap h3.page_ttl {
		font-size: 18px;	
	}
	
	.right_contents_wrap h3.page_ttl .ml20 {
		margin-left: 0;	
	}
	
	.page_02_02 .unit_wrap.plan_unit ul {
		margin-left: auto;
		margin-right: auto;	
	}
	
	.page_02_02 .unit_wrap.plan_unit li {
		width: 50%;
		text-align: center;
		margin-right: auto;	
		padding: 1%;
		box-sizing: border-box;
	}
	
	.page_02_02 .unit_wrap.stringer_unit .ttl h3 {
		float: none;	
	}
	
	.page_02_02 .unit_wrap.stringer_unit .txt_wrap {
		margin-top: 10px;	
	}
	
	.page_02_02 .unit_wrap.stringer_unit ul {
		margin-right: auto;
		margin-left: auto;	
	}
	
	.page_02_02 .unit_wrap.stringer_unit li {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;	
	}
	
	.page_02_02 .unit_wrap.stringer_danmen_unit li {
		width: 50%;	
	}
	
	.page_02_02 .unit_wrap.stringer_danmen_unit li:nth-child(3) {
		clear:both;
		margin-top: 15px;
	}
	
	.page_02_02 .unit_wrap.stringer_danmen_unit li:nth-child(4) {

		margin-top: 15px;
	}
	
	
	.page_02_03 .unit_wrap.material_unit ul {
		margin-left: auto;
		margin-right: auto;	
	}
	
	.page_02_03 .unit_wrap.material_unit li {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		padding: 1%;
		box-sizing: border-box;
		margin-bottom: 0;	
		text-align: center;
	}
	 @media screen and (max-width: 420px) {
	 	.page_02_03 .unit_wrap.material_unit li {
	 		width: 100%;
	 	}
	 	
	 }
	.page_02_03 .unit_wrap .ttl h4 {
		font-size: 15px;
		margin-bottom: 15px;	
	}
	
	.page_02_03 .unit_wrap .f_left {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.page_02_03 .unit_wrap .f_right {
		width: 100%;
		text-align: center;
	}
	
	.page_02_03 .unit_wrap.cont_03 .f_left {
		width: 100%;	
	}
	
	.page_02_03 .unit_wrap.cont_03 .f_left p {
		text-align: left;
	}
	
	.page_02_03 .unit_wrap.cont_03 .f_right {
		width: 100%;	
		text-align: center;
	}
	
	.page_02_03 .unit_wrap.cont_03 .f_right p {
		text-align: left;
	}
	
	.page_02_03 .unit_wrap.cont_04 .f_left {
		width: 100%;
		text-align: center;	
	}
	
	.page_02_03 .unit_wrap.cont_04 .ttl {
		text-align: left;	
	}
	
	.page_02_03 .unit_wrap.cont_04 .f_left p {
		text-align: left;	
	}
	
	.page_02_03 .unit_wrap.cont_04 .f_right {
		width: 100%;
		text-align: center;	
	}
	
	.page_02_03 .unit_wrap.cont_04 .f_right p {
			text-align: left;	
	}
	
	.page_02_03 .unit_wrap.cont_05 .f_left {
		width: 100%;
		text-align: center;	
	}
	
	.page_02_03 .unit_wrap.cont_05 .ttl {
		text-align: left;	
	}
	
	.page_02_03 .unit_wrap.cont_05 .f_left p {
		text-align: left;	
	}
	
	.page_02_03 .unit_wrap.cont_05 .f_right {
		text-align: center;
		width: 100%;	
	}
	
	
	.page_02_04 .unit_wrap.cont_01 .f_left {
		width: 100%;	
	}
	
	.page_02_04 .unit_wrap.cont_01 .f_right {
		width: 100%;
		text-align: center;	
	}
	
	.page_02_04 .unit_wrap.cont_02 ul {
		margin-left: auto;
		margin-right: auto;	
	}
	
	.page_02_04 .unit_wrap.cont_02 li {
		margin-right: auto;
		margin-bottom: 0;
		text-align: center;
		width: 50%;
		padding: 1%;
		box-sizing: border-box;	
	}
	
	@media screen and (max-width: 420px) {
		.page_02_04 .unit_wrap.cont_02 li {
			width: 100%;	
		}
	}
	
	.page_02_04 .unit_wrap.cont_03 .f_left {
		width: 100%;
		text-align: center;	
	}
	
	.page_02_04 .unit_wrap.cont_03 .f_left p {
		text-align: left;	
	}
	
	.page_02_04 .unit_wrap.cont_03 .f_right {
		width: 100%;
		text-align: center;	
	}
	
	.page_02_04 .unit_wrap.cont_03 .f_right p {
		text-align: left;	
	}
	
	
	.page_03_01 .unit_wrap .img_cont_01 .img_01 {
		position: static;	
	}
	
	
	.page_03_01 .unit_wrap.color_chart ul {
		margin-right: auto;
		margin-left: auto;	
	}
	
	.page_03_01 .unit_wrap.color_chart li {
		float: none;
		width: 100%;	
		margin-right: auto;
		margin-left: auto;
	}
	
	
	.right_contents_wrap.example .bb_blue {
		margin-bottom: 0;
		padding-bottom: 0;
		border: 0;	
	}
	
	.right_contents_wrap.example .unit_wrap .example_box {
		width: 100%;	
		margin-bottom: 15px;
	}
	
	.right_contents_wrap.example .unit_wrap .example_box .photo {
		height: 150px;
		overflow: hidden;
		text-align: center;
	}
	
	@media screen and (max-width: 345px) {
		.right_contents_wrap.example .unit_wrap .example_box .photo img {
			max-height: 100%;
			max-width: none;
		}
	}
	
	
	.reference_material .waku {
		display: block;	
	}
	
	
	.one_column_wrap.company {
		width: 92%;	
	}
	
	.one_column_wrap.company table th {
		display: block;
		width: 100%;	
		border-bottom: 0;
		padding: 2%;
		font-size: 14px;
	}
	
	.one_column_wrap.company table td {
		display: block;
		width: 100%;	
		border-bottom: 0;
		padding: 2%;
		font-size: 14px;
	}
	
	.one_column_wrap.company table tr:last-child td {
		border-bottom: 1px solid #d2d2d2;
	}
	
	
	/** contactページ **/
	
	.one_column_wrap.contact .unit_wrap .thanks_sub_ttl {
		font-size: 16px;	
	}
	
	
	.one_column_wrap.contact {
		width: 92%;	
	}
	
	
	.one_column_wrap.contact table th {
		display: block;
		width: 100%;	
		padding: 15px 0 8px;
	}
	
	.one_column_wrap.contact table td {
		display: block;
		width: 100%;	
		padding: 8px 0 20px;
	}
	
	.one_column_wrap.contact input#adress {
		width: 100%;
		box-sizing: border-box;	
	}
	
	.one_column_wrap.contact textarea {
		width: 100%;
		box-sizing: border-box;	
	}
	
	
	.one_column_wrap.contact .attention_02 {
		margin-left: auto;	
	}
	
	
	
	
	
	.one_column_wrap.contact .btn_wrapper ul {
		width: 100%;	
	}
	
	.one_column_wrap.contact .btn_wrapper li:first-child {
		margin-right: auto;	
	}
	
	.one_column_wrap.contact .btn_wrapper li {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 25px;	
	}
	
}


@media screen and (max-width: 520px) {
		
	}