@charset "UTF-8";
/* CSS Document */

/*body {
		line-height:1.4;
		margin:0; padding:0;
		ont-family:Arial, sans-serif;
		background-color: #ffffff;
}*/

table {
	width: 88%;
	/*border-collapse: collapse;*/
	table-layout: fixed;
	margin: 0 auto;
	padding: 0;
margin-bottom:2px;
	margin-bottom:2px;
}

th.t_top {
	width:25%;/*23.09.01*/
    border-top:#003399 4px solid;
	color:#000000;
}
	
th {
	border-bottom: #C0C0C0 1px dotted;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
	font-weight: normal;
	background-color: #DFDFDF;
	color:#000000;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
	color:#000000;
}
td {
	border-bottom: #C0C0C0 1px dotted;
	border-right:#C0C0C0 1px dotted;
	text-align: left;
	padding: 10px;
	color:#000000;
	font-size:0.95em;
	line-heigt:1.3em;
}
td li{
line-height: 1.7em;
	margin-top: 1.0em;
	list-style: circle;
	margin-left: 1.0em;

}	
/* tel */

table .t_tel{
	border-collapse: collapse;
	width:450px;
	table-layout: fixed;
margin-top: 10px;
	margin-bottom: 10px;
}


th .t_tel  {
    border-top:#003399 2px solid;
	height: 15px;
	width: 50%;
}

table .t_tel2{
	border-collapse: collapse;
	table-layout: fixed;
margin:0 auto;
	padding: 0;
		width:90%;
	
}
th .t_tel2  {
    border-top:#003399 2px solid;
	height: 15px;
	width: 100px;
}

th .t_tel3  {
    border-top:#003399 2px solid;
	height: 15px;

		width: 50px;
}
	
th {
	border-bottom: #C0C0C0 1px dotted;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
	font-weight: normal;
	background-color: #DFDFDF;
}
td .t_tel {
	border-top: #b3b3b3 2px solid;
	color:#000000;
	height: 15px;
	width: 50%;
}
td {
	border-bottom: #C0C0C0 1px dotted;
	border-right:#C0C0C0 1px dotted;
	text-align: left;
	padding: 10px;
	color:#000000;
}


.midashi01{
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #cccccc;/*下線*/
font-size:24pt;/*フォントサイズ*/
font-weight:bold;
}



.read-G {
width: 90%;
color: #000000;
font-size: 14pt;
font-weight:bold;
line-height: 15pt;
margin-top: 10px;
margin-bottom: 10px;
	}

.read-G-2 {
width: 90%;
color: #000000;
font-size: 1em;
font-weight:bold;
line-height: 15pt;
margin-top: 10 20 10 27;
padding-left: 20px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;

}
.box-coninfo {
	width:90%;
	font-size: 12pt; 
	line-height: 130%;
	/*border:1px solid #000;
	background-color:#D3DFF4;
	padding:1.5%;*/
	display:inline-block;
	margin-top:5px;
	margin-bottom: 15px;

}
.box-coninfo2 {

	width:90%;
	font-size: 12pt; 
	line-height: 130%;
	/*border:1px solid #000;
	background-color:#D3DFF4;
	padding:1.5%;
			display:inline-block;*/
	margin-top:5px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-left: 20px;

}
.sub_title2{
	width: 800px;
	font-size:17px;
	font-weight: bold;
	color: #0D0084;
	padding-left:10px;
	margin-left: 30px;
}

.sub_title3{
	width: 758px;
  padding: 0.5rem 1.2rem;
  border-top: 1px solid #0D0084;
	background:#faffe7;
	font-weight:bold;
	margin: 1 0 1 0;
}
.sub_title2{
	width: 800px;
	font-size:17px;
	font-weight: bold;
	color: #0D0084;
	padding-left:10px;
	margin: 1 0;
}
	
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.square_btn:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}
.read-1 {
	font-size : 11pt; 
	line-height: 120% ;  
	color: #000000; 
	margin: 10px 10px;
}
.read-2 {
	font-size : 11pt; 
	line-height: 140% ;  
	color: #000000; 
	margin: 20px 10px;
}


