.br::before {
    content: "\A";
    white-space: pre;
}

/* アイコン
---------------------------------------------------- */
.i_download{
position: relative;
display: inline-block;
width:26px;
height:26px;
border-bottom: 3px solid #494949;
margin: 0 15px 0 0;
padding: 0;
}

.i_download::after{
position: absolute;
content: '';
background: #494949;
width:6px;
height:11px;
margin: 0;
padding: 0;
top: 0px;
left: 10px;
}

.i_download::before{
position: absolute;
content: '';
width:0;
height:7px;
border: 9px solid transparent;
border-top: 9px solid #494949;
margin: 0;
padding: 0;
top: 11px;
left: 4px;
}

.i_itemname{
position: relative;
display: inline-block;
border-bottom: 20px solid #494949;
width:18px;
height:26px;
margin: 0 15px 0 0;
padding: 0;
}

.i_itemname::before{
position: absolute;
width: 0;
height: 0;
content: "";
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 6px solid #494949;
top: 0px;
left: 0px;
}

.i_itemname::after{
position: absolute;
content: '';
background: #FFF;
width: 4px;
height: 4px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
top:4px;
left:7px;
}

.i_datasheet{
position: relative;
display: inline-block;
border-top: 3px solid #494949;
border-left: 3px solid #494949;
border-right: 3px solid #494949;
border-bottom: 3px solid #494949;
width:22px;
height:26px;
margin: 0 15px 0 0;
padding: 0;
}

.i_datasheet::before{
position: absolute;
width: 10px;
height: 4px;
content: "";
border-top: 2px solid #494949;
border-bottom: 2px solid #494949;
top: 3px;
left: 3px;
}

.i_datasheet::after{
position: absolute;
width: 6px;
height: 5px;
content: "";
border-bottom: 2px solid #494949;
top: 10px;
left: 3px;
}

.i_copy{
position: relative;
display: inline-block;
width:26px;
height:26px;
margin: 0 15px 0 0;
padding: 0;
}

.i_copy::after{
position: absolute;
content: '';
background: #fff;
width:14px;
height:14px;
border: 3px solid #494949;
margin: 0;
padding: 0;
top: 6px;
left: 0;
}

.i_copy::before{
position: absolute;
content: '';
width:14px;
height:14px;
border: 3px solid #494949;
margin: 0;
padding: 0;
top: 0px;
left: 6px;
}

.i_estimate{
position: relative;
display: inline-block;
width: 18px;
height: 20px;
border: 2px solid #494949;
margin-right:10px;
}

.i_estimate::after{
position: absolute;
content: '';
width: 10px;
height: 2px;
border-top: 1px solid #494949;
border-bottom: 1px solid #494949;
top:2px;
left:2px;
}

.i_estimate::before{
position: absolute;
content: '';
width: 10px;
height: 2px;
border-top: 1px solid #494949;
border-bottom: 1px solid #494949;
top:8px;
left:2px;
}

.i_guide{
position: relative;
display: inline-block;
width: 26px;
height: 26px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid #333;
margin-right:10px;
}

.i_guide::after{
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #494949 transparent transparent transparent;

top:10px;
left:6px;
}

.i_guide::before{
	position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 10px 5px;
border-color: transparent transparent #494949 transparent;

top:0px;
left:6px;
}

.i_inst{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 25%;
-moz-border-radius: 25%;
-webkit-border-radius: 25%;
border: 2px solid #fff;
margin-right:10px;
}

.i_inst::after{
position: absolute;
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid #fff;
top:3px;
left:3px;
}

.i_inst::before{
position: absolute;
content: '';
background: #494949;
width: 1px;
height: 1px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid #fff;
top:2px;
left:11px;
}

.i_inst_l{
position: relative;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 25%;
-moz-border-radius: 25%;
-webkit-border-radius: 25%;
border: 4px solid #494949;
margin:0 auto;
}

.i_inst_l::after{
position: absolute;
content: '';
width: 12px;
height: 12px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 4px solid #494949;
top:6px;
left:6px;
}

.i_inst_l::before{
position: absolute;
content: '';
background: #494949;
width: 2px;
height: 2px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid #494949;
top:3px;
left:23px;
}

.i_star{
position: relative;
display: inline-block;
width: 23px;
height: 23px;
background: #494949;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

top:2px;
left:1px;
margin-right:9px;
}
.i_star::before {

}
.i_star::after {

}

.i_sort{
position: relative;
display: inline-block;
width: 14px;
height: 20px;
border-left: 3px solid #494949;
border-right: 3px solid #494949;
margin-right:10px;
padding:0;
}

.i_sort::after{
position: absolute;
content: '';
width: 9px;
height: 3px;
border-top: 3px solid #494949;
top:3px;
left:-6px;
}

.i_sort::before{
position: absolute;
content: '';
width: 9px;
height: 3px;
border-bottom: 3px solid #494949;

top:11px;
left:5px;
}

.i_clown{
position: relative;
display: inline-block;
background: #494949;
width: 20px;
height: 20px;
margin-right:10px;
}

.i_clown::after{
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #fff transparent transparent transparent;

top:0px;
left:0px;
}

.i_clown::before{
	position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #fff transparent transparent transparent;

top:0px;
left:10px;
}

.i_categorise{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
background: #494949;
margin-right:10px;
}

.i_categorise::after{
position: absolute;
content: '';
width: 20px;
height: 6px;
border-top: 1px double #fff;
border-bottom: 1px double #fff;
top:6px;
left:0px;
}

.i_categorise::before{
position: absolute;
content: '';
width: 6px;
height: 20px;
border-left: 1px double #fff;
border-right: 1px double #fff;

top:0px;
left:6px;
}

.i_brand{
position: relative;
display: inline-block;
background: #494949;
width: 13px;
height: 14px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
margin-right:13px;
}

