@charset "UTF-8";

/*--------------------------------------------------------------
 全体
--------------------------------------------------------------*/
body  {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro", "Meiryo", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "osaka", "sans-serif";
	color:#000;
	background:#fff;
}
#contents{
	width:980px;
	margin:0 auto;
}

/*--------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------*/
#header{
	height:170px;	
	position:relative;
	z-index: 1;
	background-color: #fff;
}

#headerLogo{
	position:absolute;
	top:26px;
	left:0px;
}
#headerTel{
	position:absolute;
	top:43px;
	left:604px;
}
#headerOtoiawase{
	position:absolute;
	top:44px;
	right:5px;
}
#headerOtoiawase a:hover{
	filter:alpha(opacity=75);
	opacity:0.75;
}
#headerMessage{
	position:absolute;
	top:24px;
	left:630px;
	font-size:13px;
	line-height:1;
}

ul#mainMenu{
	position:absolute;
	top:120px;
	width:980px;
	margin:0 auto;
	padding:0;
	list-style:none;
}

ul#mainMenu li{
	float:left;
	width: 20%;
	text-align:center;
	box-sizing:border-box;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
ul#mainMenu li a{
	color:#000;
	font-size:16px;
	line-height:38px;
	letter-spacing:0px;
	height:36px;
	display: block;
	text-decoration:none;
}
ul#mainMenu li a span{
	padding: 0 1em 3px;
}
ul#mainMenu li#homeOn a span{
	padding: 0 1em 4px;
}

ul#mainMenu li:hover {
	border-color: #63C16D;
}
#Home ul#mainMenu li#homeOn,
#Company ul#mainMenu li#companyOn,
#Digitalbooks ul#mainMenu li#digitalbooksOn,
#ConsultingTop ul#mainMenu li#consultingOn,
#Consulting ul#mainMenu li#consultingOn,
#Minasamae ul#mainMenu li#minasamaeOn,
#Works ul#mainMenu li#worksOn,
#Recruit ul#mainMenu li#recruitOn {
	border-color: #23AC38;
}
ul#mainMenu li:hover a {
	color: #fff;
	background: #63C16D;
}

#Home ul#mainMenu li#homeOn a,
#Company ul#mainMenu li#companyOn a,
#Digitalbooks ul#mainMenu li#digitalbooksOn a,
#ConsultingTop ul#mainMenu li#consultingOn a,
#Consulting ul#mainMenu li#consultingOn a,
#Minasamae ul#mainMenu li#minasamaeOn a,
#Works ul#mainMenu li#worksOn a,
#Recruit ul#mainMenu li#recruitOn a{
	color: #fff;
	background: #23AC38;
}

ul#mainMenu li.kana a{	letter-spacing:0px; }/* Reset */
ul#mainMenu li.ei a{	font-size:15px; } /* 英文字用 */



/*--------------------------------------------------------------
 フッター
--------------------------------------------------------------*/
#footer{
	position:relative;
	width:980px;
	margin:0 auto;
	background-color:#efeff0;
}

#Home #footer {
	background:#e8e2d9;
}

/* 共通 */
#footerMenu li{
	font-size:12px;
	line-height:1.75;
	list-style:none;
	text-align:left;
}
#footerMenu a{
	color:#000;
	text-decoration:none;
}
#footerMenu a:hover{
	text-decoration:underline;
}

/* AorB */
#footerA{ height:145px;}
#footerB{ height:440px;}

#footerTel{
	font-size:13px;
	line-height:1;
}

#footerLogo1, #footerLogo2, #footerTel,
#footerMenu1, #footerMenu2 ,#footerMenu3{
	position:absolute;
}
#footerA #footerLogo1{
	top:22px;
	left:25px;
}
#footerB #footerLogo1{
	top:26px;
	left:25px;
}
#footerA #footerLogo2{
	top:27px;
	left:101px;
}
#footerB #footerLogo2{
	top:99px;
	left:23px;
}
#footerA #footerTel{
	top:96px;
	left:28px;
}
#footerB #footerTel{
	top:166px;
	left:24px;
}

#footerA #footerMenu1, #footerA #footerMenu2 ,#footerA #footerMenu3{	top:22px;}
#footerB #footerMenu1, #footerB #footerMenu2 ,#footerB #footerMenu3{	top:24px;}

#footerA #footerMenu1{	left:453px;}
#footerA #footerMenu2{	left:575px;}
#footerA #footerMenu3{	left:816px;}

#footerB #footerMenu1{	left:350px;}
#footerB #footerMenu2{	left:523px;}
#footerB #footerMenu3{	left:748px;}

/*--------------------------------------------------------------
 見出し
--------------------------------------------------------------*/
#recH1{
	margin-bottom:11px;
	border-bottom:1px solid #0054a7;
}
#recH1 h1{
	font-size:22px;
	line-height:1;
	color:#0054a7;
	margin:0 0 -5px;
	width:4.5em;
	background:#fff;
}
#Home #mainPage h2{
	text-align:center;
	line-height:1;
	margin-bottom:20px;
	padding-right: 30px;
}
#Home #mainPage h2.newsT{
	margin-top:0;
}
#Home #mainPage h3{
	text-align:center;
	line-height:1;
	margin-bottom:0px;
}


/*--------------------------------------------------------------
 main
--------------------------------------------------------------*/
/* メインエリア */
#main {
	padding-top:23px;
	background-color:#fff;
}
/* 2カラム */

	/* メインページ */
	#mainPage{
		width:714px;
		float:left;
	}
	/* 2カラム　右余白 */
	#Company #mainPage,
	#Digitalbooks #mainPage,
	#ConsultingTop #mainPage,
	#Consulting #mainPage,
	#Works #mainPage,
	#Kihon #mainPage,
	#Point #mainPage,
	#Workflow #mainPage,
	#Workflow #voice,
	#Workflow #fun{
		margin-right:2px;
	}

/* サイドページ */
	#side{
		width:232px;
		float:right;
        margin-top: 8px;
	}
#Consulting #side {
    width: 230px;
    float: right;
    margin-top: 0;
}
.bnrSide li{
	list-style:none;
	line-height:1;
	margin-bottom:6px;
}
.bnrSide li:hover{
	opacity:0.75;
    animation-name: fadein;
    animation-duration: 150ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
@keyframes fadein {
  0% {
     opacity: 1;
  }
  100% {
     opacity: 0.75;
  }
}
.bnrSide li.nanao-p_bnr{
	margin-bottom:30px;
}

.bnrSide img{
		border-bottom: 1px solid #727272;
	}
	.bnrSide .nanao-p_bnr img,
	.bnrSide .blog_bnr img{
		border-bottom: 0px solid #727272;
	}

/* 1カラム*/
    #Contact #mainPage,
	#Recruit #mainPage,
	#Ppolicy #mainPage,
	#Sitemap #mainPage,
	#Scholarship #mainPage {
		width:100%;
	}

	/* サイドページ オフ */
    #Contact #side,
	#Recruit #side,
	#Ppolicy #side,
	#Sitemap #side{
		display:none;
	}

	/* フッター オフ */
	#footerNon{
		display:none;
	}


/* 共通 */

.contactImg {
	position:relative;
	width:682px;
	height:106px;
	margin:25px 0 29px;
	border:1px solid #b5b5b5;
	background:url('../img/contact_top.png') left top no-repeat;
}
.contactImg .btn{
	position:absolute;
	top:36px;
	left:405px;
}
.contactImg .btn:hover{
	cursor:pointer;
	filter:alpha(opacity=75);
	opacity:0.75;
}
/*--------------------------------------------------------------

 HOME

--------------------------------------------------------------*/
#welcome{
	margin-bottom:15px;
}

#Home #headerMessage {
	left: 930px;
}
#Home #headerTel {
	left: 904px;
}

#Home #contents {
	width: 1280px;
}
#Home ul#mainMenu {
	width: 100%;
}

/* メイン */
#Home #mainPage{
	margin-top:0px; /* Reset */
	width: 1024px;
}

#Home .banner{ margin-bottom:10px}
#Home .bnrSide li {
	display: inline-block;
}

