@charset "UTF-8";
/* 全体の設定
------------------------------------------------------------ */
body {
font-size:14px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:160%;
color: #333;
background: #fff;
}
img{max-width:100%;}
small{font-size:12px;}
.txt-l{text-align:left !important;}
.txt-c{text-align:center !important;}
.txt-r{text-align:right !important;}
.fl-l{float:left !important;}
.fl-r{float:right !important;}
.inner-box{
overflow:hidden;
width:960px;
margin:0 auto;
}
.float-box{
overflow:hidden;
margin:0 auto;
}
.wid5{width:5%;float:left;}
.wid10{width:10%;float:left;}
.wid15{width:15%;float:left;}
.wid20{width:20%;float:left;}
.wid25{width:25%;float:left;}
.wid30{width:30%;float:left;}
.wid33{width:33.3333%;float:left;}
.wid35{width:35%;float:left;}
.wid40{width:40%;float:left;}
.wid45{width:45%;float:left;}
.wid46{width:46%;float:left;}
.wid47{width:47%;float:left;}
.wid50{width:50%;float:left;}
.wid60{width:60%;float:left;}

.wid65{width:65%;float:left;}
.wid70{width:70%;float:left;}
.wid75{width:75%;float:left;}
.wid80{width:80%;float:left;}
.wid90{width:90%;float:left;}
.main-l{width:68%;float:left;}
.main-r{width:30%;float:right;}
.rec-l{width:35%;float:left;}
.rec-r{width:63%;float:right;}

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.ml5 { margin-left:5px !important; }
.ml30 { margin-left:30px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt60 { padding-top:60px !important; }
.pt70 { padding-top:70px !important; }
.p30 { padding:30px !important; }

.link-box{
position:relative;
}
h1{margin:25px 0;}
.contents h2{
font-size:23px;
color:#142d7f;
padding:0 10px 10px 10px;
background:url("../images/h2_bg.webp") bottom center no-repeat;
}
.contents h3{
font-size:20px;
color:#142d7f;
border-bottom:#142d7f 1px solid;
padding:0 10px 8px 10px;
}
.contents h4{
font-size:18px;
color:#142d7f;
background:url("../images/h4_bg.webp") bottom center no-repeat;
padding:0 10px 8px 0;
}
.contents h4 img{
	margin-right: 10px;
	vertical-align: middle;
}
.contents h5{
font-size:16px;
color:#b38537;
margin:0 0 15px 0;
background:#faf2e4;
padding: 5px 0 5px 10px;
}
.contents h6{
font-size:16px;
margin:0 0 15px 0;
border-left:3px solid #142d7f;
padding-left: 8px;
line-height: 16px;
}
.icon01{
background:url("../images/icon01.webp") center left no-repeat;
padding-left:20px;
}
p{
margin:0 20px 20px 20px;
}
p.main-img{
margin:0 0 20px 0;
}
figure{
margin:0 20px 20px 20px;
}
figcaption{
text-align:center;
color:#737373;
font-size:11px;
}
a img{
transition: 0.2s;
}
a:hover img{
opacity: 0.8;
}
a{
transition: 0.2s;
color:#333;
text-decoration:none;
}
a:hover{
color: #b38537;
}
.bt01{
text-align: right;
margin:0;
}
.bt01 a{
color: #fff;
border-radius: 5px;
background:#142d7f;
padding: 12px 30px;
}
.bt01 a:hover{
background:#38509e;
}
/* list
-------------------------------------------------------*/
hr {
height: 1px;
border: none;
border-bottom:#b4b5ad 1px dotted;
}
ul,ol{
margin-bottom: 20px;
padding:0;
}
li,ul.no-list li{
list-style:none;
margin-left: 20px;
}
.contents li{
list-style:disc;
margin-left: 36px;
}
ul.inline{
margin:0;
letter-spacing: -.40em;
}
ul.inline li{
display:inline-block;
letter-spacing: normal;
}
#company ul.inline li{
	margin:0 20px 0 0;
	}
/* header
-------------------------------------------------------*/
#home header{
background:url("../images/main.webp") bottom center no-repeat;
background-size:cover;
}
.header-box{
overflow:hidden;
margin:0 auto 25px auto;
background:#fff url("../images/gnavi_bg.webp") bottom center repeat-x;
border-top:#142d7f 3px solid;
}
#home .header-box{
width:960px;
margin:-5px auto 0 auto;
background:#fff url("../images/gnavi_bg.webp") bottom center repeat-x;
border-radius: 5px;
}

