@import "default.css";
@import "standard.css";

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(/image/top/img_main.jpg) center top -120px no-repeat;
	background-size: contain;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "MS P ゴシック", "MS P Gothic", "sans-Serif";
	font-size: 16px;
	color: #333333;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
}
a:hover {
	opacity: .7;
}
/* スタイル
------------------------------------------------ */
header {
	margin-bottom: 15px;
	background: rgba(0, 0, 0, 0.35);
}
header #inbox {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header #logo{
	margin-left: 50px;
	padding: 5px 0;
}
header #logo dd{
	font-size: 14px;
}
header #nav_wrap nav ul{
	display: flex;
	align-items: center;
}
header #nav_wrap nav ul li {
	border-left: 1px #fff solid;
}
header #nav_wrap nav ul li:first-of-type,
header #nav_wrap nav ul li:last-of-type {
	border: none;
}
header #nav_wrap nav ul li a{
	padding: 0 30px;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
}
header #nav_wrap nav ul li.contact{
	width: 320px;
	height: 100px;
	margin-left: 20px;
	text-align: center;
}
header #nav_wrap nav ul li.contact a {
	width: 100%;
	height: 100%;
	background: #DC000C;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
header #nav_wrap nav ul li.contact a i {
	width: 20px;
	height: 14px;
	margin-right: 10px;
}
header #nav_wrap #syoshin{
	margin-right: 15px;
}
header #nav_wrap #syoshin a{
	padding: 10px 50px;
	padding-left: 40px;
	border: 3px #FE9292 solid;
	border-radius: 30px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #FE9292;
	display: inline-block;
	position: relative;
}
header #nav_wrap #syoshin a:after{
	content:">";
	width: 16px;
	height: 16px;
	background: #FE9292;
	border-radius: 50%;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	line-height: 15px; 
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}
header #nav_wrap #h_contact{
	margin: 5px 0;
	padding: 10px 30px;
	background: #005293;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	display: flex;
	align-items: center;
}
header #nav_wrap #h_contact .phone{
	margin-right: 15px;
}
header #nav_wrap #h_contact .phone a{
	text-decoration: none;
	font-size: 34px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	color: #FFF;
}
header #nav_wrap #h_contact .phone span{
	font-size: 18px;
	font-weight: bold;
	color: #FE9292;
}
header #nav_wrap #h_contact .mail a{
	width: 32px;
	height: 32px;
	background: #FFF;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* フッター */
footer {
	padding-bottom: 50px;
	padding-bottom: 0;
	background: #F2F2F2;
}
footer #contact .bg_wrap {
	margin-bottom: 50px;
	padding: 60px;
	background: #780072;
}
footer #contact .bg_wrap .flex {
	width: 86%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
footer #contact .bg_wrap .flex p {
	font-size: 18px;
	color: #fff;
}
footer #contact .bg_wrap .flex ul li a {
	padding: 25px 30px;
	border: 1px #fff solid;
	font-size: 18px;
	color: #fff;
	display: block;
}
footer #contact .bg_wrap .flex ul li a i{
	width: 50px;
	height: 30px;
	margin-left: 10px;
	display: inline-block;
}
footer .flex_wrap {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
footer .flex_wrap .box,
footer ul#footer_menu {
	width: 50%;
}
footer .flex_wrap .box ul.logo {
	margin-bottom: 30px;
}
footer .flex_wrap .box ul.logo li {
	width: 200px;
	padding-left: 110px;
}
footer .flex_wrap .box ul.basic_info li {
	margin-bottom: 10px;
}
footer .flex_wrap .box ul.basic_info li:nth-of-type(2) a {
	font-size: 18px;
	color: #000;
}
footer .flex_wrap .box ul.basic_info li:last-of-type {
	margin-bottom: 0;
}
footer ul#footer_menu li {
	margin-bottom: 20px;
}
footer ul#footer_menu li a {
	margin-bottom: 10px;
	color: #000;
}
footer ul#footer_menu > li.type {
	margin-bottom: 0;
}
footer ul#footer_menu > li a::before {
	content: "";
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background: #CBC8C5;
	border-radius: 50%;
	display: inline-block;
}
footer ul#footer_menu > li ul {
	margin-bottom: 0;
	padding: 10px 0;
	padding-left: 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
