@charset "UTF-8";

/* =========================================================
start
========================================================= */

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
'メイリオ',Meiryo,
Osaka,
'ＭＳ Ｐゴシック','MS P Gothic',
sans-serif;
font-size:88%;
line-height:1.6;
color: #000;
min-width:100%;
width: 100%;
}

html, body {
	width: 100%;
	overflow-x: hidden;
}

#digest-contents {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

/* =========================================================
class
========================================================= */

/* クリアフィックス */	
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */}

.clearfix:after {
    clear: both;}
.clearfix {
    *zoom: 1;}

/* クリア */
.clear{
	clear: both;
}
	
	
/* マージン設定 */
.mbNone{
	margin-bottom:0 !important;}

.mbSS{
	margin-bottom:0.5em !important;}

.mbS{
	margin-bottom:1em !important;}

.mbM{
	margin-bottom:2em !important;}

.mbL{
	margin-bottom:3em !important;}

.mbLL{
	margin-bottom:4em !important;}
	
/* テキスト位置 */	
.text-right{
	text-align:right;}

.text-center{
	text-align:center;}

.text-left{
	text-align:left;}	


/* リード文 */	
.lead{
	font-weight:bold;
	}

/* 透過用ロールオーバー用 */
.hover:hover{
	display: block;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


/* テーブルの設定 */	
.table{
	width:100%;
}

/* リスト */
ul.list{
	overflow: hidden;
	zoom:1;
}

.list1-2 li{
	width:46%;}
	
.list1-3 li{
	width:30%;}

.list1-4 li{
	width:22%;}
	

ol.list{
  counter-reset: li;
  padding: 0;
  list-style: none;
}

ol.list li {
  position: relative;
  margin: 0 0 2px 2em;
  padding: 2px 6px;
}

ol.list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: -2em;
  width: 2em;
  padding: 2px 0;
  text-align: center;
}


/* 添える写真 */	
.figureR{
	float:right;
	margin:0 0 1.5em 15px;
	}
.figureL{
	float:left;
	margin:0 15px 1.5em 0;
	}

.figureR figcaption,
.figureL figcaption{
	font-size: 86%;
	text-align: center;
	margin-top: 0.5em;
}

/* フロートした写真の横に配置するオブジェクト回り込み解除 */
.nowraparound{
overflow:hidden;}

	
/* 添える写真のキャプション */	
span.figcaption{
	display:block;
	font-size:86%;
	margin-top:0.5em;}

	
/* コラムレイアウトの設定 */	
.column {

	zoom:1;}
.column:after{
    content: ""; 
    display: block; 
    clear: both;}
	

/* 2/1や3/1のボックスの設定 */
.box{
	float:left;
	margin-right:20px;
}

.boxcover　{
	overflow:hidden;
	zoom:1;
	clear:both;
	margin-right:-20px;
}

/* パーツのマージン設定 */
.table,
.list,
.listgroup,
.box,
.column{
	margin-bottom: 1.5em;
}

/* セクションのマージン設定 */	
.section{
	margin-bottom:2.5em;}
.section .section{
	margin-bottom:1em;}
.section .section .section{
	margin-bottom:0.5em;}

.contentsheader{
	margin-bottom:2em;}
	
/* セクションにデフォルトでクリアフィックスをかけておく */	
.section:before,.section:after,
.contentsheader:before,.contentsheader:after{
    content: " "; /* 1 */
    display: table; /* 2 */}

.section:after,
.contentsheader:after{
    clear: both;}
	
.section,.contentsheader{
    *zoom: 1;}


/* =========================================================
layout
========================================================= */
#main p{
	margin-bottom: 0.5em;
}




/* =========================================================
print style
========================================================= */

/* プリント用のスタイル */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* =========================================================
pagename
========================================================= */
img {
	vertical-align: bottom;
}

#header .line img {
	float:left;
}

