/*
Theme Name:fujiunso2022
Template:twentyseventeen
Version: 2.5
*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
body{
	font-family: YakuHanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN","Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",'Noto Sans JP', sans-serif;
}

html {
	font-family: YakuHanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN","Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.88;
}

footer{
		font-family: YakuHanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN","Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ask_btn{
		font-family: YakuHanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN","Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#f8f8ff;
}

.company-name{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		font-weight:600;
}

.entry-content{
	font-size:1.2em;
}

.entry-content a{
	box-shadow: inset 0 0px 0 rgb(15 15 15);
	font-family: YakuHanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN","Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",'Noto Sans JP', sans-serif;
}


h1.title-big {
	font-family: YakuHanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN","Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:600;
}

h1.title-big {
font-size:2em;
color:#fff;
position: relative;
top: -170px;
text-align:center;
margin-left:auto;
margin-right:auto;
width:399px;
background: rgba(0,157,255,0.7);
}

ol{
	margin-left:30px;
}

.column_2{
	float:left;
	width:31%;
	margin-right:15px;
	padding:10px;
}

.jigyo_info{
	background:#f0f8ff; padding:40px 40px; overflow: hidden;
}
.jigyo_title{
		font-family: YakuHanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN","Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.3em; color:#1e90ff; text-align:center; font-weight:600; margin-bottom:20px;
}

.column50{
	float:left; width:47%;  margin-right:15px;
}

.column30{
		float:left; width:30%;  padding:0px;
}

.column70{
		float:left; width:70%;  padding:0px;
}
.ml30{
	margin-left:20px;
}

.recruit-t {
	margin-top:30px;
  padding-top:2px;
	padding-left:15px;
  border-left: 6px solid #0080ff;
}


.box-title{
float:left;
	margin-right:0;
	width:30%;
	height:120px;
	line-height: 75px;
	color:#fff;
	background-color:#00004d;
	font-weight:600;
	padding:20px;
	text-align:center;
	overflow: hidden;
	margin-bottom:15px;

}

.box-text{
	float:left;
	width:70%;
	height:120px;
	background-color:#f0f8ff;
	padding:20px;
	font-size:0.9em;
	margin-bottom:15px;
}


/* スクロールCSS */
.fade-in {
  opacity: 0.33;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 100px);
}

.fade-in-down {
  transform: translate(0, -100px);
}

.fade-in-left {
  transform: translate(-100px, 0);
}

.fade-in-right {
  transform: translate(100px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 0px #fff;
	box-shadow: 0 0 0 0px #fff;
}

#map {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

#map iframe {
  width: 100%;
  height: 860px;
  margin-top: -170px;
}


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.header-wdgt{
	margin-top:0px;
	float:right; 
	display: inline;
}

.site-header {
	background-color: #fff;
	position: relative;
}

.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 180px;
	}

.custom-logo-link {
		padding-right:0em;
	}

.site-title,
.site-title a {
	font-family: 'Noto Sans JP', sans-serif;
	font-style: italic;
	color: #333;
	opacity: 1; 
}

.whatsnews{
	background-color:#ffd700;
	color:#333;
	padding:2em 3em;
}

	.center{
		text-align:center;
	}

.divright{
	float:right;
	margin-left:20px;
	display:inline;
}

.divleft{
	float:left;
	margin-right:20px;
	display:inline;
}

/* PC時 */
.pc {display:inline;}
.sp {display:none;}


a:hover,
a:active {
	color: #1e90ff;
	outline: 0;
}


div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 0;/*ここで動画の周りの余白を調整*/
}
video.vid_main {
width: 100%;
max-width: 100%;/*PC版での最大幅*/
 object-fit: cover;
height: 550px;	
z-index: 10;
margin-bottom:-10px;
}
.op_message {
	position: absolute;
	text-align:left;
	right:10%;
	top: 3%;
	z-index: 50;
	color: #fff;
}

.big_message{
	font-size:3em;
	font-weight:700;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}

.mini_message{
	font-size:1.2em;
	font-weight:700;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}





/*--------------------------------------------------------------
 Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 30em) /* 480px以下適用 */ {
	
/* Site Branding */
	
.pc {display:none;}
.sp {display:inline;}

.site-branding {
	padding: 1em 0 0;
	}

	
.topcenter{
	text-align:center;	
	}	
	
.navi-width{
	float:none;
	}
.site-title,
.site-title a {
	font-size:28pt;
}
	
	.panel-content h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	color: #1779BA;
	margin-bottom:0.5em;
}
	
.btn a{
	display:block;
	font-size:1.2em;
	text-align:center;
	width:100%;
	padding:1em;
	margin-bottom:10px;
	background:#00004d;
	color:#FFFFFF;
	font-weight:500;
	}