.read-min {
color: #000000;
font-size: 12pt;
	font-weight:bold;
line-height: 15pt;
margin-top: 10px;
margin-bottom: 20px;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.box-1 {
	font-size : 10.5pt; 
	line-height: 1.4em;
	border:1px solid #000;
	background-color:#D3DFF4;
	padding:1.5%;
	display:inline-block;
	margin: 0.2em 0 0.5em 0;
}

.box-1 ul li{
margin-left: +1em;
list-style-type: square;
}

.coinfo-table {
	width: auto;
}

/*list調整*/
.list-wrap ul li{
	list-style: disc;   /* デフォルトのアイコンを消す */
    margin:  2 0 0 2;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
	font-size : 1.0em; 
	line-height: 1.0em;
}
.list-wrap:before {
    content:  "";     /* 空の要素作成 */
    width:  5px;               /* 幅指定 */
    height:  5px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #01036C;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}


ul.list-type li{
	list-style: disc;  
        margin-top: 0;
        margin-bottom: 0;
		font-size : 1.0em; 
	line-height: 1.3em;
    }
    
/*div調整*/
div.blocka {
   float: left;
   width:45%;
	/*border: solid 1px #000;*/
}
div.blockb {
   float: right;
   width: 53%;
	/*border: solid 1px #000;*/
	margin-bottom: 1em;
}
  

/********
見出し
********/

.coinfomenu{
width: 85%;
border: 1px solid #ccc;
border-top: 2px solid #3498db;
background: -webkit-linear-gradient(#fff 0%, #f0f0f0 100%);
background: -o-linear-gradient(#fff 0%, #f0f0f0 100%);
background: linear-gradient(#fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
text-align: left;
color: #050039;
margin-bottom:10px;
padding: .5em 1em;
font-weight: bold;
font-size:13pt;
}

.coinfomenu a{
	color: #06004E;
}
.coinfomenu hover{
	color: #0B0098;
}

.coinfomenu:after {
color: #06004E;
position: absolute;
content: " ";
display: block;
/*border-bottom: solid 3px #5472cd;*/
bottom: -3px;
width: 30%;
}


.coinfomenu_explane {
	width:85%;
	font-size : 0.95em; 
	line-height: 1.4em;
	margin-left: 3.2em;
	margin-right: 2em;
	margin-top: 2;
	margin-bottom: 0;
	color:#000000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	/*font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'；
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
}
.coinfomenu_explane a{
		color:#000000;
}

/*--採用ページタイトル用*/

.coinfomenu2{
width: 84%;
border: 1px solid #ccc;
border-top: 2px solid #3498db;
background: -webkit-linear-gradient(#fff 0%, #f0f0f0 100%);
background: -o-linear-gradient(#fff 0%, #f0f0f0 100%);
background: linear-gradient(#fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
text-align: left;
color: #050039;
margin-top:5px;
margin-bottom:2px;
padding: .5em 1em;
font-weight: bold;
font-size:13pt;
}

.coinfomenu2 a{
	color: #06004E;
}
.coinfomenu2 hover{
	color: #0B0098;
}

.coinfomenu2:after {
color: #06004E;
position: absolute;
content: " ";
display: block;
/*border-bottom: solid 3px #5472cd;*/
bottom: -3px;
width: 30%;
}





/*ボタン*/
.square_btn2-waku {
	margin-top: 10px;
	margin-bottom: 8px;	
	margin-left: 2em;
	margin-right: 3em;
	text-align: right;
}

.square_btn2 {
    /*display: inline-block;
	display: block;*/
	display: inline;
    padding: 0.3em 1em;
	margin: 0.25em 0 0.25em 0.25em;
    text-decoration: none;
    color: #0D0084;
    border: solid 1px #cccccc;
    border-radius: 3px;
    transition: .4s;
	 background: #C9E5F7;
}

.square_btn2:hover {/*上をホバーしたとき*/
    background: #0B006E;
    color: white;
}

.square_btn2:active {/*押したとき*/
    border: solid 0px #ACD1E4;
    box-shadow: none;
    text-shadow: none;
}


/* エントリーボタン　cp_btn11-2 HOVERで斜めに光が通る */
a.cp_btn11-2 {
	position: relative;
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #2196F3;
	border:solid 1px #fff;
	overflow: hidden;
}
a.cp_btn11-2:before {
	content:"";
	position: absolute;
	top: -25px;
	left: -20px;
	height:90px;
	width:20px;
	background : #fff;
	opacity: 0.3;
	transform: rotate(40deg);
	transition: 0.3s;
}
a.cp_btn11-2:hover:before {
	left:98%;
}