/* *************************************** */
/* CV style 1*/
/* *************************************** */
.cv_style01 { width: 100%; background: url(../image/common/common_contact_bg.jpg) no-repeat center center/cover; padding-top: 80px; padding-bottom: 80px; margin-top: 120px; color: #ffffff; }

@media only screen and (max-width: 979px) { .cv_style01 { margin-top: 50px; padding-top: 40px; padding-bottom: 40px; } }

@media only screen and (max-width: 691px) { .cv_style01 { margin-top: 20px; padding-top: 40px; padding-bottom: 40px; } }

.cv_style01 .cv_style01_in { max-width: 1100px; width: 100%; margin-right: auto; margin-left: auto; text-align: center; }

@media only screen and (max-width: 979px) { .cv_style01 .cv_style01_in { width: calc(100% - 10%); } }

.cv_style01 .cv_style01_in .cv_title { font-size: 24px; margin-bottom: 32px; line-height: 1.4; }

.cv_style01 .cv_style01_lead { margin-bottom: 40px; }

@media only screen and (max-width: 690px) { .cv_style01 .cv_style01_lead { text-align: left; margin-bottom: 25px; } }

.cv_style01 .cv_style01_btn a { display: inline-block; max-width: 320px; padding: 12px 10px; text-align: center; color: #ffffff; font-size: 18px; font-weight: bold; background-color: #045574; opacity: .7; transition: background-color .2s; position: relative; transition: all .2s ease 0s; width: 100%; max-width: 400px; }

@media only screen and (max-width: 690px) { .cv_style01 .cv_style01_btn a { font-size: 16px; } }

.cv_style01 .cv_style01_btn a:hover { text-decoration: none; opacity: 1; }

/* *************************************** */
/* CV style 2*/
/* *************************************** */
/*.cv_style02 {
	@include cv_base;
	.cv_style02_in {
		max-width: 960px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		@media only screen and (max-width: 979px) {
			width: calc(100% - 6%);
		}
		@media only screen and (max-width: 690px) {
			width: calc(100% - 10%);
		}
	}
	.cv_style02_lead {
		margin-bottom: 50px;
		font-size: 1.5rem;
		@media only screen and (max-width: 690px) {
			margin-bottom: 15px;
		}
	}
	.cv_style02_btn {
		font-size: 0;
		text-align: center;
		a{
			&.btn{
				@include cv_btn_rev;
				width: 44%;
				margin: 0 3%;
				&.right{
					@include cv_btn;
				}
			}
		}
	}
}

*/
/* *************************************** */
/* CV style 3*/
/* *************************************** */
/*.cv_style03{
	@include cv_base;
	.cv_style03_in{
		max-width: 880px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		@media only screen and (max-width: 979px) {
			width: calc(100% - 6%);
		}
		@media only screen and (max-width: 690px) {
			width: calc(100% - 10%);
		}
	}
	.cv_style03_lead{
		margin-bottom: 40px;
		font-size: 15px;
		@media only screen and (max-width: 690px) {
			margin-bottom: 15px;
		}
	}	
	.cv_style03_btn{
		font-size: 0;
		text-align: center;
		a{
			&.btn{
				@include cv_btn_rev;
				width: 44%;
				margin: 0 3%;
				&.right{
					@include cv_btn;
				}
			}
		}
	}
	.cv_style03_tel{
		@include cv_telnum;
	}
}
*/
/* *************************************** */
/* CV style 4*/
/* *************************************** */
/*.t-default .cv_style04{background-color: #ffffff;}

.cv_style04{
	@include cv_base;
	.cv_style04_in{
		max-width: 900px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		@media only screen and (max-width: 979px) {
			width: calc(100% - 10%);
		} 
	}
	.cv_style04_lead{
		margin-bottom: 40px;
		@media only screen and (max-width: 690px) {
			margin-bottom: 15px;
		}
	}
	.cv_style04_cv{
		display: table;
		width: 100%;
	}
	.cv_style04_tel{
		display: table-cell;
		vertical-align: top;
		width: 50%;
		@media only screen and (max-width: 690px) {
			width: 100%;
			display: block;
		}
		.cv_style04_num{
			@include cv_telnum;
			@media only screen and (max-width: 690px) {
				width: 100%;
				display: block;
				margin-bottom: 30px;
			}
		}
	}
	.cv_style04_form{
		display: table-cell;
		vertical-align: top;
		width: 50%;
		padding: 0 2%; 
		@media only screen and (max-width: 690px) {
			width: 100%;
			display: block;
		}
	}
	.cv_style04_btn{
		a{
			@include cv_btn;
			width: 100%;
		}
	}
}*/
/* *************************************** */
/* tel mail icon */
/* *************************************** */
p.cv_icon_tel, p.cv_icon_form { margin-bottom: 10px; }

.cv_icon_tel:before, .cv_icon_form:before { font-family: FontAwesome; display: inline-block; padding-right: 5px; vertical-align: middle; font-size: 20px; }

.cv_icon_tel:before { content: "\f095"; }

.cv_icon_form:before { content: "\f0e0"; padding-right: 10px; font-size: 16px; vertical-align: middle; }

@media only screen and (max-width: 690px) { .cv_icon_tel, .cv_icon_form { margin-bottom: 5px; } }

/****************************************************************/
/* footer contact */
/****************************************************************/
.w_100 { display: table; margin-top: 56px; width: 100%; }

@media only screen and (max-width: 690px) { .w_100 { margin-top: 30px; } }