#home header li,.contents header li{
margin:0 0 5px 18px;
}
#home header h2{
background: none;
text-align:center;
margin:40px 0;
}
/* contents
-------------------------------------------------------*/
.breadcrumb{
border-bottom:#bfbfbf 1px dotted;
margin-bottom: 20px;
}
.breadcrumb p{
font-size: 12px;
width:960px;
margin:0 auto;
padding-bottom: 5px;
}

.home-contents{
	background:#e5edfe;
	border-bottom:#c0d4ff 1px solid;
}
#home h2{
margin:50px 0 20px 0;
}
.home-contents .service-box{
	width:474px;
	background:#fff;
	margin-bottom:10px;
}
.home-contents .service-box h4{
	margin:20px 0 10px 25px;
}
.home-contents .service-box li{
	margin:0 0 25px 30px;
}
.home-contents .blue-box{
	margin:20px 0 50px 0;
	padding:5px 0 25px 25px;
	background:#68b4da;
	border-radius:5px;
	}
	.home-contents .blue-box h4{
	margin-bottom:5px;
}
.home-contents .blue-box li{
	margin:0 6px 0 0;
}
div.info{
display:table;
width:100%;
margin-bottom:100px;
}
div.info dl{
display:table-row;
}
div.info dt,div.info dd{
display:table-cell;
border-bottom:#333 1px dotted;
padding:10px 0;
}
div.info dt{
width:125px;
}
.box-type-a{
background:#f5eee3 url("../images/cont_bg.webp") repeat-x;
padding-bottom: 30px;
margin-bottom: 50px;
}
.box-type-a h4{
background:none;
padding:0;
}
/* about
------------------------------------------------------- */
#aboutCRS{
	margin-bottom: 50px;
}
#aboutCRS h3{
	border:none;
	padding: 0;
	margin-bottom: 50px;
}
#aboutCRS p{
	display:block;
	width: 100%;
	margin: 0 0 50px 0;
	text-align: center;
}
#aboutCRS p strong{
	font-size: 26px;
	border-bottom: 2px solid #aa68ac;
	padding-bottom: 10px;
}
#aboutCRS p strong span{
	color:#aa68ac;
}
#aboutCRS figure{
	margin:0;
}
#aboutCRS .wid60 {
	margin-bottom: 30px;
}
#aboutCRS .wid60 p{
	text-align: left;
	margin-bottom:30px;
	line-height: 24px;
}
#aboutCRS #feature{
	padding:30px 0;
	background:#e7ecfc;
}
#aboutCRS #feature h4{
	padding:0;
	background-image: none;
	margin:0;
}
#aboutCRS #feature dl{
	margin:30px 0 0 30px;
}
#aboutCRS #feature dl dt.feature_01{
	background:url("../images/about_icon01_crs.webp") no-repeat;
}
#aboutCRS #feature dl dt.feature_02{
	background:url("../images/about_icon02_crs.webp") no-repeat;
}
#aboutCRS #feature dl dt.feature_03{
	background:url("../images/about_icon03_crs.webp") no-repeat;
}
#aboutCRS #feature dl dt.feature_04{
	background:url("../images/about_icon04_crs.webp") no-repeat;
}
#aboutCRS #feature dl dt{
	font-size: 26px;
	font-weight: bold;
	color: #142d7f;
	padding: 10px 0 20px 60px;
	line-height: 30px;
}
#aboutCRS #feature dl dd{
	margin:0 0 20px 0;
}


/* service
------------------------------------------------------- */
#service figure {
margin:0 0 20px 0;
}
/* flow
------------------------------------------------------- */
#flow h4{
	background:none;
	border:#b38537 solid;
	border-width:1px 2px 2px 1px;
	border-radius:3px;
	padding:10px;
}
#flow h4 span{
	font-size:12px;
	color:#fff;
	background: #b38537;
	border-radius:3px;
	padding:7px 10px;
	margin-right:10px;
}
/* tab
------------------------------------------------------- */
.tabUI {
overflow: hidden;
}

.tab li{
	margin: 0;
}
.tab li img {
	vertical-align: bottom;
	border: 0;
}

.tab-box p,.tab-box figure {
margin:0 0 20px 0;
}
ul.tab-list li.selected {
	border-bottom: 2px solid #b38537;
}
.tab-box{
padding-bottom:50px;
}






/* btn-menu
------------------------------------------------------- */
.btn-menu-box{
width:860px;
margin:0 auto 30px auto;
}
#btn-menu{
color:#fff;
font-size:16px;
font-weight: bold;
background:#ffa200 url("../images/icon02.webp") 20px center no-repeat;
padding:15px 15px 15px 50px;
}
.btn-menu-inner{
border: #142d7f 1px solid;
padding:25px;

}