.i_brand::before{
position: absolute;
content: '';
width: 0;
height: 0;
border: 5px solid;
border-color: #494949 #494949 transparent transparent;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
top:-5px;
right:1px;
}

.i_brand::after{
position: absolute;
content: '';
background: #fff;
width: 3px;
height: 3px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
top:-3px;
right:5px;
}

.i_purpose{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin-right:10px;
}

.i_purpose::after{
position: absolute;
content: '';
width: 14px;
height: 14px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 3px solid #494949;
top:0;
left:0;
}

.i_purpose::before{
position: absolute;
content: '';
background: #494949;
width: 8px;
height: 8px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
top:6px;
left:6px;
}

.i_pickup{
position: relative;
display: inline-block;
background: #494949;
width: 20px;
height: 20px;
margin-right:10px;
}

.i_pickup::after{
position: absolute;
content: '';
width: 6px;
height: 6px;
border-top: 1px double #fff;
border-left: 1px double #fff;
border-right: 1px double #fff;
border-bottom: 1px double #494949;
top:6px;
left:6px;
}

.i_pickup::before{
position: absolute;
content: '';
width: 20px;
height: 6px;
border-bottom: 1px double #fff;
top:7px;
left:0px;
}

/* スライド
---------------------------------------------------- */
.cmn_img_slider{
margin:80px auto 0;
padding:0;
}

.cmn_img_slider .img_box{
width:1100px;
margin:0 auto; !important;
padding:0;
}

.cmn_img_slider .img_outer{
display:flex;
justify-content: center;
width:1100px;
margin:0 auto;
padding:0;
}

.cmn_img_slider .main_img{
width:560px;

margin:0 auto !important;
padding:0;
}

.cmn_img_slider .img_box .main_img{
width:560px;
height:560px;
}

.cmn_img_slider .img_box .main_img img{
width:560px;
height:560px;
border: 1px solid #d9d9d9;
}

.cmn_img_slider .img_box .bx-wrapper{
width:560px !important;
height:560px !important;
padding:0;
margin:0 !important;
}

.cmn_img_slider .img_box .bx-window {
width:560px;
}


.cmn_img_slider .img_box .sub_img{
display:flex;
justify-content: center;
width:770px;
height:100%;
margin:0 auto;
padding:0 0 0 10px;
}


.cmn_img_slider .img_box .sub_img ul{
display:flex;
flex-wrap: wrap;
margin:0 auto;
padding:0;
}

.cmn_img_slider .img_box .sub_img li{
width:85px;
height:85px;
list-style:none;
cursor: pointer;
border: 1px solid #d9d9d9;
margin:10px 10px 0px 0px;
padding:0px 0px 0px 0px;
}

.cmn_img_slider .img_box .sub_img li.pager-active{
border: 1px solid #b9b9b9;
}

.cmn_img_slider .img_box .sub_img li img{
width:83px;
height:83px;
}


.cmn_img_slider2{
margin:80px auto 0;
padding:0;
}

.cmn_img_slider2 .img_box{
width:1100px;
margin:0 auto;
padding:0;
}

.cmn_img_slider2 .img_outer{


}

.cmn_img_slider2 .img_box .main_img{
display:flex;
justify-content: center;
width:1100px;
height:560px;
margin:0 auto;
padding:0;
}

.cmn_img_slider2 .img_box .main_img img{
width:792px;
height:560px;
border: 1px solid #d9d9d9;
margin:0 auto;
}

.cmn_img_slider2 .img_box .bx-wrapper{
width:792px !important;
height:560px !important;
padding:0;
margin:0 auto !important;
}

.cmn_img_slider2 .img_box .bx-window {
width:792px !important;
}

.cmn_img_slider2 .img_box .sub_img{
display:flex;
justify-content: center;
width:1100px;
height:100%;
margin:0 auto;
padding:0 0 0 10px;
}

.cmn_img_slider2 .img_box .sub_img ul{
display:flex;
flex-wrap: wrap;
margin:0 auto;
padding:0;
}

.cmn_img_slider2 .img_box .sub_img li{
width:120px;
height:85px;
list-style:none;
cursor: pointer;
border: 1px solid #d9d9d9;
margin:10px 10px 0px 0px;
padding:0px 0px 0px 0px;
}

.cmn_img_slider2 .img_box .sub_img li.pager-active{
border: 1px solid #b9b9b9;
}

.cmn_img_slider2 .img_box .sub_img li img{
width:118px;
height:83px;
}

/* 注意点
---------------------------------------------------- */
.cmn_note_box2{
width:1100px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin:80px auto 0;
padding:20px 0;
}

.cmn_note_box2 h3{
font-size: 116%;
font-weight: bold;
line-height: 1.7;
margin:0;
padding:0;
}

.cmn_note_box2 p{
font-size: 116%;
line-height: 1.8;
margin:10px 0 0;
padding:0;
}

.cmn_note_box2 ol{
list-style-position: outside;
list-style-type: decimal;
margin:0 0 0 20px;
padding:0 0 0 22px;
}

.cmn_note_box2 ol li{
font-size: 108%;
line-height: 1.7;
margin:6px 0 0;
padding:0;
}

.cmn_note_box2 ol li ul{
list-style-position: inside;
list-style-type: disc;
margin:0 0 0 22px;
padding:0;
}

.cmn_note_box2 ol li ul li{
font-size: 100%;
line-height: 1.6;
margin:4px 0 0;
padding:0;
}

.cmn_note_box .cmn_note_txt{
width:820px;
min-height:130px;
margin:0;
padding:20px 0 20px 20px;
}

.cmn_note_box{
display:flex;
justify-content: space-between;
width:1100px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin:80px auto 0;
padding:0;
}

.cmn_note_box .cmn_note_title{
background-color:#f5f5f5;
width:280px;
min-height:130px;
margin:0;
padding:20px 0;
}

