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

body{
	line-height:150%;
}
a{
	text-decoration:none;
}

/* header
   ========================================================================== */
header{
	position:relative;
}
header .top{
	background:#ffde00;
}
header .top h1{
    font-weight:bold;
    font-size:13px;
    padding:5px 10px;
}
header .bottom{
	background:#ec0202;
}
header .bottom .logo{
    text-align:center;
    line-height:0;
	background: url(../img/common/header/sp_bg.jpg) no-repeat center center;
    background-size:250px;
}
header .bottom .logo a{
    display:inline-block;
    padding:10px 0
}
header .bottom .logo img{
    width:100px;
}
header .bottom .right{
	display:none;
}

/* main
   ========================================================================== */
.main{
    margin:0 0 10px;
}
.main .top{
    margin:0 0 0;
    line-height:0;
}
.main .top .sp{
    width:100%;
}
.main .top .pc{
    display:none;
}
.main .bottom{
    margin:0 0 0;
    line-height:0;
    background:url(../img/main/bottom_bg.png) repeat;
}
.main .bottom .inner_wrap{
    text-align:center;
    padding:10px 0;
}
.main .bottom .inner_wrap img{
    width:22%;
}
.main .bottom .inner_wrap img:nth-child(2){
    margin:0 1%;
}
.main .bottom_text{
    margin:0 0 0;
    padding:5px 10px;
    line-height:150%;
    font-size:13px;
    color:#ea5402;
}
/* cpl
   ========================================================================== */
.cpl{
    margin:0 0 10px;
}
.cpl .top{
    margin:0 0 0;
    line-height:0;
}
.cpl .top .sp{
    width:100%;
}
.cpl .top .pc{
    display:none;
}
.cpl .bottom{
    margin:0 0 0;
    line-height:0;
}
.cpl .bottom .inner_wrap{
    text-align:center;
    padding:10px 0;
}
.cpl .bottom .inner_wrap img{
    width:22%;
}
.cpl .bottom .inner_wrap img:nth-child(2){
    margin:0 1%;
}
.cpl .bottom_text{
    margin:0 0 0;
    padding:5px 10px;
    line-height:150%;
    font-size:13px;
    color:#ea5402;
}

/* cv
   ========================================================================== */
.cv{
    margin:0 0 10px;
}
.cv .inner_wrap{
    margin:0 10px 0;
    box-shadow:0 0 10px #CCC;
}
.cv .top{
    margin:0 0 0;
    padding:10px 5px;
    background:#ffde00;
}
.cv .top .cv_title{
    margin:0 0 10px;
    background:#fff;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    padding:5px;
    border-radius:6px;
}
.cv .top .cv_title .small{
    font-size:13px;
    font-weight:bold;
    display:block;
    line-height:130%;
}
.cv .top .tel{
    margin:0 0 10px;
    text-align:center;
    font-size:28px;
    font-weight:bold;
    padding:5px;
    border-radius:6px;
}
.cv .top .tel a{
    background:url(../img/cv/free.png) no-repeat left center;
    background-size:40px;
    padding:10px 0 10px 46px;
    text-shadow:1px 1px 0 #fff;
}
.cv .top .tel_text{
    margin:0 0 10px;
    text-align:center;
    text-shadow:1px 1px 0 #fff;
}
.cv .top .tel_text .left{
    margin:0 0 5px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
}
.cv .top .tel_text .right{
    margin:0 0 0;
    text-align:center;
    font-size:26px;
    font-weight:bold;
}
.cv .top .text_box{
    margin:0 0 0;
    text-align:center;
}
.cv .top .text_box img{
    width:70%;
}

.cv .bottom{
    margin:0 0 0;
    padding:5px 10px 10px;
}
.cv .bottom .bottom_text{
    margin:0 0 10px;
    font-size:12px;
}
.cv .bottom .btn_box{
    margin:0 0 0;
}
.cv .bottom .btn_box a{
    margin:0 0 0;
    font-size:14px;
    color:#fff;
    font-weight:bold;
    display:block;
    text-align:center;
    border-radius:6px;
}
.cv .bottom .btn_box a:nth-child(1){
    background:#1ba8e3;
    margin:0 0 10px;
}
.cv .bottom .btn_box a:nth-child(1) span{
    background:url(../img/cv/mail.png) no-repeat left center;
    background-size:26px;
    color:inherit;
    padding:2vw 0 2vw 40px;
    display:inline-block;
}
.cv .bottom .btn_box a + img{
    width: 100%;
}

.cv .line_btn{
	margin: 30px 10px 40px;
	line-height: 0;
	text-align: center;
}

.cv .line_btn a{
	display: inline-block;
	max-width: 500px;
}

.cv .line_btn a img{
	max-width: 100%;
}

/* point
   ========================================================================== */
