/* ----------------------------------------------------------------------
ヘッダーイメージ
---------------------------------------------------------------------- */

.top-slider img{
width:100%;
max-width:100%;
}


/* ----------------------------------------------------------------------
 スマホ・PC画像振り分け
---------------------------------------------------------------------- */

@media screen and (min-width: 640px) {
.sp_only{
display:none;
}
}

@media screen and (max-width: 639px) {
.pc_only{
display:none;
}
}

/* ----------------------------------------------------------------------
 破線hr
---------------------------------------------------------------------- */

hr.hasen{
border:none;
border-top:dashed 1px #999;
height:1px;
color:#FFFFFF;
margin:15px 0 !important;
}

/* ----------------------------------------------------------------------
 画像リンク
---------------------------------------------------------------------- */
a:hover img{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

/* 電話番号リンク禁止
---------------------------------------------------- */
@media (max-width: 751px){
	a[href*="tel:"]{
		text-decoration: none;
		color: inherit;
	}
}
/* ----------------------------------------------------------------------
 動画レスポンシブ
---------------------------------------------------------------------- */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------------
 フォント
---------------------------------------------------------------------- */

h3.h3_gold{
color:#ad9923 !important;
}

h3.content_title{
color:#ffff00;
background:#1c1f85;
text-align:center;
padding:5px 0 !important;
}

.yu_font{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.yugo_font{
font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif !important;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}



.font50 {
	font-size: 50% !important;
}

.font60 {
	font-size: 60% !important;
}

.font70 {
	font-size: 70% !important;
}

.font80 {
	font-size: 80% !important;
}

.font90 {
	font-size: 90% !important;
}

.font120 {
	font-size: 120% !important;
	line-height:1.8em;
}

.font130 {
	font-size: 130% !important;
	line-height:2em !important;
}

.font150 {
	font-size: 150% !important;
	line-height:1.8em;
}

.font180 {
	font-size: 180% !important;
line-height:2em;
}

.font200 {
	font-size: 200% !important;
	line-height:2em;
}

.font230 {
	font-size: 230% !important;
	line-height:2em;
}

.font250 {
	font-size: 250% !important;
	line-height:2em;
}

.red {
	color: #C83550;
}

.pink{
	color:#F5A9BC;
}

h3.title_line{
background:#f1f1f1;
color:#4d4d4d;
font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif !important;
text-align:center;
margin:90px 0 50px 0;
padding:30px 0;
font-size:150%;
}

/* ----------------------------------------------------------------------
 スマホのみ改行
---------------------------------------------------------------------- */
@media screen and (min-width: 640px) {
 .kaigyou {
  display: none;
 }
}

/* ----------------------------------------------------------------------
 pcのみ改行
---------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
 .kaigyou-pc {
  display: none;
 }
}


/* ----------------------------------------------------------------------
 マージン・パディング
---------------------------------------------------------------------- */
.mt10{
margin-top:10px !important;
}
.mt15{
margin-top:15px !important;
}
.mt30{
margin-top:30px !important;
}
.mt50{
margin-top:50px !important;
}
.mt100{
margin-top:100px !important;
}
.mb10{
margin-bottom:10px !important;
}
.mb15{
margin-bottom:15px !important;
}
.mb30{
margin-bottom:30px !important;
}
.mb50{
margin-bottom:50px !important;
}
.mb100{
margin-bottom:100px !important;
}
.pt10{
padding-top:10px !important;
}
.pt15{
padding-top:15px !important;
}
.pt30{
padding-top:30px !important;
}
.pt50{
padding-top:50px !important;
}
.pt100{
padding-top:100px !important;
}
.pb10{
padding-bottom:10px !important;
}
.pb15{
padding-bottom:15px !important;
}
.pb30{
padding-bottom:30px !important;
}
.pb50{
padding-bottom:50px !important;
}
.pb100{
padding-bottom:100px !important;
}

/* ----------------------------------------------------------------------
 ２カラム用
---------------------------------------------------------------------- */

.full_content{
width: 100%;
margin: 0 !important;
text-align: center;
overflow:hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.full_content .full_content_inbox{
width:1150px;
max-width:100%;
margin:0 auto;
padding:0;
}

.single_content{
width:1150px;
max-width:100%;
margin:0 auto;
padding:0 0;
}

@media(min-width:768px)  {
.left_content{
float:left;
width:50%;
padding:0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.right_content{
float:right;
width:50%;
padding-left:0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sp_box2{
	padding:0 2%;	
}
}

@media(max-width:767px)  {
.right_content,.left_content{
float:none;
width:100%;
padding:0;
}
.right_content .sp_box,.left_content .sp_box{
width:95%;
margin-left:auto;
margin-right:auto;
}
.sp_box,.sp_box2{
width:90%;
margin-left:auto;
margin-right:auto;
}
.text_cpntainer{
padding:0 30px;
}
}

img.menu01{
padding-right:10px !important;
}
img.menu02{
padding-left:10px !important;
}

@media(max-width:767px)  {
img.menu01{
padding:0px !important;
margin-bottom:10px;
}
img.menu02{
padding:0px !important;
margin-bottom:10px;
}
}
/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
.content01_bg{
	background:url(https://mizutomo-k.co.jp/wp-content/themes/story_tcd041/images/content01_bg.jpg) no-repeat center bottom;
	background-size: cover;
}

.content01_bg_mask{
	padding-top:100px;
	padding-bottom:100px;
	background: rgba(255,255,255,0.3);
}

.content01_bg_mask h2{
	font-size:180%;
}

@media(max-width:767px)  {
	.content01_bg_mask{
	padding-top:50px;
	padding-bottom:100px;
	background: rgba(255,255,255,0.3);
}
	.content01_bg_mask h2{
	font-size:170%;
}
}

.content02{
	background:#FFF !important;
}

img.content02_title{
	max-width:100%;
}

div.content02_box{
	width:30%;
	float:left;
	margin-bottom:30px;
}

div.content02_box:nth-of-type(2),
div.content02_box:nth-of-type(5){
	margin-left:5%;	
	margin-right:5%;	
}

div.content02_box img{
	width:100%;
}

a img.content02_img{
	display:block;
}

.privacy_credit{
	border:1px solid #666;
	padding:10px;
}

div.content02_box h3{
	text-align:center;
	font-weight:normal;
	line-height:1.5em !important;
	margin-top:10px;
	font-size:150%;
}

@media(max-width:767px)  {
	div.content02_box:nth-of-type(odd){
	width:47%;
	float:left;
}
	div.content02_box:nth-of-type(even){
	width:47%;
	float:right;
}
	div.content02_box:nth-of-type(2),
div.content02_box:nth-of-type(5){
	margin-left:0;	
	margin-right:0;	
}
	div.content02_box h3{
	font-size:100%;
	}
}

.company_prof{
	background:url(https://mizutomo-k.co.jp/wp-content/themes/story_tcd041/images/content03_bg.jpg) no-repeat center bottom;
	background-size: cover;
}
.company_prof .single_content{
	padding-top:50px;
	padding-bottom:50px;
}
.company_prof .single_content .left_content{
	background: rgba(0,0,0,0.5);
	padding:30px;
}

.company_prof .single_content .left_content table{
	color:#fff;
	line-height:2.5em;
}

table.recruit_tb{
border-collapse:collapse;
}

table.recruit_tb tr{
	border-bottom:1px #666 dashed;
}

.company_prof .single_content .left_content table th{
	width:5em;
	text-align:left;
	font-weight:normal;
}

.recruit_link{
	background:#60ad30;
	padding-top:5px;
	padding-bottom:5px;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
}

.recruit_link p{
	color:#fff;
	text-align:center;
}

table.recruit_tb tr td{
	line-height:2.5em;
}

a:hover .recruit_link{
		background:#666;
}

table.form{
border-collapse: collapse;
	}
table.form tr{
	border-bottom:1px dashed #666;
	padding-top:15px;
	padding-bottom:15px;
}
table.form tr,table.form td {
		display: block;
		text-align: left;
		width: 100%;
	}
table.form td{
	line-height:2.5em;
}
span.your-age input{
width:150px;
}