#topicsArea{
	margin-bottom:20px;
	padding:30px 30px 0;
}

#topicsArea iframe{
	width:100%;
	height:140px;  /* 通常 */
	border:none;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom:8px;
}

#topics{
	padding-top:10px;
	padding-bottom:5px;
}

#topics dl{
	font-size:12px;
	line-height:1.3;
	margin:0 10px 5px;
}
#topics dt {
	clear: both;
	float: left;
	width: 6.5em;
}
#topics dd {
	margin-left:6.5em;
	margin-bottom:8px;
}
#topics .msg {
	font-size:13px;
	line-height:1.5;
	margin:0 10px 10px 20px;
}

/* Topics */

/* トップ 動画 */
.bgVideo.typeB {
	position: relative;
	top: -132px; /* 表示する動画の上端位置 */
	min-height: 100%;
	overflow: hidden;

	height: 426px; /* 表示する動画の高さ */
	margin: 0 auto -127px auto;
	max-width: 1024px;
}
.bgVideo.typeB video#bgvid1 {
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: auto;
	position: relative;
	background: url(/data/top2.mp4) center bottom no-repeat;
}
.bgVideo.typeB video#bgvid2 {
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: auto;
	position: relative;
	background: url(/data/top.mp4) center bottom no-repeat;
}

.video-btn {
	top: 0;
	left: 0;
	right: 0;
	bottom: 40px;
	cursor: pointer;
}
.finished .video-btn {
	position: absolute;
	top: 350px;
	left: 845px;
	display: block;
	width: 120px;
	height: 25px;
	background-color: #585858;
	opacity: 0.8;
	padding: 0.5em 0 0.5em 1em;
	vertical-align: middle;
	color: white;
}
.finished .video-btn:after {
	position: absolute;
	top: 0;
	left: 70px;
	right: 0;
	bottom: 0;
	content: "\f144";
	width: 1em;
	height: 1em;
	margin: auto;
	font-family: "Font Awesome 5 Free";
	color: #fff;
	font-size: 20px;
	line-height: 1em;
}

/* トップ バナー */
ul#topBanner {
	width: 1024px;
	list-style: none;
	line-height: 1;
	margin: 0 auto 50px auto;
}
ul#topBanner li {
	position: relative;
	float: left;
	margin-bottom: 10px;
}
ul#topBanner li:nth-child(odd) {
	margin-right: 43px;
}

.tb {
	font-size: 14px;
	font-weight: 300;
	width: 341px;
	height: 259px;
	text-align: center;
	line-height: 1.5;
	position: relative;
}
.tb .tb_detail {
	display: flex;
	cursor: pointer;

	position: absolute;
	bottom: 15px;
	right: 15px;
}
.tb.tb01 .tb_detail {
    bottom: -2px;
    right: 36px;
}
.tb.tb02 .tb_detail {
    bottom: 40px;
    right: 22px;
}

.tb.tb01 {
	width: 380px;
}
.tb.tb02 {
	width: 290px;
    padding-top: 12px;
}

.tb.tb01 .tb_image,
.tb.tb02 .tb_image {
	border: 3px solid #fff;
}
.tb.tb01:hover .tb_image,
.tb.tb02:hover .tb_image {
	border: 3px solid #f00;
}

/* ソリューションメニュー */

ul#topMenu{
	width: 1024px;
	list-style:none;
	line-height:1;
	margin: 0 auto;
}
ul#topMenu li{
	float:left;
	margin-bottom:20px;
}
ul#topMenu li.tm01, ul#topMenu li.tm02,
ul#topMenu li.tm03, ul#topMenu li.tm05,
ul#topMenu li.tm06, ul#topMenu li.tm07 {
	margin-right: 24px;
}

.tm {
	font-size: 12px;
	font-weight: 300;
	width: 230px;
	height: 213px;
	text-align: center;
	line-height: 1.8;
	position: relative;
	border: 1px solid #000;
}
.tm.tm09 {
	width: 437px;
	height: 191px;
	border: 2px solid #00a5e9;
	text-align: left;
	padding: 12px 24px;
}
.tm09_icon img {
	position: absolute;
	top: -15px;
	right: 15px;
	width: 84px;
}
.tm.tm09 span {
	font-size: 24px;
	font-weight: bold;
	color: #00a5e9;
}
.tm.tm09 p {
	font-size: 14px;
}

ul#topMenu li.tm09:hover {
	background-color: #fde4e4;
}
ul#topMenu li.tm09:hover a {
	text-decoration: none;
}
.tm.tm09:hover img {
	opacity: 0.9;
}
.tm.tm09 .tb_detail {
	display: flex;
	cursor: pointer;

	position: absolute;
	bottom: 15px;
	right: 15px;
}

.tm_title {
	height: 90px;
	margin-top: 22px;
	margin-bottom: 12px;
}

.tm_img {
	position:absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto 8px;
}

ul#topMenu li{
background:#fff;
}

/* メインバナー */
#bnrMain{
	margin: 0 0 7px;

}
#Home #mainPage .text{
	margin:30px;
	line-height:2;
}
#Home #mainPage .imgPhoto{
	text-align:center;
	margin-bottom:60px;
}
#Home #mainPage a.topLink{
	color:#000;
	font-size:12px;
	line-height:1;
	display:block;
	width:290px;
	text-align:center;
	margin:0 auto 40px;
	padding:12px;
	border:1px solid #666;
	border-radius: 24px;
}
#Home #mainPage a.topLink:hover{
	color:#fff;
	background-color:#23ac38;
	text-decoration:none;
	border:1px solid #23ac38;
}

#Home .right-block{
	width:232px;
	margin:80px -265px -170px auto;
}
#Home .contactImg {
	margin: 25px auto 29px auto;
}

#Home #footer {
	width: 100%;
}

#Home #footerA #footerMenu1{	left: 753px;}
#Home #footerA #footerMenu2{	left: 875px;}
#Home #footerA #footerMenu3{	left: 1116px;}

/*--------------------------------------------------------------

 会社情報

--------------------------------------------------------------*/
#Company{}

#Company #mainPage h1#companyH1{
	margin-bottom:15px;
}
.companyInfo{
	width:100%;
}

.companyInfo .message{
	margin-top: 50px;
	margin-bottom:15px;
}
.companyInfo .lead{
	margin-bottom:35px;
}
.companyInfo strong{ color:#d01126;}

.companyInfo h2{
	font-size:14px;
	line-height:1;
	margin-top: 40px;
	margin-bottom:6px;
}

.companyInfo .detailInfo{
	display: flex;
	margin: 60px auto 40px auto;
	width: 80%;
}
.companyInfo .detailInfo .button{
	flex: 1 0 auto;
}


.companyInfo table{
	width:714px;
	margin-bottom:10px;
	border-collapse:separate;
	border-bottom:1px solid #c0c0c0;
}
.companyInfo  th, .companyInfo  td{
	padding:5px 0 1px;
	border-bottom:3px solid #fff;
	border-top:1px solid #c0c0c0;
	vertical-align:top;
}

.companyInfo  th {
	width: 130px;
	text-align:center;
	background:#eeefef;
	font-weight:normal;
	letter-spacing:3px;
	white-space:nowrap;
}
.companyInfo .history th {
	background:none;
}
.companyInfo  td {
	padding-left:22px;
}
.companyInfo  ol {
	margin-left:22px;
}

.companyInfo table .col2 {
	display: flex;
}
.companyInfo table .nanao-info {
	width: 380px;
}

.companyInfo .history tr:first-child th,
.companyInfo .history tr:first-child td{
	border-top:1px solid #c0c0c0;
}

.companyInfo .history th,
.companyInfo .history td{
	padding:6px 0 3px;
	border:none;
	vertical-align:top;
}
.companyInfo .history td{
	padding-left: 5px;
}

.companyInfo .history .none{
	color:#fff;
}

.companyInfo .businessInfo{
	display: flex;
	margin-top: 30px;
	margin-left:40px;
	margin-bottom: 40px;
	width: 95%;
}
.companyInfo .businessInfo .button{
	flex: 1 0 auto;
}

.companyInfo .business_contents h2{
	margin-bottom:14px;
}

.kikakuImage{
	margin:25px auto;
	text-align:center;
}
.gotoTop{
	font-size:14px;
	text-align:right;
	margin-bottom:65px;
}
.gotoTop:last-child{
	margin-bottom:10px;
}

.nanaoInfo .nanaoImage{
	margin:25px auto;
	text-align:center;
}

/*--------------------------------------------------------------

 大学教職員の皆さまへ

--------------------------------------------------------------*/
#Minasamae #mainPage h1{
	margin-bottom:20px;
}
.minaInfo .lead{
	margin-left:25px;
	margin-bottom:25px;
}
.minaInfo dl{
	width:100%;
	display:table;
	margin:19px auto;
	padding-top:19px;
	border-top:1px solid #9d9d9d;
	clear: both;
}
.minaInfo dt, .minaInfo dd{
	display:table-cell;
	vertical-align:top;
}
.minaInfo dt{
	width:225px;
	padding-left:2px;
}
.minaInfo dd{
	padding-top:2px;
	padding-left:15px;
}
.minaInfo dd .wrap{
	margin-top:9px;
}
.minaInfo dd ul{
	float:left;
}
.minaInfo dd li{
	font-size:12px;
/*	font-size:14px; */
	line-height:1.75;
	list-style:none;
}
.minaInfo dd ul.menu1{width:215px;}