.ask_btn a{
	display:block;
	font-size:1.2em;
	text-align:center;
	width:100%;
	padding:1em;
	margin-bottom:10px;
	background:#0099FF;
	color:#FFFFFF;
	}
	
	.ask_t{	font-size:17pt;	}
	.ask_denwa{	font-size:20pt;	font-weight:600;}
	.ask_jikan{	font-size:13pt;	}
	
	.ask_mail{
		padding:1em;
		background:#dc143c;
		color:#FFFFFF;
	}

	.center{
		text-align:left;
	}
	
	.panel-content h2,.ask-frame h2,.entry-content h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	font-style: italic;
	color: #333;
	margin-bottom:1em;
}
	
	.divright{
		float:none;
		margin-left:0px;
		margin-bottom:20px;
	}
	
	.op_message {
	position: absolute;
	text-align:center;
	top: 2%;
	z-index: 50;
	color: #fff;
}

.big_message{
	font-size:1.8em;
	font-weight:700;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}

.mini_message{
	font-size:0.8em;
	font-weight:700;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
	

#map {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

#map iframe {
  width: 100%;
  height: 600px;
  margin-top: -150px;
}	
	
	.ask_denwa{
		width:100vw;
	}
	
	
}

@media screen and (max-width: 48em) /* 768px以上適用 */  {
	.jigyo_info{
	background:#fff; padding:10px 0px; overflow: hidden;
}
	.jigyo_title{
		font-size:1.3em; color:#1e90ff; text-align:left; font-weight:600; margin-bottom:10px;
}
	.column30{
	float:none; width:100%;  padding:0px;
}

.column70{
	float:none; width:100%;  padding:0px;
}
	
	.column50{
	float:none; width:100%;  padding:0px;
}
	.box-title{
	float:none;
	margin-right:0;
	width:100%;
	height:auto;
	line-height: 30px;
	color:#fff;
	background-color:#00004d;
	font-weight:600;
	padding:20px;
	text-align:center;
	overflow: hidden;
	margin-bottom:0px;

}

.box-text{
	float:none;
	width:100%;
	height:auto;
	background-color:#f0f8ff;
	padding:20px;
	font-size:0.9em;
	margin-bottom:15px;
	}
	
	.column_2{
	float:none;
	width:100%;
	margin-right:15px;
	padding:10px;
}
	.column_2 img{
		max-width:100%;
	}
	

	
	/* スクロールCSS */
.fade-in {
  opacity: 1;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 0px);
}

.fade-in-down {
  transform: translate(0, -0px);
}

.fade-in-left {
  transform: translate(-0px, 0);
}

.fade-in-right {
  transform: translate(0px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
	
	
}


@media screen and (min-width: 30em) /* 480px以上適用 */ {
	
	/* Site Branding */

.site-branding {
		padding: 1em 0 0;
	}
	
	.navi-width{
		float:none;
	}
.wrap {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1em;
	padding-right: 1em;
}
	

	
	/* Front Page */
	.panel-content .entry-header {
	margin-bottom: 1.5em;
	}
	
	.ask-frame{
		border-top:1px solid #ddd;
		padding-top:1em;
		padding-bottom:1em;
	}
	
}


@media screen and (min-width: 48em) /* 768px以上適用 */ {
	
	.has-sidebar:not(.error404) #primary {
		float: none;
		width: 100%;
	}
	
	.site-description {
	font-size: 0.9rem;
	padding-bottom: 0.5em;
	}
	
/* Front Page */
	.panel-content .wrap {
		padding-bottom: 0em;
		padding-top: 0em;
	}
	
	
	.panel-content h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.8rem;
	color: #1779BA;
	margin-bottom:0.5em;
}
	
	
	.panel-content h2,.ask-frame h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	color: #333;
	margin-bottom:1em;
}
	
	.entry-content h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-style: italic;
	color: #00004d;
	margin-bottom:1em;
}
	
	

/* Layout */
	.wrap {
		max-width: 1200px;
		padding-left: 3em;
		padding-right: 3em;
	}
	

	
	.right-frame{
		display: inline-block;
		padding-top: 3em;
		padding-bottom:3em;
		padding-left:5em;
		width:600px;
		float:right;
		line-height:1.8em;
		background-color:#fff;
		transform: skew(-19deg);
	}
	.tran{
		transform: skew(19deg);
	}
	
	.left-frame{
		display: inline-block;
		padding: 3em 4em;
		width:60%;
		float:left;
		line-height:1.8em;
		background-color:#fff;
		transform: skew(19deg);
	}
	.tran2{
		transform: skew(-19deg);
	}
	
	.ask-frame{
		border-top:1px solid #ddd;
		padding-top:4em;
		padding-bottom:6em;
	}
	
	

	#panel1{background-image: url(https://fujiunso.jp/wp-content/uploads/2023/01/back_image_01-2-1.png);
			background-repeat: no-repeat;}
	#panel2{background-image: url(https://fujiunso.jp/wp-content/uploads/2023/01/back_image_02-4.png);
			background-position : right; background-repeat: no-repeat;}
	#panel3{background-image: url(https://fujiunso.jp/wp-content/uploads/2023/03/back_image_04.jpg);
			background-repeat: no-repeat;}

	