.cmn_note_box .cmn_note_title h3{
width:280px;
font-size: 116%;
font-weight: bold;
line-height: 1.5;
text-align:center;
margin:0;
padding:0;
}

.cmn_note_box .cmn_note_txt{
width:820px;
min-height:130px;
margin:0;
padding:20px 0 20px 20px;
}

.cmn_note_box .cmn_note_txt p{
font-size: 116%;
line-height: 1.8;
margin:0;
padding:0;
}

.cmn_cnt_img{
width:1100px;
height:auto;
text-align:center;
margin:60px auto 0;
padding:0;
}

.cmn_cnt_img img{
margin:0 auto;
padding:0;
}

/* サークルアイコン
---------------------------------------------------- */
.icon_circle{
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width:110px;
height:110px;
margin:0 auto;
}

.cyan{
background-color:#00a1e9;
}

.magenta{
background-color:#e5007f;
}

.yellow{
background-color:#e4e619;
}

.black{
background-color:#000;
}

/* 
---------------------------------------------------- */
h3.cmn_document_title{
width:1100px;
font-size:131%;
font-weight:bold;
line-height:1.6;
margin:80px auto 0;
padding:0;
}

.cmn_document_box{
width:1100px;
border-top: 1px solid #d9d9d9;
margin:15px auto 0;
padding:0;
}

.cmn_document_box .inner{
display:flex;
justify-content: space-between;
width:1100px;
border-bottom: 1px solid #d9d9d9;
margin:0;
padding:0;
}

.cmn_document_box .inner .title_area{
width:320px;
margin:0;
padding:36px 0;
}

.cmn_document_box .inner .title_area h4{
font-size:123.1%;
line-height:1.5;
text-align:center;
margin:0;
padding:26px 0 0 0;
}

.cmn_document_box .inner .title_area p{
font-size:85%;
line-height:1.5;
text-align:center;
margin:5px 0 0 0;
padding:0;
}

.cmn_document_box .inner .text_area{
width:780px;
margin:0;
padding:28px 0 36px 18px;
}

.cmn_document_box .inner .text_area p{
font-size:116%;
line-height:1.8;
margin:8px 0 0 0;
padding:0;
}

.cmn_post_area{
background-color:#f5f5f5;
width:100%;
margin:80px 0 0;
padding:0 0 60px;
}

.cmn_post_area .wrap{
display:flex;
justify-content: space-between;
width:1100px;
margin:0 auto;
padding:0;
}

.cmn_post_area .inner{
display: flex;
flex-direction: column;
background-color:#fff;
width:520px;
margin:60px 0 0 0;
padding:30px 30px 60px;
}

.cmn_post_area .inner h3{
font-size:174%;
line-height:1.5;
text-align:center;
margin:0;
padding:26px 0 0 0;
}

.cmn_post_area .inner p{
font-size:116%;
line-height:1.8;
margin:20px 0 0 0;
padding:0 0 30px;
}

.cmn_post_area .inner .btn{
width:260px;
height:42px;
margin:auto auto 0;
padding:0;
}




.cmn_gallery_area{
display:flex;
justify-content:space-between;
width:1100px;
margin:80px auto 0;
padding:0;
}

.cmn_gallery_area .text_area{
width:480px;
margin:0;
padding:0;
}
.cmn_gallery_area .text_area h3{
font-size:174%;
line-height:1.5;
text-align:center;
margin:0;
padding:26px 0 0 0;
}

.cmn_gallery_area .text_area p{
font-size:116%;
line-height:1.8;
margin:20px 0 0 0;
padding:0;
}

.cmn_gallery_area .img_area{
width:580px;
margin:0;
padding:0;
}

.cmn_gallery_area .img_area ul{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
width:580px;
}

.cmn_gallery_area .img_area img{
width:180px;
height:180px;
margin:0 0 20px 0;
}

.cmn_sub_description{
display:flex;
justify-content: space-around;
width:1100px;
margin:80px auto 0;
padding:0;
}

.cmn_sub_description .wrap{
width:550px;
margin:0;
padding:0;
}

.cmn_sub_description .separator{
border-right: 1px solid #d9d9d9;
}

.cmn_sub_description .inner01{
width:510px;
margin:0;
padding:0 39px 0 0;
}

.cmn_sub_description .inner02{
width:510px;
margin:0;
padding:0 0 0 40px;
}

.cmn_sub_description h3{
width:510px;
font-size:138.5%;
font-weight:bold;
line-height:1.6;
text-align:center;
margin:0;
padding:0;
}

.cmn_sub_description p{
font-size:123.1%;
line-height:1.7;
margin:16px 0 0 0;
padding:0;
}

.cmn_sub_description ul{
display:flex;
justify-content:space-between;
width:510px;
list-style:none;
margin:30px 0 0 0;
padding:0;
}

.cmn_sub_description ul li{

margin:0;
padding:0;
}

.cmn_sub_description ul li img{
width:245px;
height:245px;
margin:0;
padding:0;
}

.cmn_sub_description ul li.single img{
width:510px;
height:245px;
margin:0;
padding:0;
}

.cmn_sub_description2{
display:flex;
justify-content: space-between;
width:1100px;
margin:80px auto 0;
padding:0;
}

.cmn_sub_description2 .inner{
background-color:#f5f5f5;
width:520px;
margin:0;
padding:0;
}

.cmn_sub_description2 .illustration{
margin:0;
padding:0;
}

.cmn_sub_description2 p{
font-size:116%;
line-height:1.8;
margin:0;
padding:16px;
}

/* アローボタン
---------------------------------------------------- */
.arw_btn{
    display: inline-block;
    position: relative;
    vertical-align: middle;
text-decoration:none;
text-align:center;
border-radius: 3px;
margin:0;
padding:0;
}

.arw_btn::before,
.arw_btn::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

