/*
Theme Name: CUVIC CITY SP
Author: HIROSE
Author URI: https://cuvic.com
Description: CUVIC CITYのスマホ用てテーマファイル
Version: 1.0
*/
@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,500,700,900');


* {
    margin: 0;
    padding: 0;
    list-style: none;
	font-style: normal;
}
body {
    font-family: 'Lato', 'Noto Sans JP','Font Awesome 5 Free', sans-serif; /*「Thin 100」、「Light 300」、「DemiLight 350」、「Regular 400」、「Medium 500」、「Bold 700」、「Black 900」の7種類のウエイト*/
    font-size: 16px;
	line-height: 28px;
    font-weight: 400;
    color: #333;
	-webkit-text-size-adjust: 100%;
	text-align: justify;
}
img {
	vertical-align: bottom;
}
strong {
	font-weight: 700;
}
.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */



/*ヘッダーメインメニュー
----------------------------------------*/
header {
	width: 100%;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
.drawer-btn {
	position: fixed;
	border-top: 3px solid #ffec01;
	width: 100%;
	z-index: 100;
	transition: .3s;
}
.header_menu {
	width: 100%;
	background-color: #fff;
}
.header_menu > ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
}
.header_menu > ul li {
	position: relative;
}
.header_menu > ul li span {
	display: block;
    width: 20px;
    height: 14px;
    padding: 4px 0 2px 0;
    position: absolute;
	top: 3px;
    right: 3px;
	color: #fff;
	background-color: #ea3324;
	border-radius: 14px;
	font-weight: 900;
	font-size: 14px;
	line-height: 12px;
}
.header_menu > ul li a {
	display: block;
	font-size: 7px;
	line-height: 8px;
}
.header_menu > ul li img {
	margin: 0 auto;
	display: block;
}
.header_menu > ul li:nth-child(1) {
	width: 14.133333333333335%;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	background-color: #fceb4f;
}
.header_menu > ul li:nth-child(2) {
	padding: 14px 0 0 0;
	width: 16%;
	border-right: 1px solid #ccc;
	text-align: center;
}
.header_menu > ul li:nth-child(3) {
	padding: 6px 0;
	width: 39.2%;
}
@media screen and (max-width: 374px) {
	.header_menu > ul li:nth-child(3) {
		padding: 5px 0;
		width: 39%;
	}
}
.header_menu > ul li:nth-child(4) {
	padding: 15px 0 0 0;
	width: 15.733333333333333%;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
}
.header_menu > ul li:nth-child(5) {
	padding: 15px 0 0 0;
	width: 14.133333333333335%;
	text-align: center;
}
/*インフォ部分*/
.toggle-box {
  display: none;
}
.toggle-box > div {
  	padding: 20px;
	background-color: rgba(0,0,0,.85);
}
.toggle-box > div h2 {
	margin: 10px 0 15px 0;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
}
.toggle-box > div ul.box-btn li {
	margin: 0 0 10px 0;
}
.toggle-box > div ul.box-btn li a {
	text-align: center;
	padding: 5px;
	display: block;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	font-size: 14px;
}
.box-list {
	padding: 20px 0 30px 0;
}
.box-list li {
	margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 12px;
}
.box-list li a {
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	text-decoration: none;
}
.box-list li::before {
	margin: 0 10px 0 0;
	content: "▷";
	color: #fff;
}
.toggle-btn {
	margin: 0 auto;
	width: 80%;
	text-align: center;
}
.toggle-btn a {
	padding: 10px 0;
	display: block;
	color: #444;
	background-color: rgba(255,255,255,.8);
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	vertical-align: middle;
}

