@charset "UTF-8";
/*
Template:sparkling
Theme Name:sparkling_child
*/

body {
	background: url(img/bg.png) repeat;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.8;
}
.go{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;	
}
.mb30{
	margin-bottom: 30px;
}
.mb60{
	margin-bottom: 60px;
}
a{
	color: #000;
}
a:hover{
	text-decoration: none;
	color: #777;
}

#access h2,#news h2{
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	background-color: #005752;
	color: #fff;
	text-align: center;
    padding: 0.3em 0;
}
dt {
	clear: left;
    float: left;
    width: 20%;
    border-bottom: 2px solid #005752;
    font-weight: 500;
    color: #005752;
}
dd { 
    margin: 0 0 2em 20%;
    border-bottom: 2px solid #999;
}
.od1 {
	order: 1;
}

.od2 {
	order: 2;
}

.cv img{
	margin: 2em 0;
	transition: 0.3s;
}

.cv img:hover{
	filter: brightness(115%);
	transition: 0.3s;
}

@media screen and (min-width: 1200px) {
.container {
	width: 1030px;
}
}
@media screen and (max-width: 768px) {
.cv img{
	margin: 0.5em 0;
}
}

/*==========================
ヘッダー
===========================*/
h1 {
	font-size: 0.8em;
	color: #fff;
	margin-bottom: 0px;
}
.navbar > .container .navbar-brand {
	font-size: 28px;
	margin: 0;
	padding: 15px 0;
}
.nav>li>a {
	padding: 10px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
}
.navbar-nav{
	padding: 15px 0 0;
	margin: 18px 0 0;
}
.navbar-nav > li {
	padding: 0;
}
.navbar-default .navbar-nav > li > a {
	font-size: 0.9em;
}
.nav li:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 0;
    height: 12px;
    margin-top: -6px;
    border-right: 1px solid #fff;
}

@media screen and (max-width: 768px) {
#logo h1 {
	display: none;
}
.nav li:before {
	display: none;
	}
.navbar-nav {
    margin: 0;
	padding: 10px 0;
}
}
/*==========================
フッター
===========================*/
#footer-area {
	text-align: center;
}
#footer-area p{
	margin: 0;
}

#footer-area .menu_t{
	font-size: 2em;
}

#footer-area nav{
	font-size: 1.1em;
}

#footer-area nav a:hover{
	color: #999;
}

@media screen and (max-width: 768px) {
#footer-area nav{
	display: none;
}
}
/*==========================
右サイドバー
===========================*/
.well {
	min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    margin-top: 30px;
	border:none;
	background-color: inherit;
	box-shadow: none;
}
#secondary .widget > h3{
	font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0;
    color: #005752;
	border-bottom: double;
    border-color:#005752;
	border-width:4px;
    padding-bottom: 7px;
    font-weight: 600;
}
#secondary .widget a {
color: #000;
}
#secondary .widget a:hover {
color: #555;
}
.widget ul li {
    list-style: none;
    border-bottom: 1px dashed #999;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    background: url(img/list02.png) no-repeat left;
}

#text-7 .textwidget{
	color: #000;
	font-size: 0.9em;
	text-align: center;
}

#text-7 .textwidget span{
	color: #005752;
	font-size: 1.4em;
}

@media screen and (max-width: 768px) {
#secondary .widget {
    margin-bottom: 20px;
}
}
/*==========================
左コンテンツ
===========================*/
.post-inner-content {
    padding: 0 1em;
    background-color: inherit;
    border: none;
}
.page-header {
    padding-bottom: 0;
    margin: 40px 0 20px;
    border-bottom: none;
	background-color: #005752;
	color: #fff;
    padding: 10px 2em;
}
.entry-title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 0;
}
.tel a {
    padding: 5px 10px;
    margin: 0 25%;
    border: 2px #005752 solid;
    color: #005752;
    font-size: 1.3em;
    text-decoration: none;
    text-align: center;
    display: block;
}
.tel a:hover {
    border: 2px #005752 solid;
	background-color: #005752;
    color: #fff;
}
.kote {
    color: #005752;
    font-size: 2.5em;
    line-height: 1.4;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.tel a {
    font-size: 1.1em;
}
	.kote {
    font-size: 2em;
}
}

/*==========================
コンタクトフォーム
===========================*/
#post-28 header h1:after {
	content:"(求人応募)";
}
.form_t {
	color: #005752;
	font-size: 1.2em;
	width: 170px;
	font-weight: 600;
	display: inline-block;
}
.wpcf7-text{
	font-size: 1.2em;
	font-weight:normal;
	font-family:  "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	
}