/* Navigation */
	
	.navigation-top .wrap {
		max-width: 1200px;
	}
	
	.navi-width{
		float:right;
	}
	
	.main-navigation a {
		padding: 1em 0em 1em 2em;
		font-family: 'Noto Sans JP', sans-serif;
		font-size:1.1em;
		font-weight:500;
	}
	
	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: none;
		width: 100%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: none;
		width: 100%;
	}
	/* Footer */

	.site-footer {
		margin-top: 0em;
		background: #0e1a36;
		color: #fff;
	}
	
	.site-footer a{
		color: #fff;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 58%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width:36%;
	}
	
.widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
box-shadow: inset 0 0px 0 rgb(255 255 255);
}
	
.widget ul li a:hover, .site-footer .widget-area ul li a:hover, .site-footer .widget-area ul li a:hover {
color:#1e90ff;
box-shadow: inset 0 0px 0 rgb(255 255 255);
}
	
	
.btn{
    width:160px;
    height:40px;
    line-height:40px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.btn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#00004d;
    text-align:center;
    color:#FFFFFF;
    font-size:17px;
    font-weight:bold;
}
.btn a:hover{
    background:#006AB0;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    box-shadow:none;
}

	.yoko{
display:flex;
justify-content: center;
}

	.ask_t{	font-size:17pt;	}
	.ask_denwa{	font-size:20pt;	}
	.ask_jikan{	font-size:13pt;	}
	
	.ask_btn{
		width:350px;
		height:130px;
		float:none;
		text-align:center;
		margin-right:30px;
		background:#0099FF;
		color:#FFFFFF;
		margin-bottom:10px;
	}
	.ask_btn a{
		display:block;
		width:100%;
		height:100%;
		padding: 1em 3em;
		background:#0099FF;
		color:#FFFFFF;
		font-weight:bold;
	}
	div.ask_btn a:hover{
		    background:#006AB0;
	}
	
	.ask_mail{
		padding:1em;
		background:#dc143c;
		color:#FFFFFF;
	}
	
	.site-content {
		padding: 0.5em 0 0;
	}
	
		.panel-image {
		height: 10vh;
		max-height: 220px;
	}
	
	.social-navigation + .site-info {
		margin-left: 0%;
	}	

}


@media screen and ( min-width: 67em ) /* 1072px以上適用 */ {

}


@media screen and ( max-width: 79em ) /* 1264px以下適用 */{
	h1.title-big {
		width:100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.4rem;
		background-color:#00004d;
		color: #fff;
		margin-top:10px;
		position: relative;
		top: 0px;
}
}

@media screen and ( max-width: 58em ) /* 1072px以上適用 */ {
	.big_message{
	font-size:2em;
	font-weight:700;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}

.mini_message{
	font-size:1em;
	font-weight:700;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}

}




/*スマホメールフォームカスタマイズ*/
@media(max-width:500px){
	.inquiry00 th,.inquiry00 td{
		display:block!important;
		width:100%!important;
		border-top:none!important;
		-webkit-box-sizing:border-box!important;
		-moz-box-sizing:border-box!important;
		box-sizing:border-box!important;
	}

	.inquiry00 tr:first-child th{
		border-top:1px solid #d7d7d7!important;
	}
/* 必須・任意のサイズ調整 */	
	.inquiry00 .haveto,.inquiry00 .any {	
		font-size:10px;
	}
}


/*見出し欄 基本情報*/
.inquiry00 th{
	text-align:left;
	font-size:16px;
	color:#444;
	padding-left:5px;
	padding-right:5px;
	width:30%;
	background:#f8f8ff;
	border:solid 1px #aaa;
}

/*通常欄*/
.inquiry00 td{
	font-size:16px;
	border:solid 1px #aaa;
	padding-left:5px;
	padding-right:5px;
}

/*横の行とテーブル全体*/
.entry-content .inquiry00 tr,.entry-content table{
 border:solid 0px #aaa;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}



/* table01 */

@media(max-width:500px){
	.table01 th,.table01 td{
		display:block!important;
		width:100%!important;
		border-top:none!important;
		-webkit-box-sizing:border-box!important;
		-moz-box-sizing:border-box!important;
		box-sizing:border-box!important;
	}
	.table01 th{
		background:#f8f8ff;
		padding:5px;
	}
	.table01 td{
		border-top:1px solid #d7d7d7!important;
		padding:5px;
	}

	.table01 tr:first-child th{
		border-top:1px solid #d7d7d7!important;
	}
/* 必須・任意のサイズ調整 */	
	.table01 .haveto,.table01 .any {	
		font-size:10px;
	}
}

.table01 th,.table01 td{
	padding-top:15px;
	padding-bottom:15px;
}

	.table01 tr:first-child th{
		border-top:1px solid #d7d7d7!important;
	}
	.table01 tr:first-child td{
		border-top:1px solid #d7d7d7!important;
	}