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

/*
No Login Main
*/
.index .hero {
    background:url(/../images/index/index_hero_bg.png) no-repeat center center / cover;
    background-position:0 -20px;
    padding:50px 0 80px;
}
.index .hero h1 {
    background:rgba(255,255,255,0);
    font-size:24px;
    font-weight:900;
    margin:0;
    text-align:center;
    text-shadow: 0 2px 5px #393939;  
}
.index .hero h2 {
    background:rgba(255,255,255,0);
    color:#fff;
    font-size:13px;
    font-weight:900;
    margin:0;
    text-align:center;
    text-shadow: 0 2px 5px #393939;  
}
@media screen and (max-width:350px) {
    .index .hero {
        background-position:0;
    }
}
@media screen and (min-width:450px) {
    .index .hero {
        background-position:0 -30px;
        padding:80px 0 100px;
    }
    .index .hero h1 {
        font-size:28px;
    }
    .index .hero h2 {
        font-size:18px;
    }
}
@media screen and (min-width:550px) {
    .index .hero {
        background-position:0 -60px;
    }
}

.index .index_search {
    border-top:1px solid #dee0df;
    border-bottom:1px solid #dee0df;
    padding:30px 15px;
}

.service {
    background:#f5f5f5;
    padding:30px 0;   
}

/* akippaのメリット */
.index .merit {
    padding:30px 0 40px;
}
.index .merit table td {
    padding:0 15px;
    text-align:center;
    width:33%;
}
.index .merit table td img {
    width:80px;
}

/* ユーザーの声 */
.index .voice {
    background:#f5f5f5;
    padding:30px 0;
}
.index .voice .bx-wrapper {
    background:rgba(255,255,255,0);
    border:0;
    box-shadow:0 0 0 #fff;
    padding:0 30px;
    margin:0;
}
.index .bx-viewport {
    height:auto !important;
}
.index .voice_balloon {
    background:#fff;
    border:1px solid #dee0df;
    border-radius:6px;
    padding:15px;
    position:relative;
}
.index .voice_balloon:before {
    content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
.index .voice_balloon:after {
    content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #dee0df transparent transparent transparent;
	z-index: -1;
}
.index .voice_balloon_comment {
    height:80px;
}
@media screen and (min-width:350px){
    .index .voice_balloon_comment {
        height:60px;
    }
}
@media screen and (min-width:450px){
    .index .voice_balloon_comment {
        height:40px;
    }
}
.index .voice_parking {
    display:table;
    margin-top:15px;
}
.index .voice_parking_img {
    display:table-cell;
    vertical-align:top;
    width:80px;
}
.index .voice_parking_img img {
    height:80px;
    width:80px;
}
.index .voice_parking_text {
    display:table-cell;
    padding-left:15px;
    vertical-align:top;
}
.index .voice_parking_text img {
    display:inline-block;
    margin-right:10px;
}

/* メディア掲載と提携企業 */
.index .pr {
    padding:30px 15px 40px;
}
.index .pr td {
    width:20%;
    padding:5px;
}
.index .pr .media_block img,
.index .pr .corp_block img {
    width:100%;
    display:block;
}

.index .owner {
    background:url(/pc/images/owner/bgImg-1116-03.jpg) no-repeat center bottom / cover;
}
.index .owner .overlay {
    background:rgba(42,47,45,0.6);
    padding:30px 15px 40px;
}

/* お知らせ */
.index .info {
}
.index .info .info_content {
    padding-left:15px;
}
.index .info .info_content_block {
    padding:15px 15px 15px 0;
    border-bottom:1px solid #dee0df;
}
.index .info .info_content_block:last-child {
    border-bottom:0px solid #dee0df;
}

/* akichan紹介セクション */
.index .bottom {
    background:#f5f5f5;
    padding:15px;
}
.index .bottom img {
    display:block;
    margin:15px auto;
    max-width:400px;
    width:80%;
}
.index .bottom .akichan_button {
    border:1px solid #ED6D00;
    border-radius:3px;
    color:#ED6D00;
    display:block;
    font-size:16px;
    line-height:1;
    margin:15px auto;
    padding:15px 30px;
    text-align:center;
    text-decoration:none;
    transition:.2s;
}



.heroSection2 {
	background:url(../images/index/mainBg2.png);
	background-position:center 20px;
	background-size:180px;
	background-repeat:no-repeat;
	padding:30px 20px 50px;
	max-width:600px;
	margin:0 auto;
}
.heroSection2Title {	
	font-size: 28px;
	text-shadow: 1px 1px 0px #fff;
	background: none repeat scroll 0% 0% transparent;
	color: #ff827d;
	overflow:hidden;
	font-weight: 900;
	margin-bottom:10px;
	text-align:center;
}
.heroSection2 p {
	width:100%;
}
.heroSection2 a {
	margin-top:30px;
}
@media screen and (max-width:580px) {
	.heroSection2 { background-size:160px; }
	.heroSection2Title { font-size:22px; }
}
@media screen and (max-width:480px) {
	.heroSection2Title { font-size:20px; }
}
@media screen and (max-width:450px) {
	.heroSection2 { padding:15px 20px 30px; background-position:center 15px; background-size:100px; }
	.heroSection2Title { margin:0px;font-size:17px; }
	.heroSection2 a { margin:0; }
}
@media screen and (max-width:350px) {
	.heroSection2 { background-position:center 10px; background-size:90px; padding:10px 20px 25px; }
	.heroSection2Title { font-size:14px; }
}

/*
ログイン時topページスタイル
*/
.topAppLinkBox{
	width:100%;
	max-width:640px;
	margin:0 auto;
	background: url(../images/index/loginMainImg.jpg) no-repeat scroll center center / cover transparent;
	text-align: center;
}

.topAppLinkBox .topPageMainTit{
	font-size: 25px;
	text-shadow: 1px 1px 5px #565c59;
	background: none repeat scroll 0% 0% transparent;
	color: #fff;
	font-weight: 100;
}
.topAppLinkBox p {
	font-size: 11px;
	text-shadow: 1px 1px 5px #565c59;
	font-weight: 100;
	letter-spacing: 1px;
	color: #fff;
}
.appstore-text{
	padding: 100px 0;
}
@media screen and (max-width:450px) {
	.appstore-text{
		padding: 60px 0;
	}
}
@media screen and (max-width:350px) {
	.appstore-text{
		padding: 35px 0;
	}
}
.appstore-text .appstoreIconImg img{
	width: 100px;
	height: auto;
}
.appstore-tit{
	font-size: 30px;
}
body .text-left{
}

.appBtn{
	margin: 20px 0;
}

/*
メインコンテンツの部分
*/

.buyer_home_search {
	padding:50px 20px;
}
.buyer_home_search a {
	margin-top:20px;
}
@media screen and (max-width:450px) {
	.buyer_home_search a {
		margin-top:10px;
	}
	.buyer_home_search {
		padding:15px;
	}
}

/*  紹介動画貼り付け */
.top_youtube {
    position: relative;
    padding-bottom: 46%;
    padding-top: 30px;
    padding-left:15px;
    padding-right:15px;
    height: 0;
    overflow: hidden;
}
.top_youtube iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 90%;
    border:1px solid #dee0df;
}