/*--------------------------------------------------------------

 電子ブック

--------------------------------------------------------------*/
#Digitalbooks{}

#Digitalbooks #mainPage h1{
	margin-bottom:30px;
}

#Digitalbooks #mainPage h1#digitalbooksPcH1,
#Digitalbooks #mainPage h1#editingAndDesignH1 {
	margin-top: 60px;
}
#Digitalbooks #mainPage h1#digitalbooksSpH1 {
    margin-top: 76px;
}


#Digitalbooks #mainPage h1#functionH1 {
	margin-top: 95px;
	margin-bottom: 0;
}

#Digitalbooks .detailInfo {
	display: flex;
	margin: 0 auto 0 auto;
	width: 85%;
    flex-wrap: wrap;
}
#Digitalbooks .detailInfo .button {
	flex: 1 0 auto;
    margin-bottom: 15px;
}
#Digitalbooks .detailInfo .dummy_button span {
	display: block;
    width: 185px;
}

.digitalbooksInfo p {
	margin: 10px 0 40px 0;
}

#Digitalbooks #mainPage h2#aboutEditingAndDesignH2 {
	margin-bottom: 15px;
}

#functionArea .function_body {
	position: relative;
	text-align: center;
}
#functionArea .body_detail {
	display: flex;
	cursor: pointer;

	position: absolute;
	bottom: 25px;
	left: 42px;
}

#functionArea {
	margin-bottom: 80px;
}
#functionArea p {
	margin: 0;
}

/*--------------------------------------------------------------

 ソリューション

--------------------------------------------------------------*/
#Consulting{}

#Consulting #mainPage h1{
	margin-bottom:30px;
}

.title_area {
    position: relative;
}
.title_area_bg {
    position: absolute;
    top: 20px;
    background-color: #F9F9F5;
    width: 670px;
}

.title_area_image {
    position: absolute;
    right: 0;
    top: 0;
    width: 410px;
    z-index: 1000;
}

.title_area_image img {
    width: 100%;
}

.title_area_copy {
    position: absolute;
    left: 20px;
    width: 670px;
    z-index: 2000;
    top: 50%;
    transform: translateY(calc(-50% + 5px))
}
.title_area_read {
    font-size: 13px; 
    width: 21em;
    height: 8em;
}

/* サブ項目0行 */
.title_area.title_sub0 { height:260px; }
.title_area_bg.title_sub0 { height:240px; }
/* サブ項目2行 */
.title_area.title_sub2 { height:340px; }
.title_area_bg.title_sub2 { height:320px; }
.title_area_copy.title_sub2 { transform: translateY(calc(-50% - 45px)) }
/* サブ項目3行 */
.title_area.title_sub3 { height:370px; }
.title_area_bg.title_sub3 { height:350px; }
.title_area_copy.title_sub3 { transform: translateY(calc(-50% - 50px)) }
/* サブ項目4行 */
.title_area.title_sub4 { height:400px; }
.title_area_bg.title_sub4 { height:380px; }
.title_area_copy.title_sub4 { transform: translateY(calc(-50% - 45px)) }

.performance_area {
    margin-top: 21px;
}
.performance_label_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
}
.performance_label {
    display: inline-block;
    font-size: 12px;
}
.performance_list_wrap {
    display: inline-block;
    width: calc(100% - 80px);
}
.performance_list {
    display: flex;
    flex-wrap: wrap;
}
.performance_list_item {
    font-size: 13px;
    border: 1px solid #333;
    background-color: #e7eef3;
    padding: 5px 10px;
    margin-left: 10px;
    margin-bottom: 10px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.performance_list_wrap_kenkyu {
    width: 100%;
}
.performance_list_item_kenkyu {
/*    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8px;*/
    line-height: 1.4em;
}

#Consulting #mainPage .page_title {
    margin-bottom: 10px;
    font-size: 35px;
}

.columnArea {
    margin-top: 25px;
}
.graph_image_wrap {
    width: 75%;
    margin: 0 auto;
}
.graph_image {
    width: 100%;
}

/* H1 位置調整 */ /*
#Consulting #mainPage #rishuH1 img:first-child,
#Consulting #mainPage #syllabusH1 img:first-child,
#Consulting #mainPage #gakusei-hbH1 img:first-child,
#Consulting #mainPage #kagai-panfH1 img:first-child,
#Consulting #mainPage #shogakukin-panfH1 img:first-child{
margin-bottom:5px;}


#Consulting #mainPage #kyomuH1{margin-bottom:-10px;}
#Consulting #mainPage #net-sysH1{margin-bottom:-10px;}
#Consulting #mainPage #d-kohoH1{margin-top:-10px;margin-bottom:-10px;}
#Consulting #mainPage #kenkyuH1{margin-top:-23px;margin-bottom:-5px;}
*/

/* --------ポイント -------- */
.pointArea {}
.point_contents  {
    margin-left: 30px;
    font-size: 13px; 
}

.point_contents_heading {
    font-size: 15px;
    width: fit-content;
    min-width: 240px;
    line-height: 1.0em;
    font-weight: bold;
    margin: 50px 0 14px -30px;
    padding: 5px  0;
    background: none;
    border-bottom: 2px solid #007F41;
}
.point_contents_list {
    margin-left: 10px;
    line-height: 1.6em;
    list-style-position: inside;
}

.point_box {
    padding: 4px 10px;
    margin:8px 0;
    border:0.5px solid #333;
    width: fit-content;
    min-width:280px;
    white-space: nowrap;
}

.point_contents_caption {
    font-size: 13px;
    font-weight: 500;
    margin: 20px 0 5px 0;
    padding: 5px  0;
    line-height: 1;
}
.point_imag_wrap {}
.point_image {
    width: 100%;    
}
.point_contents_list_marker {
    text-indent: -1.0em;
}
.point_contents_list_marker::marker {
    font-size: 150%;
}
.point_contents_list_item {
    vertical-align: 0.25em;
    margin-left: -1.0em;
}
.point_contents_sublist {
    margin-left: 2.5em;
    list-style: inside;
}
.point_contents_sublist_item {
    margin-left: -0.5em;
}

.techo_content_wrap {
    display: flex;
}
.imageArea {
    margin-top: 50px;
    margin-left: 38px;
}
.ex_img_wrap {
    width: 230px;
    margin-bottom: 14px;
}
.ex_img {
    width: 100%;
}

/* --------TABLE--------*/
.point_table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top:1px solid #000;
    margin:15px 0 10px;
}
.point_table_cell {
    border-bottom:1px solid #000;
    padding:10px;
}
.point_table_heading {
    background-color:#F9F9F5;
    width:25%;
    text-align:left;
    white-space: nowrap;
    font-weight:normal;
}
.point_table_annotation {
    list-style-type: none;
}
.point_table_annotation_item {
    text-indent: -1em;
    padding-left: 1em;
}

