@charset "UTF-8";
/* CSS Document */
/*
Theme Name: kazashi2025
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 1.0
*/

/* ---------------
プリント指定
--------------- */
@media print {
body {
zoom: 50%;
-webkit-print-color-adjust: exact; /*プリントで背景表示*/
}
.sp_only {display: none;}


}

/* ---------------
マージン・余白のリセット
--------------- */
html{scroll-behavior: smooth;} /* スムーズにスクロール */
body, div,
dl, dt, dd, ul, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th ,td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

ul,
li{
    margin: 0px; /* 上下の余白削除 */
    padding: 0px; /* 左の余白（箇条書きの「・」）削除 */
    list-style-type: none;
}

/*横の高さ揃えたいとき
ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
li{
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}*/

ul::after{ 
content:""; 
display:block; 
clear:both; 
} 


img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  }

/*投稿キャプション付いたときのはみ出し防止*/
.wp-block-image,
.wp-caption,
figure{ max-width: 100%!important; height: auto!important; }

/* ---------------
要素の再定義
--------------- */
/*アンカーリンク対策ヘッダー分*/	
#gaiyo,
#enkaku,
#torihiki,
#kyoka {
   margin-top:-90px;
  padding-top:120px;
}
body  {
	font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-weight:100;
    line-height:1.9em;
    font-size: 0.934rem;
	color: #333;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	-webkit-text-size-adjust: none;/*sp文字サイズ制御*/
  -moz-text-size-adjust: none;/*sp文字サイズ制御*/
  text-size-adjust: none;/*sp文字サイズ制御*/
}



