@charset "UTF-8";
.container{
    width:900px;
    height:auto;
    position: relative;
}
.container img{
    width:900px;
    height:400px;
<!--    opacity: 0.5;-->
    display:block;
}
.p{
    position: absolute;
    top:30%;
    left:42.5%;
    transform: translate(-30%,-30%);
    padding:0;
    margin:0;
    font-size:35px;
    color:white;
    width:100%;
}
@media screen and (max-width:559px){
    .container{
	width:355px;
	height:auto;
	position: relative;
    }
    .container img{
	width:355px;
	height:220px;
	display:block;
    }
    .p{
	position: absolute;
	top:30%;
	left:42.5%;
	transform: translate(-30%,-30%);
	padding:0;
	margin:0;
	font-size:14px;
	color:white;
	width:100%;
    }
}

.header{
    display:block;
}
#header--pc{
    border-bottom:4px solid #d0115e;background:#fff;height:170px;width:900px;
    position:relative;z-index:400
}
#header-logo{
    text-decoration:none;line-height:0;
    width:120px;margin:30px 0 0;float:left;display:block
}

#header-nav{
    font-size:0;text-align:right;
    margin:50px 0 0;float:right
}
@media screen and (max-width:559px){
    #header--pc{
	border-bottom:4px solid #d0115e;background:#fff;
	height:80px;width:355px;
	position:relative;z-index:400
    }
    #header-logo{
	text-decoration:none;line-height:0;
	width:60px;margin:10px 0 0;
	float:left;
	display:block
    }
    #header-nav{
	font-size:0;
	text-align:right;
	margin:20px 0 0;float:right
    }
}
#header-nav>li{
    text-align:center;display:inline;position:relative
}
#header-nav>li>a{
    color:#1e1e1e;text-decoration:none;font-size:15px;
    line-height:1.8;font-weight:400;line-height:1;
    padding:20px 16px;display:inline-block;
    white-space:nowrap;position:relative;transition:all 0.3s ease
}
#header-nav>li.current a:before{
    width:100%;left:0
}
.ctt-width{
    max-width:900px
}
@media screen and (max-width:559px){
    .ctt-width{
	max-width:350px
    }
    #header-nav>li{
	text-align:center;
	display:inline; position:relative
    }
    #header-nav>li>a{
	color:#1e1e1e;text-decoration:none;font-size:9px;
	line-height:1.8;font-weight:400;line-height:1;
	padding:12px 4px;display:inline-block;
	white-space:nowrap;position:relative;transition:all 0.3s ease
    }
}
.clear{
    clear:both;display:block;height:0;overflow:hidden;
    visibility:hidden;width:0
}
.clearfix:after{
    content:" ";display:block;clear:both
}
@media screen and (max-width:559px){
    .hd-h3{
	font-size:1.5rem;font-weight:700;margin:2.5rem 0rem 1rem 0rem
    }
}
.ta-center{
    text-align:center
}
.m-top{
    margin-top:0!important
}
.section,.section--inner{
<!--    padding:8.8rem 0rem 8.8rem 0rem;-->
    position:relative
}

.about-section .company-table tr td,.about-section .company-table tr th{
    border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;
    background:#fff;padding:0.8rem 1.2rem 0.8rem 1.2rem
}
.about-section .company-table tr th{
    font-weight:700;
    width:100px;
}
.about-section .company-table tr th .inner{
    padding:0 0 0 16px;
    position:relative;
}
.about-section .company-table tr th .inner:before{
    content:"";border:0px solid rgba(0,0,0,0);
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #d0115e;
    border-width:6px 8px;width:0;height:0;
    position:absolute;
    top:50%;
    margin:-5px 0 0;
    left:0;
    z-index:2;
}
.company-table{
    border-collapse: collapse;
}
.about-section .company-table th{
    text-align:left;
}
@media screen and (max-width:559px){
    .about-section .company-table tr th{
	font-weight:700;
	width:80px;
    }
    .company-table{
	border-collapse: collapse;
	font-size:12.5px;
    }
}
.outline-table,td,th{
    border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;
    background:#fff;padding:0.8rem 1.2rem 0.8rem 1.2rem
}
.outline-table{
    border-collapse: collapse;
}
@media screen and (max-width:559px){
    .outline-table,td,th{
	border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;
	background:#fff;padding:0.8rem 1.2rem 0.8rem 1.2rem
    }
    .outline-table{
	border-collapse: collapse;
	font-size:12.5px;
    }
}
.plan-table,td,th{
    border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;
    background:#fff;padding:0.8rem 1.2rem 0.8rem 1.2rem
}
.plan-table{
    border-collapse: collapse;
}
@media screen and (max-width:559px){
    .plan-table,td,th{
	border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;
	background:#fff;padding:0.8rem 0.5rem 0.8rem 0.5rem
    }
    .plan-table .contents{
	width: 130px;
    }
    .plan-table .contents2{
	width: 150px;
    }
    .plan-table{
	border-collapse: collapse;
	font-size:12.5px;
    }
}