/*ドロワーメインメニュー
----------------------------------------*/
.drawer-nav h2 {
	margin: 0;
	padding: 10px;
	color: #444;
	font-size: 14px;
	line-height: 14px;
	border-bottom: 1px solid #ccc;
	background-color: #ffec01;
}
.recommend_menu {
	margin: 0 0 20px 0;
}
.recommend_menu ul {
	margin: 10px 0 0 0;
	padding: 0 12px 0 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recommend_menu ul li {
	margin: 0 0 10px 0;
	width: 48%;
}
.recommend_menu ul li img {
	border: 1px solid #ccc;
	width: 100%;
}
.contents-wrap {
	margin: 0;
	background-color: #fff;
	position: relative;
}
.mag-title {
	position: absolute;
	top: 15px;
	left: 0;
	color: #fff;
	font-size: 14px;
	text-shadow: 0px 0px 3px #a8a8a8;
}
.mag-link {
	position: absolute;
	bottom: 15px;
	left: 0px;
	width: 120px;
	text-align: center;
}
.mag-link a {
	padding: 5px 10px;
	display: block;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-decoration: none;
}

/*サブメニュー*/
.sub-menu {
	padding: 0;
	background-color:  #f2f2f2;
}
.sub-menu li {
	
}
.sub-menu li a {
	line-height: 48px;
	display: block;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-right: 40px;
	padding-left: 10px;
	text-decoration: none;
	color: #222;
	border-top: 1px solid #ccc;
	font-size: 14px;
	line-height: 16px;
	position: relative;
}

.sub-menu li a::before {
}
.sub-menu li a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 15px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*SNS*/
.sns-menu {
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc;
	width: 100%;
}
.sns-menu ul {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.sns-menu li {
	width: 33%;/*LINE復活時の指定：width: 33%;・LINEなし49％*/
}
.sns-menu li a {
	padding: 5px 0 10px 0;
	width: 100%;
	display: block;
	text-align: center;
}
.sns-menu li:nth-child(1) a {
	background-color: #49a0ec;
}
.sns-menu li:nth-child(2) a {
	background-color: #435b94;
}
.sns-menu li:nth-child(3) a {
	background-color: #00b900;
}

/*サブメニュー*/
.drawer-dropdown-submenu {
	border-bottom: 1px solid #f0f0f0;
	padding: 10px;
}
.drawer-dropdown-submenu h3 {
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: 600;
}
.drawer-dropdown-submenu > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.drawer-dropdown-submenu > ul li{
	margin: 0 0 5px 0;
	width: 48%;
	display: flex;
}
.drawer-dropdown-submenu > ul li a {
	padding: 8px 5px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #444;
	text-align: center;
	position: relative;
	align-items: stretch;
	background-color: #fcfcfc;
}
.drawer-dropdown-submenu > ul li a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.drawer-dropdown-submenu > ul li.onetxt a {
	padding: 15px 0 0 0;
}

/*コピーライト*/
.copyright {
}
.copyright p {
	padding: 20px 0;
	text-align: center;
	font-size: 12px;
}

/*ボトムCVボタン
----------------------------------------*/
.bottom_cv_btn {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10000;
	border-top: 1px solid #ccc;
	background-color: #fff;
}
.bottom_cv_btn > div {
	width: 100%;
	background-color: #80a130;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bottom_cv_btn > div > div > a {
	padding: 40px 0 8px 0;
	display: block;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
	text-align: center;
	position: relative;
	font-weight: 600;
}
.bottom_cv_btn > div > div > a span {
	display: block;
    width: 28px;
    height: 21px;
    padding: 5px 0 2px 0;
    position: absolute;
	top: -10px;
    right: 12%;
	color: #fff;
	background-color: #ea3324;
	border-radius: 14px;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
}
.bottom_cv_btn > div > div > a strong {
	display: block;
    padding: 5px 0 4px 0;
    position: absolute;
	top: -34px;
    right: 50%;
	margin-right: -60px;
	color: #fff;
	background-color: #80a130;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	border-radius: 15px;
	min-width: 120px;
 	max-width: 100%;
}
@media screen and (max-width: 320px) {
	.bottom_cv_btn > div > div > a strong {
		margin-right: -50px;
		min-width: 100px;
		max-width: 100%;
	}
}

.bottom_cv_btn > div > div > a strong:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #80a130;
}
.bottom_cv_btn > div > div:nth-child(1) {
	width: 33%;/*LINEボタン復活時の指定：width: 33%;LINEなし49%*/
	background-image: url(assets/images/common/menu/icon_tel2@2x.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: top 10px center;
}
.bottom_cv_btn > div > div:nth-child(2) {
	width: 33%;/*LINEボタン復活時の指定：width: 33%;*/
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-image: url(assets/images/common/menu/icon_web@2x.png);
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: top 10px center;
}
.bottom_cv_btn > div > div:nth-child(3) {
	width: 33%;
	background-image: url(assets/images/common/menu/icon_line@2x.png);
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: top 10px center;
}

/*コンテンツ部分
----------------------------------------*/
#contants {
	padding: 60px 0;
}
#contents {
	padding: 60px 0 0 0;
	width: 100%;
}
.wType01 > div {
	max-width: 1065px;
	margin:  0 auto;
	padding: 0 30px;
}




/*---------------------------*/
/*共通パーツ
---------------------------*/

/*共通パーツ---------------------------*/
.lineMarker {
	background: linear-gradient(transparent 60%, rgba(253, 240, 80, 1.0) 60%);
}