/* --------関連するコンサルティングメニュー -------- */
.related_menu_heading {
    font-size: 15px;
    line-height: 1.0em;
    font-weight: bold;
    margin: 40px 0 5px 0;
    padding: 5px  0;
    background: none;
}
.related_menu_wrap {
    display:flex;
}

.related_menu_btn {
	font-size: 13px;
    padding: 5px 12px;
    margin-right: 15px;
    border-radius: 9999px; /* TODO:最適な値確認する */
    border: 1px solid #004EA2;
}
.related_menu_link {
    color: #004EA2;
}

/* -------- ワークフロー -------- */
.workflow {
    margin: 50px 0;
    padding: 10px;
    border: 1px solid #E60012;
    width: fit-content;
    font-size: 13px;
}
.workflow_link {
    line-height: 1.0em;
    color: #E60012;
    font-size: 14px;
}

/*
.pointArea h2, .wfArea h2, .moreArea h2{
	font-size:22px;
	line-height:48px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:14px;
	padding-left:30px;
	background:url('../solution/img/m1_bg.png') left top no-repeat;
}

.pointArea h2.line2, .wfArea h2.line2, .moreArea h2.line2{
	font-size:22px;
	line-height:29px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:14px;
	padding-top:9px;
	padding-bottom:5px;
	padding-left:30px;
	background:url('../solution/img/m1_bg2.png') left top no-repeat;
}*/

/* 左カラム幅 */
/*.pointArea h3{	}
.pointArea p{	}
.pointArea p.full{	width:99%; margin-left:3px; padding-left:3px}
.wfArea p.half{	width:375px;}
.wfArea ul.half{	width:355px;}*/

/* 目標 */
/*.pointArea h3{
	color:#d01126;
	font-size:16px;
	line-height:1.4;
	font-weight:bold;
	text-indent:-3em;
	padding-left:3em;
	padding-bottom:5px;
	margin-left:3px;
	margin-bottom:0px;
	border-bottom:1px solid #d01126;
	box-sizing:border-box;
}*/

/* 目標　特殊 */
/*h3#kyoshokuMokuhyo{color:#009fa8;border-color:#009fa8;}
h3#kyomuMokuhyo{	color:#0062b1;	border-color:#0062b1;}
h3#netsysMokuhyo{	color:#009a3e;	border-color:#009a3e;}
h3#techoMokuhyo{	color:#00913a;	border-color:#00913a;}
h3#manualMokuhyo{	color:#7f1084;	border-color:#7f1084;}
h3#d-kohoMokuhyo{	color:#ea5504;	border-color:#ea5504;}
h3#d-annaiMokuhyo{	color:#804f21;	border-color:#804f21;}
h3#kenkyuMokuhyo{	color:#00479d;	border-color:#00479d;}
h3#mokuhyoAbout{	color:#008041;	border-color:#008041;}*/



