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

/*-----front.html
------------------------------------------*/

/*-----request.html request-detail.html plan-list.html
------------------------------------------*/
.txt-red{
	color: #ff0000;
	text-align: center;
	padding-bottom: 40px;
	margin-bottom: 0;
}
.list-ttl,
.list-contents{
	width: 100%;
}
.list-contents{
	padding-bottom: 40px;
	background-color: #fff;
}
.list-ttl ul,
.list-contents ul{
	display: table;
	width: 100%;
	padding: 0 40px;
	margin-bottom: 0;
}
.list-ttl li,
.list-contents li{
	display: table-cell;
	padding: 20px;
	vertical-align: middle;
	text-align: center;
	color: #666;
}
.list-ttl ul{
	background-color: #ccc;
}
.request-detail-list .detail-list-ttl{
	background-color: #828282;
	width: 100%;
	padding: 20px;
	text-align: center;
	color: #fff;
}
.request-detail-list .detail-list-ttl .ttl{
	font-weight: bold;
	font-size: 30px;
}
.request-detail-list .detail-list-ttl .sub{
	float: left;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: -20px;
}
.request-detail-list .list-ttl li{
	color: #fff;
}
.list-contents li{
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}
/*request.htmlリストのセル幅設定*/
.request-list .list-ttl li:nth-child(1),
.request-list .list-contents li:nth-child(1){
	width: 10%;
}
.request-list .list-ttl li:nth-child(2),
.request-list .list-contents li:nth-child(2){
	width: 50%;
}
.request-list .list-ttl li:nth-child(3),
.request-list .list-contents li:nth-child(3){
	width: 20%;
}
.request-list .list-ttl li:nth-child(4),
.request-list .list-contents li:nth-child(4){
	width: 20%;
}

/*request-detail.htmlリストのセル幅設定*/
.request-detail-list .list-ttl li:nth-child(1),
.request-detail-list .list-contents li:nth-child(1){
	width: 25%;
}
.request-detail-list.list-ttl li:nth-child(2),
.request-detail-list .list-contents li:nth-child(2){
	width: 30%;
}
.request-detail-list .list-ttl li:nth-child(3),
.request-detail-list .list-contents li:nth-child(3){
	width: 20%;
}
.request-detail-list .list-ttl li:nth-child(4),
.request-detail-list .list-contents li:nth-child(4){
	width: 25%;
}

/*plan-list.htmlリストのセル幅設定*/
.plan-list-box .list-ttl li:nth-child(1),
.plan-list-box .list-contents li:nth-child(1){
	width: 40%;
}
.plan-list-box .list-ttl li:nth-child(2),
.plan-list-box .list-contents li:nth-child(2){
	width: 40%;
}
.plan-list-box .list-ttl li:nth-child(3),
.plan-list-box .list-contents li:nth-child(3){
	width: 20%;
}

.txt-red-s{
	color: #ff0000;
	font-size: 11px;
	display: block;
	padding-top: 2px;
}
.txt-red-s a{
	color: #ff0000;
}
.request-detail-list .txt-red-s{
	color: #ff0000;
	font-size: 11px;
	line-height: 2.6;
	display: block;
	padding-top: 2px;
}
.list-add{
	padding: 10px 0 0 0;
}
.img-column img{
	width: 60px;
	height: auto;
}
.info-box{
	padding: 60px 0 0 0;
}
.info-box dt{
	font-weight: normal;
	color: #666;
}
.info-box dd{
	padding: 0 0 40px 0;
}
.info-box input[type="text"]{
	padding: 8px;
	width: 400px;
}
.calender-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	list-style: none;
	margin-top: 10px;
}
.calender-box li{
	padding: 0 5px;
}
.calender{
	display: block;
	background-color: #fff;
	width: 150px;
	height: 150px;
}

/*-----request-conf.html
------------------------------------------*/
.request-conf-list{
	display: block;
	width: 100%;
	background-color: #fff;
	padding: 40px 60px;
}
.request-conf-ttl{
	display: block;
	font-size: 24px;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align: center;
	margin-bottom: 50px;
}
.request-conf-list dt{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 20px;
}
.request-conf-list dd{
	font-size: 30px;
	padding-bottom: 30px;
}
.request-conf-info{
	display: flex;
	flex-direction: row;
	align-items: center;
	list-style: none;
	padding-left: 1.2em;
	margin-bottom: 10px;
}
.request-conf-info:before{
	content: "・";
}
.request-conf-info li{
	padding-right: 25px;
}
.request-conf-info li.list-img img{
	width: 40px;
	height: auto;
}
/*-----request-comp.html
------------------------------------------*/