.btn01 a {
    margin: 20px 0;
    padding: 15px 0 12px 0;
    width: 100%;
    text-align: center;
    display: block;
    background-color: rgba(253, 240, 80, 1.0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    /* box-shadow */
    box-shadow:0px 3px 0px 0px #cbbc00;
    -moz-box-shadow:0px 3px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 3px 0px 0px #cbbc00;
  	overflow: hidden;
	position: relative;
	display: block;
}
.btn01 a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn01 a:active {
    position: relative;
    top: 3px;
    box-shadow:0px 0px 0px 0px #cbbc00;
    -moz-box-shadow:0px 0px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 0px 0px 0px #cbbc00;
}
.btn01 a.disable_link,
.btn01 a.disable_button {
	background-color: #eee;
	border: 1px solid #ccc;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	pointer-events: none;
}
.btn02 {
}
.btn02 a {
	padding: 5px 20px 5px 10px;
	border: 1px solid rgba(253, 240, 80, 1.0);
	color:  rgba(253, 240, 80, 1.0);
	font-size: 10px;
	text-decoration: none;
	position: relative;
}
.btn02 a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 1px rgba(253, 240, 80, 1.0);
	border-right: solid 1px rgba(253, 240, 80, 1.0);
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn03 {
	cursor: pointer;
}
.btn03 a {
	padding: 8px 30px 8px 20px;
	border: 1px solid  rgba(253, 240, 80, 1.0);
	color: #000;
	font-weight: 700;
	background-color:  rgba(253, 240, 80, 1.0);
	font-size: 16px;
    text-align: center;
	text-decoration: none;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    /* box-shadow */
    box-shadow:0px 3px 0px 0px #cbbc00;
    -moz-box-shadow:0px 3px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 3px 0px 0px #cbbc00;
  	overflow: hidden;
	cursor: pointer;
}
.btn03 a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn03 a:active {
    position: relative;
    top: 3px;
    box-shadow:0px 0px 0px 0px #cbbc00;
    -moz-box-shadow:0px 0px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 0px 0px 0px #cbbc00;
}
.btn04 {
}
.btn04 a {
	padding: 8px 20px 8px 30px;
	border: 1px solid  rgba(253, 240, 80, 1.0);
	color: #000;
	background-color: rgba(252, 236, 79, .7);
	font-size: 16px;
	font-weight: 700;
    text-align: center;
	text-decoration: none;
	position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* box-shadow */
    box-shadow:0px 3px 0px 0px rgba(201, 188, 61, .7);
    -moz-box-shadow:0px 3px 0px 0px rgba(201, 188, 61, .7);
    -webkit-box-shadow:0px 3px 0px 0px rgba(201, 188, 61, .7);
  	overflow: hidden;
}
.btn04 a:before {
	content: "";
	position: absolute;
	top: 60%;
	left: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-bottom: solid 2px #000;
	border-left: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn04 a:active {
    position: relative;
    top: 3px;
    box-shadow:0px 0px 0px 0px #cbbc00;
    -moz-box-shadow:0px 0px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 0px 0px 0px #cbbc00;
}
.btn05 {
}
.btn05 a {
	width: calc(100% - 50px);
	display: block;
	padding: 12px 30px 12px 20px;
	border: 1px solid  rgba(253, 240, 80, 1.0);
	color: #000;
	background-color:  rgba(253, 240, 80, 1.0);
	font-size: 18px;
	font-weight: 700;
    text-align: center;
	text-decoration: none;
	position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* box-shadow */
    box-shadow:0px 3px 0px 0px #cbbc00;
    -moz-box-shadow:0px 3px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 3px 0px 0px #cbbc00;
  	overflow: hidden;
}
.btn05 a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn05 a:active {
    position: relative;
    top: 3px;
    box-shadow:0px 0px 0px 0px #cbbc00;
    -moz-box-shadow:0px 0px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 0px 0px 0px #cbbc00;
}
.btn07 a {
    margin: 20px 0;
    padding: 15px 0 12px 0;
    width: 100%;
    text-align: center;
    display: block;
    background-color: rgba(253, 240, 80, 1.0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    /* box-shadow */
    box-shadow:0px 3px 0px 0px #cbbc00;
    -moz-box-shadow:0px 3px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 3px 0px 0px #cbbc00;
  	overflow: hidden;
	position: relative;
}
.btn07 a::before {
	content: "";
	position: absolute;
	top: 60%;
	left: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-left: solid 2px #000;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
.btn07 a:active {
    position: relative;
    top: 3px;
    box-shadow:0px 0px 0px 0px #cbbc00;
    -moz-box-shadow:0px 0px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 0px 0px 0px #cbbc00;
}
.btn08 {text-align: center;
}
.btn08 a {
	padding: 10px 25px 10px 15px;
	border: 1px solid #222;
	color: #222;
	font-size: 18px;
	text-decoration: none;
	position: relative;
}
.btn08 a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 10px;
	width: 3px;
	height: 3px;
	margin: -4px 0 0 0;
	border-top: solid 1px #222;
	border-right: solid 1px #222;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*大型案件バナー部分
---------------------------*/
#bnr_area {
	border-bottom: 1px solid #ccc;
}
#bnr_area > div {
	margin: 40px auto;
	width: 90%;
}
#bnr_area img {
	width: 100%;
}
#bnr_area li:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/*大型案件バナー部分HTML版
---------------------------*/
#bnr_areawrap {
	padding: 0 30px;
	border-bottom: 1px solid #ccc;
}
#bnr_areawrap > div {
	margin: 40px auto;
	max-width: 1025px;
}
/*バナー個別指定*/
#bnr_areawrap li {
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
}
#bnr_area01 {
	background: -moz-linear-gradient(45deg, #f9c046 0%, #f9c046 26%, #fdde34 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #f9c046 0%,#f9c046 26%,#fdde34 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #f9c046 0%,#f9c046 26%,#fdde34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c046', endColorstr='#fdde34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#bnr_area01 > a {
	padding: 10px 0;
	display: block;
	width: 100%;
	background-image: url(assets/images/top-new/bnr_bg01.png);
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
}
#bnr_area01 > a:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#bnr_area01 span {
	margin: 0 auto;
	padding: 5px 0;
	width: 90%;
	display: block;
	background-color: rgba(0,0,0,.75);
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}