/* 枠見出し */
/*h4.mi, h4.mi-b, h4.mi-b2, h4.mi-b3, h4.mi-g, h4.mi-g2,
 h4.mi-g3, h4.mi-g4, h4.mi-p, h4.mi-o, h4.mi-cha{
	display:inline-block;
	font-size:16px;
	line-height:1;
	font-weight:bold;
	white-space:nowrap;
	margin:25px 0 8px;
	padding:7px 7px 5px;
	border:2px solid #d01126;
}*/
/* 赤 */h4.mi{	color:#d01126;	border-color:#d01126;}
/* 青 */h4.mi-b{	color:#009fa8;	border-color:#009fa8;}
/* 青2 */h4.mi-b2{	color:#0062b1;	border-color:#0062b1;}
/* 青3 */h4.mi-b3{	color:#00479d;	border-color:#00479d;}
/* 緑 */h4.mi-g{	color:#008842;	border-color:#008842;}
/* 緑2 */h4.mi-g2{	color:#009a3e;	border-color:#009a3e;}
/* 緑3 */h4.mi-g3{	color:#008041;	border-color:#008041;}
/* 緑4 */h4.mi-g4{	color:#00913a;	border-color:#00913a;}
/* 紫 */h4.mi-p{	color:#7f1084;	border-color:#7f1084;}
/* オレンジ */h4.mi-o{	color:#ea5504;	border-color:#ea5504;}
/* 茶 */h4.mi-cha{	color:#804f21;	border-color:#804f21;}



/*.pointArea h5{
	font-size:15px;
	line-height:1;
	font-weight:bold;
	margin:0 0 10px;
}
.pointArea h5 span.nml{
	font-weight:normal;
	font-size:12px;
}

.pointArea ol, .wfArea ol{
	padding-left:26px;
}
.pointArea ul, .wfArea ul, .moreArea ul{
	padding-left:20px;
}
.pointArea img.ph{
	margin:25px 0 1px 15px;
	float:right;
}
.pointArea .sep{
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid #b5b5b6;
}*/
/*.wfArea .btn{
	text-align:right;
	margin-top:10px;
}
.wfArea .btn img:hover{
	cursor:pointer;
	filter:alpha(opacity=75);
	opacity:0.75;
}
.pointArea .wrap, .wfArea .wrap{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #b5b5b6;
}
.wfArea .wrap_noline{
	margin-bottom:15px;
}*/

/* 画像配置 */
/*.img_c{	text-align:center;}
.img_lc{	margin-left:20%;}
.mtmb10{margin:10px auto;}
.mtmb20{margin:20px auto;}

.gosoudan{
	font-size:12px;
	color:#e60012;
	font-weight:normal;
	margin:10px 0 0;
	padding:7px 15px;
	border:1px solid #e60012;
}
.gosoudan a{
	color:#e60012;
}
.waku{
	border:1px solid #9f9fa0;
	margin:10px 0 5px;
	padding:20px 20px;
}*/

/* 調整 */
/*.pointArea .ml1em{
	margin-left:1em;
}
.red-nml{
	font-weight:normal;
	color:#d01126;
}
h5 .rei{
	font-weight:normal;
	font-size:12px;
}*/


/*--------------------------------------------------------------
 ソリューション Top
--------------------------------------------------------------*/
#Consulting #mainPage h1#solH1{
	margin-bottom:20px;
}

.solInfo .lead{
	margin-left:25px;
	margin-bottom:25px;
}


.solInfo dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	overflow: hidden;
}

.solInfo dl.topics{
	border:1px solid #ea5504;
	margin-bottom:50px;
	padding:25px 25px 0;
}
.solInfo dt, .solInfo dd{
	margin-left:0;
}
.solInfo dt h2{
	font-size:18px;
	line-height:2;
	font-weight:bold;
	margin-bottom:14px;
	padding-left:5px;
	background:url('../consulting/img/top_t_line.png') left bottom no-repeat;
}
.solInfo .topics dt h2{
	line-height:1.5;
	margin-top:0;
	margin-bottom:14px;
	padding-left:5px;
	background:url('../consulting/img/top_t_line2.png') left bottom no-repeat;
}
.solInfo .topics dt span{
	font-size:18px;
	color:#fff;
	letter-spacing:1px;
	padding:0 100px 0 10px;
	background-color:#ea5504;
}
.solInfo dd h3,
.solInfo dd .text,
.solInfo dd .moreLink{
/*	margin-left:25px;*/
}
.solInfo .topics dd h3,
.solInfo .topics dd .text,
.solInfo .topics dd .moreLink{
	margin-left:0px;
}
.solInfo dd .text,
.solInfo dd .moreLink{
/*	float:left;*/
	width:470px;
}
.solInfo .topics dd .text,
.solInfo .topics dd .moreLink{
	float:left;
	width:323px;
}
.solInfo dd h3{
	font-size:16px;
	line-height:1.5;
	margin-bottom:10px;
}
.solInfo dd .moreLink a{
	color:#000;
	font-size:12px;
	line-height:1;
	display:block;
	width:100px;
	text-align:center;
	margin:10px 0 30px auto;
	padding:8px 10px;
	border:1px solid #666;
	border-radius: 24px;
}
.solInfo .topics dd .moreLink a{
	margin:10px 160px 40px auto;
}
.solInfo dd .moreLink a:hover{
	color:#fff;
	background-color:#23ac38;
	text-decoration:none;
	border:1px solid #23ac38;
}
.solInfo dd .photo{
	float:right;
	margin-top:3px;
}
.solInfo .topics dd .photo{
	margin-top:-73px;
	font-size:12px;
	line-height:1.5;
}
.solInfo .topics dd .photo img{
	margin-bottom:10px;
}

.solInfo .right-block{
	width:232px;
	margin:50px -265px -115px auto;
}

.solInfo dd li{
	font-size:12px;
/*	font-size:14px; */
	line-height:1.75;
	list-style:none;
}

.solInfo dl{
	width:100%;
	display:table;
	margin:19px auto;
	padding-top:19px;
	border-top:1px solid #9d9d9d;
	clear: both;
}

.solInfo dt, .solInfo dd{
	display:table-cell;
	vertical-align:top;
}
.solInfo dt{
	width:225px;
	padding-left:2px;
}
.solInfo dd{
	padding-top:2px;
	padding-left:15px;
}
.solInfo dd .wrap{
	margin-top:9px;
}
.solInfo dd ul{
	float:left;
}
.solInfo dd ul.menu1{width:215px;}

#solH1 {
    position: relative;
}
.consulting_heading {
    margin: 8px 0 14px 37px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
}
.consulting_menu_titile_wrap {
	margin-top: -3px;
	line-height: 1.3;
}
.consulting_menu_titile1 {
	font-size: 25px;
	font-weight: bold;
	margin-right: 2px;
}
.consulting_menu_titile2 {
	font-size: 18px;
	font-weight: bold;
}
.consulting_menu_titile3 {
	font-size: 18px;
	font-weight: bold;
	color: #f00;
}


/*--------------------------------------------------------------
 シラバス
--------------------------------------------------------------*/
.syllabusInfo{
	margin:20px 0 0;
	border:1px solid #9f9fa0;
}
.syllabusInfo h4{
	font-size:16px;
	font-weight:bold;
	line-height:1;
	color:#0086d1;
	margin-bottom:15px;
	padding:9px 13px 8px;
	border-bottom:1px solid #9f9fa0;
}
.syllabusInfo p{
	margin-left:12px;
	margin-right:12px;
}
.syllabusInfo ul.text{
	margin-left:45px;
}
.syllabusInfo ul.text:last-child{
	margin:13px 20px 10px 15px;
	padding-top:12px;
	padding-left:18px;
	border-top:1px solid #0086d1;
}

/*--------------------------------------------------------------
 教務支援システム
--------------------------------------------------------------*/
.kyomuInfo{
}
.kyomuInfo dl{
	width:100%;
	display:table;
	border-bottom:1px solid #9d9d9d;
}
.kyomuInfo dl.first{
	margin-top:5px;
	border-top:1px solid #9d9d9d;
}
.kyomuInfo dl.last{
	margin-bottom:10px;
}
.kyomuInfo dt{
	display:table-cell;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	white-space:nowrap;
	width:10em;
	margin-left:1px;
	padding:12px 12px 0 10px;
	background:#d3edfb;
}
.kyomuInfo dd{
	display:table-cell;
	vertical-align:top;
	padding:8px 12px 5px 30px;
}

/*--------------------------------------------------------------
 大学広報パンフレット　
--------------------------------------------------------------*/
.d-kohoInfo{
}
.d-kohoInfo dl{
	width:100%;
	display:table;
	border-bottom:1px solid #9d9d9d;
}
.d-kohoInfo dl.first{
	margin-top:5px;
	border-top:1px solid #9d9d9d;
}
.d-kohoInfo dl.last{
	margin-bottom:10px;
}
.d-kohoInfo dt{
	display:table-cell;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	white-space:nowrap;
	width:11em;
	margin-left:1px;
	padding:10px 12px 0 10px;
	background:#feecd2;
}
.d-kohoInfo dd{
	display:table-cell;
	vertical-align:top;
	padding:8px 12px 5px 5px;
}

/*--------------------------------------------------------------
 大学施設案内パンフレット　
--------------------------------------------------------------*/
.d-annaiInfo{
}
.d-annaiInfo dl{
	width:100%;
	display:table;
	border-bottom:1px solid #9d9d9d;
}
.d-annaiInfo dl.first{
	margin-top:5px;
	border-top:1px solid #9d9d9d;
}
.d-annaiInfo dl.last{
	margin-bottom:10px;
}
.d-annaiInfo dt{
	display:table-cell;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	white-space:nowrap;
	width:10em;
	margin-left:1px;
	padding:10px 12px 0 10px;
	background:#eae4d0;
}
.d-annaiInfo dd{
	display:table-cell;
	vertical-align:top;
	padding:8px 12px 5px 5px;
}

/*--------------------------------------------------------------
 研究室関連印刷物
--------------------------------------------------------------*/
.kenkyuInfo{
}
.kenkyuInfo dl{
	width:100%;
	display:table;
	border-bottom:1px solid #9d9d9d;
}
.kenkyuInfo dl.first{
	margin-top:5px;
	border-top:1px solid #9d9d9d;
}
.kenkyuInfo dl.last{
	margin-bottom:10px;
}
.kenkyuInfo dt{
	display:table-cell;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	white-space:nowrap;
	width:10em;
	margin-left:1px;
	padding:10px 12px 0 10px;
	background:#d3edfb;
}
.kenkyuInfo dd{
	display:table-cell;
	vertical-align:top;
	padding:8px 12px 5px 5px;
}
.kenkyuInfo ul{
	padding-left:20px;
}

/*--------------------------------------------------------------
 大学を知ってもらうために
--------------------------------------------------------------*/
.aboutInfo{
}
.aboutInfo dl{
	width:100%;
	display:table;
	border-bottom:1px solid #9d9d9d;
}
.aboutInfo dl.first{
	margin-top:5px;
	border-top:1px solid #9d9d9d;
}
.aboutInfo dl.last{
	margin-bottom:10px;
}
.aboutInfo dt{
	display:table-cell;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	white-space:nowrap;
	width:10em;
	margin-left:1px;
	padding:10px 12px 0 10px;
	background:#d5e3d3;
}
.aboutInfo dd{
	display:table-cell;
	vertical-align:top;
	padding:8px 12px 5px 5px;
}
.aboutInfo ul{
	padding-left:20px;
}


.sp_student_diary_area {
    position: relative;
    margin-top: -30px;
}
.sp_student_diary_animation {
    position: absolute;
    top: 85px;
    right: 58px;
}

/*--------------------------------------------------------------
 サイドメニュー 
--------------------------------------------------------------*/
#conMenuT{
    background-color: #38b549;
    color: #fff;
    font-size: 17px;
    line-height: 1.2em;
    font-weight: bold;
    padding: 15px 10px;
    margin: 0;
}

#conMenu{
    display: flex;
    flex-direction: column;
}

.side_menu_item {
    list-style: none;
    border-top: 1px solid #fff;
}
.side_menu_item_link {
    background-color: #dbe9ad;
    color: #333;
    font-size: 13px;
    padding: 5px 10px;
    margin-top: 2px;
    display: flex;
    justify-content: space-between;
}
.side_menu_item_link:hover {
    background-color: #A9DFB2;
    color: #333;
    text-decoration: none;
}

.side_menu_item_link.selected {
    background-color: #e75924;
    color: #fff;
}
.side_menu_item_link.selected:hover {
    background-color: #e75924;
    color: #fff;
}

.meiUI{
	font-family:"Meiryo UI"; 
}
.tsume{
	letter-spacing:-3px;
}

/* ポップアップ */

#solMenu li.subMenu p {
	font-size:12px;
	line-height:1.5;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	background:#e6e6e7;
}
#solMenu li.subMenu:hover p{
	width:200px;
	margin:-26px 0 0 218px;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
}
#solMenu li.subMenu p a{
	padding-left:10px;
}

#solMenu li.subMenu a:hover {
	position: relative;
	z-index: 100;
}

#solMenu li.subMenu a{
	width:auto; /* Reset */
	display: block;
	text-decoration:none;
}

#solMenu li.subMenu:hover p ,
#solMenu li.subMenu a:hover p {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
}



