/*
 Theme Name:   OOPS Child
 Template:     oops_tcd048
 version:   1.1.2
*/

#cb_2,#cb_3,#cb_4,#cb_5,#cb_6{
color:#333;
}

.p-pagetop a{
background: #5B5B5B;
}

.p-index-slider__item-desc p{
    font-weight: 600;
}

.l-footer span.p-article01__category a ,.l-footer time{
    color: #fff;
}


@media only screen and (max-width: 500px){
.p-index-slider__item-desc {
    font-size: 30px!important;
}

.wpcf7 {
background:none;
border: unset;
}
.wpcf7 form {
    margin: unset;
}
.wpcf7 input, .wpcf7 textarea {
    width: 100%;
    max-width: 600px;
}
textarea{
  display:block;
}
div.waku{
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
input,textarea{
border-radius: 5px;
}



.case {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
margin-top:7px;
}
i.tag {
    font-size: 11px;
    color: #ffffff;
    background-color: #F7743A;
    padding: 2px 5px;
    margin-right: 10px;
font-style:normal;
}


dl.contact_form {
	overflow: hidden;
	font-size: 18px;
	border-bottom: 1px solid #D8D8D8;
	border-top: 0;
	box-sizing: border-box;
    margin: unset;
}

dt.contact_form--dt {
	float: left;
	width: 230px;
	padding: 30px 0 0 20px;
	box-sizing: border-box;
}

dd.contact_form--dd {
	background: #fff;
	padding: 20px 0 0;
	box-sizing: border-box;
	margin: 0 20px 0 230px;
}

@media (max-width: 480px) {
dl.contact_form {
	width: 100%;
	margin: unset;
	margin-top: 2.5%;
}
.contact_form--dt {
	width: 100%;
	float: none;
}
.contact_form--dd {
	width: 100%;
	border-left: 0;
margin:unset;
padding: 0 20px 20px 20px;
}
}

ol.list_flow{
width:100%;
letter-spacing:-0.4em;
margin-left:0;
margin-top:60px;
margin-bottom:40px;
}
.list_flow--item{
display:inline-block;
width:32.5%;
height:90px;
line-height:90px!important;
vertical-align:middle;
background-color:#f3f3f3;
color:#000;
position:relative;
letter-spacing:normal;
margin-right:10px
}
.list_flow--item:after{
content:"";
display:block;
position:absolute;
top:0;
right:-8px;
width:0;
height:0;
border-top:45px solid transparent;
border-right:10px solid transparent;
border-bottom:46px solid transparent;
border-left:30px solid #f3f3f3;
background-color:#fff;
}
.list_flow--item:last-child{
margin-right:0;
}
.list_flow--item:last-child:after{
content:none;
}
.list_flow--item:last-child .list_flow--text{
padding-right:30px;
}
.list_flow--item.is_current{
background-color:#000;
position:relative;
}
.list_flow--item.is_current .list_flow--step,.list_flow--item.is_current .list_flow--num,.list_flow--item.is_current .list_flow--text{
color:#fff;
}
.list_flow--item.is_current:after{
border-left-color:#000;
}
p.list_flow--step{
float:left;
padding:0 9px 0 27px;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
position:relative;
line-height:90px;
}
p.list_flow--num{
float:left;
font-size:30px;
font-weight:
bold;position:relative;
line-height:90px;
}
p.list_flow--text{
float:right;
padding-right:45px;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
position:relative;
line-height:90px;
}

@media (max-width: 980px) {
.list_flow{
width:100%;
letter-spacing:-0.4em;
margin-left: 0!important;
}
.list_flow--item{
display:inline-block;
width:30%;
height:50px;
line-height:90px!important;
vertical-align:middle;
background-color:#f3f3f3;
color:#000;
position:relative;
letter-spacing:normal;
margin-right:10px
}
.list_flow--item:after{
content:"";
display:block;
position:absolute;
top:0;
right:-8px;
width:0;
height:0;
border-top:25px solid transparent;
border-right:5px solid transparent;
border-bottom:26px solid transparent;
border-left:20px solid #f3f3f3;
background-color:#fff;
}
.list_flow--item:last-child{
margin-right:0;
}
.list_flow--item:last-child:after{
content:none;
}
.list_flow--item:last-child .list_flow--text{
padding-right:30px;
}
.list_flow--item.is_current{
background-color:#000;
position:relative;
}
.list_flow--item.is_current .list_flow--step,.list_flow--item.is_current .list_flow--num,.list_flow--item.is_current .list_flow--text{
color:#fff;
margin:0;
}
.list_flow--item.is_current:after{
border-left-color:#000;
}
p.list_flow--step{
float:left;
padding:9px 3px 0 16px;
font-size:10px!important;
font-weight:bold;
letter-spacing:1px;
position:relative;
line-height:15px;
margin:0;
}
p.list_flow--num{
float:left;
padding-top:9px;
font-size:15px!important;
font-weight:
bold;position:relative;
line-height:15px;
margin:0;
}
p.list_flow--text{
float:left;
padding-left:16px;
padding-right:0;
font-size:10px!important;
font-weight:bold;
letter-spacing:2px;
position:relative;
line-height:15px;
margin:0;
clear: both;
}
}