.sp-none{
display: none;
}

/*------------all-------------*/
* {
  margin: 0;
  padding: 0;
}

html{
margin:0px;
padding:0px;
}

img{
border-style:none;
display:block;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

a{
text-decoration:none;
color:#333333;
}

a:hover{
color:#000000;
}

.bag{
clear:both;
}

body{
background-color:#ffffff;
text-align:center;
font-weight:normal;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
color:#333333;
font-size:14px;
line-height: 1.8;
padding:0px;
margin:0px;
display: none;
}

.bule{
color:#0066cc;

}

.red{
color:#cc0000;
}


/*------------header-------------*/

#header{
z-index:999;
position:fixed;
background:url(../images/header_bg.jpg) bottom center repeat-x #fff;
background-size:150%;
text-align:center;
width:100%;
height:70px;
padding:0px;
margin:0px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

#header_in{
width:100%;
text-align:left;
padding:0;
margin:0px auto;
}

.header_left{
padding:0px;
margin:0px;
}

.header_left h1{
float:left;
padding:0px;
margin:0px 0px 0px 0px;
}
.header_left h1 img{
height:40px;
margin:15px;
}

.header_left div{
float:right;
margin:0px;
}

.header_left div img{
height:30px;
margin:20px 15px;
}

/*------------container-------------*/

#container{
clear:both;
text-align:center;
width:92%;
height:auto;
padding:0px;
margin:0px auto;
}

#container_in{
clear:both;
text-align:left;
width:100%;
height:auto;
padding:0px 0px 0px 0px;
margin:0px auto;
}

#main_view{
text-align:center;
width:100%;
padding:70px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.view_area{
width:100%;
padding:0px 0px 0px 0px;
margin:0px auto;
}

#main_in_view{
text-align:center;
width:100%;
padding:70px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.view_area img{
width:100%;
padding:0px 0px 0px 0px;
margin:0px auto;
}


/*------------main-------------*/

.main{
width:96%;
height:auto;
padding:0px 0px 0px 0px;
margin:0px auto;
}

.main img{
width:100%;
}

.view_box{
width:100%;
padding:0px 0px 0px 0px;
margin:20px 0px 30px 0px;
}


.box_area{
clear:both;
text-align:left;
background-color:#f8f8f8;
border-radius: 10px;
height:auto;
padding:20px;
margin:20px 0;
}

.box_area p{
font-size:14px;
line-height:1.8;
padding:0px;
margin:0px 0px 0px 0px;
}

.box_area h3{
position: relative;
border-bottom: 3px solid #ddd;
padding: 5px 0;
margin: 20px 0;
overflow: visible;
}
.box_area h3:before {
position: absolute;
left: 0;
bottom: -3px;
width: 20%;
height: 3px;
content: '';
background: #ef9da3;
}


.in_box_area{
font-size:14px;
line-height:1.8;
padding:20px;
background-color:#ffffff;
border-radius: 10px;
margin:0 0 0px 0;
}
.in_box_area_x{
font-size:14px;
line-height:1.8;
padding:20px 0;
margin:0 0 0px 0;
}


.in_box_area h4 {
letter-spacing:2px;
font-weight:normal;
font-size:18px;
position: relative;
padding: 0.5em  0.5em  0.5em  1em;
background: #79011c;
color:#fff;
border-radius: 8px;
margin:0px 0 20px 0;
}

.in_box_area h4:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 10px solid transparent;
border-top: 10px solid #79011c;
width: 0;
height: 0;
}

.company_ul_title {
letter-spacing:2px;
font-weight:normal;
font-size:18px;
position: relative;
padding: 0.5em  0.5em  0.5em  1em;
background: #79011c;
color:#fff;
border-radius: 8px;
margin:30px 0 30px 0;
}

.company_ul_title:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 10px solid transparent;
border-top: 10px solid #79011c;
width: 0;
height: 0;
}

.info_banner{
clear:both;
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.info_banner div{
padding:0px 0px 0px 0px;
margin:0px;
}


/*------------footer-------------*/

#footer{
background-color:#79011c;
text-align:center;
clear:both;
width:100%;
height:auto;
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
}

.footer_in{
text-align:center;
width:100%;
padding:0px;
margin:0px auto;
}