/* リンクの設定 */
a {
	outline : 0;
	display: block/*範囲をボタンいっぱいに広げる時*/;
}
a:link,a:visited,a:active,
a:link img,a:visited img,a:active img{
	border: none;
	text-decoration: none;
	color: #333333;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
a:hover {
	border: none;
	text-decoration: none;
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
a:hover img{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}

/*table*/
table {
    max-width: 800px;
    margin: 0 auto 2%;
    text-align: left;
}
td,th {
	padding: 10px;
	vertical-align: top;
}

/* indexの設定 */
#container {
	width: 100%;
	text-align: left;
    overflow: hidden;
	word-break: break-all !important;/*文章折返しする*/
}
#main {
	text-align: left;
        overflow: hidden;
	margin: 0 auto;
	line-height: 1.7em;
}
.wrap {
	width: 90%;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.info_title {
	margin-bottom: 1%;
	font-size: 2rem;
	font-weight: bold;
}

.txt_b {font-weight: bold;}
.txt_n {font-weight: normal;}
.txt_m {font-family:"リュウミン B-KL", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.txt_l	{text-align: left;}
.clear {clear: both;}
.center {text-align: center;}
.left {float: left;}
.right {float: right;}



/* クリアフィックスハック */
.clearfix:after { 
	content:"";
    display:block;
    clear:both;
} 
.clearfix {display: inline-block; }
/* Mac版IE除外 \*/
.clearfix {display: block; }

/* margin */
.margin_b1p {margin-bottom: 1%;}
.margin_b2p {margin-bottom: 2%;}
.margin_b3p {margin-bottom: 3%;}
.margin_b5p {margin-bottom: 5%;}
.margin_b10p {margin-bottom: 10%;}
.margin_auto {
	margin-left: auto;
	margin-right: auto;
}


/* 次のページへの設定 */
.pagelink{
	font-size: 90%;
	line-height: 1.3em;
	margin: 3% auto 5%;
	width: 90%;
	max-width: 800px;
}
.pageprev{
    float:left;
	text-align: left;
    width:45%;
	border-left: 2px solid #000;
	padding-left: 10px;
}
.pagenext{
    float:right;
	text-align: right;
    width:45%;
	border-right: 2px solid #000;
	padding-right: 10px;
}

/*Pagenation*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
width:100%;
margin: 3% 0;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #CCC;
}
 
.pagination a:hover{
color:#fff;
background: #999;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #999;
color:#fff;
}

/*iframe*/
.movie,
.map {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 5% auto;
}
.movie iframe,
.map iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container{
  max-width:640px;
  margin: 3% auto;
}

/*動画の大きさを調整*/
.video {
  position: relative;
  padding-bottom: 50.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#news_wrap,
#privacy_page {
	max-width: 800px;
	margin: 5% auto;
}
#news_wrap li,
#privacy_page li {margin-bottom: 5%;}

#news_wrap h3,
#privacy_page h3 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 2%;
	color: #006cd6;
}
#news_wrap h3 {text-align: left;}
.contact_page_txt {
	text-align: center;
	display: block;
	margin: 1% auto 3%;
}
.contact_page_txt p {
	text-align: left;
	display: inline-block;
}
.contact_page_txt p span {color: #C03;}


/* 問い合せ */
div.wpcf7{
	font-size: 120%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
div.wpcf7 input[type="text"]{
	font-size: 110%;
	height: 30px;
	width: 100%;
	clear: both;
	margin-bottom: 3%;
	border: 1px solid #BDBDBD;/*テキスト項目のCSSを設定します。*/
}
div.wpcf7 input[type="text"].birth{
	font-size: 110%;
    width: 120px;
	height: 30px;
	clear: both;
	margin-bottom: 3%;
	margin-right: 2%;
	border: 1px solid #BDBDBD;/*テキスト項目のCSSを設定します。*/
}
div.wpcf7 input[type="email"]{
	font-size: 110%;
	width: 100%;
	height: 30px;
	clear: both;
	margin-bottom: 3%;
	border: 1px solid #BDBDBD;/*メール項目のCSSを設定します。*/
}
div.wpcf7 input[type="tel"]{
	font-size: 110%;
	width: 100%;
	height: 30px;
	clear: both;
	margin-bottom: 3%;
	border: 1px solid #BDBDBD;/*TEL項目のCSSを設定します。*/
}
div.wpcf7 input[type="date"]{
	font-size: 110%;
    width: 30px;
	clear: both;
	margin-bottom: 3%;
	border: 1px solid #BDBDBD;/*テキスト項目のCSSを設定します。*/
}
div.wpcf7 textarea{
	min-height: 30px;
	font-size: 110%;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	border: 1px solid #BDBDBD;/*テキストエリアのCSSを設定します。*/
}
div.wpcf7 select{
	width: 100%;
	  height: 40px;
	margin-bottom: 3%;
	-webkit-appearance: none;/*ドロップダウン・メニューカスタマイズ*/
	-moz-appearance: none;/*ドロップダウン・メニューカスタマイズ*/
	appearance: none;/*ドロップダウン・メニューカスタマイズ*/
}
div.wpcf7 select.yoyaku_day_select {width: 10%;}
div.wpcf7 input[type="checkbox"]{
	width: 20px;
        height: 20px;
	margin-bottom: 3%;/*チェックボックスのCSSを設定します。*/
}
div.wpcf7 input[type="radio"]{
        width: 20px;
        height: 20px;/*ラジオボタンのCSSを設定します。*/
}
div.wpcf7 input[type="submit"]{
		background: #FFF url(img/contact/soshin.svg) no-repeat center center;
        background-size: 100%;
        width: 300px;
        height: 60px;
		display: block;
		clear: both;
        margin: 5% auto;/*送信ボタンのCSSを設定します。*/
		text-indent: -9999px;
		text-align: center;
		border: none;
}
span.wpcf7-list-item { display: block; }
.contact_red,
.txt_red {color: #C03;}
#contact_page {padding: 5% 0;}
#contact_page table,
#contact_page th,
#contact_page td {border: none;}
.hissu,
.nini {
	background: #AE0002;
	color: #FFF;
	display: inline-block;
	font-size: 70%;
	padding: 2%;
	margin-left: 2%;
	line-height: 1em;
}
.nini {
	background: #E5E5E5;
	color: #333;
}
.privacy_check {color: #c03;}
.contact_txt {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin: 3% 0;
	padding-top: 3%;
	border-top: 1px solid 1px;
}
.contact_txt p {
	font-weight: normal;
	font-size: 90%;
	color: #CC0033;
}
.privacy_check {
	color: #C03;
	font-size: 0.9em;
}




/*===============================================
SP
===============================================*/
@media screen and (max-width: 640px){
.pc_only,
.tab_only,
.pc_only_tab_no {display: none;}
	
/*iframe*/
.movie,
.map {
	width: 100%;
	padding-top: 76.25%;
}    
	
/*table*/
#contact_page th,
#contact_page td,
.yoko th,
.yoko td,
#company_page th,
#company_page td {
	width: 100% !important;
    display: block;
}
    
.page_txt {
	text-align: left;
	margin-bottom: 5%;
	font-size: 100%;
}



/* footer */
#copy {margin-bottom: 10%;}

	

/* 次のページへの設定 */
.pagelink{
	font-size: 70%;
	line-height: 1.5em;
	margin: 10% auto;
}
.pageprev{
    float:left;
	text-align: left;
    width:100%;
	border-left: 2px solid #000;
	padding-left: 10px;
	margin-bottom: 10px;
}
.pagenext{
    float:right;
	text-align: right;
    width:100%;
	border-right: 2px solid #000;
	padding-right: 10px;
}
.pagination {margin: 0 auto 10%;}

#news_wrap {margin-bottom: 7%;}
#news_wrap h3,
#privacy_page h3 {font-size: 110%;}
	
#contact_page th {padding-bottom: 0;}
#contact_page td {padding-top: 1%;}
.contact_red {font-size: 80%;}
div.wpcf7 input[type="submit"]{
		background: #FFF url(img/contact/soshin.svg) no-repeat center center;
        background-size: 80%;
}

	

}

/*===============================================
画面の横幅が641px以上769px以下　タブレット
===============================================*/
@media only screen and (min-width:641px) and (max-width:810px){
.sp_only,
.pc_only_tab_no {display: none;}
	
#news_wrap h3,
#privacy_page h3 {
	font-size: 110%;
	margin-bottom: 1%;
}

#contact_page th {
	width: 32%;
	text-align: right;
	vertical-align: top;
}
.kojin_joho {
	text-align: center;
	margin-bottom: 2%;
}
    
}

/*===============================================
PC
===============================================*/
@media screen and (min-width: 811px){
.sp_only,
.tab_only {display: none;}

/*table*/
th {width: 15%;}	
	
#contact_page th {
	width: 30%;
	text-align: right;
	vertical-align: top;
}
.career label {
	float: left;
	padding-right: 5%;
	font-size: 1.3em;
	font-weight: bold;
}
.kojin_joho {
	text-align: center;
	margin-bottom: 2%;
}
	
	


}