@charset "utf-8";
/* CSS Document */

/*common
---------------------------------------------*/
.article_box {
	padding:70px 10px;
	background:#fff;
}

/* title */
.h2_tit {
	font-size:200%;
	text-align:center;
	letter-spacing:0.1em;
	margin:0 0 40px 0;
}
.h3_tit {
	margin-bottom:15px;
	padding:0 0 5px 10px;
	border-bottom:2px solid #818181;	
}



.button {
	text-align:center;
}
.button a {
	display: inline-block;
	padding:13px 70px 13px 60px;
	text-align: center;
	text-decoration: none;
	outline: none;
	background: #ed1c24;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	position:relative;
}
.button a::after {
	content:"";
	display: block;
	height:1px;
	background:#d3d0ca;
	width:100px;
	position:absolute;
	top:50%;
	right:-70px;
	-webkit-transition: all .3s;
	transition: all .3s;	
}
.button a:hover {
	opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";	
	background-color: #FC7279;
}
.button a:hover::after {
	background:#ed1c24;
	-webkit-transition: all .3s;
	transition: all .3s;

}




/*home_sp_slide
---------------------------------------------*/
.topslide_box {
	height:590px;
	overflow: hidden;
	margin-top:0;
	position:relative;
}

.home_sp_top {
	position:absolute;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
	width:100%;
	background:url(../img/top_slide_img.png) no-repeat center center;
	background-size: cover;
	height:590px;
	z-index:100;
}

.home_sp_slide {
	position:absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 590px;
/*    background: #000000;*/
    z-index: -2;
	overflow:hidden;
}
.home_sp_slide li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    -webkit-animation: anime 30s linear 0s infinite ;
    animation: anime 30s linear 0s infinite ;
}
.home_sp_slide li:nth-child(1) { 
    background-image: url(../img/hdr_sp_bg_01.jpg);
}
.home_sp_slide li:nth-child(2) {
    background-image: url(../img/hdr_sp_bg_02.jpg);
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}
.home_sp_slide li:nth-child(3) {
    background-image: url(../img/hdr_sp_bg_03.jpg);
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
}
.home_sp_slide li:nth-child(4) {
    background-image: url(../img/hdr_sp_bg_01.jpg);
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes anime { 
    0% {
        -webkit-animation-timing-function: ease-in;
        opacity: 0;
    }
    10% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }
    20% {
        -webkit-transform: scale(1.2);
        -webkit-animation-timing-function: ease-out;
        opacity: 1;
    }
    33.3% {
        -webkit-transform: scale(1.3);
        opacity: 1;
    }
    40% {
        -webkit-transform: scale(1.4);
        opacity: 0;
    }
    100% { 
    	opacity: 0;
    }
}
@keyframes anime { 
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
    }
    10% {
        transform: scale(1.1);
        opacity: 1;
    }
    20% {
        transform: scale(1.2);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    33.3% {
        transform: scale(1.3);
        opacity: 1;
    }
    40% {
        transform: scale(1.4);
        opacity: 0;
    }
    100% { 
    	opacity: 0;
    }
}




/*business
---------------------------------------------*/
.business_cont_box {
	background:url(../img/business_bg.jpg) no-repeat top center;
	background-size:1000px auto;
	margin:0 0 60px 0;
	overflow:hidden;
}

.business_cont_tit {
	position:relative;
	display:inline-block;
	background-color: rgba(237,28,36,0.8);
	color:#fff;
	font-size:150%;
	padding:15px 40px;
	font-weight:normal;
	margin:30px 0 -20px 40%;
	font-weight:600;	
	z-index:10;
}
.business_cont_text {
	margin:0 0 0 45%;
	display:inline-block;
	background-color: #333333;
	color:#fff;
	padding:60px 50px;
	font-weight:normal;
	line-height:2.5;
	z-index:1;
	width:100%;
}

.business_list_box {
	overflow:hidden;
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;	
}
.business_list_box dl {
	display:table-cell;
	width:50%;
	background:#f3f1eb;
	padding:30px;
}
.business_list_box dl dt {
	text-align:center;
	font-weight:600;
	font-size:110%;
	margin:0;
	vertical-align:middle;
	padding:0 40px 0 0;
}
.business_list_box dl dt::before {
	content:"";
	width:70px;
	vertical-align:middle;
	height:60px;
	display:inline-block;
}
.business_list_box dl.business_list_01 dt::before {
	background:url(../img/business_img01.png) no-repeat 0 0 ;
	background-size:60px auto;
}
.business_list_box dl.business_list_02 dt.store::before {
	background:url(../img/business_img02.png) no-repeat 0 0 ;
	background-size:60px auto;
}
.business_list_box dl.business_list_02 dt.other::before {
	background:url(../img/business_img03.png) no-repeat 0 0 ;
	background-size:60px auto;
}
.business_list_box dl dd h3 {
	margin-top:15px;
}
.business_list_box dl dd h3:first-letter {
	color:#ed1c24;
	font-size:130%;
}


/*greeting
---------------------------------------------*/
.greeting_box {
	background: url(../img/greeting_bg.png) repeat center center !important;
	background-size:290px auto !important;
}
.greeting_cont_box {
	overflow:hidden;
}

.greeting_img {
	position:relative;
	margin:0 20px;
}
.greeting_img img {
	width:200px;
	float:left;
	margin:0 40px 0 0;
}
.greeting_tit {
	font-size:110%;
	padding-top:30px;
}

.selector {
	position: absolute;
	top:20px;
	left:-30px;
	background: #f00;
	width:100px;
	height:1px;
	display:block;
	z-index:100;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);  
}