/*共通タイトル*/
.title01 {
	padding: 25px 0;
	background-color: #252525;
	text-align: center;
	color: #fff;
}
.title01 span {
	padding: 8px 30px;
	border: 4px solid #fff;
	font-size: 18px;
}
.title01Box {
	padding: 10px 0 5px;
	background: url(
	assets/images/top-new/overlays/11.png) #252525;
	text-align: center;
	color: #fff;
	font-weight: 600;
	
}
.title01Box strong {
	padding: 5px 20px;
	border-bottom: 1px solid #fff;
	font-size: 20px;
	line-height: 22px;
}
.title01Box span {
	font-size: 12px;
}
.subTitle01 {
	margin: 0 auto 20px auto;
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	font-weight: 600;
}
.subTitle02 {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 32px;
	font-weight: 600;
	text-align: center;
}
.subTitle03 {
	margin: 0 auto 20px auto;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}
.subTitle03 em {
	display: block;
	font-size: 14px;
}
.subTitleP {
	margin: 0 auto;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
}
.subTitleP + .bnrImg {
	margin: 0 auto;
  padding: 30px 0 0 0;
}
.subTitleP + .bnrImg img {
	margin: 0;
  padding: 0;
	width: 100%;
}
.subTitleP .redFootNote {
	color: #ff1c1c;
	font-size: 14px;
}
.subTitle04 {
	margin: 0 0 40px 0;
	font-size: 32px;
	line-height: 32px;
	font-weight: 600;
	text-align: center;
}
.subTitle04 strong {
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	font-weight: 500;
}
/*共通制作の流れ*/
#flow {
	margin: 0 auto;
	padding: 40px 0;
	width: 90%;
}
.stepWrap > div {
}
.firstStep {
	border: 1px solid #fbef6d;
	display: flex;
}
.stepWrap > div > div {
	margin: 0 0 30px 0;
	position: relative;
}
.stepWrap > div > div:last-child {
	margin: 0;
}
.stepWrap > div > div span {
	margin: 0 0 0 -10px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	color: #444;
	font-size: 14px;
}
.firstStep h3 {
	padding: 5px 10px;
	text-align: center;
	background-color: #fbef6d;
	font-size: 14px;
	line-height: 18px;
}
.firstStep h3 strong,
.firstStep h3 em,
.lastStep h3 strong,
.lastStep h3 em {
	display: block;
	font-weight: 600;
}
.firstStep h3 em,
.lastStep h3 em {
	font-size: 20px;
}
.firstStep p,
.lastStep p {
	padding: 10px;
	text-align: center;
	font-size: 16px;
}


.lastStep {
	border: 1px solid #BEFD61;
	display: flex;
}
.lastStep h3 {
	padding: 5px 10px;
	text-align: center;
	background-color: #BEFD61;
	font-size: 14px;
	line-height: 18px;
}
.stepCopy p:first-child {
	margin: 5px 0 0 0;
	background-color: #fbef6d;
	text-align: center;
	font-weight: 600;
}
.stepCopy p:last-child {
	margin: 5px 0 0 0;
	background-color: #BEFD61;
	text-align: center;
	font-weight: 600;
}
.stepCopy p strong {
	color: #ff1c1c;
	font-weight: 900;
}
#stepDate {
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}
#stepAtt {
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
#stepAtt a {
	color: #333;
}

.contWrap {
	background-image: url(assets/images/common/contbg01.png);
	background-position: 0 0;
	background-repeat: repeat;
}
/*#パンくず
--------------------------*/
#breadcrumbList {
	padding: 30px 2.666666666666667% 20px 2.666666666666667%;
}
.breadcrumbList {
	padding: 20px 1.666666666666667% 0px 2.666666666666667%;
}
.breadcrumb {
	padding: 0 0 0 24px;
	font-size: 14px;
	background-image: url(assets/images/common/icon_home@2x.png);
	background-size: 18px 21px;
	background-repeat: no-repeat;
}
.breadcrumb a {
	color: #333;
}


