@charset "utf-8";

/*reset css
---------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

html{
	overflow-y: scroll;
	font-size:62.5%;
}

body {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-feature-settings : "palt";
	font-size:16px;
	font-size:1.6rem;
	color:#333;
	overflow:hidden;
	line-height: 1;
}


h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{list-style:none;}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}
a{text-decoration: none;}
a,
a::before,
a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.clear {clear:both; margin:0;padding:0}

img{vertical-align:bottom;}

.img-filter a:hover img {
	opacity: 0.7;
 filter: alpha(opacity=80);
 -moz-opacity: 0.7;
}
.img100 img{
	width: 100%;
	height: auto;
}

.img100 span{
	display: block;
	text-align: center;
	margin-top:5px;
}

/*flex
---------------------------------------------------*/
.flexbox1{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10�p */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack:justify;/* IE10�p */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10�p */
	-webkit-align-items: top; /* �c�������������iSafari�p�j */
	align-items: top; /* �c������������ */
}

.flexbox2{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10�p */
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-ms-flex-pack:justify;/* IE10�p */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10�p */
	-webkit-align-items: top; /* �c�������������iSafari�p�j */
	align-items: top; /* �c������������ */
}

.flexbox3{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10�p */
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-align:center;/* IE10�p */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10�p */
	-webkit-align-items: top; /* �c�������������iSafari�p�j */
	align-items: top; /* �c������������ */
}

.flexbox4{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10�p */
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack:start;/* IE10�p */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE10�p */
	-webkit-align-items: top; /* �c�������������iSafari�p�j */
	align-items: top; /* �c������������ */
}

/* header
---------------------------------------------------*/
header#header {
	width:100%;
	height: 180px;
	border-bottom: 10px solid #fdb932;
	background: url(../images/header_bg.jpg) repeat-x top;
}
header#header h1{
	color: #fff;
	font-size: 1.2rem;
	line-height: 25px;
}
header#header .logo{
	padding-top: 40px;
}
.header_telbox{
	padding: 20px 0px;
	font-size: 2.4rem;
	-webkit-box-pack:justify;/*--- Android�u���E�U�p ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/ 
	-webkit-justify-content: flex-end; /* Safari */
	justify-content:flex-end;
}
.header_telbox p{
	padding-left:15px;
}
.header_telbox .tel:before {
	content: "\f095";
	font-family: FontAwesome;
	margin-right:10px;
}
.header_telbox .fax:before {
	content: "\f1ac";
	font-family: FontAwesome;
	margin-right:10px;
}

/* navi
---------------------------------------------------*/
nav.globalnavi li a{
	display: block;
	width: 145px;
	border-left: 2px solid #2e3092;
	padding-left: 15px;
	font-size: 2rem;
	padding: 10px;
	font-weight: bold;
	color: #333333;
}
nav.globalnavi li span{
	display: block;
	color: #b0b0b0;
	font-size: 1.2rem;
	padding-top: 5px;
}
nav.globalnavi li a:hover{
	color: #fdb932;
}

/*contents
---------------------------------------------------*/
main.contents{
	width:980px;
	margin:0px auto 0px auto;
	padding-bottom:50px;
}
main.contents section{
	margin-bottom: 3em;	
}