#header .line {
	margin: 0 auto;
	width: 1000px;
	text-align: right;
}
#header #lineWrap  {
	overflow:hidden;
	height: 50px;
	background-color: rgb(1,3,63);
}

#header .line .tr-icon:before {
	content: '\025b6';
	padding-right: 0.3em;
}

#header .line .tel-icon:before {
	content: url("../images/icon_tel.gif");
	padding-right: 2px;
}

#header .line a {
	display: inline-block;
	text-decoration: none;
	text-align: right;
	font-size: 130%;
	color: #ffffff;
	width: 20%;
	margin: 1% 0;
}

#header {
	background-color: #F6F1DD;
	width: 100%;
	margin-bottom: 2%;
}

#header:after {
	border-top: solid 20px #ffffff;
	border-left: solid 60px transparent;
	top: 100%;
}

#header .main-head {
	width: 1000px;
	height: 250px;
	color: #1E4679;
	font-size: 110%;
	margin: 0 auto;
}

#header .main-head .head-left {
	width: 45%;
	display: inline-block;
}

#header .main-head .head-right {
	width: 55%;
	display: inline-block;
	float: right;
	height: 250px;
	position: relative;
}

.head-right .text {
	color: #000000;
	letter-spacing: 7px;
	font-weight: bold;
	transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	font-size: 120%;
	padding-left: 80px;
}

#header .main-head .head-items1 {
	font-size: 140%;
	transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	margin-top: 60px;
}

#header .main-head .head-items2 {
	margin-top: 30px;
	font-size: 210%;
	letter-spacing: 3px;
	font-weight: bold;
}

#header .main-head .head-items2 span {
	border-bottom: 3px solid #E40D0D;
}

.head-frame {
	width: 450px;
	border: 2px solid #1E4679;
	padding: 26px 30px;
	margin-top: 20px;
	transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	font-size: 55px;
	font-weight: bold;
	line-height: 1.4;
	border-radius: 8px;
}

.head-frame span {
	font-size: 45px;
}

.frame-half:before {
	content: "";
	border: 6px solid transparent;
	border-top: 19px solid #ffffff;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 62px;
	left: 20px;
}

.frame-half {
	position: absolute;
	background-color: #ffffff;
	text-align: center;
	top: 0;
	right: 0;
	padding-top: 2px;
	width: 160px;
	height: 80px;
	border-radius: 50% / 0 0 100% 100%;
}

#header .secondary-head {
	width: 1000px;
	height: 330px;
	margin: 0 auto;
}

#header .secondary-head .text-box {
	display: inline-block;
	width: 36%;
	font-size: 150%;
	color: #20497d;
	font-weight: bold;
}

.text-box > p {
	font-size: 180%;
	color: #000000;
}

.digest-button01 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 15%;
}

.digest-button01 > a {
	background-color: #E40D0D;
	border: 1.5px solid #E40D0D;
	color: #ffffff;
	padding: 20px 15px;
	font-size: 88%;
	font-weight: normal;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	letter-spacing: 1px;
}

.digest-button01:hover a {
	background-color: transparent;
	border: 1.5px solid #E40D0D;
	color: #E40D0D;
	transition: all 0.5s;
}

#header .secondary-head .img-box {
	display: inline-block;
	width: 64%;
	margin-top: 70px;
	height: 260px;
	float: right;
	background-size: contain;
	background: url(../images/staffaS.png) no-repeat;
	background-position: 0px 30px;
	position: relative;
}

#header .secondary-head .img-box img {
	display: none;
}

.img-box .circle-box {
	display: inline-block;
	background-color: #1E4679;
	border: solid 1px #1E4679;
	color: #ffffff;
	width: 100px;
	height: 100px;
	line-height: 34.5px;
	text-align: center;
	border-radius: 50%;
	-wefkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	font-size: 100%;
}

.img-box a:hover span {
	transition: all 0.6s;
	border: solid 1px #1E4679;
	background-color: #F6F1DD;
	font-size: 100%;
	color: #1E4679;
	box-sizing: content-box;
}