/*-----plan-list.html
------------------------------------------*/
.default-list{
	background-color: #808080;
}
.default-list li{
	background-color: #808080;
	border-bottom: 1px solid #808080;
	color: #fff;
}
.default-list .txt-red-s,
.default-list .txt-red-s a{
	color: #fff;
}
.btn-new-list{
	margin-bottom: 0;
}
.btn-new-list a{
	display: inline-block;
	padding: 15px 20px;
	background-color: #333;
	font-weight: bold;
	color: #fff;
	font-size: 20px;
}
.btn-new-list a:hover{
	opacity: 0.8;
}
/*-----popup
------------------------------------------*/
.popup-box{
	width: 700px;
	height: 445px;
	margin: 100px auto;
	border: 1px solid #ccc;
	text-align: center;
	padding: 45px 0;
}
.pop-ttl{
	font-size: 30px;
	font-weight: bold;
	padding:0 0 60px 0;
	color: #808080;
}
.popup-box dl{
	display: block;
	width: 480px;
	margin: 0 auto;
	text-align: left;
}
.popup-box dt{
	font-weight: normal;
	color: #666;
	padding-bottom: 5px;
	font-size: 20px;
}
.popup-box dd input{
	width: 100%;
	padding: 10px;
}

/*-----共通
------------------------------------------*/
.txt-center{
	text-align: center !important;
}
.txt-left{
	text-align: left !important;
}
.txt-right{
	text-align: right !important;
}
.request-comp-box{
	padding: 90px 0 200px 0;
}
.inner-box .request-comp-box{
	padding: 35px 0 200px 0;
}
.btn-black{
	display: block;
	width: 100%;
	padding: 60px 0 0 0;
}
.btn-black a{
	display: inline-block;
	padding: 15px 40px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.btn-black a:hover{
	opacity: 0.8;
}

@media screen and (max-width: 768px) {
	.btn-black{
        padding: 20px 0 0 0;
    }
    .btn-black a{
        padding: 10px 20px;
        font-weight: bold;
    }
	.txt-red{
        text-align: left;
        padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
    }
	.list-contents{
        padding-bottom: 0;
    }
	.list-ttl ul,
    .list-contents ul{
        padding: 0 0;
    }
	.list-ttl li,
    .list-contents li{
        padding: 8px;
		font-size: 12px;
		line-height: 1.4;
    }
	.list-add{
        padding: 10px 0 0 10px;
    }
	.request-detail-list .detail-list-ttl{
        padding: 10px;
    }
	.request-detail-list .detail-list-ttl .ttl{
    font-weight: bold;
    font-size: 20px;
    }
    .request-detail-list .detail-list-ttl .sub{
      float: left;
      padding-bottom: 20px;
      padding-left: 40px;
      margin-top: -20px;
    }
	.info-box{
		width: 100%;
		padding: 30px 10px 0 10px;
	}
	.info-box dd{
        padding: 0 0 20px 0;
    }
	.info-box input[type="text"]{
        padding: 8px;
        width: 100%;
    }
	
	/*-----request-conf.html
	------------------------------------------*/
	.request-conf-list{
        padding: 20px 20px 0 20px;
    }
	.inner-box .request-comp-box{
        padding: 35px 0 50px 0;
    }
	.request-conf-ttl{
        display: block;
        font-size: 15px;
        margin-bottom: 25px;
    }
    .request-conf-list dt{
        font-size: 12px;
        padding-bottom: 0;
    }
    .request-conf-list dd{
        font-size: 12px;
        padding-bottom: 15px;
    }
	/*-----request-comp.html
	------------------------------------------*/
    .request-comp-box{
        padding: 0 10px 0 10px;
    }
	.request-comp-box .txt-start{
		padding-bottom: 100px;
	}
	/*-----plan-list.html
	------------------------------------------*/
	.btn-new-list{
        margin-bottom: 0;
		display: block;
		width: 100%;
		text-align: center;
    }
    .btn-new-list a{
        display: inline-block;
        padding: 8px 15px;
        font-size: 14px;
		margin: 0 auto 20px auto;
		border-radius: 20px;
    }
    .btn-new-list a:hover{
        opacity: 0.8;
    }
	/*-----popup
    ------------------------------------------*/
    .popup-box{
        width: 96%;
        height: auto;
        margin: 50px 2%;
        padding: 25px 0;
    }
    .pop-ttl{
        font-size: 18px;
        padding:0 0 20px 0;
    }
    .popup-box dl{
        width: 80%;
    }
    .popup-box dt{
        font-weight: normal;
        color: #666;
        padding-bottom: 5px;
        font-size: 15px;
    }
    .popup-box dd input{
        width: 100%;
        padding: 8px;
    }
}