#btn-menu02{
color:#fff;
font-size:16px;
font-weight: bold;
background:#b38537 url("../images/icon02.webp") 20px center no-repeat;
padding:15px 15px 15px 50px;
}

#btn-menu03{
color:#fff;
font-size:16px;
font-weight: bold;
background:#009999 url("../images/icon02.webp") 20px center no-repeat;
padding:15px 15px 15px 50px;
}

#btn-menu04{
color:#fff;
font-size:16px;
font-weight: bold;
background:#3a983c url("../images/icon02.webp") 20px center no-repeat;
padding:15px 15px 15px 50px;
}

#btn-menu05{
color:#fff;
font-size:16px;
font-weight: bold;
background:#2e3b97 url("../images/icon02.webp") 20px center no-repeat;
padding:15px 15px 15px 50px;
}
#btn-menu06{
color:#fff;
font-size:16px;
font-weight: bold;
background:#2ba0fc url("../images/icon02.webp") 20px center no-repeat;
padding:15px 15px 15px 50px;
}
/* sidenavi
-------------------------------------------------------*/
.sidenavi{
	width:250px;
	background:#e4e4f2;
	border:#142d7f solid;
	border-width:2px 2px 1px 2px;
	border-radius:3px;
	margin:20px 0 20px 30px;
}
.sidenavi ul,.sidenavi li{
	list-style:none;
	margin:0;
	padding:0;
}
.sidenavi li a{
	display:block;
	padding:8px 20px;
	border-bottom:#142d7f 1px solid;
}
.sidenavi li a:hover{
	color:#fff;
	background:#142d7f;
}
/* footer
-------------------------------------------------------*/
footer{
margin-top: 50px;
	position: relative;
	color:#fff;
	background:#142d7f;
}
footer ul{margin:0 0 0 10px;}
footer li a{color:#fff;}
footer li a:hover{color:#fff;
border-bottom:#fff 1px solid;
padding-bottom:2px;}
footer a img{
margin-bottom:-6px;
}
footer a img:hover{
opacity:1;
}
footer li{
font-size:13px;
margin:20px 12px 50px 0 !important;
padding:0 12px 0 0 !important;
border-right:#fff 1px solid;
}
footer li:last-child{
border-right:none;}
.copy{
font-size:11px;
margin:0 0 20px 0;}
.top-bt{
	position: absolute;
	right:3%;
	bottom:0;
}







/* table
-------------------------------------------------------*/
table {
width:100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom:30px;
border-top:#eddbc7 1px solid;
border-left:#eddbc7 1px solid;
}
table th{
color:#333;
text-align:left;
font-weight:normal;
background:#fbf4e7;
width:25%;
}
table th,
table td{
padding:10px 15px;
border-right:#eddbc7 1px solid;
border-bottom:#eddbc7 1px solid;
}
table caption{
color:#83c000;
font-size:18px;
font-weight:bold;
letter-spacing: 0.2em;
padding-bottom:20px;
margin-bottom:-1px;
border-bottom:#83c000 1px solid;
}
.nowrap{white-space: nowrap;}
/* form
-------------------------------------------------------*/
#contact h5{
	font-size:20px;
	margin-left:20px;
	}
#contact table ul li{
	list-style:none;
	margin:0 30px 0 0;
}
#contact table span{
	font-weight:bold;
	margin:0 30px 0 0;
}
input[type="text"],input[type="tel"],input[type="email"]{width:300px;}
label{white-space:nowrap;}

input.space001[type="text"]{width:600px;}


.txt001 {
	font-size:120%;
	font-weight:bold;
}
.txt001 span {
	color: #ff0000;
}
.txt002 {
	color:#ff0000;
	font-weight:bold;
}
.txtRed {
	color: #ff0000;
}



.tableService01 {
	border: none;
}
.tableService01 td {
	border: none;
	font-weight:bold;
}

.mtTop01 {
	margin-top: 30px;
}



#titleIcon {
	font-size:24px;
	font-weight:bold;
	background-color: #0c347d;
	background-image: none;
	color:#fff;
	padding:10px 10px 10px 10px;
	width:960px;
	margin:0px auto 20px auto;
}
#titleIcon img {
	margin:0px 10px 0px 0px;
	vertical-align: middle;
}

.txtIcon {
	width:960px;
	margin:0px auto 20px auto;
	font-size:18px;
	font-weight: bold;
}