.img-box .circle-box.button02 {
	left: 58px;
	top: -70px;
}

.img-box .circle-box.button03 {
	left: 165px;
	top: -30px;
}

.img-box .circle-box.button04 {
	left: 275px;
	top: -70px;
}

.img-box .circle-box.button05 {
	left: 390px;
	top: -30px;
}

.img-box .circle-box.button06 {
	left: 505px;
	top: -70px;
}

h1 {
	width: auto;
}
.section {
	width: 1000px;
	margin: auto;
	font-size: 100%;
}
.section .row,
.section.row {
	width: 100%;
	margin: auto;
}

/*　追加　*/
.section00 {
	margin-top: 5em;
}

.section00 .title .number {
	bottom: -20px;
}

.section00 .title .num-title {
	top: 5px;
}

.section00 .function {
	display: none;
}

.section00 .row.boxwrap {
	position: relative;
}

.section00 .red-circle {
	position: absolute;
	width: 85px;
	height: 85px;
	right: 30px;
	top: 5px;
	z-index: 999;
}

.section00 .red-circle:before {
	content: "";
	border: 6px solid transparent;
	border-top: 14px solid #E40D0D;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 72px;
	right: 68px;
}


.section00 .red-circle span {
	font-size: 98%;
	left: 3px;
	top: 11px;
}

/*　追加　*/
.role {
	display: inline-block;
	width: 100%;
	margin-bottom: 1em;
}
.role .clear-box {
	height: 80px;
	padding-top: 15px;
}

.role .clear-box2 {
	height: 65px;
	padding-top: 15px;
}

.clear-box {
	display: inline-block;
	width: 16%;
	height: 60px;
	text-align: center;
	box-sizing: border-box;
}

.clear-box2 {
	display: inline-block;
	width: 32%;
	height: 60px;
	text-align: center;
}

.clear-box2:last-child {
	border-right: 0px solid #ffffff;
}


.role-name {
	display: inline-block;
	width: 46px;
	background-color: #1E4679;
	color: #ffffff;
	padding: 15px 47px;
	text-align: center;
	border-radius: 4px;
	font-size: 105%;
	margin-right: 9px;
}

.role-name2 {
	display: inline-block;
	width: 206px;
	background-color: #1E4679;
	color: #ffffff;
	padding: 15px 47px;
	text-align: center;
	border-radius: 4px;
	font-size: 0.93rem;
	margin-left: 26px;
}

.role-name.three {
	margin-left: 35px;
}

.role2 {
	display: inline-block;
	width: 100%;
	position: relative;
	height: 65px;
}

.role2 > .clear-box, .role2 > .clear-box2 {
	height: 65px;
}

.flow {
	display: inline-block;
	padding: 15px 8px;
	border: 2px solid #1E4679;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 2;
	color: #1E4679;
	font-weight: bold;
	font-size: 0.93rem;
	width: 12%;
}

.flow.shift {
	left: 0px;
}

.flow.clockin {
	left: 180px;
}

.flow.apply {
	left: 340px;
}

.flow.approve {
	left: 520px;
}

.flow.closing {
	left: 700px;
}

.flow.dateuse {
	right: 0px;
}


.role2-line {
	position: absolute;
	height: 16px;
	width: 75%;
	background-color: #1E4679;
	border: solid 0px #ffffff;
	bottom: 20px;
	left: 115px;
	z-index: 0;
}

/*よこさんかく*/
.role2-line:after {
	content: "";
	border: 8px solid transparent;
	border-top: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	border-right: 8px solid #ffffff;
	position: absolute;
	right: 0px;
	z-index: 999;
}

.role3 {
	display: inline-block;
	width: 100%;
}

.desc {
	display: inline-block;
	font-size: 0.93rem;
	text-align: left;
	float: left;
	padding-left: 2px;
	width: 135px;
}

.desc.right {
	padding-left: 26px;
}