/*#フッター
--------------------------*/
footer {
	background-image: url(assets/images/common/footer_bg.png);
	background-position: 0 0;
	background-repeat: repeat;
	background-size: 8px 8px;
}
footer a {
	text-decoration: none;
	color: #333;
}
.footerBox {
	display: flex;
	justify-content: center;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
  flex-wrap: wrap;
  padding: 12px 0;
}
.footerBox > div:nth-child(odd) {
	padding: 0;
  margin: 0;
	width: 50%;
	border-right: 1px solid #303030;
  border-bottom: 1px solid #303030;
	text-align: center;
  box-sizing: border-box;
}
.footerBox > div:nth-child(even) {
	padding: 0;
  margin: 0;
	width: 50%;
	text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid #303030;
}
.footerBox > div p {
	padding: 10px;
	text-align: left;
}
.footerBox a {
	color: #fff;
	text-decoration: none;
}
/*制作の流れ
----------------------------------*/
#flowChart {
	margin: 0 auto;
	padding: 0 2.666666666666667%;
	text-align: center;
}
/*問合せ
----------------------------------*/
#feelFreeWrap {
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#feelFree {
	margin: 0 auto;
	padding: 0 2.666666666666667% 30px;
	max-width: 375px;
	text-align: center;
}
#feelFree h2 {
	font-size: 18px;
	line-height: 24px;
	color: #222;
	font-weight: 700;
	padding-bottom: 15px;
	position: relative;
}
#feelFree > div {
	background: #fff;
	margin: 0 auto;
	max-width: 310px;
	padding: 0;
	border: solid 1px #fb8602;
}
#feelFree > div div img {
	margin-bottom: 9px !important;
}
#feelFree > div div {
	padding: 20px 0;
	margin: 0 8.064516129032258%;
}
#feelFree > div div h3 {
	font-size: 14px;
	font-weight: 500;
}
#feelFree > div div .btn01 {
	width: 84.03846153846153%;
	margin: 0 auto;
	font-size: 16px;
}
#feelFree > div div .btn01 a {
    margin: 0 0 6px 0;
    padding: 10px 0 6px 0;
}	
#feelFree div div#mailArea {
	border-bottom: 1px dotted #fb8602;
}
#feelFree div div#mailArea img {
	width: 43px !important;
}
#feelFree div div#dialArea img {
	width: 46px !important;
}
#feelFree div div#dialArea p {
	font-size: 14px;
	line-height: 18px;
}
#feelFree div div#dialArea p span {
	font-weight: 700;
}
#feelFree div div#dialArea h3+p {
	font-size: 26px;
	line-height: 32px;
	font-weight: 700;
}
#feelFree div div#dialArea p a {
	color: #fb8602;
	text-decoration: none;
}
#feelFree #feelFreeBtm {
	background: #fb8602;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}
#feelFree #feelFreeBtm p {
	padding: 12px 10px;
}
#feelFree #feelFreeBtm p span {
	font-size: 16px;
	font-weight: 700;
}
#feelFree #feelFreeBtm img {
	max-width: 310px;
  width: 100%;
}
#feelFree #feelFreeBnr {/*LINEバナー*/
	margin: 0 auto;
	padding: 0 2.666666666666667% 3	0px;
	text-align: center;
}
#feelFree #feelFreeBnr img{
	width: 100%;
}
.feelFreeUnder {
	margin: 0 auto;
	padding: 0 2.666666666666667%;
	text-align: center;
}
.feelFreeUnder a {
	display: block;
}
.feelFreeUnder a img {
	width: 100%;
}
#copyright {
	padding: 5px 0 62px 0;
	text-align: center;
	font-size: 12px;
}

/*CUVIC CITYとは部分*/
#aboutCuvic {
	margin: 0 auto;
	padding: 30px 0 0 0;
	width: 90%;
}
#aboutCuvic h2 {
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	border-left: 5px solid #ffec01;
	font-size: 20px;
	font-weight: 600;
}
#aboutCuvic p {
	font-size: 14px;
	line-height: 24px;
}

/*ホワイトペーパー部分*/
#ccContactWrap {
	margin: 40px auto 50px auto;
	padding: 20px 0 0 0;
	width: 90%;
}

#ccContactWrap h2 {
	margin: 0 0 30px 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	border-left: 5px solid #ffec01;
	font-weight: normal;
}
#ccContactWrap h2 strong {
	font-size: 20px;
	font-weight: 600;
}
#ccContactWrap h2 span {
	font-size: 24px;
	font-weight: 600;
}
#ccContactWrap > div > div {
	width: 100%;
}
#ccContactWrap > div > div > div {
	width: 100%;
}
#ccContactWrap > div > div > div#ccDo {
	margin: 0 0 30px 0;
}
#ccContactWrap > div > div > div#ccDo img {
	width: 100%;
	border: 1px solid #f0f0f0;
}
#ccContactWrap > div > div > div#ccDo > div:last-child {
	padding: 15px 0 30px 0;
	text-align: center;
}
#ccContactWrap > div > div > div#ccDo > div:last-child h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 600;
}
#ccContactWrap > div > div > div#ccDo > div:last-child a {
	font-size: 18px;
	font-weight: 600;
}
#ccContactWrap div.bnrLineArea {
	text-align: center;
}
#ccContactWrap div.bnrLineArea > p {
	margin: 50px auto 0 auto;
}
#ccContactWrap div.bnrLineArea > p img {
	width: 100%;
}
#ccContactWrap > div > div > div#ccCont h3 {
	margin: 20px 0;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}
#ccContactWrap > div > div > div#ccCont > div > div {
	width: 100%;
}
#ccContactWrap > div > div > div#ccCont > div > div:first-child {
	text-align: center;
}
#ccContactWrap > div > div > div#ccCont > div > div:last-child {
	padding: 15px 0 0 0;
	text-align: center;
}
#ccContactWrap > div > div > div#ccCont > div > div:first-child > p:first-child span {
	padding: 0 0 5px 32px;
	font-size: 18px;
	line-height: 14px;
	background-image: url(assets/images/archive/magazine/tel@2x.png);
	background-size: 30px 20px;
	background-repeat: no-repeat;
}
#ccContactWrap > div > div > div#ccCont > div > div:first-child > p:last-child {
	font-size: 32px;
	font-weight: 600;
}