/*footer
---------------------------------------------------*/
#back-top  {    
	display: none;
	position:fixed;
	bottom: 20px;
	right: 20px;
}
#back-top  a {
    cursor: pointer;
}
.footer_navi{
	height: 60px;
	background: #2e3092;
	padding: 20px;
}
.footer_navi li{
	border-right: 1px solid #fff;	
	line-height: 1;
}
.footer_navi li:last-child{
	border: none;
}
.footer_navi a{
	padding: 0px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
}
.footer_navi a:hover{
	color: #ffde9d;
}
.footerbox{
	padding: 50px 0px;
	background: #eeeeee;
}
.footerbox .logo{
	padding: 5px 0px;
}
.footerbox i{font-size: 4.8rem;}
.address{
	padding: 0px 10px;
	width: 360px;
	line-height: 1.6;
}
.address dl dt{
	width: 15%;
	padding: 3px;
	background: #ddd;
	line-height: 1.4;
	text-align: center;
}
.address dl dd{
	width: 35%;
	padding: 3px;
	line-height: 1.4;
}
.mapbtn{color: #333;}
.mapbtn:hover{color: #fdb932;}

.copy{
	line-height: 70px;
	text-align: center;
}

/*h2
----------------------------------------------------*/
.h2bg{	
	background: url(../images/h2_img.jpg) center center / cover no-repeat;
	height: 250px;
	padding: 75px 0px;
	margin-bottom: 3em;
}
.h2bg h2{
	display: inline-block;
	width: 50%;
	padding: 20px 40px;
	height: 100px;
	font-size: 4rem;
	background: #2e3092;
	color: #fff;
}
.h2bg h2 span{
	font-size: 1.4rem;
	display: block;
	padding: 8px 0px;
}

/*title
---------------------------------------------------*/
.title01{
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: 2rem;
	color: #2e3092;
	border-bottom: 5px solid #fdb932;
	padding:0px 15px 15px 15px;
	line-height:1.2;
}
.title01 span{
	display:block;
	font-weight: bold;
}

/*table
----------------------------------------*/
.table01 {
	width:100%;
  border: 1px solid #ddd;
	line-height: 1.4;
}
.table01 th {
	background-color: #eee;
    border: 1px solid #ddd;
	padding:8px 10px;
	width:30%;
	vertical-align:middle;
}
.table01 td {
	border:1px solid ;
	border-color:#ddd;	
	padding:8px 10px;
	vertical-align:middle;
}

/*CSS
---------------------------------------------------*/
.tac{text-align:center;}
.tar{text-align:right;}
.bold {font-weight: bold; display: inline-block;}
.right{
	display:-webkit-flex; /* safari */
	display:flex;
	display: -ms-flexbox;/* IE10�p */
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/ 
	-webkit-justify-content: flex-end; /* Safari */
	justify-content:flex-end;
}
.inner{
	width:980px;
	margin:auto;
}

.txtstyle1{
	font-size: 2.4rem;
	color: #2e3092;
	font-weight: bold;
}
.txtstyle2{
	font-size: 2rem;
	color: #2e3092;
	font-weight: bold;
}
.txtstyle3{
	color:#E01F22;
}

/* txtbox
------------------------------ */
.txtbox1{
	line-height: 1.6;
	margin-bottom: 1.5em;
	text-align: center;
}
.txtbox2{	line-height: 1.6;}
.txtbox2 p{margin-bottom: 1.5em;}

/* imgbox
------------------------------ */
.img3box .img100{
	width: 315px;
}

/* itbox
------------------------------ */
.itbox1 .img100{
	width: 48%;
}
.itbox1 .txt{
	width: 50%;
}

.itbox2 .img100{
	width: 30%;
}
.itbox2 .txt{
	width: 68%;
}

/* top
------------------------------ */
.top_title{
	margin-bottom: 1.5em;
}
.infobox{
	height: 300px;
	overflow: auto;
}
.infobox table{
	width: 100%;
}
.infobox table td{
	padding: 10px;
	vertical-align: top;
}
.infobox table td:nth-child(odd){
	width: 20%;
}
.newsimg {
	display:-webkit-flex;
	display:flex;
	display: -ms-flexbox;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack:justify;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-align-items: top;
	align-items: top;
}
.newsimg .img100{
	width: 30%;
}
.newsimg .txt{
	width: 68%;
}
.news{margin-right: 15px;}
a.pdf {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #fdb932;
	background: #fdb932;
	margin-top: 10px;
	font-weight: bold;
	color: #2e3092;
}a.pdf:hover {
	background: #2e3092;
	color: #fdb932;
	border: 1px solid #2e3092;
}
.pdf i{padding: 3px;}



/*business
-----------------------------------------*/
.contactbtn {
	display: inline-block;
	padding: 15px 30px;
	border-radius:3px;		/* CSS3草案 */
	-webkit-border-radius:3px;	/* Safari,Google Chrome用 */
	-moz-border-radius:3px;	/* Firefox用 */
	background: #2e3092;
	color: #fff;
	text-align: center;
	font-size: 2rem;
}
.contactbtn:hover{
	background: #dd127b;
}
.contactbtn:before {
	content: "\f105";
	font-family: FontAwesome;
	margin-right:10px;
}
.contactbtn span{
	display: block;
	font-size: 1.4rem;
	margin-top: 5px;
}
.flowbox .flexbox4{
	padding: 15px 0px;
}
.flowbox .flexbox4 dl{
	width: 28%;
	border: 3px solid #2e3092;
}
.flowbox .flexbox4 dt{
	background: #2e3092;
	color: #fff;
	padding: 8px;
}
.flowbox dt span {
	display:inline-block;
	padding:5px;
	background:#fdb932;
	color: #2e3092;
	margin-right:15px;
}
.flowbox .flexbox4 dd{
	padding: 15px;
}
.flowbox .flexbox4 i{
	width: 2%;
	padding: 5px;
	margin:1%;
}

/*company
-------------------------------------*/

.access dd .img100{
	width: 18%;
}
.access dd .txt{
	width: 80%;
}
.access dt{
	font-size:1.8rem;
	margin-bottom:0.5em;
	border-left:15px solid #2e3092;
	padding-left:20px;
	margin-bottom:1.6em;
}
.access dd{
	line-height:1.6;
}
.access dd p{margin-bottom:1em;}

/*about
-------------------------------------*/
.point{
	margin-bottom:2em;
}
.point .txt{
	width:60%;
}
.point .img100{
	width:38%;
}
.point h4{
	padding: 8px 15px;
	border:5px solid #484ab0;
	display:inline-block;
	color:#fff;
	margin-bottom:1em;
	background: #2e3092;
}
.point_txt{
	color:#2e3092;
	font-size:2.6rem;
	margin-bottom:0.8em;
}
	
/*contact
------------------------------------*/
.telbox{
	font-size:2rem;
	margin-bottom:15px;
}
.telbox span{
	display:inline-block;
	padding:10px;
}

.contact_table{
	border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-bottom:30px;
    width: 100%;
	line-height:1.6;
}
.contact_table th{
    background-color: #eee;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
	padding:8px 10px;
	vertical-align:middle;
}
.contact_table td{
	border:1px solid ;
	border-color:#CCCCCC #CCCCCC #CCCCCC #fff;	
	padding:8px 10px;
	vertical-align:middle;
}
.contact_table th span,.contact_table td span {
	color:#cc0000;
	font-weight:bold;
}
.form30 {width:30px;}
.form50 {width:50px;}
.form75 {width:75px;}
.form100 {width:100px;}
.form200 {width:200px;}
.form250 {width:250px;}
.form300 {width:300px;}
.form400 {width:400px;}
.form450 {width:450px;}
.form500 {width:500px;}
.form600 {width:600px;}
.form650 {width:650px;}
.form700 {width:700px;}

.needinput{background-color:#fee;border:1px solid #ccc}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input[type="text"], select{border:1px solid #ccc; padding:2px;}
textarea{font-size:100%;border:1px solid #ccc;padding:2px;}
/*input[type="file"]{border:1px solid #ccc; padding:2px;}*/

input[type="submit"]{padding:2px;}
input[type="button"]{padding:2px;}
.policy dt{
	font-size: 1.8rem;
	font-weight: bold;
}
.policy dd{
	padding: 15px 0px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
	line-height: 1.4;
}

.list03 li{
	list-style: decimal outside;
	margin-left: 25px;
	margin-bottom: 10px;
}