.point{
    margin:0 0 0;
}
.point .point_title{
    margin:0 0 0;
    line-height:0;
    text-align:center;
}
.point .point_title span{
    font-size:13px;
    line-height:140%;
    font-weight:bold;
    color:#fff;
    background:#333333;
    display:block;
    text-align:left;
    padding:3px 10px;
}
.point .point_title img{
    width:100%;
}
.point .box_wrap{
    margin:0 0 0;
    padding:60px 0 70px;
    text-align:center;
    background:#e2e2e1;
}
.point .box_wrap .box{
    margin:0 0 60px;
    padding:20px 10px 10px;
    display:inline-block;
    width:90%;
    background:#fff;
    border-radius:6px;
    position:relative;
}
.point .box_wrap .box:last-child{
    margin:0 0 0;
}
.point .box_wrap .box .box_title{
    position:absolute;
    display:inline-block;
    width:80px;
    height:80px;
    background:#fff;
    border-radius:50%;
    box-sizing:border-box;
    top:-40px;
    left:50%;
    margin-left:-40px;
    padding:20px 0 0;
}
.point .box_wrap .box .box_title img{
    width:30%;
}
.point .box_wrap .box .check{
    background:url(../img/point/check.png) no-repeat left 4px;
    background-size:25px;
    font-size:16px;
    font-weight:bold;
    padding:5px 0 5px 30px;
    text-align:left;
    position:relative;
}
.point .box_wrap .box .text{
    font-size:15px;
    text-align:left;
}
.point .box_wrap .box .item01{
    position:absolute;
    top:-30px;
    right:0;
    width:50px;
}
.point .box_wrap .box .item02{
    position:absolute;
    bottom:-40px;
    right:0;
    width:80px;
}
.point .box_wrap .box .item03{
    position:absolute;
    bottom:-40px;
    right:0;
    width:80px;
}

/* support
   ========================================================================== */
.support{
    margin:0 0 20px;
}
.support .support_title{
    margin:-80px 0 0;
    line-height:0;
    text-align:center;
    position:relative;
}
.support .support_title img{
    width:100%;
}
.support .top{
    margin:0 0 10px;
}
.support .top .left{
    margin:0 0 0;
    text-align:center;
}
.support .top .left img{
    width:95%;
}
.support .top .right{
    margin:0 0 0;
    padding:0 10px;
    font-size:15px;
}
.support .box_wrap{
    margin:0 0 0;
    text-align:center;
    font-size:0;
}
.support .box_wrap .box{
    margin:0 1% 5px;
    position:relative;
    width:48%;
    height:150px;
    display:inline-block;
    border:3px solid #cccccc;
    border-radius:6px;
    box-sizing:border-box;
}
.support .box_wrap .box:before{
    position:absolute;
    content:"";
    background:url(../img/support/item.png) no-repeat center center;
    background-size:60px;
    width:60px;
    height:60px;
    left:10px;
    top:-10px;
}
.support .box_wrap .box .text_bg{
    position:absolute;
    content:"";
    background:rgba(0,0,0,0.5);
    width:100%;
    left:0;
    bottom:0px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    padding:5px 5px;
    color:#fff;
    box-sizing:border-box;
    border-radius:0 0 3px 3px;
}

/* 画像設定 */
.support .box_wrap .box:nth-child(1){
    background:url(../img/support/photo01.png) no-repeat center center;
    background-size:cover;
}
.support .box_wrap .box:nth-child(2){
    background:url(../img/support/photo02.png) no-repeat center center;
    background-size:cover;
}
.support .box_wrap .box:nth-child(3){
    background:url(../img/support/photo03.png) no-repeat center center;
    background-size:cover;
}
.support .box_wrap .box:nth-child(4){
    background:url(../img/support/photo04.png) no-repeat center center;
    background-size:cover;
}
.support .box_wrap .box:nth-child(5){
    background:url(../img/support/photo05.png) no-repeat center center;
    background-size:cover;
}
.support .box_wrap .box:nth-child(6){
    background:url(../img/support/photo06.png) no-repeat center center;
    background-size:cover;
}

.support .bottom{
    margin:0 0 0;
    text-align:center;
}
.support .bottom img{
    width:95%;
}

/* list
   ========================================================================== */