.role3 .clear-box {
	width: 170px;
	margin-right: 3px;
}

.role3 .clear-box {
	margin-right: 0;
}

.role3 .clear-box2 {
	width: 300px;
	margin-right: 39px;
	margin-left: 1px;
}

.role3 .clear-box2:last-child {
	margin-left: 4px;
	margin-right: 0;
}

.section00 .section-title {
	margin-top: 2em;
	margin-bottom: 0em;
}

.plus {
	font-size: 100px;
	width: 0.2em;
	height: 0.8em;
	background-color: #1E4679;
	margin-top: 8%;
	margin-bottom: 5%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.plus::before {
	position: absolute;
	display: block;
	top: 0.3em;
	left: -0.3em;
	width: 0.8em;
	height: 0.2em;
	content: "";
	background-color: #1E4679;
}

.section02 .num-base {
	position: relative;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.section02 .number {
	position: absolute;
	font-size: 150px;
	font-style: italic;
	top: -220px;
	left: 0px;
	color: #E6E6E6;
}

.section02 .num-title {
	position: absolute;
	color: #1E4679;
	font-size: 13px;
	width: 100px;
	top: -120px;
	left: 110px;
	font-weight: normal;
	letter-spacing: 3px;
}

.section-title {
	text-align: center;
	font-size: 2.3rem;
	color: #1E4679;
	font-weight: bold;
	letter-spacing: 3px;
	margin-bottom: 0.5em;
}

.section01 {
	background-color: #ffffff;
	padding-top: 1px;
}

.section01 .plus {
	margin-top: 5%;
}

.section01:after {
	content: "";
	position: absolute;
	z-index: 2;
	border-style: solid;
	border-width: 0 2000px 105px 0px;
	border-color: transparent #F6F1DD transparent transparent;
	display: none;
}

.section01 .section {
	padding-bottom: 5em;
}

.section01 .option .side_border {
	min-height: 100px;
	position: relative;
	padding: 30px 0px 0px 30px;
}

.section01 .option .side_border.last {
	border-bottom: 2px solid #0A308D;
	margin-bottom: 20px;
}

.section01 .option_list{
	overflow:hidden;
}

.section01 .option_list .box {
	text-align: center;
	background-color: #ffffff;
	padding: 8px;
	width: 21%;
	margin-bottom: 0;
	height: auto;
}

.section01 .option_list .box img {
	filter: grayscale(0%);
}

.section01 .option_list .box img:hover {
	transition: .3s;
  	transition-duration: 0.5s;
  	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  	transform: translateY(-5px);
}

.section01 .option_list .box.last {
	margin-right: 0;
}

.section01 .custom_list .box {
	background-color: #FFF;
	padding-right:10px;
}

.section01 .box  p{
	padding: 6px 10px 0 10px;
	text-align: left;
	font-size: 0.93rem;
}

.section02 {
	width: 100%;
	background-color: #F6F1DD;
	padding-top: 1em;
	padding-bottom: 4em;
}

.section02 .img-block {
	width: 30%;
	display: inline-block;
	float: left;
	position: relative;
}

.section02 .side_border.custom_list {
	width: 70%;
	display: inline-block;
}

.section02 .side_border.custom_list li {
	list-style: square;
	margin-left: 40px;
	padding-bottom: 10px;
	font-size: 1.4rem;
	color: #1E4679;
	font-weight: bold;
}

.section02 .lead01 {
	font-size: 1.2rem;
	color: #1E4679;
	border: solid 2px #1E4679;
	padding: 18px;
	width: 240px;
	height: 170px;
	background-image: url("../images/staff_02.png");
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: right 10px top 65px;
	background-color: #ffffff;
}

.section02 .staff_01 {
	width: 50%;
	position: absolute;
	top: 98px;
	left: 110px;
}

.section02 .lead02 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #1E4679;
	border-top: solid 1.5px #1E4679;
	border-bottom: solid 1.5px #1E4679;
	padding: 20px;
	width: auto;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 3em;
	margin-bottom: 2em;
}

.section02 .tab-wrap {
	width: 100%;
	margin: 0 auto;
}

.tab-label {
	width: 49.5%;
/*	height: 30px;	*/
	color: #ffffff;
	background-color: #cccccc;
	font-weight: bold;
	font-size: 1.1rem;
	text-align: center;
	padding: 10px 0;
	float: left;
	display: block;
	transition: all 0.2s ease;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}

.tab-label:hover {
	background-color: #999999;
	transition: all 0.5s;
}

.tab-label:not(:last-of-type){
	margin-right: 1%;
}

.tab-content {
	display: none;
	padding: 40px;
	clear: both;
	border-top: 2px solid #1E4679;
	overflow: hidden;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.tab-switch {
	display: none;
}

#TAB-01:checked ~ .tab-content.dakoku, #TAB-02:checked ~ .tab-content.kanri {
	display: block;
}

.tab-wrap input:checked + .tab-label {
	background-color: #1E4679;
}


.frame {
	width: 100%;
	display: inline-block;
	margin-top: 2em;
}

.frame2 {
	width: 100%;
	display: inline-block;
	float: left;
	margin-top: 3em;
}

.frame img {
	width: 50%;
	margin-right: 5%;
}

.frame2 img {
	display: inline-block;
	width: 50%;
	float: left;
	border: solid 1px #cccccc;
}

.frame .text, .frame2 .text {
	width: 45%;
	float: right;
	font-size: 0.93rem;
}

.frame .text p, .frame2 .text p {
	font-size: 1.1rem;
	color: #1E4679;
	font-weight: bold;
}

.frame .text p:before, .frame2 .text p:before {
	content: "\25C6"
}

.frame .text p:last-child {
	margin-top: 2em;
}

.frame:last-child {
	width: 100%;
	display: inline-block;
	margin-top: 3em;
}

.frame3 {
	width: 100%;
	display: inline-block;
}

.frame4 {
	width: 100%;
	display: inline-block;
	margin-top: 2em;
}

.frame4 p{
	text-align: center;
}

.box2-1, .box2-2, .box2-3, .box2-4 {
	width: 50%;
	float: left;
}

.frame3 img, .frame4 img {
	margin-right: 5%;
	margin-left: 5%;
}

.tab-content.kanri .text {
	margin-top: 2em;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	font-size: 0.93rem;
}

.box2-2 .text.margin {
	margin-top: 3.7em;
}

.tab-content.kanri  p {
	text-align: center;
	font-size: 130%;
	color: #1E4679;
	font-weight: bold;
	border-top: 2px solid #1E4679;
	padding-top: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 10px;
	margin-left: 10px;
}

.section01 .custom_list .box {
	width: 96%;
	position: relative;
	margin:0 auto 2em auto;
}

.section01 .custom_list .box.last {
	margin-bottom: 0;
}

.title {
	position: relative;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: auto;
	margin-left: auto;
	font-size: 100px;
	width: 1000px;
	height: 120px;
}

.title > .number {
	position: absolute;
	font-size: 150%;
	font-style: italic;
	color: #E6E6E6;
	left: 0px;
}

.title > .num-title {
	position: absolute;
	color: #1E4679;
	font-size: 13%;
	font-weight: normal;
	left: 100px;
	top: 75px;
	letter-spacing: 3px;
}

.title > .sbt-font {
	position: absolute;
	z-index: 999;
	font-size: 40%;
	color: #1E4679;
	left: 200px;
	top: 100px;
	font-weight: bold;
}

.red-circle {
	position: absolute;
	background-color: #E40D0D;
	width: 100px;
	height: 100px;
	right: 0;
	border-radius: 50%;
}

.red-circle:before {
	content: "";
	border: 6px solid transparent;
	border-top: 15px solid #E40D0D;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 82px;
	right: 86px;
}

.red-circle span {
	font-size: 14%;
	color: #ffffff;
	position: absolute;
	text-align: center;
	top: 18px;
	left: 10px;
	width: 80px;
}

.section03 {
	background-color: #ffffff;
}

.section03 .section{
	position: relative;
	width: 1000px;
	margin: auto;
}

.section.guide {
	padding-top: 3.5em;
}

.section03 .section .server-img {
	width: 100%;
}

.section03 .section .server-i-img {
	display: none;
}

.section03 .section .system {
	position: absolute;
	color: #ffffff;
	font-size: 140%;
	right: 295px;
}

.section03 .section .system.ja {
	top: 45px;
}

.section03 .section .system.jb {
	top: 160px;
}

.section03 .section .system.kc {
	top: 270px;
	right: 255px;
}

.section03 .section .text-03 {
	margin-top: 3em;
	margin-bottom: 5em;
	font-size: 0.93rem;
}

.section.guide.guide02 {
	padding-top: 0;
}

#copy01{
	background-color: #DFE8FD;
	width: 100%;
	margin-bottom:5em;
	position:relative;
}
#copy01 .lead{
	padding-bottom:4em;
	}