/*--------------------------------------------------------------

 制作実績

--------------------------------------------------------------*/
#Works{}

#Works #worksMenu{
	margin:15px auto 50px 30px;
}
#Works #worksMenu li{
	font-size:12px;
	list-style:none;
	line-height:1;
	display:inline;
	white-space:nowrap;	
	margin-right:1.5em;
}
#Works #worksMenu li a{
	text-decoration:underline;
}
#Works #worksMenu li a:hover{
	color:#00c;
}
#Works #worksMenu li a.selected{
	color:#c00;
	text-decoration:none;
}
#Works .worksBase h2{
	font-size:16px;
	margin:45px 0 7px;
	line-height:1;
}
#Works .worksBase h2 .small{
	font-size:14px;
	font-weight:normal;
	vertical-align:middle;
}
#Works .wideA{width:577px;	margin:15px auto 60px;}
#Works .wide442{width:442px;	margin:15px auto 60px;}
#Works .wide683{width:683px;	margin:15px auto 60px;}

#worksGoTop{
	text-align:center;
	margin-bottom:50px;
}
#worksGoTop img:hover{
	cursor:pointer;
	filter:alpha(opacity=75);
	opacity:0.75;
}

/*--------------------------------------------------------------

 採用情報

--------------------------------------------------------------*/
#recInfo{
	width:714px;
	margin:35px auto 50px;
}
#recInfo h2{
	font-size:19px;
	line-height:1;
	color:#0062b1;
	margin-bottom:5px;
}

#recInfo h3{
	width:26em;
	font-size:14px;
	line-height:1;
	font-weight:bold;
	margin-bottom:10px;
	padding:6px 11px 5px;
	border:1px solid #000;
}
#recInfo #recKihon h3{
	padding-left:6px;
}
#recInfo .recBoshu h3{

	width:auto;
	display:inline-block;
}
/* 赤 */#recInfo  #recKihon h3{	color:#d0121b;	border-color:#d0121b;}
/* 青 */#recInfo #recMsg h3, #recInfo .recBoshu h3{	color:#0062b1;	border-color:#0062b1;}

#recKihon, #recMsg{
	padding:13px;
}

/* 「大学編集センター」の基本的な姿勢・理念　 */
#recKihon{
	margin-top:15px;
	margin-bottom:15px;
	background:#fdede4;
}
#recKihon ol{
	font-weight:bold;
	color:#d0121b;
	list-style-position:inside;
	margin-bottom:10px;
}
#recKihon ol span{
	font-weight:normal;
	color:#000;
}
#recKihon ol li{
	text-indent:-2em;
	padding:10px 0 7px 2.3em;
	border-bottom:1px solid #9f9fa0;
}
#recKihon ol li:first-child{
	padding-top:0;
}

/* 弊社担当者からのメッセージ */
#recMsg{
	margin-bottom:45px;
	background:#e9edf7
}
#recMsg ol{
	list-style-position:inside;
}
#recMsg ol > li{
	text-indent:-2em;
	padding:10px 0 7px 2.3em;
	border-bottom:1px solid #9f9fa0;
}
#recMsg ol li:first-child{
	padding-top:0;
}
#recMsg ol li:last-child{
	padding-bottom:0;
	border-bottom:0px solid #9f9fa0;
}
#recMsg ul.lv2{
	margin-left:35px;
}
#recMsg .note{
	text-indent:-1em;
	padding-left:1em;;
}

/* 募集内容 */
.recBoshu {
	margin-bottom:12px;
}

.recBoshu dl {
	margin:0 0;
}
.recBoshu dt {
	color:#0062b1;
	font-weight:bold;
	clear: both;
	float: left;
	width: 6em;
	padding: 8px 0 8px 1px;
	border-top:1px solid #9f9fa0;
}
.recBoshu dd {
	margin-left:6em;
	padding: 8px 0;
	border-top:1px solid #9f9fa0;
}
.recBoshu dt.first,
.recBoshu dd.first{
	border-top:0px solid #9f9fa0;
}

.recBoshu ol {
	list-style:none;
	text-indent:-2em;
	padding-left:2em;
}
.recBoshu ol.lv2{
	margin-left:2em;
}
.recBoshu .hosoku{
	margin-left:2em;
}
.recBoshu dd dl{
	margin:0 0 -5px 2em;
}
.recBoshu dd dt{
	color:#000;
	font-weight:normal;
	clear: both;
	float: left;
	width: 6em;
	margin-top:-8px;
	padding: 0;
	border-top:0px solid #9f9fa0;
}
.recBoshu dd dd {
	margin-left:6em;
	padding: 0;
	border-top:0px solid #9f9fa0;
}


/* 詳細ページ */

#recLink {
	margin-bottom:120px;
}
#recLink p{
	text-align:center;
}
.recBnr{
	position:relative;
	overflow:hidden;
	margin:110px auto 60px;
}

.recBnr ul {
	position:relative;
	left:50%;
	float:left;
	list-style:none;
}

.recBnr ul li {
	position:relative;
	left:-50%;
	float:left;
}
.recBnr ul li:first-child {
	margin-right:60px;
}

.recBnr ul li:hover {
	cursor:pointer;
	filter:alpha(opacity=75);
	opacity:0.75;
}


/*--------------------------------------------------------------

 大学編集センターの基本的な考え方

--------------------------------------------------------------*/
.kihonTopMi1{
	padding:5px 0 12px;
}

#kihonTop dl{
	margin:30px 0 30px 15px;
}
#kihonTop dt {
	clear: both;
	float: left;
	width: 135px;
}
#kihonTop dd {
	margin-left:135px;
	margin-bottom:40px;
}

#kihonTop dd ul{
	list-style:none;
	list-style-position:inside;
}
#kihonTop dd li{
	background:#f9cfba;
	margin:8px 0;
	padding:8px 0 5px 10px;
}
#policyImg{
	border:1px solid #9f9fa0;
	text-align:center;
	padding:30px 0;
}

/* popup */
#kihonPU{
}

.kihonBase, .kihonImg{
	width:652px;
	border:1px solid #b5b5b5;
	padding:17px 20px 27px 25px;
}
.kihonBase{ /* popup1 */
	margin:50px auto 18px;
	background:#eeefef;
}
.kihonImg{ /* popup2 */
	margin:0 auto 50px;
	background:#fff;
}

.kihonBase dl{
	margin-bottom:20px;
}
.kihonBase dt{
	clear: both;
	float: left;
	width: 125px;
	border-right:1px solid #0075c2;
	vertical-align:top;
	line-height:1;
	padding:3px 0
}
.kihonBase dd {	margin-left:140px;
	padding:2px 0
}
.kihonArea{
	position:relative;
	height:240px;
	margin:37px 0 0 37px;
	background:url('../img/kihon_area.png') left top no-repeat;
}
.kihonArea .kihonMi{
	position:absolute;
	top:65px;
	left:10px;
}
#kihon2 .kihonMi{
	left:9px;
}
.kihonArea .kihonText1{
	position:absolute;
	top:20px;
	left:235px;
}
.kihonArea .kihonText2{
	position:absolute;
	top:120px;
	left:235px;
}
.kihonArea .kihonText1,
.kihonArea .kihonText2{
	font-size:12px;
	line-height:1.6;
	width:290px;
	text-indent:-12px;
	padding-left:12px;
}
.kihonArea .line2{margin-top:4px;}

.kihonArea strong{ color:#e60012;}

.kihonArea .sampleBtn{
	position:absolute;
	top:219px;
	left:35px;
}
.kihonArea .closeBtn{
	position:absolute;
	top:219px;
	left:535px;
}


.kihonImg{
	padding-top:14px;
}
.k1-img1{	margin:-15px auto -22px 180px;}
.k1-img2{	margin:-15px auto -22px 180px;}
.k1-img3{	margin:-15px auto -22px 180px;}
.k1-img4{	margin:20px auto 10px 37px;}
.k1-img5{	margin:20px auto 10px 37px;}

.kihonImg .closeBtn{
	text-align:right;
	margin-right:30px;
}

.kihonBase .sampleBtn img:hover ,
.kihonBase .closeBtn img:hover ,
.kihonImg .closeBtn img:hover {
	cursor:pointer;
	filter:alpha(opacity=75);
	opacity:0.75;
}


/*--------------------------------------------------------------

 編集・デザインのポイント

--------------------------------------------------------------*/
h1#pointH1{
	margin-bottom:30px;
}
h2#pointH2{
	font-size:16px;
	line-height:1;
	margin-bottom:15px;
}

