@charset "utf-8";

/*================================
 CSS
FileName:    style.css
Last Modified:     2019.03.07
================================*/

/***------------------------
default
------------------------***/

h1,h2,h3,h4,h5,h6,div,ul,li,p,dl,dt,dd {
  margin  : 0px;
  padding : 0px;
}

img {
  border  : none;
  margin  : 0;
  padding : 0;
  vertical-align: middle;
}

/*リストの文頭は非表示*/
ul { list-style-type: none; }

/*改行関連*/
br { letter-spacing: 0; }   /* IEバグ対応 ※連続した<br>に対応しないため */

label { cursor: pointer; }

/*マウスホバー時のアルファ化*/
a:hover {
  filter  : alpha(opacity=70);  -moz-opacity:0.70;  opacity:0.70;
}

/***------------------------
【全般的に】
------------------------***/
body {
	margin			: 0px auto;				/* ページ全体のmargin */
	padding			: 0px;				/* ページ全体のpadding */
	text-align		: center;			/* 下記のautoに未対応用のセンタリング */
	background		: #FFFFFF;
	min-height		: 100%;
}

body,td {
	font-family		: "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	color			: #333333;
	letter-spacing	: 0;
	font-size		: 16px;
	line-height		: 1.5em;
}

p,div{ line-height	: 1.5em;}

/*トップマージンを指定*/
.m_top3  { margin-top:3px;}
.m_top5  { margin-top:5px;}
.m_top7  { margin-top:7px;}
.m_top10 { margin-top:10px;}
.m_top12 { margin-top:12px;}
.m_top15 { margin-top:15px;}
.m_top17 { margin-top:17px;}
.m_top20 { margin-top:20px;}
.m_top25 { margin-top:25px;}
.m_top30 { margin-top:30px;}
.m_top35 { margin-top:35px;}
.m_top40 { margin-top:40px;}
.m_top45 { margin-top:45px;}
.m_top50 { margin-top:50px;}
.m_top60 { margin-top:60px;}
.m_top80 { margin-top:80px;}
.m_top100 { margin-top:100px;}
.m_top160 { margin-top:160px;}

/*ボトムマージンを指定*/
.m_b2  { margin-bottom:2px;}
.m_b5  { margin-bottom:5px;}
.m_b10 { margin-bottom:10px;}
.m_b15 { margin-bottom:15px;}
.m_b20 { margin-bottom:20px;}
.m_b30 { margin-bottom:30px;}
.m_b40 { margin-bottom:40px;}
.m_b50 { margin-bottom:50px;}
.m_b60 { margin-bottom:60px;}
.m_b80 { margin-bottom:80px;}

/*左マージンを指定*/
.m_l3  { margin-left:3px;}
.m_l5  { margin-left:5px;}
.m_l8  { margin-left:8px;}
.m_l10 { margin-left:10px;}
.m_l15 { margin-left:15px;}
.m_l20 { margin-left:20px;}
.m_l24 { margin-left:24px;}
.m_l25 { margin-left:25px;}
.m_l28 { margin-left:28px;}
.m_l30 { margin-left:30px;}
.m_l35 { margin-left:35px;}
.m_l40 { margin-left:40px;}
.m_l50 { margin-left:50px;}
.m_l60 { margin-left:60px;}
.m_l70 { margin-left:70px;}
.m_l80 { margin-left:80px;}
.m_l100 { margin-left:100px;}

/*右マージンを指定*/
.m_r2  { margin-right:2px;}
.m_r5  { margin-right:5px;}
.m_r10 { margin-right:10px;}
.m_r15 { margin-right:15px;}
.m_r20 { margin-right:20px;}
.m_r25 { margin-right:25px;}
.m_r30 { margin-right:30px;}
.m_r35 { margin-right:35px;}
.m_r40 { margin-right:40px;}
.m_r50 { margin-right:50px;}
.m_r80 { margin-right:80px;}

/*上下マージンを指定*/
.v_sp5  { margin: 5px 0; }
.v_sp10 { margin: 10px 0; }
.v_sp15 { margin: 15px 0; }
.v_sp20 { margin: 20px 0; }
.v_sp30 { margin: 30px 0; }

/*左右マージンを指定*/
.h_sp10 { margin: 0 10px; }
.h_sp20 { margin: 0 20px; }
.h_sp25 { margin: 0 25px; }
.h_sp30 { margin: 0 30px; }

/*上PADDING*/
.p_top5  { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top15 { padding-top: 15px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }
.p_top40 { padding-top: 40px; }
.p_top50 { padding-top: 50px; }
.p_top80 { padding-top: 80px; }

/*下PADDING*/
.p_b20  { padding-bottom: 20px; }
.p_b30  { padding-bottom: 30px; }
.p_b160  { padding-bottom: 160px; }

/*左PADDING*/
.p_l60  { padding-left: 60px; }

/*左右PADDING*/
.p_h5  { padding: 0px  5px; }
.p_h10 { padding: 0px 10px; }
.p_h20 { padding: 0px 20px; }
.p_h50 { padding: 0px 50px; }
.p_h100 { padding: 0px 100px; }

/*上下PADDING*/
.p_v5  { padding: 5px  0px; }
.p_v10 { padding: 10px 0px; }
.p_v20 { padding: 20px 0px; }
.p_v30 { padding: 30px 0px; }
.p_v40 { padding: 40px 0px; }
.p_v50 { padding: 50px 0px; }

/*PADDING周囲*/
.pad_5  { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }
.pad_30 { padding: 30px; }

/*高さ０*/
.h_0 { height:0px;}

/*廻り込み関連*/
.FloatRight { float: right; }
.FloatLeft  { float: left; }
.Clear      { clear: both; }  /*<br class="Clear">*/
.clearfix
{
  display:block;
  min-height:1px;
}
* html .clearfix{
  height:1px;
}
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/*左寄*/
.al_left   { text-align:left; }
/*右寄*/
.al_right { text-align:right;}
/*中央*/
.al_center { text-align:center; }

/***------------------------
リクルート
------------------------***/
.sdgs_area {
	margin			: 0 auto;
	width			: 100%;
	max-width		: 2083px;
}
.sdgs_area img {
	width			: 100%;
}