.list{
    margin:30px 0 0;
    padding:0 0 15px;
    background:#e2e2e1;
}
.list .title_arrow{
    margin:0 0 20px;
    position:relative;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    height:40px;
    line-height:40px;
    background:#0371c6;
}
.list .title_arrow:after{
    content:"";
    position:absolute;
    background:url(../img/list/title_arrow.png) no-repeat center bottom;
    background-size:30px;
    width:30px;
    height:13px;
    left:50%;
    margin-left:-15px;
    bottom:-13px;
}
.list .box_wrap{
    margin:0 0 0;
    text-align:center;
    font-size:0;
}
.list .box_wrap .box{
    margin:0 1% 10px;
    padding:0 1px 10px;
    display:inline-block;
    width:48%;
    box-sizing:border-box;
    text-align:center;
    background:#fff;
    border-radius:6px;
    vertical-align:top;
}
.list .box_wrap .box .box_title{
    margin:0 0 0;
    padding:6px 10px;
    font-size:16px;
    font-weight:bold;
    text-align:left;
    height:60px;
    box-sizing:border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
}
.list .box_wrap .box .photo{
    margin:0 0 6px;
    line-height:0;
}
.list .box_wrap .box .photo img{
    width:100%;
}
.list .box_wrap .box .text{
    margin:0 0 0;
    text-align:left;
}
.list .box_wrap .box .text span{
    margin:0 0 0;
    padding:0 0 0 16px;
    font-size:14px;
    position:relative;
    display:block;
}
.list .box_wrap .box .text span:before{
    content:"・";
    font-size:inherit;
    position:absolute;
    left:0;
}
.list .box_wrap .box .text span.etc{
    margin:0 0 0;
    padding:0;
    font-size:inherit;
    position:relative;
    display:inline-block;
    color:#999999;
}
.list .box_wrap .box .text span.etc:before{
    content:"";
    display:none;
}

.list .bottom {
    margin:0 5px 0;
    padding:20px;
    line-height:0;
    text-align:center;
    background:url(../img/list/bg.png) no-repeat center center;
    background-size:cover;
    border:3px solid #fff;
    border-radius:6px;
}
.list .bottom img{
    width:100%;
}

/* flow
   ========================================================================== */
.flow{
    margin:0 0 0;
    padding:0 0 15px;
}
.flow .title_arrow{
    margin:0 0 20px;
    position:relative;
    text-align:center;
    color:#000;
    font-weight:bold;
    font-size:22px;
    height:60px;
    line-height:60px;
    background:#ffde00;
    text-shadow:1px 1px 0 #fff;
}
.flow .title_arrow:after{
    content:"";
    position:absolute;
    background:url(../img/flow/title_arrow.png) no-repeat center bottom;
    background-size:30px;
    width:30px;
    height:13px;
    left:50%;
    margin-left:-15px;
    bottom:-13px;
}

.flow .box_wrap{
    margin:0 0 0;
}
.flow .box_wrap .box{
    margin:0 10px 20px;
    padding:10px;
    background:#f6f6f6;
    border-radius:6px;
}
.flow .box_wrap .box:nth-child(1){
    background: url(../img/flow/bg01.png) no-repeat right top,#f6f6f6;
    background-size:auto 40%;
}
.flow .box_wrap .box:nth-child(2){
    background: url(../img/flow/bg02.png) no-repeat right top,#f6f6f6;
    background-size:auto 40%;
}
.flow .box_wrap .box:nth-child(3){
    background: url(../img/flow/bg03.png) no-repeat right top,#f6f6f6;
    background-size:auto 40%;
}
.flow .box_wrap .box:nth-child(4){
    background: url(../img/flow/bg04.png) no-repeat right top,#f6f6f6;
    background-size:auto 40%;
}
.flow .box_wrap .box .step{
    margin:0 0 10px;
    line-height:0;
}
.flow .box_wrap .box .step img{
    width:60px;
}
.flow .box_wrap .box .box_title{
    margin:0 0 5px;
    font-size:17px;
    font-weight:bold;
}
.flow .box_wrap .box .text{
    margin:0 0 0;
    font-size:15px;
}
.flow .box_wrap .box .text .red{
    font-size:inherit;
    color:#ff0000;
}

/* contact
   ========================================================================== */
.contact{
	margin:30px 0 0;
}
.contact .title_arrow{
    margin:0 0 20px;
    position:relative;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    height:50px;
    line-height:50px;
    background:#1ba8e3;
    text-shadow:1px 1px 0 #333;
}
.contact .title_arrow:after{
    content:"";
    position:absolute;
    background:url(../img/form/title_arrow.png) no-repeat center bottom;
    background-size:30px;
    width:30px;
    height:13px;
    left:50%;
    margin-left:-15px;
    bottom:-13px;
}
.contact .title_arrow img{
    position:absolute;
    width:50px;
    left:5px;
    top:-10px;
}

.contact .inner{
	padding:10px 5px;
	font-size:0;
}

/* form */
.faq{
	background:#F00;
	color:#FFF;
	border-radius:6px;
	padding:0 8px 0 5px;
	font-weight:
	bold;font-size:13px;
}
.contact div.table{
    margin:auto;
	width:95%;
	font-size:16px;
	box-sizing:border-box;
}
.contact .table div.th{
	border:1px solid #DDDDDD;
	width:100%;
	display:block;
	font-weight:normal;
	border-bottom:none;
	padding:10px;
	box-sizing:border-box;
	background:#e2e2e1;
}
.contact .table div.td{
	border:1px solid #DDDDDD;
	width:100%;
	display:block;
	font-weight:normal;
	border-bottom:none;
	padding:10px;
	box-sizing:border-box;
	background:#FFF;
}
.contact .table div.last_td{
	border-bottom:1px solid #DDDDDD;
}