/*スペシャルコンテンツバナー*/
#specialContWrap {
  margin: 0 auto;
  padding: 0;
}
#specialContWrap ul {
  margin: 0;
	padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#specialContWrap ul li {
  margin: 0;
  padding: 0;
  width: 100%;
}
#specialContWrap ul li img {
  width: 100%;
}

/*今ある看板の解決*/
#solutionWrap {
	padding: 40px 0;
}
#solutionWrap > div > h2 {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
}
@media screen and (max-width: 320px) {
	#solutionWrap > div > h2 {
		margin: 0 0 20px 0;
		text-align: center;
		font-size: 22px;
		line-height: 28px;
		font-weight: 600;
	}
}
#solutionWrap > div > p {
	padding: 0 10px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
}
#solutionWrap > div > p strong {
	font-weight: 600;
}
#solutionWrap > div > p a {
	color: #000;
	text-decoration: underline;
}
#solutionWrap > div > p a:hover {
	text-decoration: none;
}
.solutionBtn {
	margin: 40px 0 0 0;
}
.solutionBtn > div {
	width: 100%;
}
.solutionBtn > div > div {
	padding: 30px 0;
	background-image: url(assets/images/top-new/overlays/10.png);
	background-repeat: repeat;
}
.solutionBtn > div > div > a {
	margin: 0 auto;
	width: 82.66666666666667%;
	display: block;
	border: 5px solid #fff;
	text-decoration: none;
}
.solutionBtn > div:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.solutionBtn > div.sol01 {
	background-image: url(assets/images/top-new/solution_btn01.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol02 {
	background-image: url(assets/images/top-new/solution_btn02.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol03 {
	background-image: url(assets/images/top-new/solution_btn03.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol04 {
	background-image: url(assets/images/top-new/solution_btn04.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol05 {
	background-image: url(assets/images/top-new/solution_btn05.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol06 {
	background-image: url(assets/images/top-new/solution_btn06.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol07 {
	background-image: url(assets/images/top-new/solution_btn07.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol08 {
	background-image: url(assets/images/top-new/solution_btn08.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol09 {
	background-image: url(assets/images/top-new/solution_btn09.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol10 {
	background-image: url(assets/images/top-new/solution_btn10.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol11 {
	background-image: url(assets/images/top-new/solution_btn11.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol12 {
	background-image: url(assets/images/top-new/solution_btn12.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol13 {
	background-image: url(assets/images/top-new/solution_btn13.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn > div.sol14 {
	background-image: url(assets/images/top-new/solution_btn14.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.solutionBtn h3 {
	margin: 20px 0 10px 0;
	color: #fff;
	font-size: 26px;
	line-height: 32px;
	text-align: center;
	text-shadow:0px 0px 3px #a8a8a8;
}
@media screen and (max-width: 1280px) {
	.solutionBtn h3 {
		font-size: 26px;
		line-height: 34px;
	}
}
.solutionBtn p {
	margin: 10px auto 20px auto;
	padding: 5px 0;
	width: 100px;
	text-align: center;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	line-height: 12px;
}

/*メディアバナー*/
.media {
	margin: 10px 0 0 0;
}
.media img {
	width: 100%;
}

/*施工についてご相談ください！
-------------------------------------*/
div#inquiryGreen {
	background: #edf2e1;
	padding: 30px 4.975124378109453%;
	margin-top: 15px;
}
div#inquiryGreen h2 {
	padding-bottom: 20px;
	color: #78a300;
	text-align: center;
}
div#inquiryGreen #staff {
	width: 100%;
	text-align: center;
}
div#inquiryGreen #staff > p{
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 20px;
}
div#inquiryGreen #staff img{
	width: 160px;
	height: 160px;
}
div#inquiryGreen #inquiry{
	width: 100%;
}
div#inquiryGreen #inquiry > div{
	width: 100%;
	border: solid 2px #78a300;
	background: #fff;
	padding: 0 0 7px 0;
	text-align: center;
	margin-top: 20px;
}
div#inquiryGreen #inquiry div h3{
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
	padding: 7px 0;
	background: #78a300;
	margin: 0 0 7px 0;
}
div#inquiryGreen #inquiry div p{
	font-size: 14px;
	line-height: 22px;
}
div#inquiryGreen #inquiry div p a{
	font-size: 32px;
	font-weight: 500;
	color: #78a300;
	text-decoration: none;
}
div#inquiryGreen #inquiry > div:first-of-type p img{
	vertical-align: top;
	margin-right: 10px;
}
/*スタッフに確認する*/
/*div#inquiryGreen #inquiry > div:nth-child(2) div{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
}
div#inquiryGreen #inquiry > div:nth-child(2) div p:first-of-type {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-top: 10px
}
div#inquiryGreen #inquiry > div:nth-child(2) div img:first-of-type{
	vertical-align: top;
	margin: -8px 3px 3px 0;
}
div#inquiryGreen #inquiry > div:nth-child(2) div p:nth-child(2){
	width: 56.05263157894737%;
	padding: 0 3.289473684210526%;
	text-align: left;
}
div#inquiryGreen #inquiry > div:nth-child(2) div img:last-of-type {
	vertical-align: middle;
	margin-left: 5px;
}*/

div#inquiryGreen #inquiry > div > p:nth-child(2){
	margin-top: 15px;
	font-size: 14px;
	line-height: 22px;
}

/*メールボタン部分*/
.inquiry-mail {
	
}
div#inquiryGreen #inquiry div.inquiry-mail > p:nth-child(1) {
	margin: 0px auto 0px auto;
	padding: 5px 0 0 0;
	font-size: 16px;
	color: #80a130;
	width: 80%;
}
div#inquiryGreen #inquiry div.inquiry-mail > p:nth-child(1) a {
    margin: 0 0 5px 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    display: block;
    background-color: #80a130;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    /* box-shadow */
    box-shadow:0px 3px 0px 0px #5c7d0c;
    -moz-box-shadow:0px 3px 0px 0px #5c7d0c;
    -webkit-box-shadow:0px 3px 0px 0px #5c7d0c;
  	overflow: hidden;
	position: relative;
}
div#inquiryGreen #inquiry div.inquiry-mail > p:nth-child(1) a:active {
    position: relative;
    top: 3px;
    box-shadow:0px 0px 0px 0px #cbbc00;
    -moz-box-shadow:0px 0px 0px 0px #cbbc00;
    -webkit-box-shadow:0px 0px 0px 0px #cbbc00;
}
div#inquiryGreen #inquiry div.inquiry-mail > p:nth-child(1) a.disable_link,
div#inquiryGreen #inquiry div.inquiry-mail > p:nth-child(1) a.disable_button {
	background-color: #eee;
	border: 1px solid #ccc;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: default;
	pointer-events: none;
}
div#inquiryGreen #inquiry div.inquiry-mail > p:nth-child(2) {
	margin: 0 0 10px 0;
	font-size: 14px;
}

/*新メニュー部分*/
/*FAQ*/
.faq-wrap {
	margin: 30px 0 0 0;
}
.faq-wrap > div {
	width: 100%;
}
.faq-wrap > div > div {
	margin: 0 0 26px 0;
	padding: 20px;
	background-color: #fff;
	box-shadow:0px 0px 3px 1px #e0e0e0;
	text-align: left;
}
.faq-wrap > div > div h3 {
	margin: 0 0 10px 38px;
	font-size: 16px;
	line-height: 24px;
	position: relative;
}
.faq-wrap > div > div h3 span {
	padding: 5px 0 0 8px;
	position: absolute;
	display: block;
	top: 0;
	left: -40px;
	width: 26px;
	height: 29px;
	background-color: #ffec01;
	color: #000;
	font-size: 20px;
	line-height: 20px;
	border-radius: 17px;
}
.faq-wrap > div > div p {
	margin: 0 0 0 38px;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	font-weight: normal;
	color: #000;
}
.faq-wrap > div > div p span {
	padding: 6px 0 0 9px;
	position: absolute;
	display: block;
	top: 0;
	left: -40px;
	width: 25px;
	height: 28px;
	background-color: #3f97e1;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	border-radius: 17px;
}
.faq-wrap > div > div p a {
	color: #3f97e1;
	text-decoration: underline;
}
.faq-wrap > div > div p a:hover {
	text-decoration: none;
}
.faq-wrap > div > div.faq-btn-wrap {
	margin: 0;
	padding: 0;
	background-color: #fff;
	box-shadow: none;
	text-align: left;
	box-shadow:0px 0px 3px 1px #e0e0e0;
}
.faq-wrap > div > div.faq-btn-wrap p {
	margin: 0;
	padding: 0;
	position: relative;
}
.faq-wrap > div > div.faq-btn-wrap p a {
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	text-align: center;
	color: #000;
	text-decoration: none;
}
.faq-wrap > div > div.faq-btn-wrap p a:after {
	content: "";
	position: absolute;
	top: 60%;
	right: 30px;
	width: 3px;
	height: 3px;
	margin: -6px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.faq-wrap > div > div.faq-btn-wrap:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	cursor: pointer;
}

/* ページ内リンク「マガジン・施工事例共通」
------------------------*/
.contentLink {
	margin: 40px 30px 0 30px;
	padding: 40px 0 0 0;
	border-top: 1px solid #ccc;
	width: 100%;
}
.contentLink h4 {
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
.contentLink iframe {
	width: 100%;
}
.otherPageLinkNoimg {
	border: 1px solid #ccc;
	margin: 0 0 80px 0;
	padding: 20px 25px;
}
.otherPageLinkNoimg + .otherPageLinkNoimg {
	margin: -70px 0 80px 0;
}
.otherPageLinkNoimg .pcopy {
	font-size: 14px;
	line-height: 22px;
}
.otherPageLinkNoimg img {
	border: 1px solid #f0f0f0;
}
.otherPageLinkNoimg .otherPageDate {
	padding: 5px 10px;
	color: #fff;
	background-color: #000;
	display: inline;
	font-size: 10px;
	line-height: 10px;
	font-weight: 600;
}
.otherPageLinkNoimg h2 {
	margin: 5px 0;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}
.otherPageLinkNoimg h2 a {
	color: #000;
	text-decoration: none;
}
.otherPageLinkNoimg h2 a:hover,
.otherPageLinkNoimg img:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.otherPageLinkNoimg .pageLink {
	margin: 20px 0 10px 0;
	color: #000;
	text-align: left;
}
.otherPageLinkNoimg .pageLink a {
	padding: 10px;
	font-size: 14px;
	background-color: #000;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}
.otherPageLinkNoimg .pageLink a:hover {
	text-decoration: underline;
}
/*記事一覧部分
------------------------*/
#moreMagazine a::after {
	content: ">";
	font-size: 10px;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

#magTop {
	margin: 50px 0;
	padding: 50px 20px 20px 20px;
	padding-bottom: 60px;
	position: relative;
	margin-bottom: 80px;
	background-image: url(../images/top-new/magazine_logo@2x.png);
	background-repeat: no-repeat;
	background-size: 100px;
	background-position: center 10px;
}
#magTop:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -15px;/*線の上下位置*/
	display: inline-block;
	width: 60%;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #ccc;/*線の色*/
	border-radius: 2px;/*線の丸み*/
}
#magTop > h2 {
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
}
#magTop > h2 span {
	font-size: 12px;
	display: block;
}
#magTop > div {
	margin: 0 auto;
	padding: 0 0 40px 0px;
	max-width: 100%;
}
#magTop article {
	margin: 0 0 50px 0;
	position: relative;
	background-color: #f0f0f0;
}
#magTop article > a > img {
	width: 100%;
}
#magTop article > a > img:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}	

#magTop article > div {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#magTop article > div > div:first-child {
	margin: 0 0 0 5px;
	width: 17.5%;
}
#magTop article > div > div:first-child p {
	padding: 8px 0;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
}
#magTop article > div > div:last-child {
	width: 75%;
}
#magTop article > div > div:last-child h3 {
	padding: 5px 0 10px 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
#magTop article > div > div:last-child h3 a {
	color: #000;
	text-decoration: none;
}
#magTop article > div > div:last-child h3 a:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
/*記事一覧のタグ*/
.magTagList {
	display: flex;
}
.magTagList li {
	margin: 0 3px 3px 0;
	padding: 5px;
	background-color: rgba(210, 210, 210, 1.0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	display: inline;
	font-size: 10px;
	line-height: 10px;
}
.magTagList li a {
	color: #000;
	text-decoration: none;
}
.magTagList li a:hover {
	text-decoration: underline;
}
/* 404エラー
------------------------*/
#wrap_404 {
	padding: 0 30px;
	border-bottom: 1px solid #ccc;
}
#404_wrap > div {
	margin: 0 auto;
	max-width: 1065px;
}
.title_404 {
	text-align: center;
	padding-bottom: 20px;
}
.title_404 h1 {
	padding: 50px 0 10px 0;;
	text-align: center;
	font-size: 40px;
	line-height: 48px;
}
.title_404 h1 span {
	display: block;
	font-size: 16px;
}
.title_404 p {
	font-size: 14px;
	line-height: 24px;
}
.title_404 .btn01 {
	margin: 20px auto 0 auto;
	width: 300px;
}
@media screen and (max-width: 320px) {
	.title_404 h1 {
		padding: 50px 0 10px 0;;
		text-align: center;
		font-size: 50px;
		line-height: 56px;
	}
	.title_404 h1 span {
		display: block;
		font-size: 14px;
	}
	.title_404 .btn01 {
		margin: 20px auto;
		width: 90%;
	}
}

/*他サイトへのリンク指定
----------------------------------*/
.goAnotherSite {
  padding: 0 4% 15px 4%;
}
.goAnotherSite h3 {
  margin: 0 0 30px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
}
.goAnotherSite .itemBox {
  padding: 0 0 30px 0;
  text-align: center;
}
.goAnotherSite .itemBox p {
  padding: 0 0 20px 0;
}

/*施工事例カテゴリー別ナビ*/
#worksIconNav {
  margin: 0;
  padding: 0 10px;
  width: calc(100% - 20px);
}
#worksIconNav > ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#worksIconNav > ul::after {
  content: "";
  display: block;
  width: 19%;
}
#worksIconNav > ul li {
  margin: 5px 0 0 0;
  padding: 0;
  width: 19%;
  border: solid 1px #231815;
  box-sizing: border-box;
}
#worksIconNav > ul li a {
  margin: 0;
  padding: 0;
  display: block;
}
#worksIconNav > ul img {
  margin: 0;
  padding: 0;
  width: 100%;
}