#copy01 .photo{
	position:absolute;
	}


.headline1{
	background:#0A308C;
	border-bottom:#BBC4E0 solid 4px;
	padding:15px 20px 12px;
	margin-bottom:2em;
}
	
.headline1 span{
	color:#FFF;
	font-size:164%;
	border-left:solid 5px #FFF;
	padding:3px 12px;
    }
	
.section.feature03 {
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
	min-height: 750px;
}

.section.feature03 .section {
	background-image:url(../images/feature_back.jpg);
	background-repeat: no-repeat;
	background-size: auto 55%;
	background-position:right 0px bottom 50px;
}

.section.feature03 h3 {
	margin: 0.5em 0;
	background:url(../images/headline5.gif) no-repeat left 7px;
	color:#0A308C;
	font-size:143%;
	padding-left:30px;
}

.section.feature03 .box{
	float:none;
}

.section.feature03 li {
	font-size:114%;
	list-style-type: none;
	padding: 1px 10px 1px 18px;
	background-image: url(../images/feature_list_mark.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.section04 {
	background-color: #F6F1DD;
	padding-top: 1em;
}

.section04 .lead03 {
	margin-top: 1em;
	font-size: 1.4rem;
	background-color: #1E4679;
	color: #ffffff;
	text-align: center;
	padding:  30px 20px;
	font-weight: bold;
	letter-spacing: 3px;
}

.section04 .inner-base {
	width: 100%;
	position:relative;
	margin-bottom: 100px;
}


.section04 .inner-base p {
	font-size: 1.3rem;
	margin-top: 2em;
	color: #1E4679;
	font-weight: bold;
}

.section04 .inner-base p > span{
	font-size: 90%;
	font-weight: normal;
}

.section04 .inner01 {
	display: block;
	width: 100%;
	margin-top: 5%;
}

.section04 .line-title {
	display: flex;
	width: 80%;
	align-items: center;
	font-size: 1.1rem;
	margin-bottom: 1em;
	font-weight: normal;
	color: #1E4679;
}

.line-title:before {
	border-top: 1.5px solid #1E4679;
	content: "";
	flex-grow: 0.1;
	margin-right: 1rem;
}

.line-title:after {
	border-top: 1.5px solid #1E4679;
	content: "";
	flex-grow: 1;
	margin-left: 1rem;
}

.section04 .square {
	display: inline-block;
	width: 80%;
	height: auto;
	padding-bottom: 5px;
	margin-bottom: 1em;
	box-sizing: border-box;
	border-bottom: 1.5px solid #999999;
	font-size: 0.93rem;
	color: #1E4679;
	font-weight: normal;
}

.section04 .square:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 3px;
	margin-right: 10px;
	background-color: #1E4679;
	vertical-align: middle;
}

.section04 .sidebar:before {
	content: "";
	background: url(../images/check01.png) no-repeat left 5px;
	padding-left: 20px;
}

.section04 .sidebar {
	display: inline-block;
	width: 44%;
	height: auto;
	line-height: 24px;
	margin-left: 2%;
	margin-bottom: 1em;
	border-bottom: 1px solid #999999;
	font-size: 110%;
	text-indent: -20px;
}

.section04 .inner03 {
	display: inline-block;
	width: 55%;
	float: left;
	font-size: 1.1rem;
	margin-top: 2%;
	color: #1E4679;
	font-weight: bold;
}

.section04 .inner04 {
	display: inline-block;
	width: 40%;
	margin-left: 5%;
	margin-top: 2%;
}

.digest-button02 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.digest-button02:hover a {
	background-color: transparent;
	border: 1.5px solid #E40D0D;
	color: #E40D0D;
	transition: all 0.5s;
}

.digest-button02 > a {
	display: block;
	width: 360px;
	background-color: #E40D0D;
	border: 1.5px solid #E40D0D;
	color: #ffffff;
	padding: 15px;
	font-size: 120%;
	font-weight: normal;
	letter-spacing: 1px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
}

.staff-b {
	position: absolute;
	bottom: 90px;
	right: 0;
	width: 145px;
}

.title > .num-title2 {
	position: absolute;
	color: #1E4679;
	font-size: 14%;
	font-weight: normal;
	left: 10px;
	top: 165px;
}

.section05 {
	background-color: #ffffff;
	height: auto;
	padding-bottom: 100px;
}

.section05 .section {
	margin-top: 10em;
}

.section05 .section .back-box {
/*	斜めボーダー　*/
	background-color: #1E4679;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent),
			  color-stop(.5, transparent), color-stop(.5, #fff),
			  color-stop(.75, #fff), color-stop(.75, transparent), to(transparent));
	-webkit-background-size: 5px 5px;
	margin: 1%;
	padding: 1% 0 0 0;
	display: inline-block;
	width: 47%;
}

.section05 .section .box {
	background-color: #ffffff;
	display: inline-block;
	width: 96%;
	margin: 0 2% 0 2%;
	padding: 15px;
	box-sizing: border-box;
	color: #1E4679;
	font-size: 1.1rem;
	font-weight: bold;
	height: 220px;
	min-height: 225px;
}

.section05 .section .box:nth-child(odd) {
	margin-right: 1%;
}

.section05 .section .box:nth-child(even) {
	float: right;
}

.section05 .section .box .post {
	width: 100%;
	margin-top: 1.5em;
}

.section05 .section .box img {
	display: inline-block;
	width: 27%;
	margin-right: 3%;
	margin-top: 20px;
	float: left;
}

.section05 .section .box span {
	display: inline-block;
	width: 70%;
	font-size: 0.93rem;
	font-weight: normal;
}

.company-name {
	display: block;
	width: 100%;
	margin-top: 0.8em;
	background-color: #1E4679;
	color: #ffffff;
	padding: 5px 25px;
	box-sizing: border-box;
}

.company-name:nth-child(even) {
	float: right;
}


.digest-button03 {
	display: inline-block;
	width: 100%;
	margin-top: 5em;
}

.digest-button03 > a {
	display: inline-block;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	background-color: #E40D0D;
	border: 1.5px solid #E40D0D;
	color: #ffffff;
	padding: 15px;
	font-size: 120%;
	font-weight: normal;
	letter-spacing: 1px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
}

.digest-button03 a:hover {
	background-color: transparent;
	border: 1.5px solid #E40D0D;
	color: #E40D0D;
	transition: all 0.5s;
}

.section06 {
	background-color: rgba(153,204,255,0.5);
	
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent),
			  color-stop(.5, transparent), color-stop(.5, #fff),
			  color-stop(.75, #fff), color-stop(.75, transparent), to(transparent));
	-webkit-background-size: 4px 4px;
}

.section06 .section {
	padding-top: 5%;
	padding-bottom: 5%;
}

.section06 .section .wrap {
	width: 40%;
	display: inline-block;
	float: left;
}

.wrap .homepage-img {
	width: 80%;
	border: 1.5px solid #1E4679;
}

.section06 .section .wrap2, .section06 .section .wrap3 {
	width: 60%;
	float: right;
	display: inline-block;
	color: #1E4679;
}

.section06 .wrap3 p {
	font-size: 0.93rem;
}

.section06 .wrap3 p:last-child {
	font-weight: bold;
	font-size: 1.1rem;
}

.section06 .section .wrap2 .link-text {
	width: 78%;
	display: inline-block;
	color: #01033f;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 2px;
}


.section06 .section .wrap2 .link-mark {
	width: 10%;
	text-align: left;
	display: inline-block;
	font-size: 340%;
	font-weight: bold;
	color: #01033f;
	vertical-align: top;
}

.section06 .section .wrap2 .link-mark  a{
	text-decoration: none;
	color: #1E4679;
}

.section06 .section .wrap2 p:first-of-type {
	font-size: 1.3rem;
	font-weight: bold;
}

.section06 .section .wrap2 p {
	font-size: 110%;
}

.section06 .section .wrap2 p span {
	font-weight: bold;
	font-size: 120%;
}

.section06 .section .wrap2 .link-home {
	margin-bottom: 2em;
	margin-right: 5%;
}

.section06 .section .wrap2 .link-home .link-pc {
	display: block;
	position: relative;
	transition: .4s;
}

.section06 .section .wrap2 .link-home .link-pc::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	border-bottom: 2px solid #E40D0D;
	transition: .4s;
}

.section06 .section .wrap2 .link-home .link-pc:hover::after {
	width: 80%;
}

.section06 .section .wrap2 .link-home .link-pc:hover {
	transform: translateX(8px);
}

.section06 .section .wrap2 .link-text2 {
	display: none;
}

.digest-button04 {
	display: inline-block;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.digest-button04 > a {
	display: inline-block;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	background-color: #E40D0D;
	border: 1.5px solid #E40D0D;
	color: #ffffff;
	padding: 15px;
	font-size: 120%;
	font-weight: normal;
	letter-spacing: 1px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
}

.digest-button04:hover a {
	background-color: transparent;
	border: 1.5px solid #E40D0D;
	color: #E40D0D;
	transition: all 0.5s;
}


/*	フッター	*/


#colophon {
	overflow-x: hidden;
	width: 100%;
	background-color: rgb(32,73,125);
	padding-left : 1000px;
	padding-right : 1000px;
	margin-top : 0px;
	margin-left : -1000px;
	margin-right : -1000px;
	margin-bottom : 0px;
}

#footer-menu {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.75em;
}

.footer-ul {
	text-align: left;
	list-style: none;
	float: left;
	color: #ffffff;
	width: 28%;
	margin: 50px 0;
	padding: 0;
	box-sizing: border-box;
}

.footer-ul.banner {
	width: 16%;
	text-align: left;
}

.footer-ul > li.footer-li-title > a {
	font-size: 0.9rem;
	color: #ffffff;
	text-decoration: none;
}

.footer-list a {
	font-size: 0.8rem;
	color: #ffffff;
	text-decoration: none;
}

.footer-li-title.b {
	margin-top: 1em;
}

.footer-list {
	display: list-item;
	list-style: none;
 	text-indent: -0.5em;
    	margin-left: 0.5em;
	padding-left: 20px;
}


.footer-list:before {
	content: '-';
	width: 0;
	height: 0;
	margin-right: 6px;
}

.footer-ul.banner > li > a > img {
	width: 95%;
	height:auto;
	margin-bottom: 10%;
}

.footer-ul > li a:hover {
	opacity: 0.7;
}

.footer-c {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

.copyright {
	width: 100%;
	color : #ffffff;
	font-size: 100%;
	text-align : center;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
}