.footer_in p{
font-size:12px;
color:#fff;
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
.footer_in p a{
font-size:12px;
color:#fff;
}


/*バーガー内*/
.sb-right{
width:100%;
}
.sb-slidebar{
width:100%;

}


.slidebar_navi_w02{
width: 100%;
margin:0px auto;
}
.slidebar_navi_w02 ul{
width: 100%;
display: table;
table-layout: fixed;
text-align: center;
}
.slidebar_navi_w02 ul li{
list-style:none;
display: table-cell;
vertical-align: top;
padding:0px;

}
.slidebar_navi_w02 ul li div{
border:solid 1px #ccc;
padding:10px;
background-color:#fff;
}
.slidebar_navi_w02 a{
color:#000;
}
.slidebar_navi_w02 ul li div h3{font-size:14px;}
.slidebar_navi_w02 ul li div p{font-size:14px;}

/*ボタン*/
.btn_area{margin:20px auto 0 auto;text-align: center;}

.main_btn_bl{
text-align:left;
font-size:14px;
font-weight:bold;
color:#fff;
width: 92%;
padding:10px;
margin:10px auto;
background-color:#7c001d;
border-radius: 5px;		/* CSS3草案 */
box-sizing: border-box;
}

.main_btn_gr{
font-size:14px;
font-weight:bold;
color:#333;
width: 92%;
padding:10px 0px;
margin:0px auto 20px auto;
background-color:#fff;
border-radius: 5px;		/* CSS3草案 */
}

.btn_sub_text{font-size:14px;}
.btn_sub_text02{font-size:16px;}
.btn_sub_text02 span{font-size:16px;color:#ce0000;}

/*バナー*/
.banner_area{
width: 92%;
margin:20px auto;
border-radius: 5px;		/* CSS3草案 */
overflow:hidden;
}
.banner_area div{width: 100%;}
.banner_area div img{width: 100%;}


/*------------index-low------------*/

.main_title{
clear:both;
background:url(../images/title_bg.jpg) bottom center repeat-x;
width:100%;
padding:0px 0px 0px 0px;
margin:0px auto;
}

.main_title h2{
font-size:20px;
color:#333333;
padding:20px 0px 10px 5px;
margin:0px 0px 0px 0px;
}
.main_title h2 span{
font-size:24px;
color:#79011c;
}

.index_view01{
width: 100%;
min-height: 50px;
padding:10px 10px;
margin:0px 0px 0px 0px;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(226, 220, 220, 1) 4px, rgba(226, 220, 220, 1) 6px );
border-radius: 10px;
box-sizing: border-box;
}

.index_view01_in{

padding:0px;
margin:0px 0px 0px 0px;
background-color: #fff;
border-radius: 10px;
box-sizing: border-box;
}

.index_view01_in h3{
font-size:18px;
padding: 3% 3% 5px 3%;
margin:0px 0px 0px 0px;
text-align:center;
}
.index_view01_in div{
font-size:14px;
padding:0 3% 3% 3% ;
}
.index_view01_in div span{color:red;}

.index_view01_btn{
display: block;
margin: 10px 0 20px 0;
display: flex;
justify-content: flex-end;
}
.index_view01_btn a{}
.index_view01_btn a p:hover{
text-decoration: underline;
}
.index_view01_btn img{
width: 20px;
vertical-align: middle;
display: inline-block;
}
.index_view01_btn p{
vertical-align: middle;
display: inline-block;
}



.index_view02{
background:url(../images/index_view_02_bg.jpg) top center no-repeat;
background-size: cover;
padding:20px;
margin:20px 0px 20px 0px;
border-radius: 10px;
overflow: hidden;
}

.index_view02 p{
line-height:1.8;
font-size:14px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
.index_view02 p span{
display: block;
font-weight:bold;
margin:5px 0px 5px 0px;
}

.about_table{
margin: 20px 0 0 0;
padding:0px 0px 0px 0px;
border-collapse:collapse;
border-spacing:0;
}

.about_table td{
vertical-align:top;
padding:20px 40px 20px 5px;
border-top:1px dotted #cccccc;
}

.about_table td span{
font-size:16px;
color:#660000;
display:block;
font-weight:600;
margin:5px 0 5px 0;
}
.about_table td span img{
width: 25px;
display: inline-block;
vertical-align:middle;
margin:0px 5px 5px 0;
}
.about_table td p{
margin: 0 0 0 0px;
}

.about_table th{
width:35%;
vertical-align:top;
padding:20px 0px 20px 0px;
border-top:1px dotted #999;

}
.about_table th img{
border-radius: 10px;
overflow: hidden;
width: 100%
}

.company_ul{
width:100%;
text-align:left;
vertical-align:top;
border-collapse:collapse;
border-spacing:0;
padding:0px 10px 0px 10px;
margin:0px 0px 20px 0px;
}

.company_ul td{
font-size:16px;
padding: 0px 10px 0px 10px;
margin:0px 0px 0px 0px;
vertical-align:top;
text-align:left;
display:block;
font-weight:bold;
}
.company_ul th{
padding: 15px 10px 0px 10px;
font-weight:normal;
display:block;
}

.company_ul .company_td_x{
font-weight:normal;
display:block;
padding: 0px 10px 15px 10px;
margin:0px 0px 0px 0px;
font-size:14px;
color:#888;
border-bottom:1px dotted #cccccc;
}


.company_table{
font-size:14px;
text-align:left;
vertical-align:top;
border:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
width:100%;
margin:20px 0px 20px 0px;
}

.company_table tr{
display:block;
vertical-align:top;
text-align:left;
}

.company_table th{
display:block;
padding:10px;
margin:0px 0px 0px 0px;
border:1px solid #cccccc;
background-color:#f8f8f8;
vertical-align:top;
text-align:left;
font-size:14px;
}

.company_table td{
display:block;
padding:10px;
margin:0px 0px 0px 0px;
border:1px solid #cccccc;
background-color:#ffffff;
vertical-align:top;
text-align:left;
font-size:14px;
}

.view_view_box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.view_view_box div{width: 48%;margin: 0 0 10px 0;}
.view_view_box div img{width:100%;}
.view_view_box div p{
font-size: 13px;
margin: 5px 0 0 0;
line-height: 1.5;
}

.flow_box{}
.flow_box_in{
background-color: #fff;
border-radius: 10px;
padding: 20px;
position: relative;
margin: 0 0 40px 0;
font-weight: 500;
display: flex;
align-items: center;
}
.flow_box_in:after{
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -30px;
border: 30px solid transparent;
border-top-color: #fff;
content: '';
}
.flow_box_in img{
width: 25px;
}
.flow_box_in p{
font-size: 14px;
padding: 0 0 0 10px;
}
.flow_box_in p span{color:red;}



.text-ani_sample {
width:100%;
margin:30px auto 50px auto;
position: relative;
top:20px;
padding:4% 5%;
text-align:left;
color: red;
font-size: 3vw;
border-radius:10px;
background: #fcedf0;
border:3px solid #79011c;
box-sizing: border-box;
}
.text-ani_sample h4{padding:0% 0%;margin:0px auto;line-height: 1.5;}

.text-ani_sample:before {
font-size: 14px;
line-height:26px;
position: absolute;
top: -26px;
left: 10px;
height: 26px;
padding: 0 1em;
content: '\304A\77E5\3089\305B';
color: #fff;
border-radius: 5px 5px 0 0;
background: #79011c;
}


.selection_box p{margin:10px 0 10px 0;}
.selection_box p span{
font-weight: 600;
}

.selection_map{width: 100%;margin:20px 0 20px 0;border-radius: 10px;overflow: hidden;}
.selection_map img{width: 100%;}

.selection_box ul{margin:0px 0;}
.selection_box ul li{
list-style-type: decimal;
padding : 0 0 0 0;
margin:10px 0 10px 15px;
font-weight: 600;
}
.selection_bottom_box{
background: #79011c;
border-radius: 10px;
padding: 30px;
color:#fff;
text-align: center;
margin:20px 0 0 0;
}

.selection_bottom_box h4{font-size:18px;letter-spacing: 2px;font-weight: 500;line-height: 1.2;margin: 0 0 10px 0;}
.selection_bottom_box h4 span{font-size:14px;}
.selection_bottom_box p{font-size:14px;text-align:left;margin:0px 0 0 0;}