#profile ul {
    padding-left: 20px;
}

.btn-primary2 {
    color: #fff;
    font-size: 120%;
    border-radius: 4px!important;
}
.add-shadow{
	/* box-shadow */
	box-shadow:0px 0px 6px 3px #cccccc;
	-moz-box-shadow:0px 0px 6px 3px #cccccc;
	-webkit-box-shadow:0px 0px 6px 3px #cccccc;
}

/* ==========================================================================
body　ベースcss
========================================================================== */

body{
	color: #000;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
h2{
	font-weight: 600;
}
h3{
	font-weight: 600;
}
p.subcopy{
	color: #0054a5;
	font-size: 120%;
	margin: 20px 0 40px;
}
img.img-sp{
	display: none;
}

.btn {
	width: 100%;
}

/* ==========================================================================
ヘッダー
========================================================================== */
a.calls{
	color: #fff;
}
.fh5co-nav a {
    padding: 0;
}
.fh5co-nav a:hover {
	text-decoration: underline;
}
.fh5co-nav a.head-a {
    padding: 0;
    color: #fff;
}
.fh5co-nav a.head-a:hover {
	background: #f85a16;
	border-radius: 20px;
    color: #fff;
    padding: 10px 20px;
}
.fh5co-nav .top {
    background: #0054a5;
}
.fh5co-nav .top p{
	display: inline-block;
	margin-bottom: 0;
}
.fh5co-nav .top p.copy{
	color: #fff;
	font-size: 12px;
}
.fh5co-nav .top p.num{
	color: #fff;
	font-size: 15px;
}
.fh5co-nav .top p.btncv{
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.fh5co-cover{
	height: 800px;
	background: url(../images/img_bg_2.jpg);
	background-size: cover;
}
.fh5co-cover .display-t, .fh5co-cover .display-tc {
    z-index: 9;
    height: 600px;
    display: table;
    width: 100%;
    margin-top: 50px;
    color: #0e50a4;
}
.display-tc h1{
	color: #0e50a4!important;
	margin-bottom: 0!important;
	text-shadow: 1px 1px 3px #fff;
}
.display-tc h2{
	color: #0e50a4!important;
	margin-bottom: 20px!important;
	text-shadow: 1px 1px 3px #fff;
}

/* ==========================================================================
フッター
========================================================================== */

footer{
	padding-top: 30px;
	background: #0054a5;
	color: #fff;
}
footer ul{
	margin: 0;
	padding: 0;
}
footer ul li{
	display: inline-block;
	margin-right: 10px;
	list-style: none;
}
footer a{
	color: #fff;
}
footer a:hover{
	text-decoration: underline;
	color: #fff;
}

/* ==========================================================================
ギャラリー
========================================================================== */

div#fh5co-gallery{
	padding-top: 20px;
}

/* ==========================================================================
事業案内
========================================================================== */

div#fh5co-blog{
	padding: 60px 0;
}
div.blog-text {
	height: 330px;
	margin-top: -3em;
}

div.blog-text p{
	text-align: justify;
}

/* ==========================================================================
社長あいさつ
========================================================================== */

div#message{
	position: relative;
	background: url(../images/bg.png);
	margin-top: 800px;
	padding: 60px 0;
}
div#message p{
	text-align: justify;
	line-height: 1.8;
}
div#message p.name-s{
	font-size: 140%;
	font-weight: 600;
	text-align: right;
}
div#message p.name-s span{
	font-size: 70%;
	font-weight: 400;
}

/* ==========================================================================
会社概要
========================================================================== */

div#profile{
	background: url(../images/bg.png);
	padding: 60px 0;
}
div#profile dl dt{
	color: #0054a5;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
div#profile dl dd{
	margin: 10px 0 15px;
	line-height: 1.6;
}

div.cv-block{
	background: #fff;
	border: 1px solid #0054a5;
	margin-top: 20px;
}
div.cv-block div.box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
}
div.cv-block div.box div{
	width: 50%;
	margin-bottom: 20px;
}
div.cv-block div.box div p{
	text-align: center;
	margin: 0;
	padding: 0;
}
div.cv-block div.box div p.txtbl{
	color: #0054a5;
}
div.cv-block div.box div p.tel{
	font-size: 180%;
	font-weight: 600;
}
div.cv-block div.box a.btn{
	display: block;
	width: 70%;
	margin: 10px auto 0;
}
div.cv-block p.subttl{
	background: #0054a5;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: 400;
}

/* ==========================================================================
レスポンシブ対応
========================================================================== */