#pointLink{
	position:relative;
	overflow:hidden;
	margin:25px auto 320px;
}

.pointBtn ul {
	position:relative;
	left:50%;
	float:left;
	list-style:none;
}

.pointBtn ul li {
	position:relative;
	left:-50%;
	float:left;
	margin-right:23px;
}
.pointBtn ul li:first-child {
	margin-right:23px;
}

.pointBtn ul li:hover {
	cursor:pointer;
	filter:alpha(opacity=75);
	opacity:0.75;
}

.pointBase{
	width:656px; /* 713px */
	padding:22px 20px 27px 35px;
	border:1px solid #b5b5b5;
	background:#fff;
}

.pointBase .closeBtn{
	text-align:right;
	margin:20px 33px 0 auto;
}
#point1 .closeBtn{	margin-right:53px;}


.pointBase .closeBtn img:hover {
	cursor:pointer;
	filter:alpha(opacity=75);
	opacity:0.75;
}


#point1 dl,
#point2 dl,
#point3 dl{
	margin-bottom:20px;
	border-bottom:1px solid #bfbfbf;
}
#point4 dl{
	margin-bottom:20px;
}
#point1 dt,
#point2 dt,
#point3 dt,
#point4 dt{
	clear: both;
	float: left;
}
#point1 dt {	width: 228px;}
#point2 dt {	width: 275px;}
#point3 dt {	width: 126px;}
#point4 dt {	width: 126px;}

#point1 dd,
#point2 dd{
	margin-bottom:10px;
}
#point3 dd,
#point4 dd{
	padding-top:5px;
	margin-bottom:30px;
}
#point1 dd {	margin-left:243px;}
#point2 dd {	margin-left:290px;}
#point3 dd {	margin-left:141px;}
#point4 dd {	margin-left:141px;}

#point2 .first {
	margin-bottom:25px;
}

/*--------------------------------------------------------------

 ワークフロー

--------------------------------------------------------------*/

#Workflow{}

#workflowH1{
	margin-bottom:30px;
}
#Workflow h2{
	font-size:23px;
	line-height:1;
	text-align:center;
	margin:65px 0 20px;
}
#Workflow a.linkBtn,
#Workflow p.linkBtnT{
	color:#000;
	font-size:16px;
	line-height:1;
	display:block;
	width:660px;
	text-align:center;
	margin:20px auto 40px;
	padding:12px;
	border:1px solid #666;
	border-radius: 24px;
}
#Workflow a.linkBtn:hover{
	color:#fff;
	background-color:#23ac38;
	text-decoration:none;
	border:1px solid #23ac38;
}
#Workflow p.linkBtnT{
	margin-bottom:0px;
}
#Workflow .sankaku{
	font-size:25px;
	text-align:center;
	margin-bottom:20px;
}

#Workflow .backBtn{
	text-align:right;
	margin-right:30px;
}

#wfMenu {margin:30px 0;}

#wfMenu li{
	list-style:none;
	float:left;
	margin-right:27px;
}
#wfMenu li:last-child{
	margin-right:0px;
}
#wfMenu a{
	font-size:12px;
	line-height:1;
	color:#004098;
	width:218px;
	display:block;
	text-align:center;
	text-decoration:none;
	padding:7px 0;
	border:1px solid #004098;
}
#wfMenu a:hover, #wfMenu a.on{
	color:#fff;
	border:1px solid #e60012;
	background:#e60012;
}

#Workflow p.hosoku{
	margin-left:25px;
}


#wfTable{
	margin:15px auto 15px 25px;
}
#wfTable th{	text-align:left;}
#wfTable td{	vertical-align:top;}

#wfTable .mb1em{ margin-bottom:12px;}

#wfTable #th1, #wfTable #th3{
	width:228px;
}
#wfTable #th2{
	width:203px;
}

#wfTable #th1 p, #wfTable #th3 p{
	font-size:14px;
	line-height:1;
	text-align:center;
	margin-bottom:8px;
	padding:3px;
}
#wfTable #th1 p{	border:1px solid #eb613b;}
#wfTable #th3 p{	border:1px solid #8ac77c;}

#wfTable .num{
	font-weight:bold;
	font-size:16px;
	line-height:1;
	padding:8px 0 3px 9px;
}
#wfTable .numSpan{
	font-weight:bold;
	font-size:16px;
	line-height:1;
}
#wfTable .numA{	color:#e60012;}
#wfTable .numC{	color:#0a3190;}


#wfTable ul{
	line-height:1.4;
	padding-bottom:10px;
}
#wfTable ul ul{
	padding-top:4px;
	padding-bottom:2px;
}

.wfbg-A{	background:#f9d3e3;}
.wfbg-B_bg2-a{	background:url('../img/wf_bg2-a.png') center top no-repeat;}
.wfbg-B_bg2-b{	background:url('../img/wf_bg2-b.png') center top no-repeat;}
.wfbg-C{	background:#d6eace;}


/* A C */
#wfTable .wfbg-A li,
#wfTable .wfbg-C li{
	width:195px;
	margin-left:10px;
	margin-bottom:1px;
	text-indent:-1em;
	padding-left:1em;
	list-style:none;
}
#wfTable .wfbg-C li li{
	list-style:disc;
	margin-left:22px;
}
#wfTable .wfbg-A p.text{
	margin-left:10px;
	margin-top:2px;
	padding-bottom:10px;
}

#wfTable .next{
	font-size:13px;
	line-height:1;
	text-align:right;
	margin:2px 108px 1px auto;
}
#wfTable .note{
	color:#e60012;
	text-indent:-1em;
	padding-left:1em;
	padding-bottom:5px;
	margin:-8px 5px 0 10px;
}

/* B */
#wfTable .wfbg-B{
	text-align:center;
	background:url('../img/wf_bg2.png') center bottom no-repeat;
}
#wfTable .wfbg-B p{
	font-size:13px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
}
#wfTable .wfbg-B p.line3{
	padding:15px 0;
	height:60px;
}
#wfTable .wfbg-B p.line2{
	padding:15px 0 30px;
	height:30px;
}
#wfTable .wfbg-B p.line1{
	padding:23px 0 22px;
	height:30px;
}

/*--------------------------------------------------------------

 職員の皆さまからの声

--------------------------------------------------------------*/
h1#voiceH1{
	margin-bottom:30px;
}

#voMenu {margin:40px 0;}

ul#voMenu{
	text-align:center;
}

	#voMenu li{
	display:inline-block;
	list-style:none;
	margin-right:35px;
}
#voMenu li:last-child{
	margin-right:0px;
}
#voMenu a{
	font-weight:bold;
	font-size:12px;
	line-height:1;
	color:#004098;
	width:165px;
	display:block;
	text-align:center;
	text-decoration:none;
	padding:7px 0 5px;
	border:1px solid #004098;
}
#voMenu a:hover, #voMenu a.on{
	color:#e60012;
	border:1px solid #e60012;
}

#voBox{
	margin-bottom: 40px;
	padding:25px 30px 10px;
	border:1px solid #b5b5b6;
}
#voBox h2{
	font-size:16px;
	line-height:1;
	display:inline;
	border-bottom:1px solid #9f9f9f;
}
#voBox #msgArea{
	margin-left:212px;
	margin-top: 27px;
}
#voBox h3{
	color:#23ac38;
	font-size:16px;
	line-height:1;
	width:280px;
	margin-bottom: 10px;
	padding:8px 8px 6px;
	border:2px solid #23ac38;
}
#voBox h4{
	font-size:16px;
	line-height:1.5;
	margin-bottom: 10px;
}
#voBox p.text{
	margin-bottom: 20px;
}
#Voice .page1{	background:url("../img/voice_face1.png") 29px 66px no-repeat;}
#Voice .page2{	background:url("../img/voice_face2.png") 91px 71px no-repeat;}
#Voice .page3{	background:url("../img/voice_face3.png") 36px 73px no-repeat;}