.contact input,.contact textarea{
	font-size:16px;
	padding:5px;
	box-sizing:border-box;
	width:100%;
}
.contact select{
	font-size:16px;
	padding:5px;
	box-sizing:border-box;
	width:auto;
    width:100%;
}
.contact .work select{
	width:60%;
	margin:0 0 10px;
}
.budget input{
	width:70%;
}
.contact span.example{
	color:#ccc;
}

.zsk_btn_area{
	text-align:center;
	padding:10px 0;
}
.zsk_btn_area button{
	border:none;
	padding:15px 20px;
	width:250px;
	margin:0 0 20px;
	border-radius:6px;
	font-size:20px;
    color:#fff;
    font-weight:bold;
}
.zsk_btn01,.zsk_btn03{
	background:#fe0303;
    text-align:center;
}
.zsk_btn02{
	background:#333;
}

.thanks{
	font-size:16px;
	line-height:150%;
    padding:30px 10px;
}


/* footer
   ========================================================================== */
footer{
	margin:0;
	background:#ffde00;
	padding:8px 0 90px;
}
footer .footer_logo{
	margin:0 0 10px;
    line-height:0;
    text-align:center;
}
footer .footer_logo a{
	display:inline-block;
    width:30%;
}
footer .footer_logo a img{
	width:100%;
}
footer .tel{
	margin:0 0 10px;
    text-align:center;
}
footer .tel a{
	margin:0;
    display:inline-block;
    font-size:20px;
    font-weight:bold;
}
footer .tel a span{
    display:inline-block;
    font-size:inherit;
    background:url(../img/common/footer/free.png) no-repeat left 2px;
    background-size:30px;
    padding:0 0 0 35px;
    text-shadow:1px 1px 0 #fff;
}
footer .tel .text{
	margin:0;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    text-shadow:1px 1px 0 #fff;
}
footer address{
	font-size:10px;
	background:#fe0303;
	color:#FFF;
	padding:10px 10px;
	text-align:center;
}

/* TOPへ戻るボタン
   ========================================================================== */
#page-top {
	position: fixed;
	bottom:15px;
	right:10px;
	width:40px;
}
#page-top img{
	width:100%;
}
#page-top span{
	display:none;
}
#page-top a {
	display:block;
	height:auto;
	opacity:0.8;
	transition:ease-in 0.3s;
}
#page-top a:hover {
	opacity:1;
}



/* bottom_tel
   ========================================================================== */

	.bottom_tel{
		width:100%;
		display:block;
		position:fixed; bottom:0;
		background:#FFF;
	}
	.bottom_tel .title{
		padding:2px;
		background:#fe0303;
		font-size:12px;
		color:#FFF;
		line-height:150%;
		font-weight:bold;
		text-align:center;
	}
	.bottom_tel .inner{
		padding:5px;
		border:1px solid #fe0303;
		border-top:none;
		overflow:hidden;
	}
	.bottom_tel table{
		box-sizing:border-box;
        width:100%;
	}
	.bottom_tel table td{
        vertical-align:middle;
	}
    /* 左側設定 */
	.bottom_tel .tel{
		width:65%;
		text-align:center;
	}
	.bottom_tel .number{
		font-size:23px;
		color:#444;
		line-height:120%;
		font-weight:bold;
		margin:4px 0 0;
        text-align:center;
	}
	.bottom_tel .number a{
		color:#444;
		background:url(../img/contact_sp/free.png) no-repeat left center;
		background-size:25px;
		padding:0 0 0 28px;
	}
	.bottom_tel .tel .text{
		padding-top:0px;
		font-size:11px;
		color:#444;
		line-height:150%;
		text-align:center;
	}
    /* 右側設定 */
	.bottom_tel .btn{
		width:17%;
		font-size:0;
        box-sizing:border-box;
        text-align:center;
	}
	.bottom_tel .btn01{
		background:#1ba8e3;
	}
	.bottom_tel .btn02{
        padding-left:1%;
		background:#3ea929;
	}
	.bottom_tel .btn a{
		padding:3px;
		display:block;
		text-align:center;
	}
	.bottom_tel .icon{
		width:36%;
		margin:0 auto;
		display:block;
		line-height:0;
	}
	.bottom_tel .btn .text{
		padding-top:2px;
		display:block;
		font-size:9px;
		color:#FFF;
		line-height:120%;
	}
	.bottom_tel img {
		border:none;
		vertical-align:bottom;
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}