/*partner
---------------------------------------------*/
.partner_list_box {
	overflow:hidden;
}
.partner_list_box dl {
	width:32.3%;
	float:left;
	margin:0 0.5%;
}
.partner_list_box dl dt {
	line-height:0;
	width:292px;
	margin:0 auto 20px auto;
	border:1px solid #cccccc;
}
.partner_list_box dl dt img {
	width:290px;
}
.partner_list_box dl dd {
	text-align:center;
}
.partner_list_box dl dd .partner_list_name {
	line-height:2;
}
.partner_list_box dl dd .partner_list_name strong {
	font-size:110%;
}
.partner_list_box dl dd .partner_list_name span {
	font-size: 85%;
}
.partner_list_box dl dd .partner_list_more {
	margin-top:20px;
	letter-spacing: 0.2em;
}
.partner_list_box dl dd .partner_list_more a {
	text-decoration: none;
	color: #ed1c24;
	border: 1px solid #ed1c24;
	line-height:1;
	padding: 5px 15px 8px 15px;
	display:inline-block;
}


/*company
---------------------------------------------*/
.company_box {
	background: url(../img/company_bg.png) repeat 0 0;
	background-size:30px auto;
}

.company_list_box {
	margin:0 auto;
	width:800px;
}
.company_list_box > dl {
	display: table;
	width:100%;
	margin:30px 0;
}
.company_list_box > dl:last-child {
	margin-bottom:0;
}
.company_list_box > dl > dt {
	display: table-cell;
	width:150px;
	vertical-align:top;
}
.company_list_box > dl > dd {
	display: table-cell;
}

.history_box {
	margin:0 auto;
}
.history_box > dl {
	display: table;
	width:100%;
	margin:10px 0;
}
.history_box > dl > dt {
	display: table-cell;
	width:120px;
}
.history_box > dl > dd {
	display: table-cell;
}
.company_detlist_box li {
	list-style:none;
	display:inline-block;
}
.company_detlist_box li::after {
	content:"／";
	display:inline-block;
	margin-left:5px;
}
.company_detlist_box li:last-child::after {
	display:none;
}


/*CONTACT
---------------------------------------------*/
.contact_text {
	text-align:center;
	font-size:130%;
	font-weight:600;
}
.contact_number {
	margin:15px 0 50px 0;
	text-align:center;
	font-weight:600;
	font-size:150%;	
}
.contact_number span {
	color:#ed1c24;
}
.contact_number span.fax {
	margin-left:50px;
}



/*modal(partner)
---------------------------------------------*/
.mfp_box {
	background:#fff;
	max-width:850px;
	margin:0 auto;
	padding:30px;
}
.mfp_img {
	float:left;
	margin:0 30px 0 0;
}
.mfp_img img {
	width:200px;
}
.mfp_tit {
	font-size:110%;
	margin:5px 0 10px 0;
	font-weight:600;
}
.mfp_history {
	font-size:90%;
	color:#666;
	margin:0 0 15px 0;
}
.mfp_msg {
	margin-left:230px;
}
.mfp_close {
	text-align:right;
	margin-top:15px;
	letter-spacing: 0.2em;
}
.mfp_close a {
	text-decoration: none;
	color: #ed1c24;
	border: 1px solid #ed1c24;
	line-height:1;
	padding: 5px 15px 8px 15px;
	display:inline-block;
}






/*お問い合わせ
---------------------------------------------*/
#bcontact .form_box dl {
	padding:0 10px;
	border-bottom:1px solid #e2e4e9;
	display:table;
	width:100%;
}
#bcontact .form_box dl dt {
	width:15em;
	display:table-cell;
	padding:30px 0;
	border-top:1px solid #fff;	
	border-bottom:1px solid #fff;
	vertical-align:top;
	font-weight:600;
}
#bcontact .form_box dl dd {
	display:table-cell;
	padding:30px;
	border-top:1px solid #fff;	
	word-wrap: break-word;
	vertical-align:middle;
}
#bcontact .form_box dl dd input[type=text],
#bcontact .form_box dl dd input[type=tel],
#bcontact .form_box dl dd input[type=email] {
    width: 100%;
	border-radius:3px;
    padding: 5px 2px;
    border: 1px solid #abadb3;
    display: block;
}
#bcontact .form_box dl dd textarea {
    width: 100%;
    height: 15em;
    padding: 3px 5px;
    border: 1px solid #abadb3;
}

#bcontact .fm_hissu {
	float:right;
	color: #fff;
	background: #F94952;
	padding:0 7px;
	margin-left:10px;
	font-size:85%;
	font-weight:normal;
}
#bcontact .fm_text {
	font-size:85%;
	color:#666;
}
#bcontact .fm_smp {
	font-size:90%;
	color:#999;
}
#bcontact .fm_err {
	display:inline-block;
	color:#12948B;
	font-size:85%;
	background:#e2f2f1;
	padding:1px 10px 3px 10px;
	line-height:1.4;
}

#bcontact .form_btn {
	text-align:center;
	margin:30px 0; 
}
#bcontact .form_btn li {
	display: inline-block;
	margin:0 15px;
}
#bcontact .form_btn input {
	display: inline-block;
	padding:13px 50px;
	color:#fff;
	text-decoration:none;
	position:relative;
	text-align:left;
	border:none;
	background:#fff;
}
#bcontact .form_btn input.form_btn_submit {
    background: #ed1c24;
}
#bcontact .form_btn input.form_btn_redit {
	background:#666;
}
#bcontact .form_btn input:hover {
	cursor:pointer;
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;			
}
#bcontact label:hover,
#bcontact select:hover {
	cursor:pointer;
}