label .half{
	width: 200px;
}

label .half_f{
	width: 200px;
	margin-left: 50px;
}

label .short{
	width: 50px;
}

label .long{
	width: 450px;
}

.wpcf7-form p {
	margin-bottom: 1.5em;
}

.sub-btn{
	padding: 5px 10px;
    margin: 0 25%;
    border: 2px #005752 solid;
    color: #005752!important;
    background-color: inherit!important;
    border-color: #005752!important;
	font-size: 1.2em!important;
	transform: translateX(80%);
}


@media screen and (min-width: 992px) {
label .half{
	width: 180px;
}

label .half_f{
	width: 180px;
	margin-left: 45px;
}

label .short{
	width: 50px;
}

label .long{
	width: 415px;
}	
}
@media screen and (max-width: 768px) {
	#post-28 header h1 {
	text-align: center;
	font-size: 1.4em;
}
	label {
		display:block;
	}
	
label .half{
	width: 100%;
}

label .half_f{
	width: 100%;
	margin-left: 0;
}

label .long{
	width: 100%;
}
.form_t {
	font-size: 1.2em;
	width: inherit;
	font-weight: 600;
	display: block;
}
}
/*==========================
投稿ページ
===========================*/
.entry-meta {
    margin-bottom: 0px;
}
.entry-title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 0;
}
.entry-title a {
    color: #fff;
}


/*==========================
トップページコンテンツ
===========================*/
.fluid-box{
 width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: url(img/main.jpg) no-repeat;
	background-size: cover;
}
.fluid-box-inner {
    margin: 0 auto;
    padding: 8% 0 17%;
    width: 50vw;
    display: block;
}


.main-content-area {
    margin-top: 0px;
}
@media screen and (max-width: 768px) {
	.fluid-box-inner {
    padding: 10% 0 20%;
    width: 68vw;
}
}

/*==========================
とは？
===========================*/
#what {
	margin: 2em 0;
	background:url(img/view01.png) no-repeat right top;
}

@media screen and (max-width: 768px) {
	.pc_only {
		display: none;
	}
	#what {
	padding: 1em 1em;
	background:url(img/view01.png) no-repeat left bottom;
}
}
/*==========================
メニュー
===========================*/
#menu .pr {
	display: flex;
	align-items: stretch;
	color: #fff;
	max-width:  inherit;
	justify-content:center;
}

#menu .box {
	flex:1;
}

#menu p{
	padding: 0.5em 25px;
}

#menu .menu_t{
	border-bottom: 2px solid #fff;
    margin: 0px 25px;
    font-size: 1.5em;
    padding: 20px 0 0 0;
}

#menu .box img {
	height: fit-content;
}

#menu .box_blue {
	background-color: rgba(0,91,144,0.90);
	flex:1;
}

#menu .box_green {
	background-color: rgba(0,129,50,0.90);
	flex:1;
}

#menu .pr a {
	display: inline-block;
	padding: 4px 2em;
	margin: 0 25px 10px;
	border: 2px #fff  solid;
	color: #fff;
}

#menu .pr a:hover {
	background-color: #fff;
	color: #555;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
#menu .pr {
	display: block;
	margin-bottom: 2em;
}
#menu .box img {
	width: 100%;
	height: inherit;
}
#menu .pr a {
	padding: 3px 2em;
	margin: 0 25px 20px;
}	
}

/*==========================
新着情報・アクセス
===========================*/
#news ul {
	list-style: none;
	border: #000 1px solid;
	padding: 1em 2em;
	margin: 2em 0 5em;
}

#news li {
	background:url(img/list.png) no-repeat left;
	border-bottom: 1px #999 solid;
	font-weight: normal;
	padding: 0.5em 0 0.5em 40px;
}

#news li span {
	color: #777;
	padding-right: 20px;
	font-size: 0.9em;
}
	.sp_only {
		display: none;
	}
@media screen and (max-width: 768px) {
	.sp_only {
		display: block;
	}
}

/*2018.11.08修正*/

#secondary .widget > h3 {
    padding-top: 7px;
}

@media screen and (max-width: 768px) {
.entry-content dl {
    font-size: 0.8em;
}
.post-inner-content {
    padding: 0;
}
.navbar-toggle {
    margin-right: 8px;
}
}