@media screen and (min-width:1400px){

}
@media screen and (min-width:1245px){

}
@media screen and (min-width:768px) and ( max-width:1140px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.fh5co-cover{
		height: 600px;
		background: url(../images/img_bg_2.jpg);
		background-size: cover;
	}
	.fh5co-cover .display-t, .fh5co-cover .display-tc {
    	height: 200px;
    	display: table;
    	width: 100%;
    	padding: 0!important;
    	margin-top: 120px;
    	color: #0e50a4;
	}
	.display-tc p{
		font-size: 90%!important;
		width: 100%;
		margin: 0 auto!important;
	}
    div#message{
    	position: relative;
    	margin-top: 600px!important;
    	padding: 40px 0 25px 0;
    }
    div.blog-text {
		height: 410px;
	}
	div.blog-text a.btn{
		font-size: 90%;
	}
}
@media screen and (max-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    .sps{
    	display: none!important;
    }
}
@media screen and (max-width:768px) {
    /*　画面サイズが768pxからはここを読み込む　*/
    .sps{
    	display: block!important;
    }
    #fh5co-offcanvas{
    	background: #0054a5;
    }
    #fh5co-offcanvas ul li{
    	margin-bottom: 10px;
    	padding-bottom: 10px;
    	border-bottom: 1px solid #fff;
    }
    #fh5co-offcanvas ul li a{
    	color: #fff;
    }
	.fh5co-cover{
		height: 400px;
		background: url(../images/img_bg_2.jpg);
		background-size: cover;
	}
	.fh5co-cover .display-t, .fh5co-cover .display-tc {
    	height: 200px;
    	display: table;
    	width: 100%;
    	padding: 0!important;
    	margin-top: 20px;
    	color: #0e50a4;
	}
	.display-tc h1{
		font-size: 260%!important;
		text-shadow: none!important;
	}
	.display-tc h2{
		font-size: 120%!important;
		text-shadow: none!important;
	}
	.display-tc p{
		font-size: 90%!important;
		width: 80%;
		margin: 0 auto!important;
	}
    div#message{
    	position: relative;
    	margin-top: 400px!important;
    	padding: 40px 0 25px 0;
    }
    .img-sp{
    	display: block!important;
    }
    .none-sp{
    	display: none!important;
    }
    div#fh5co-gallery{
    	display: none!important;
    }
	div.blog-text {
		height: 230px;
	}
	div.blog-text a.btn{
		display: block;
		width: 70%;
		margin: 10px auto;
	}
}
@media screen and (max-width:480px) {
    /*　画面サイズが480pxからはここを読み込む　*/

    div.cv-block p.subttl {
    	font-size: 80%;
    }
    .btn {
    	font-size: 12px!important;
    }

    .sps{
    	display: block!important;
    }

    img.sp-img{
    	width:100%;
    }
    img.img-logo-sp{
    	width: 280px;
    	height: initial
    }
	.fh5co-cover{
		height: 400px;
		background: url(../images/img_bg_2.jpg);
		background-size: cover;
	}
	.fh5co-cover .display-t, .fh5co-cover .display-tc {
    	height: 200px;
    	display: table;
    	width: 100%;
    	padding: 0!important;
    	margin-top: 20px;
    	color: #0e50a4;
	}
	.display-tc h1{
		font-size: 190%!important;
		text-shadow: none!important;
	}
	.display-tc h2{
		font-size: 85%!important;
		text-shadow: none!important;
	}
	.display-tc p{
		font-size: 80%!important;
		width: 80%;
		margin: 0 auto!important;
	}
    p.copy{
    	display: none!important;
    }
    p.subcopy{
    	font-size: 100%;
    	width: 85%;
    	margin: 15px auto 30px;
    }
    .sp-center{
    	text-align: center!important;
    }
    .img-sp{
    	display: block!important;
    }
    .none-sp{
    	display: none!important;
    }
    div#message{
    	position: relative;
    	margin-top: 400px!important;
    	padding: 40px 0 25px 0;
    }
    div#fh5co-gallery{
    	display: none!important;
    }
    div.blog-text {
		height: 350px;
	}
    div.blog-text a.btn{
    	width: 100%;
	}
    div.cv-block div.box {
    	display: block!important;
    }
    div.cv-block div.box div{
    	display: block!important;
    	width: 100%;
    }
    footer ul li{
    	display: block!important;
    	border-bottom: 1px solid #fff;
    	padding-bottom: 10px;
    	margin-bottom: 10px;
    }

}
@media screen and (max-width:320px) {
    /*　画面サイズが320pxからはここを読み込む　*/
    div.display-tc p{
    	width: 95%;
    }
    img.img-logo-sp{
    	width: 230px;
    	height: initial
    }
    h2{
    	font-size: 140%;
    }
    div#message p{
    	font-size: 85%;
    }
    p.subcopy{
    	font-size: 85%!important;
    }
    p.subttl{
    	font-size: 80%;
    }
    p.tel{
    	font-size: 170%!important;
    }
    div.blog-text {
    	height: 320px;
    	font-size: 85%;
	}
    div.blog-text a.btn{
    	font-size: 90%;
	}
	div#profile dl dd{
		font-size: 85%;
	}
    div.cv-block div.box a.btn{
		width: 90%;
		font-size: 90%;
	}
}