/* ボタンカラー
---------------------------------------------------- */
.btn_col1{
background-color:#be0000;
width:230px;
height:42px;
font-size:100%;
line-height:42px;
color:#FFF;
}

.btn_col1:hover{
background-color:#ea0000;
}

.btn_col1::before{
    left: 205px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col2{
background-color:#8ab810;
width:260px;
height:42px;
font-size:100%;
line-height:42px;
color:#FFF;
}

.btn_col2:hover{
background-color:#9fd512;
}

.btn_col2::before{
    left: 235px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col3{
background-color:#fff;
width:260px;
height:42px;
font-size:100%;
line-height:42px;
color:#333;
border: 1px solid #333;
}

.btn_col3:hover{
background-color:#f3f3f3;
}

.btn_col3::before{
    left: 235px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col4{
background-color:#fff;
width:256px;
height:42px;
font-size:100%;
line-height:42px;
color:#333;
border: 1px solid #333;
}

.btn_col4:hover{
background-color:#f3f3f3;
}

.btn_col4::before{
    left: 231px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col5{
background-color:#2180c2;
width:260px;
height:42px;
font-size:100%;
line-height:42px;
color:#FFF;
}

.btn_col5:hover{
background-color:#2794e0;
}

.btn_col5::before{
    left: 235px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col6{
background-color:#275e85;
width:260px;
height:42px;
font-size:100%;
line-height:42px;
color:#FFF;
}

.btn_col6:hover{
background-color:#347db0;
}

.btn_col6::before{
    left: 235px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col7{
background-color:#494949;
width:260px;
height:42px;
font-size:100%;
line-height:42px;
color:#FFF;
}

.btn_col7:hover{
background-color:#be0000;
}

.btn_col7::before{
    left: 235px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col8{
background-color:#ff5e00;
width:260px;
height:42px;
font-size:100%;
line-height:42px;
color:#FFF;
}

.btn_col8:hover{
background-color:#ff7a2c;
}

.btn_col8::before{
    left: 235px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_col_r1{
background-color:#fff;
width:260px;
height:42px;
font-size:100%;
line-height:42px;
color:#333;
border: 1px solid #333;
}

.btn_col_r1:hover{
background-color:#f3f3f3;
}

.btn_col_r1::before{
    left: 25px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}




a.btn_m_col1{
background-color:#fff;
width:210px;
height:40px;
font-size:100%;
line-height:40px;
color:#333;
border: 1px solid #b5b5b5;
}

a.btn_m_col1:hover{
background-color:#494949;
color:#fff;
border: 1px solid #494949;
}

a.btn_m_col1::before{
    left: 185px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btn_m_col1:hover::before{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* アコーディオン
---------------------------------------------------- */
.acd_tab {
position: relative;
overflow: hidden;
width: 900px;
margin: 0 auto;
}

.acd_tab input {
position: absolute;
z-index: -1;
opacity: 0;
}

.acd_tab label {
position: relative;
display: block;
background: #fff;
height: 90px;
cursor: pointer;
border-top: 1px solid #d9d9d9;
margin: 0;
padding: 0;
}

.acd_wrap {
width: 900px;
border-bottom: 1px solid #d9d9d9;
margin: 0 auto;
padding: 0;
}

.acd_tab .acd_tab_content {
overflow: hidden;
background: #fff;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333;
}

.acd_tab h2 {
font-size: 131%;
font-weight: bold;
line-height: 90px;
color: #333;
}

.acd_tab h3 {
font-size: 116%;
line-height: 1.7;
font-weight: bold;
color: #333;
margin:24px 0 0;
}

.acd_tab h3:first-child {
margin:0;
}

.acd_tab .acd_tab_content p{
font-size: 123.1%;
line-height: 1.8;
color: #333;
margin:12px 0 0;
padding: 0 0 0;
}

.acd_tab .acd_tab_content p.note{
font-size: 116%;
line-height: 1.8;
color: #333;
margin:12px 0 0;
padding:0;
}

.acd_tab .acd_tab_content .note_box{
border-top: 1px dotted #969696;
margin:40px auto 0;
padding:18px 0 0;
}

.acd_tab .acd_tab_content .note_box ul{
list-style-position: inside;
list-style-type: disc;
margin:12px 0 0x;
padding:0;
}

.acd_tab .acd_tab_content .note_box li{
font-size: 116%;
line-height: 1.8;
margin:4px 0 0;
padding:0;
}

.acd_tab .acd_tab_content .note_box li a{
color:#333;
}

.acd_tab .acd_tab_content .note_box li a:hover{
color:#333;
}

.acd_tab .acd_tab_content p:first-child {
margin:0;
}

/* :checked */
.acd_tab input:checked ~ .acd_tab_content {
max-height: 300em;
}

.acd_tab input:target ~ .acd_tab_content{
max-height: 300em;
}

/*チェックのアイコン（↓）*/
.acd_tab label:after{
position: absolute;
content: '';
width: 12px;
height: 12px;
border-top: solid 3px #666;
border-right: solid 3px #666;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: 40%;
right: 5%;
margin-top: 0;
}

/*チェックのアイコン（↑）*/
.acd_tab input:checked ~ label::after {
position: absolute;
content: '';
width: 12px;
height: 12px;
border-top: solid 3px #666;
border-right: solid 3px #666;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
top: 40%;
right: 5%;
margin-top: 0;
}

.acd_tab .acd_tab_content .acd_inner{
width:780px;
list-style:none;
margin:0;
padding: 0 0 40px 20px;
}

/* アコーディオン サブ
---------------------------------------------------- */
.acd_tab_sub {
position: relative;
overflow: hidden;
width: 900px;
margin: 0 auto;
color: #333;
}

.acd_tab_sub input {
position: absolute;
z-index: -1;
opacity: 0;
}

.acd_tab_sub label {
position: relative;
display: block;
background: #fff;
height: 60px;
font-size: 116%;
font-weight: bold;
line-height: 60px;
cursor: pointer;
border-top: 1px solid #d9d9d9;
margin: 0 0 0 0;
padding: 0 0 0 20px;
}

.acd_tab_sub .acd_tab_subcontent {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333;
background: #fff;
}

.acd_tab_sub .acd_tab_subcontent p {
font-size: 93%;
line-height: 1.7;
margin:0;
padding: 0 0 30px 0;
}

.acd_tab_sub .acd_tab_subcontent ul{
display:flex;
flex-wrap: wrap;
width:900px;
list-style:none;
margin:0px 0 0 0;
padding: 0 0 20px 20px;
}

.acd_tab_sub .acd_tab_subcontent ul li{
content: '';
width:30%;
height:20px;
margin:10px 10px 0 0;
padding:0;
}

.acd_tab_sub .acd_tab_subcontent ul li a{
color: #333;
text-decoration:none;
}

.acd_tab_sub .acd_tab_subcontent ul li a:hover{
text-decoration:underline;
}

/* :checked */
.acd_tab_sub input:checked ~ .acd_tab_subcontent {
max-height: 150em;
}

/*チェックのアイコン（↓）*/
.acd_tab_sub label:after{
  position: absolute;
     content: '';
     width: 8px;
     height: 8px;
     border-top: solid 2px #666;
     border-right: solid 2px #666;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     top: 40%;
     right: 5%;
     margin-top: 0px;
}

/*チェックのアイコン（↑）*/
.acd_tab_sub input:checked ~ label::after {
  position: absolute;
     content: '';
     width: 8px;
     height: 8px;
     border-top: solid 2px #666;
     border-right: solid 2px #666;
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
     top: 40%;
     right: 5%;
     margin-top: 0px;
}

.acd_btn h2{
margin: 0;
padding: 0;
}

.acd_btn a{
position: relative;
display: block;
background: #fff;
height: 90px;
font-size: 131%;
font-weight: bold;
line-height: 90px;
color:#333;
text-align:left;
text-decoration:none;
border-top: 1px solid #d9d9d9;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/*チェックのアイコン（↓）*/
.acd_btn a:after{
  position: absolute;
     content: '';
     width: 12px;
     height: 12px;
     border-top: solid 3px #666;
     border-right: solid 3px #666;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 40%;
     right: 5%;
     margin-top: 0px;
}


.acd_btn_sub a{
position: relative;
display: block;
background: #fff;
height: 60px;
font-size: 116%;
font-weight: bold;
line-height: 60px;
color:#333;
text-decoration:none;
border-top: 1px solid #d9d9d9;
margin: 0 0 0 0;
padding: 0 0 0 20px;
}

/*チェックのアイコン（↓）*/
.acd_btn_sub a:after{
  position: absolute;
     content: '';
     width: 8px;
     height: 8px;
     border-top: solid 2px #666;
     border-right: solid 2px #666;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 40%;
     right: 5%;
     margin-top: 0px;
}

/* コンテンツタブ
---------------------------------------------------- */
.tab_switch{
width:100%;
margin:0 auto;

}

.tab_switch input[type="radio"]{
display:none;
}

.contents_tab{
width:100%;
border-bottom: 1px solid #d9d9d9;
margin:0 auto;
}

main .contents_tab_3btn{
display:flex;
justify-content: space-between;
width:960px;
height:67px;
font-size:0;
margin:0 auto;
padding:0;
}

main .contents_tab_2btn{
display:flex;
justify-content: space-between;
width:650px;
height:67px;
font-size:0;
margin:0 auto;
padding:0;
}

.contents_tab label{
display:inline-block;
background-color:#fff;
width:310px;
height:65px;
font-size:13px;
color:#333;
text-align:center;
cursor:pointer;
transition:ease 0.2s opacity;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin:0;
padding:0 0 1px 0;
}

.contents_tab label:hover{
background-color:#fafafa;
}

.contents_box{

}

.tab_box{
display:none;
width:100%;
padding:80px 0;
}

#tab1:checked ~ .contents_tab .tab1_label{background:#fff; color:#333; height:66px;}
#tab1:checked ~ .contents_box #box1{display:block;}
#tab2:checked ~ .contents_tab .tab2_label{background:#fff; color:#333; height:66px;}
#tab2:checked ~ .contents_box #box2{display:block;}
#tab3:checked ~ .contents_tab .tab3_label{background:#fff; color:#333; height:66px;}
#tab3:checked ~ .contents_box #box3{display:block;}

#tab4:checked ~ .contents_tab .tab4_label{background:#fff; color:#333; height:66px;}
#tab4:checked ~ .contents_box2 #box4{display:block;}
#tab5:checked ~ .contents_tab .tab5_label{background:#fff; color:#333; height:66px;}
#tab5:checked ~ .contents_box2 #box5{display:block;}
#tab6:checked ~ .contents_tab .tab6_label{background:#fff; color:#333; height:66px;}
#tab6:checked ~ .contents_box2 #box6{display:block;}

#tab7:checked ~ .contents_tab .tab7_label{background:#fff; color:#333; height:66px;}
#tab7:checked ~ .contents_box3 #box7{display:block;}
#tab8:checked ~ .contents_tab .tab8_label{background:#fff; color:#333; height:66px;}
#tab8:checked ~ .contents_box3 #box8{display:block;}


.contents_tab span{
display:inline-block;
font-size:108%;
line-height:65px;
margin:0;
}

.contents_tab span.estimate{
background:url(/estimate/img/tab_btn_estimate.png);
background-position:center left;
background-repeat:no-repeat;
padding:0 0 0 30px;
}

.contents_tab span.guide{
background:url(/estimate/img/tab_btn_guide.png);
background-position:center left;
background-repeat:no-repeat;
padding:0 0 0 30px;
}

.contents_tab label{
display:inline-block;
background-color:#fff;
width:310px;
height:65px;
font-size:13px;
color:#333;
text-align:center;
cursor:pointer;
transition:ease 0.2s opacity;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin:0;
padding:0 0 1px 0;
}

/* コンテンツ
---------------------------------------------------- */
main .contents{
margin:0;
padding:0;
}

main h2.sub_title{
width:960px;
font-size:174%;
font-weight: bold;
line-height:1.6;
color:#333;
text-align:center;
margin:0 auto;
padding:0;
}

main h2.contents_layer_title{
width:960px;
font-size:131%;
font-weight: bold;
line-height:1.6;
color:#333;
text-align:center;
margin:0 auto;
padding:0;
}

main h2.contents_layer_title {
position: relative;
text-align: center;
width:960px;
font-size:167%;
font-weight: bold;
line-height:1.6;
color:#333;
margin:0 auto;
padding:0;
}

main h2.contents_layer_title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}

main h2.contents_layer_title::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #a3a3a3;
}

main h3.summary{
width:960px;
font-size:167%;
font-weight: bold;
line-height:1.6;
color:#333;
text-align:center;
margin:60px auto 0;
padding:0;
}

main p.en_st{
width:960px;
font-size:100%;
line-height:1.6;
color:#333;
text-align:center;
margin:2px auto 0;
padding:0;
}

main p.sub_txt{
width:960px;
font-size:123.1%;
line-height:1.8;
color:#333;
text-align:center;
margin:20px auto 0;
padding:0;
}

/* コンテンツイメージタイトル
---------------------------------------------------- */
main .contents_main_img{
}

main .contents_main_img h1{
margin:0;
padding:0;
}

main .contents_main_img img{
font-size:0;
line-height:0;
border:0;
}

/* コンテンツタイトル
---------------------------------------------------- */
main .contents_title{
width:960px;
height:184px;
margin:0 auto;
padding:0;
}

main .contents_title2{
width:960px;
height:86px;
margin:0 auto;
padding:0;
}

main .contents_title h1{
display:block;
min-height:28px;
font-size:189%;
line-height:28px;
border-left: 4px solid #be0100;
margin:50px 0 0;
padding:0 0 0 16px;
}

main .contents_title2 h1{
display:block;
min-height:28px;
font-size:189%;
line-height:28px;
border-left: 4px solid #be0100;
margin:50px 0 0;
padding:0 0 0 16px;
}

main .contents_title p{
font-size:108%;
line-height:1.8;
margin:22px 0 0;
padding:0;
}

/* コンテンツナビ
---------------------------------------------------- */
main .contents_nav{
width:100%;
height:90px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin:0;
padding:0;
}

main .contents_nav .contents_nav_list{
display:flex;
justify-content:center;
width:1100px;
height:90px;
list-style:none;
margin:0 auto;
padding:25px 0 25px 0;
}

main .contents_nav .contents_nav_list li{

height:40px;
line-height:1;
border-left: 1px solid #d9d9d9;
margin:0;
padding:0 10px 0 20px;
}

main .contents_nav .contents_nav_list li:first-child{
border-left: none;
}

main .contents_nav .contents_nav_list li a{
display:block;
height:40px;
font-size:108%;
line-height:40px;
color:#333;
text-decoration:none;
vertical-align:middle;
margin:0;
padding:0 40px 0 55px;
}

main .contents_nav .contents_nav_list li a:hover{
text-decoration:underline;
}

main .contents_nav .contents_step_list{
display:flex;
justify-content:center;
width:1100px;
height:90px;
list-style:none;
margin:0 auto;
padding:0;
}

main .contents_nav .contents_step_list li{
width:210px;
height:90px;
line-height:1;
margin:0;
padding:0;
}

main .contents_nav .contents_step_list li a{
position: relative;
display:flex;
flex-direction: column;
justify-content: center;
height:90px;
font-size:108%;
line-height:1.6;
color:#333;
text-decoration:none;
vertical-align:middle;
margin:0;
padding:0 0 0 66px;
}

main .contents_nav .contents_step_list li a:before{
position: absolute;
background-color:#f3f3f3;
width:48px;
height:48px;
border-radius: 50%;
text-align: center;
font-size:153.9%;
line-height:48px;
color:#333;
top:22px;
left:0px;
}

main .contents_nav .contents_step_list li a:hover:before{
background-color:#9f9f9f;
color:#fff;
}

a.i_s1:before{
content: '1';
}

a.i_s2:before{
content: '2';
}

a.i_s3:before{
content: '3';
}

a.i_s4:before{
content: '4';
}

a.i_s5:before{
content: '5';
}


main .contents_nav .contents_step_list li a:hover{
text-decoration:underline;
}

/* コンテンツサブナビ
---------------------------------------------------- */
main .contents_sub_nav{
width:960px;
height:62px;
margin:0 auto;
padding:0;
}

main .contents_sub_nav ul{
display:flex;
justify-content:center;
width:960px;
height:62px;
list-style:none;
text-align:center;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin:70px 0 0 0;
padding:0;
}

main .contents_sub_nav ul li{
height:62px;
border-left: 1px solid #d9d9d9;
margin:0;
padding:0;
}

main .contents_sub_nav ul li a{
display:block;
height:62px;
font-size:108%;
line-height:62px;
color:#333;
text-decoration:none;
vertical-align:middle;
margin:0;
padding:0;
}

main .contents_sub_nav ul li a:hover{
background-color:#f3f3f3;
height:60px;
}

main .contents_sub_nav ul.col2 li{
width:50%;
}

main .contents_sub_nav ul.col3 li{
width : 33.33333% ;
width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
}

main .contents_sub_nav ul.col4 li{
width:25%;
}

/* コンテンツイメージナビ
---------------------------------------------------- */
main .contents_img_nav{
width:960px;

margin:0 auto;
padding:0;
}

main .contents_img_nav .inner{
display:flex;
justify-content:flex-start;

list-style:none;
text-align:center;
margin:70px 0 0 0;
padding:20px 0 30px;
}

main .contents_img_nav .outline{
border-top: 1px solid #545454;
border-bottom: 1px solid #545454;
margin:70px 0 0 0;
padding:20px 0 30px;
}

main .contents_img_nav dl{
width:192px;
margin:0;
padding:0;
}

main .contents_img_nav dt img{
width:170px;
height:auto;
margin:0;
padding:0;
}

main .contents_img_nav dd{
margin:0px 0 0 0;
padding:0 10px;
}

main .contents_img_nav dd a{
font-size:108%;
line-height:1.7;
color:#333;
text-decoration:none;
}

main .contents_img_nav dd a:hover{
text-decoration:underline;
}

.ws{
white-space: pre-line;
}

/* コンテンツイメージ
---------------------------------------------------- */
main .cmn_sub_img{
width:960px;
text-align:center;
margin:50px auto 0;
padding:0;
}

/* ユニット
---------------------------------------------------- */
.cmn_unit_40{
margin:40px 0 0;
padding:0;
}

.cmn_unit_80{
margin:80px 0 0;
padding:0;
}

.cmn_unit_120{
margin:120px 0 0;
padding:0;
}

.cmn_unit_140{
margin:140px 0 0;
padding:0;
}

/* サブコンテンツ
---------------------------------------------------- */
.cmn_tbl_box{
width:900px;
margin:80px auto 0;
padding:0;
}

.cmn_tbl_box ul{
margin:18px 0 0;
padding:0;
}

.cmn_tbl_box li{
font-size:116%;
line-height:1.7;
margin:6px 0 0 0px;
padding:0;
}

.cmn_tbl_box p{
font-size:116%;
line-height:1.7;
margin:6px 0 0 0px;
padding:0;
}

.cmn_tbl_box table{
width:900px;
border-top: 1px solid #797979;
margin:15px 0 0;
padding:0;
}

.cmn_tbl_box th{
width:25%;
font-size:116%;
line-height:1.4;
text-align:left;
border-bottom: 1px solid #d9d9d9;
margin:0;
padding:14px 0;
}

.cmn_tbl_box td{
width:75%;
font-size:116%;
line-height:1.4;
border-bottom: 1px solid #d9d9d9;
margin:0;
padding:14px 0;
}

.cmn_tbl_box dl{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
width:900px;
margin: 20px auto 0;
padding:0;
}

.cmn_tbl_box dt{
width:15%;
font-size:116%;
line-height:1.7;
margin:0;
padding:4px 0;
}

.cmn_tbl_box dd{
width:85%;
font-size:116%;
line-height:1.7;
margin:0;
padding:4px 0;
}


.cmn_guide_box{
width:900px;
margin:80px auto 0;
padding:0;
}

.cmn_guide_box .inner{
margin:36px 0 0 0;
padding:0;
}

.cmn_guide_box .inner:first-of-type{
margin:30px 0 0 0;
}

.cmn_guide_box h2{
font-size: 146.5%;
font-weight:bold;
line-height:1.6;
text-align:left;
border-bottom: 1px solid #969696;
margin:0;
padding:0 0 6px;
}

.cmn_guide_box h3{
font-size:123.1%;
font-weight:bold;
line-height:1.6;
margin:0;
padding:0;
}

.cmn_guide_box p{
font-size:123.1%;
line-height:1.8;
margin:12px 0 0 0;
padding:0;
}

.cmn_guide_box p.note{
font-size: 116%;
line-height: 1.8;
color: #333;
margin:12px 0 0;
padding:0;
}

.cmn_guide_box .note_box{
width:900px;
border-top: 1px dotted #969696;
border-bottom: 1px dotted #969696;
margin:80px auto 0;
padding:26px 0;
}

.cmn_guide_box .note_box ul{
list-style-position: inside;
list-style-type: disc;
margin:12px 0 0 22px;
padding:0;
}

.cmn_guide_box .note_box li{
font-size: 116%;
line-height: 1.8;
margin:4px 0 0;
padding:0;
}

.cmn_guide_box .note_box li a{
color:#333;
}

.cmn_guide_box .note_box li a:hover{
color:#333;
}

/* フォーム
---------------------------------------------------- */
#mailform h2{
width:900px;
font-size:131%;
font-weight:bold;
line-height:1.6;
margin: 50px auto 0;
padding:0;
}

#mailform h2:first-of-type{
margin-top: 50px !important;
}

#mailform p.sub_txt{
width:900px;
font-size:108%;
line-height:1.6;
text-align:left;
margin:8px auto 0;
padding:0;
}

#mailform p.require_txt{
width:900px;
font-size:100%;
line-height:1.6;
text-align:left;
margin:6px auto 0;
padding:0;
}

#mailform p.require_txt span{
color:#be0000;
}

.cmn_form_area:first-child{
margin-top: 0;
}

.cmn_form_area{
width:900px;
margin: 20px auto 0;
padding:0;
}

/* outline */
.cmn_form_area .outline{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
width:900px;
border-top: 1px solid #d9d9d9;
margin: 0px auto 0;
padding:0;
}

.cmn_form_area .outline .inner_item{
background-color:#fbfbfb;
display:flex;
flex-direction: column;
justify-content: center;
width:25%;
min-height:64px;
font-size:108%;
line-height:1.7;
margin:0;
padding:4px 30px;
}

.cmn_form_area .outline .inner_data{
width:75%;
min-height:74px;
vertical-align:middle;
margin:0;
padding:10px 20px;
}

.cmn_form_area table{
width:900px;
border-bottom: 1px solid #d9d9d9;
border-collapse:collapse;
margin: 0 auto 0;
padding:0;
}

.cmn_form_area table th{
background-color:#fbfbfb;
width:25%;
height:64px;
font-size:108%;
line-height:1.7;
vertical-align:middle;
text-align:left;
border-top: 1px solid #d9d9d9;
margin:0;
padding:4px 30px;
}

.cmn_form_area table th span:after{
content:'*';
font-size:116%;
color:#be0000;
}

.cmn_form_area table td{
width:75%;
height:74px;
vertical-align:middle;
border-top: 1px solid #d9d9d9;
margin:0;
padding:10px 20px;
}

.cmn_form_area input[type=text]{
width:200px;
border: 1px solid #999;
padding:4px;
}

.cmn_form_area .error{
font-size:93%;
line-height:1.6;
margin:5px 0 0;
}

.cmn_form_area .example_txt{
padding-top:6px;
}

.cmn_form_area .example_txt li{
font-size:93%;
line-height:1.6;
margin:3px 0 0;
}

.cmn_form_area .print_data{
display:flex;
justify-content: space-around;
border-top: 1px dotted #999;
padding:16px 0;
}

.cmn_form_area .print_data .print_position{
font-size:108%;
font-weight:bold;
line-height:1.7;
}

.cmn_form_area p.description{
font-size:100%;
line-height:1.7;
margin:0;
padding:0 0 10px;
}

.cmn_form_area a.help{
background-color:#d9d9d9;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width:24px;
height:24px;
font-size:108%;
font-weight:bold;
line-height:24px;
color:#333;
text-decoration:none;
text-align:center;
cursor: pointer;
margin:0px 0 0;
}

.cmn_form_area a.help:hover{
background-color:#862adc;
color:#fff;
cursor: pointer;
}

.cmn_form_area .error_icon{
position: relative;
padding-left:26px;
}

.cmn_form_area .error_icon:before{
position: absolute;
content: '';
border-style: solid;
border-width: 0 10px 18px 10px;
border-color: transparent transparent #be0000 transparent;
top:0;
left:0;
}

.cmn_form_area .error_icon:after{
position: absolute;
content: '';
width:2px;
height:1px;
border-top:6px solid #fff;
border-bottom:2px solid #fff;
top:6px;
left:9px;
}

.form_btn{
width:900px;
margin: 50px auto 0;
padding:0;
}

.form_btn ul{
display:flex;
justify-content: center;
}

.form_btn ul li{
margin-left: 30px;
}

.form_btn ul li:first-child{
margin-left: 0;
}

.form_btn .btn_col7{
border: none;
}

.stepbar{

}

.progressbar {
overflow:hidden;
clear:both;
height:100%;
width: 900px;
		  margin: 0 auto;
		  padding: 0;
		  counter-reset: step;
                  z-index: 0;
                  position: relative;
		}
		.progressbar li {
		  list-style-type: none;
		  width: 33.3333%;
		  float: left;
		  font-size: 12px;
		  position: relative;
		  text-align: center;
		  text-transform: uppercase;
		  color: #999;
		}
		.progressbar li:before {
		  width: 30px;
		  height: 30px;
		  content: counter(step);
		  counter-increment: step;
		  line-height: 30px;
		  display: block;
		  text-align: center;
		  margin: 0 auto 10px auto;
		  border-radius: 50%;
		  background-color: #eee;
		}
		.progressbar li:after {
		  width: 100%;
		  height: 2px;
		  content: '';
		  position: absolute;
		  background-color: #ccc;
		  top: 15px;
		  left: -50%;
		  z-index: -1;
		}
		.progressbar li:first-child:after {
		  content: none;
		}
		.progressbar li.active {
		  color: green;
		}
		.progressbar li.active:before {
		  background-color: #69a40d;
		  color:#fff;
		}
		.progressbar li.active + li:after {
		  background-color: #ccc;
		}


		.progressbar li.comp {
		  color: green;
		}
		.progressbar li.comp:before {
		  background-color: #69a40d;
		  color:#fff;
		}
		.progressbar li.comp + li:after {
		  background-color: #69a40d;
		}


.error_box {
background-color: #f9ebeb;
width: 900px;

margin: 50px auto 0;
padding: 10px 10px 10px 15px ;
}

.error_box .error_txt{
font-size:123.1%;
line-height:1.6;
margin: 0;
}

.error_box .error_icon{
position: relative;
padding-left:34px;
}

.error_box .error_icon:before{
position: absolute;
content: '';
border-style: solid;
border-width: 0 13px 22px 13px;
border-color: transparent transparent #be0000 transparent;
top:0;
left:0;
}

.error_box .error_icon:after{
position: absolute;
content: '';
width:2px;
height:2px;
border-top:8px solid #fff;
border-bottom:2px solid #fff;
top:7px;
left:12px;
}

.check_icon{
position:relative;
padding-left:34px;
}

.check_icon:before,
.check_icon:after{
display:block;
position:absolute;
content:"";
}
.check_icon:before{
background:#69a40d;
width:22px;
height:22px;

border-radius:50%;
top:2px;
left:0;
}
.check_icon:after{
width:8px;
height:5px;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
top:8px;
left:6px;
}

/* 確認画面 */
.confirm_box {
background-color: #f4f7ef;
width: 900px;
margin: 50px auto 0;
padding: 10px 10px 13px 13px ;
}

.confirm_box .confirm_txt{
width: 900px;
font-size:123.1%;
line-height:1.6;
margin: 0 auto;
padding: 0;
}

.confirm .cmn_form_area table td{
font-size:116%;
line-height:1.7;
}

.confirm .cmn_form_area table td ul li span{
margin-left:30px;
}

/* 送信完了 */

#mailform .send h2{
width:900px;
font-size:161.1%;
font-weight:bold;
line-height:1.6;
margin: 50px auto 0;
padding:0;
}

#mailform .send p{
width:900px;
font-size:131.1%;
line-height:1.7;
margin:8px auto 0;
padding:0;
}