/* アプリ送客バナー */
.app_suggest {
    background:#312d14;
    min-height:0 !important;
    transition:all .4s;
}
.app_suggest_body {
    display:table;
    width:100%;
}
.app_suggest_close {
    display:table-cell;
    padding:10px;
    vertical-align:middle;
    width:18px;
}
.app_suggest_close img {
    display:block;
    margin:0 auto;
}
.app_suggest_contents {
    color:#fff;
    display:block;
    text-decoration:none;
}
.app_suggest_contents p {
    line-height:1;
}
.app_suggest_button {
    display:table-cell;
    min-width:90px;
    padding:10px 15px 10px 0;
    vertical-align:middle;
}
.app_suggest_button a {
    border:1px solid #fff;
    border-radius:4px;
    color:#fff;
    display:block;
    float:right;
    font-size:13px;
    letter-spacing:-1.2px;
    line-height:1;
    margin:0;
    padding:5px;
    text-align:center;
    text-decoration:none;
}


/*
20171023実装パートナーバナー
*/
.partner {
	border:5px solid #359390;
	cursor:pointer;
	display:block;
	margin:0 auto;
	max-width:600px;
	padding:10px 15px 15px;
	text-decoration:none;
}
.partner:hover {
	background:#f5f5f5;
}
.partner .title {
	color:#359390;
	font-size:16px;
	margin-bottom:0 0 5px 0;
	text-align:center;
	text-decoration:none;
}
.partner .sub {
	color:#565c59;
	font-size:14px;
	margin:0;
	text-align:center;
	text-decoration:none;
}