#Voice #koe{
	margin-bottom: 50px;
}
#Voice #koe h2{
	color:#23ac38;
	font-size:16px;
	line-height:1;
	text-align:center;
	margin-bottom: 10px;
}
#Voice #koe strong{
	font-weight:normal;
	color:#e7291a;
}

#Voice .closeBtn{
	text-align:right;
}


/*--------------------------------------------------------------

 楽しい印刷物

--------------------------------------------------------------*/
h1#funH1{
	margin-bottom:30px;
}
#Fun ul.mark{
	list-style:none;
	margin-left:0px;
	text-indent:-1em;
	padding-left:1em;
}
#Fun .funBox1{
	background:url("../img/fun_box1.png") left top no-repeat;
	margin-right:12px;
}
#Fun .funBox2{
	background:url("../img/fun_box2.png") left top no-repeat;
}
#Fun .funBox3{
	background:url("../img/fun_box3.png") left top no-repeat;
	margin-right:12px;
}
#Fun .funBox4{
	background:url("../img/fun_box4.png") left top no-repeat;
}
#Fun .funBox{
	position:relative;
	width:350px;
	height:282px;
	float:left;
	margin-top:12px;
}
#Fun .funBox p{
	position: absolute;
	font-size:16px;
	font-weight:bold;
	top:25px;
	left:56px;
}
#Fun .funBox ul{
	position: absolute;
	font-size:12px;
	line-height:1.5;
	top:56px;
	left:54px;
	margin-right:10px;
}

#funPointYa{
	height:73px;
	font-size:12px;
	line-height:60px;
	text-align:center;
	margin:25px auto 15px;
	background:url("../img/fun_ya.png") center top no-repeat;
}
#Fun #point5{
	background-color:#fffcd1;
	border-radius:10px;
	padding:30px 0 15px;
	margin-bottom: 40px;
}

#Fun #point5 h2{
	text-align:center;
	margin:0px auto 20px;
}
#funPoint5 dt{
	text-align:center;
}
#funPoint5 dd{
	margin:8px 0 18px;
}
#funPoint5 dd p{
	margin-left:145px;
	text-indent:-1em;
	padding-left:1em;
}

#Fun h3{
	font-size:16px;
	line-height:1;
	border-bottom:1px solid #000;
	margin-bottom:30px;
	padding-bottom:8px;
	}
#Fun h4{
	font-size:16px;
	font-weight:bold;
	color:#e60012;
	line-height:1;
	margin-bottom:20px;
	}
.funSample{
	margin-bottom:35px;
}
/*--------------------------------------------------------------

 シンプル１カラム　共通

--------------------------------------------------------------*/
#commonInfo {
	width:675px;
	margin:30px auto;
}
#commonInfo h1{
	font-size:18px;
	line-height:31px;
	margin-bottom:20px;
	padding-left:12px;
	background:url('../img/t_bg2.png') left top no-repeat;
}

/*--------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------*/
h1.title2{
    font-size:150%;
    line-height:27px;
    display: block;
    width:680px;
    height:31px;
    margin-top:30px;
    margin-bottom:20px;
    padding-left:14px;
    overflow:hidden;
    background:url('../img/t_bg2.png') left top no-repeat;
}
#otoiawaseMain{
    width:680px;
    margin:0 auto;
    margin-bottom: 45px;
}
#otoiawaseMain .note{
    margin:2em 0 1em;
    color:#e60012;
}

#otoiawaseMain label{
    margin:5px 0;
    padding:15px 0;
}

#otoiawaseMain table{
    width:100%;
    margin:5px auto 15px;
    padding-bottom:10px;
}
#otoiawaseMain table th{
    width:10em;
    font-weight:normal;
    text-align:left;
    vertical-align:top;
    padding:12px 15px 12px 0;
    white-space:nowrap;
    border-top:1px solid #ccc;
    /*font-size: 0.95em;*/
    font-size: 14px;
}
#otoiawaseMain table td{
    vertical-align:top;
    padding:8px 10px;
    border-top:1px solid #ccc;
    font-size: 14px;
}
#otoiawaseMain .lv2 th{
    width:5em;
}
#otoiawaseMain .lv2 p {
    margin:10px 0;
}

#otoiawaseMain table.lv2{
    margin:0;
}
#otoiawaseMain table.lv2 th,
#otoiawaseMain table.lv2 td{
    border-top:0px solid #ccc;
    padding:8px 5px 0px;
}
#otoiawaseMain table.lv2 th{
    vertical-align:top;
    padding:12px 5px 0px;
}
#otoiawaseMain table input{
    padding:3px;
}

#otoiawaseMain #btnArea{
    margin: 10px auto 0;
    text-align:center;
}
#otoiawaseMain #btnArea input{
    width:110px;
    padding:3px 10px;
}

#otoiawaseMain table label:hover{
    cursor:pointer;
    color:#f00;
}

#otoiawaseMain .selection_list {
    list-style: none;
    margin: 0 5px;
}

#otoiawaseMain .selection1 {
    /*width: 152px;*/
    width: 228px;
    /*border: 1px solid #000;*/
    display: inline-block;
    margin: 2px 0 3px;
}

#otoiawaseMain .selection1_l {
/*    width: 308px;*/
}

#otoiawaseMain .selection2 {
    margin: 2px 0;
}

#otoiawaseMain .msg{
    color:#e60012;
}

#otoiawaseMain .gotoHome{
    font-size: 14px;
    margin:50px auto 80px;
}

.bunrui1_selection_l {
    width: 300px;
    height: 300px;
    position: absolute;
}

.bunrui1_selection_r {
    width: 300px;
    margin-left: 232px;
}


/*--------------------------------------------------------------

 プライバシーポリシー

--------------------------------------------------------------*/
#Ppolicy #commonInfo{
	margin-bottom:100px;
}

#Ppolicy #commonInfo p{
	margin-bottom:35px;
}
#Ppolicy #commonInfo li{
	margin-left:25px;
	margin-bottom:5px;
}


/*--------------------------------------------------------------
 サイトマップ
--------------------------------------------------------------*/
#Sitemap{}

#Sitemap h2{
	font-size:14px;
	line-height:1;
	margin-bottom:10px;
	margin-left:27px;
}

.sitemapMenu{
	position:relative;
	margin-left:1px;
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom:1px solid #bfbfbf;
}
.sitemapMenu:last-child{
	padding-bottom:0;
	border-bottom:0px solid #bfbfbf;
}
ul.sitemapMenu1{
	width:330px;
	float:left;
	margin-left:30px;
}
ul.sitemapMenu2{
	width:310px;
	float:left;
}
.sitemapMenu li{
	list-style:none;
	list-style-position:inside;
}
.sitemapMenu li span.ya{
	font-size:10px;
	letter-spacing:6px;
	padding-left:7px;
	vertical-align:middle;
}
.sitemapMenu li.sub{
	text-indent:-2.7em;
	padding-left:2.7em;
}


/*--------------------------------------------------------------
 モーダルウィンドウ
--------------------------------------------------------------*/
.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:696px;
   max-height:100%;
    background:#fff;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.40);
}

.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

/* 準備中 */
.uc{
	text-align:center;
	margin:100px auto 100px;
}
.uc p.text{
	font-size:14px;
}
.uc img{
	margin-top:24px;
}



.kigou {
    font-family: "Osaka-等幅","ＭＳ ゴシック","MS Gothic";
}
.text_bold {
    font-weight: bold;
}
.angle_brackets_start {
    margin-left: -0.25em;
}
.angle_brackets_end {
    margin-right: -0.25em;
}
.separater_border {
    margin: 55px 0 -25px;
    height: 5px;
    border-bottom: 1px solid rgba(51,51,51,0.4);
}

.mt25 {
    margin-top: 25px;
}
.ml20 {
    margin-left: 20px;
}

.ws_normal {
    white-space: normal
}