footer ul#footer_menu > li ul li {
	width: 33%;
	margin-bottom: 5px;
}
footer ul#footer_menu > li ul li a {
	font-size: 14px;
}
footer ul#footer_menu > li ul li a::before {
	content: "";
	width: 8px;
	height: 8px;
	background: #CBC8C5;
	border-radius: 50%;
	display: inline-block;
}
footer ul#footer_menu li.border_none {
	border-right: none;
}
footer .remarks li {
	padding-top: 20px;
	padding-bottom: 5px;
	background: #fff;
	font-size: 14px;
	color: #C22626;
	text-align: center;
}
footer .copyright {
	padding-bottom: 20px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	background: #fff;
	font-size: 14px;
	color: #383838;
	text-align: center;
}
#fixedTop {
	right: 30px;
    bottom: 30px;
    width: 45px;
    height: 45px;
    line-height: 44px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background: #4E1D19;
    position: fixed;
    z-index: 9999;
}
dl.fixd_banner {
	width: 190px;
	height: 190px;
	background: #FCF8E5;
	border: 10px #CBB212 solid;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1;
	position: fixed;
	top: 160px;
	right: 50px;
}
dl.fixd_banner dd:first-of-type {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
dl.fixd_banner dt {
	padding: 5px 20px;
	background: #D50000;
	font-weight: bold;
	color: #fff;
}
dl.fixd_banner dd:last-of-type {
	font-size: 46px;
	font-weight: bold;
	color: #D50000;
}
dl.fixd_banner dd:last-of-type em {
	font-size: 24px;
}
dl.fixd_banner dd:last-of-type span {
	font-size: 12px;
}
/* ナビ部分
------------------------------------------------ */
nav li .sp_menu {
	display: none;
}
/* モーダルメニュー */
#nav_wrap_sp {
	display: none;
}
.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	transition: .3s;
	transform: translateY(-100%);
}
.is-show {
	transform: translateY(0);
}
/* パンくずリスト
------------------------------------------------ */
#rootlist {
	max-width: 1180px;
	min-width: 900px;
	width: 86%;
	margin: 0 auto 60px;
	padding: 0 20px;
	font-size: 12px;
}
#rootlist span {
	margin: 0 5px;
	color: #999;
}
#rootlist a {
	text-decoration: none;
}
#rootlist a:hover {
	text-decoration: underline;
}
/* Hタグ
------------------------------------------------ */
h1 a,
dl#logo {
	color: #fff;
}
h1 a {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 600;
}
h2.title {
	margin-bottom: 30px;
	padding: 50px 0;
	font-family: 'Hina Mincho', serif;
	font-size: 56px;
	color: #fff;
	text-align: center;
}
h3.title {
	margin-bottom: 100px;
	font-family: 'Hina Mincho', serif;
	font-size: 34px;
	color: #000;
	text-align: center;
}
h3.title:before {
	content: "";
	width: 60px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url(/image/common/h3_point.svg) center no-repeat;
	background-size: contain;
	display: block;
}
h3.crimson {
	margin-bottom: 60px;
	font-family: 'Hina Mincho', serif;
	font-size: 36px;
	color: #7A3530;
	text-align: center;
}
h3.frame {
	margin-bottom: 50px;
	text-align: center;
}
h3.frame span {
	padding: 10px 150px;
	border: 1px #7A3530 solid;
	font-size: 24px;
	font-weight: bold;
	color: #7A3530;
}
/* 共通
------------------------------------------------ */
a {
	text-decoration: none;
}
p.center {
	text-align: center;
}
.bg_contents_wrap {
	padding: 20px 0;
	background: #fff;
}
#contents {
	margin: 0 auto 80px;
}
#contents p {
	margin-bottom: 20px;
	line-height: 1.6em;
}
#contents p:last-child {
	margin-bottom: 0;
}
.cbox {
	max-width: 1200px;
	min-width: 960px;
	width: 96%;
	margin: 0 auto 160px;
	box-sizing: border-box;
}
.cbox_m0 {
	max-width: 1200px;
	min-width: 960px;
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
.cbox_s {
	max-width: 980px;
	min-width: 900px;
	width: 96%;
	margin: 0 auto 140px;
	box-sizing: border-box;
}
.cbox_s_m0 {
	max-width: 980px;
	min-width: 900px;
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
.cbox_md {
	max-width: 1080px;
	min-width: 960px;
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
.inbox {
	margin: 0 auto 80px;
	padding: 0 10px;
	box-sizing: border-box;
}
.wp-pagenavi {
	max-width: 980px;
	min-width: 880px;
	margin: 0 auto;
}
br.sp {
	display: none;
}
.pc_none {
	display: none;
}
img {
	width: 100%;
	height: auto;
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
	from {
    opacity: 0;
	transform: translateY(100px);
}

to {
    opacity: 1;
	transform: translateY(0);
}
}
.fadeUpTrigger{
    opacity: 0;
}
/* 投稿ページ */
#p_news h3.title {
	margin-bottom: 40px;
}
#p_news .cbox {
	padding: 50px;
	border: 1px #CCC solid;
	box-sizing: border-box;
}
/* トップページ
------------------------------------------------ */
body#p_top{
	background: url(/image/top/img_main.jpg) center top -100px no-repeat;
	background-size: 110%;
}
#p_top #main {
	position: relative;
}
#p_top #main::after {
	content: "";
	width: 100%;
	height: 160px;
	background: #EBE8E5;
	display: block;
	clip-path: polygon(0 100%, 50% 0%, 100% 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#p_top #main h2 {
	padding: 180px 0 250px;
	font-family: 'Hina Mincho', serif;
	font-size: 56px;
	color: #fff;
	text-align: center;
}
#p_top #main ul {
	width: 90%;
	max-width: 1400px;
	min-width: 1285px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#p_top #main ul li {
	width: 23%;
	padding: 30px 0;
	background: rgba(235, 232, 229, 0.75);
	border-right: 1px #989592 solid;
	border-bottom: 1px #989592 solid;
	box-sizing: border-box;
	font-family: 'Hina Mincho', serif;
	font-size: 26px;
	text-align: center;
}
#p_top #main ul li:nth-of-type(2n) {
	margin-bottom: 50px;
}
/* 理想の家 デザイン階段で叶う */
#p_top #ideal .bg_wrap {
	margin-bottom: 70px;
	padding: 80px 0;
	padding-bottom: 130px;
	background: url(/image/top/bg_img_ideal_01.svg) left bottom -40px no-repeat,url(/image/top/bg_img_ideal_02.jpg) right top 80px no-repeat ,#EBE8E5;
}
#p_top #ideal .bg_wrap dl {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#p_top #ideal .bg_wrap dl dt {
	margin-right: 80px;
	font-family: 'Hina Mincho', serif;
	font-size: 30px;
	letter-spacing: 0.5rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#p_top #ideal .bg_wrap dl dd {
	flex: 1;
	font-size: 22px;
	line-height: 1.6;
}
/* メリット */
#p_top #merit h2 {
	margin-bottom: 80px;
	text-align: center;
}
#p_top #merit h2 span{
	padding: 10px 20px;
	background: #F38200;
	font-family: 'Hina Mincho', serif;
	font-size: 32px;
	color: #fff;
	display: inline-block;
}
#p_top #merit .flex {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#p_top #merit .flex:last-of-type {
	margin-bottom: 80px;
}
#p_top #merit .flex:nth-of-type(2n) {
	flex-direction: row-reverse;
}
#p_top #merit .flex ul {
	margin-right: 30px;
	position: relative;
}
#p_top #merit .flex ul:after {
	content: "";
	width: 30px;
	height: 30px;
	border: 1px #F38200 solid ;
	display: inline-block;
	position: absolute;
	right: -15px;
	bottom: -15px;
}
#p_top #merit .flex:nth-of-type(2n) ul {
	margin-right: 0;
	margin-left: 30px;
}
#p_top #merit .flex:nth-of-type(2n) ul:after {
	left: -15px;
	right: 0;
}
#p_top #merit .flex ul li {
	width: 400px;

}
#p_top #merit .flex dl {
	flex: 1;
}
#p_top #merit .flex dl dt {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
}
/* アイ・ライズの強み */
#p_top #forte .bg_wrap {
	padding: 80px 0;
	padding-bottom: 300px;
	background: url(/image/top/bg_img_forte_text.svg) center bottom 80px no-repeat,url(/image/top/bg_img_forte.jpg) right top no-repeat,#EBE8E5;
	background-size: contain,65%,auto;
	position: relative;
}
#p_top #forte h2 {
	margin-bottom: 80px;
	text-align: center;
}
#p_top #forte h2 span{
	padding: 10px 20px;
	background: #008A32;
	font-family: 'Hina Mincho', serif;
	font-size: 32px;
	color: #fff;
	display: inline-block;
}
#p_top #forte .flex_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#p_top #forte .flex_wrap .flex {
	width: 31%;
	padding: 30px 40px;
	box-sizing: border-box;
	background: #fff;
	display: flex;
	flex-direction: column;
}
#p_top #forte .flex_wrap .flex:first-of-type {
	margin-bottom: 100px;
}
#p_top #forte .flex_wrap .flex:nth-of-type(2) {
	margin-bottom: 50px;
}
#p_top #forte .flex_wrap .flex ul li {
	width: 214px;
	margin: 0 auto;
	position: relative;
}
#p_top #forte .flex_wrap .flex ul li img {
	border-radius: 50%;
}
#p_top #forte .flex_wrap .flex ul li span {
	font-family: 'Hina Mincho', serif;
	font-size: 70px;
	color: #008A32;
	position: absolute;
	bottom: 0;
	right: 0;
}
#p_top #forte .flex_wrap .flex dl dt {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
/* モニター募集 */
#p_top #banner .bg_wrap {
	margin-bottom: 30px;
	padding: 70px 0;
	background: #D7C768;
}
#p_top #banner .bg_wrap .flex {
	display: flex;
}
#p_top #banner .bg_wrap .flex ul {
	width: 45%;
}
#p_top #banner .bg_wrap .flex dl {
	padding: 60px 30px;
	box-sizing: border-box;
	background: #363636;
	text-align: center;
	flex: 1;
}
#p_top #banner .bg_wrap .flex dl dd:first-of-type {
	margin-bottom: 10px;
	font-size: 38px;
	color: #fff;
}
#p_top #banner .bg_wrap .flex dl dd:first-of-type span {
	margin-right: 5px;
	padding: 5px;
	background: #D50000;
	border-radius: 5px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
}
#p_top #banner .bg_wrap .flex dl dt {
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
}
#p_top #banner .bg_wrap .flex dl dt span {
	font-size: 50px;
}
#p_top #banner .bg_wrap .flex dl dd.link a {
	font-size: 20px;
	font-weight: bold;
	color: #FFE600;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#p_top #banner .bg_wrap .flex dl dd.link i {
	width: 66px;
	height: 40px;
	margin-left: 10px;
}
/* お客様にヒアリングを行いお家にあった階段をご提案します。 */
ul.img_operator,
ul.img_operator {
	width: 295px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#p_top #suggestion h2,
#p_top #omakase h2 {
	margin-bottom: 50px;
	font-size: 36px;
	text-align: center;
}
#p_top #suggestion h2 span,
#p_top #omakase h2 span {
	display: inline-block;
	font-family: 'Hina Mincho', serif;
	font-size: 36px;
}
#p_top #suggestion h2 span::before,
#p_top #suggestion h2 span::after,
#p_top #omakase h2 span::before,
#p_top #omakase h2 span::after {
	content: "";
	width: 50px;
	height: 60px;
	border-left: 1px #111111 solid;
	display: inline-block;
	transform:rotate(-45deg); 
}
#p_top #suggestion h2 span::after,
#p_top #omakase h2 span::after {
	transform:rotate(-135deg);
}
#p_top #suggestion p,
#p_top #omakase p {
	margin-bottom: 70px;
	text-align: center;
}
#p_top #suggestion ul.list {
	width: 90%;
	max-width: 1130px;
	min-width: 900px;
	margin: 0 auto;
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#p_top #suggestion ul.list li {
	width: 24%;
	margin-bottom: 10px;
	text-align: center;
}
#p_top #suggestion ul.list li a {
	width: 100%;
	padding: 20px 0;
	font-size: 20px;
	border: 1px #94673A solid;
	border-radius: 100px;
	color: #555555;
	display: block;
}
#p_top #suggestion ul.photo {
	display: flex;
	flex-wrap: wrap;
}
#p_top #suggestion ul.photo li {
	width: 33.33%;
}
/* 階段のオーダーメイドはアイ・ライズにお任せください。 */
#p_top #omakase .bg_wrap {
	padding-bottom: 100px;
	background: #EBE8E5;
}
#p_top #omakase .bg_wrap .box {
	margin-bottom: 80px;
	position: relative;
}
#p_top #omakase .bg_wrap .box dl {
	width: 75%;
	min-height: 200px;
	padding: 50px 80px;
	background: #fff;
}
#p_top #omakase .bg_wrap .box dl dt {
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}
#p_top #omakase .bg_wrap .box dl dt:before {
	content: "";
	width: 42px;
	height: 32px;
	background: url(/image/common/icon_stairs.svg) center no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: -16px;
	left: -50px;
}
#p_top #omakase .bg_wrap .box dl dd {
	width: 70%;
	margin-bottom: 10px;
	line-height: 1.6;
}
#p_top #omakase .bg_wrap .box dl dd:last-of-type {
	margin-bottom: 0;
}
#p_top #omakase .bg_wrap .box ul {
	width: 36%;
	position: absolute;
	top: -40px;
	right: 0;
}
/* 会社案内
------------------------------------------------ */
#p_about #greeting .bg_wrap {
	margin-bottom: 20px;
	padding: 100px 0;
	background: url(/about/image/bg_shape_greeting.svg) left center no-repeat,url(/image/common/img_whtie_07.png),url(/about/image/bg_img_greeting.jpg) right bottom no-repeat;
	background-size: 60%,auto,1144px;
}
#p_about #greeting .bg_wrap dl dt {
	margin-bottom: 40px;
	font-family: 'Sawarabi Mincho', serif;
	font-size: 36px;
}
#p_about #greeting .bg_wrap dl dt span {
	font-size: 60px;
	color: #7A3530;
}
#p_about #greeting .bg_wrap dl dd {
	line-height: 2;
}
#p_about #logo_movie ul {
	margin-bottom: 100px;
	padding: 70px 0;
	background: #FFF8F0;
}
#p_about #logo_movie ul li {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}
#p_about #logo_movie ul li video {
	width: 100%;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#p_about #overview dl {
	border-top: 1px #9A9A9A solid;
	padding: 20px;
	display: flex;
	align-items: center;
}
#p_about #overview dl:last-of-type {
	margin-bottom: 70px;
	border-bottom: 1px #9A9A9A solid;
}
#p_about #overview dl dt {
	width: 130px;
	padding: 0 30px;
	font-size: 18px;
	font-weight: bold;
	color: #884523;
}
#p_about #overview dl dd {
	padding: 0 30px;
	font-size: 18px;
	flex: 1;
}
/* ご注文の流れ
------------------------------------------------ */
#p_flow #flow .flow_box {
	margin-bottom: 40px;
	padding: 40px 50px;
	background: #F5F2EF;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
}
#p_flow #flow .flow_box:after {
	content: "";
	width: 20px;
	height: 20px;
	border-bottom: 1px #EC7F77 solid;
	border-left: 1px #EC7F77 solid;
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: rotate(-45deg) translateX(-50%);
	-webkit-transform: rotate(-45deg) translateX(-50%);
	-ms-transform: rotate(-45deg) translateX(-50%);
}
#p_flow #flow .flow_box:last-of-type:after {
	display: none;
}
#p_flow #flow .flow_box ul.number {
	margin-right: 40px;
}
#p_flow #flow .flow_box ul.number li {
	font-family: 'Sawarabi Mincho', serif;
	font-size: 60px;
	color: #F5F2EF;
	text-shadow: 
	1px 1px 1px #9A9A9A,
	-1px -1px 1px #9A9A9A,
	-1px 1px 1px #9A9A9A,
	1px -1px 1px #9A9A9A;
}
#p_flow #flow .flow_box dl {
	flex: 1;
}
#p_flow #flow .flow_box dl dt {
	margin-bottom: 20px;
	font-family: 'Sawarabi Mincho', serif;
	font-size: 30px;
	color: #7A3530;
}
#p_flow #flow .flow_box dl dd a {
	margin: 30px 0;
	margin-bottom: 0;
	padding: 15px 50px;
	background: #DC000C;
	color: #fff;
	display: inline-block;
}
#p_flow #flow .flow_box ul.img {
	margin-left: 40px;
}
#p_flow #flow .flow_box ul.img li {
	width: 140px;
}
/* 階段の種類
------------------------------------------------ */
#p_type p.center {
	margin-bottom: 100px;
}
#p_type ul.list {
	margin-bottom: 200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#p_type ul.list:after {
	content: "";
	width: 320px;
	display: block;
}
#p_type ul.list li {
	width: 320px;
	height: 320px;
	margin-bottom: 50px;
}
#p_type ul.list li a {
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
#p_type ul.list li a {
	cursor: pointer;
	max-width: 500px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#p_type ul.list li a:hover {
	opacity: 1;
}
#p_type ul.list li a img {
	height: auto;
	transition: transform .6s ease; /* ゆっくり変化させる */
}
#p_type ul.list li a:hover img {
	transform: scale(1.1); /* 拡大 */
}
#p_type ul.list li a p {
	align-items: center; /* テキストの中央揃え */
	bottom: 0;
	color: #fff; /* テキストの色 */
	display: flex; /* テキストの中央揃え */
	justify-content: center; /* テキストの中央揃え */
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 80%; /* テキストを横幅いっぱいにならないようにする */
	z-index: 2;
}
/* マスク */
#p_type ul.list li a::before {
	background: rgba(0, 0, 0, .3); /* マスクの色(黒の50%) */
	bottom: 0;
	content: '';
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}
/* 階段の種類 共通
------------------------------------------------ */
ul.block {
	margin-bottom: 50px;
}
ul.block li {
	margin-bottom: 10px;
}
ul.block li img {
	margin-bottom: 10px;
}
ul.back_link {
	text-align: center;
}
ul.back_link li:last-of-type {
	margin-bottom: 0;
}
ul.back_link li a {
	padding: 20px 100px;
	border: 1px #94673A solid;
	border-radius: 100px;
	color: #555;
	display: inline-block;
}
/* お問い合わせ・お見積り 
------------------------------------------------ */
#p_contact .img_operator {
	width: 146px;
	margin-bottom: 20px;
}
#p_contact .call {
	margin-bottom: 145px;
	padding: 40px 0;
	border: 5px #ECECEC solid;
	display: flex;
	align-items: center;
	justify-content: center;
}
#p_contact .call li {
	padding: 0 40px;
	text-align: center;
}
#p_contact .call li:first-of-type {
	border-right: 1px #707070 solid;
}
#p_contact .call li:last-of-type > span {
	display: block;
}
#p_contact .call li:last-of-type > span a {
	font-size: 30px;
	color: #D26D65;
}
#p_contact form dl {
	padding: 20px 0;
	border-bottom: 1px #707070 solid;
	display: flex;
}
#p_contact form dl:not(.textarea) {
	align-items: center;
}
#p_contact form dl:first-of-type {
	border-top: 1px #707070 solid;
}
#p_contact form dl.textarea {
	margin-bottom: 40px;
}
#p_contact form dl dt {
	width: 30%;
	font-size: 18px;
	color: #555;
}
#p_contact form dl dt span {
	margin-left: 15px;
	font-size: 14px;
	color: #C22626;
}
#p_contact form dl dd {
	width: 70%;
	font-size: 18px;
}
#p_contact form dl dd input {
	line-height: 40px;
}
#p_contact form dl dd > input,
#p_contact form dl dd > textarea {
	border: 1px #CBCBCB solid;
}
#p_contact form dl dd ul.flex {
	display: flex;
}
#p_contact form dl dd ul.flex li {
	margin-right: 40px;
}
#p_contact form dl dd ul.file li span {
	font-size: 14px;
}
#p_contact form ul.link li,
#p_contact form .button {
	text-align: center;
}
#p_contact form ul.link {
	margin-bottom: 30px;
}
#p_contact form ul.link li a {
	font-size: 16px;
	color: #555;
	text-decoration: underline;
}
#p_contact form .button input {
	padding: 20px 70px;
	background: #B4A154;
	border: none;
	font-size: 18px;
	color: #fff;
}
#p_contact form .button input:hover {
	opacity: .7;
}
/* フォーム幅
------------------------------------------------ */
form .wl {
	width: 100% !important;
	box-sizing: border-box;
}
form .wm {
	width: 50% !important;
	box-sizing: border-box;
}
form .ws {
	width: 25% !important;
	box-sizing: border-box;
}
form .wss {
	width: 10% !important;
	box-sizing: border-box;
}
/* プライバシーポリシー
------------------------------------------------ */
#p_policy #policy dl {
	padding: 30px 10px;
	border-bottom: 1px #bababa solid;
}
#p_policy #policy dl dt {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}