@charset "utf-8";
/*===============================================================
	
	2016/6/6
	
===============================================================*/

/* 初期化
----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
html {
	overflow:auto;
}
blockquote, q {	quotes: none;	}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
input, textarea { margin: 0;	padding: 0;}
table{	border-collapse: collapse; border-spacing:0;	}
body { font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:14px; line-height:22px; }
caption,th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a {	outline:none;	text-decoration:underline; }
a:focus {	outline:none;	}
ul a ,li a {	zoom:1;	}

/* HTML5
----------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
.bold	{	font-weight:bold; }
.cap {
	font-size:12px;
	line-height:15px;
	}		
.red	{	color:#943023;		}
.yellow	{	color:#cbb847;		}
.blue	{	color:#0047a2;		}
.lightblue { color:#00afd7; }
.green	{	color:#5b9000;	}
.brown	{	color:#633;		}
.pink	{	color:#f3c;		}
.gray	{	color:#eaeeed;		}
.deepgray { color:#92999f ;}
.align_center	{	text-align:center;		}
.align_right	{	text-align:right;		}
.replace {	overflow:hidden;	white-space:nowrap;	text-indent:100%;	}

/* フロート関係
----------------------------------------------------------------*/
.clear {
	width:100%;
	overflow:hidden;
}
.clearboth {
	clear:both;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
  *zoom: 1;
}
.flol {
	float:left;
}
.flor {
	float:right;
}
/* マージン
----------------------------------------------------------------*/
.mt0	{	margin-top:0px !important; }
.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
	width: 100%;
	color:#151515;
	background:#fff;
	text-align:left;
	font-size:16px;
	line-height:28px;
	-webkit-text-size-adjust:none; /* 縦横文字サイズ同じ */
	-webkit-font-smoothing: antialiased;
	overflow-x:hidden;
}
a {
	/*color:#fff;*/
	color:#151515;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;  
	-moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
}
a:hover { 
	/*color:#fff;*/
	color:#151515;
	text-decoration:none;
}
a:visited { 
	color:inherit;
}
.boxshadow {
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～640px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*===============================================================
	
	基本文字サイズ
	
===============================================================*/
h2 {
	/*font-size:150%;	/* 24px */
	font-weight:bold;
}
h3 {
	/*font-size:150%;	/* 24px */
	font-weight:bold;
}
h4 {
	/*font-size:100%;	/* 16px */
	line-height:1.6;
	font-weight:bold;
}
p {
	font-size:100%;	/* 16px */
	line-height:1.8;
}
sup {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
}
/*===============================================================
	
	PC/SP/TABLET
	
===============================================================*/
.sp {
	display:none;
}
.pc {
}
.tablet {
	display:none;
}
.sp {
	display:none;
}
.sp_tablet {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.pc {
	display:none;
}
.tablet,
.pc_tablet,
.sp_tablet {
	display:block;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sp {
	display:block;
}
.pc_tablet,
.tablet {
	display:none;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	レイアウト
	
===============================================================*/
.wrapper {
}
.content_width {
	width:960px;
	margin:0 auto;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.content_width {
	width:100%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	ヘッダ
	
===============================================================*/
.header_wrp {
	width:100%;
	height:auto;
	display:none;
}
.header {
	width:100%;
	height:auto;
	position:relative;
	z-index:500;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.header_wrp {
	display:block;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*===============================================================
	
	メインタイトル
	
===============================================================*/
.main_title_wrp {
	width:100%;
	padding:40px 0;
	background:#4181b2;
}
.main_title {
	background:url(../images/icon_main.png) no-repeat top center;
	background-size:35px 43px;
	padding-top:49px;
	text-align:center;
}
.main_title h1 a {
	display:block;
	color:#fff;
	font-size:26px;
	line-height:1.4;
	font-weight:bold;
	-webkit-text-shadow:0px 3px 0px rgba(0, 0, 0, 0.20);
	-moz-text-shadow:0px 3px 0px rgba(0, 0, 0, 0.20);
	text-shadow:0px 3px 0px rgba(0, 0, 0, 0.20);
	text-decoration:none;
}
/*.main_title h1 a:hover,
.main_title h1 a:active,
.main_title h1 a:visited {
	color:#fff !important;
}*/
.main_title span {
	display:block;
	color:#fff;
	font-size:18px;
	line-height:1.4;
	font-weight:bold;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

.main_title_wrp {
	width:100%;
	background:#4181b2;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.main_title_wrp {
	padding:20px 0;
}
.main_title {
	background-size:20px 24px;
	padding-top:30px;
}
.main_title h1 a {
	font-size:18px;
}	
.main_title h1 a:hover,
.main_title h1 a:active,
.main_title h1 a:visited {
	color:#fff !important;
}	
}	/* for SP max-width: 736px */


/*===============================================================
	
	ナビ
	
===============================================================*/
.navigation_outer {
	width:100%;
}
.navigation_wrp {
	width:100%;
	position:relative;
	background:#fff;
	z-index:999;
}
.navigation_wrp.fixed {
	border-bottom:solid 1px #ddd;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.navigation_outer {
	width:100%;
	height:0;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	navigation	
-------------------------------------------------------------*/
.navigation {
	position:relative;
}
.navigation ul {
	width:100%;
	overflow:hidden;
}
.navigation ul li {
	width:25%;
	float:left;
	border-left:1px solid rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.navigation ul li:last-child {
	border-right:1px solid rgba(0,0,0,0.05);
}
.navigation ul li a {
	display:block;
	text-align:center;
	font-size:15px;
	line-height:1;
	font-weight:bold;
	text-decoration:none;
	color:#2b325f;
	padding:15px 0;
	background:#fff;
}
.navigation ul li a:hover {
	color:#fff;
	background:#2b325f;
}
.navigation ul li.current a {
	color:#fff;
	background:#2b325f;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.navigation_wrp .navigation {
	display:none;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	ヴィジュアル
	
===============================================================*/
.visual {
	width:100%;
}
.visual img {
	width:100%;
	height:auto;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {


}	/* for SP max-width: 736px */


/*===============================================================
	
	フッタ
	
===============================================================*/
.footer_wrp {
	width:100%;
	text-align:center;
	background:#fff;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.footer_nav
-------------------------------------------------------------*/
.footer_nav_wrp {
	width:100%;
	background:#fff;
	border-top:1px solid #ddd;
}
.footer_nav {
	width:700px;
	margin:0 auto;
}
.footer_nav ul {
	display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;

}
.footer_nav ul li {
	width: 25%;
	text-align: center
/*	float:left;*/
/*
	
	margin-right:31px;
*/
	
}
.footer_nav ul li:last-child {
	margin-right:0;
}
.footer_nav ul li a {
	display: block;
	color:#2b325f;
	font-size:14px;
	line-height:20px;
	padding:14px 0;
	font-weight:bold;
	text-decoration:none;
	text-align: center
}
.footer_nav ul li a:hover {
	color:#3a4482;
	text-decoration:underline;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

.footer_nav ul li a:hover {
	color:#2b325f;
	text-decoration:none;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.footer_nav_wrp {
	display:none;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	footer_copy_wrp	
-------------------------------------------------------------*/
.footer_copy_wrp {
	width:100%;
	background:#4181b2;
	text-align:center;
	padding:40px 0;
}
.footer_copy_wrp .menubtn {
	display:none;
}
.footer_copy_wrp .copyright {
	color:#fff;
	font-size:16px;
	line-height:20px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.footer_copy_wrp {
	padding:20px 0;
}
.footer_copy_wrp .menubtn {
	display:block;
	padding-bottom:10px;
}
.footer_copy_wrp .menubtn a {
	display:block;
	background:#4181b2;
	width:100px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#fff;
	border:1px solid #fff;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	line-height:40px;
}
.footer_copy_wrp .copyright {
	font-size:13px;
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	MENU
	
===============================================================*/

/* タブレット以下 */
@media screen and (max-width: 960px) {
.menu_bg {
	background:#4181b2;
	position:absolute;
	z-index:300;
	top:0;
	left:0;
}
.menu_icon {
	position:fixed;
	top:7.5px;
	right:7.5px;
	z-index:300;
	background:rgba(65, 129, 178,0.5); /*#4181b2;*/
	width:40px;
	height:31px;
}
.menu .menu_nav {
	background:#fff;
	position:absolute;
	top:45px;
	width:100%;
	z-index:300;
}
.menu .navlist {
	width:100%;
	overflow:hidden;
}
.menu .navlist li a {
	width:auto;
	font-weight:bold;
	display:block;
	border-bottom:solid 1px rgba(0,0,0,0.2);
	font-size:14px;
	line-height:49px;
	text-decoration:none;
	padding:0 20px;
	color:#2b325f;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-image:url(../images/asset/sp_nav_arw.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.menu .navlist li.current a {
	background:#eee url(../images/asset/sp_nav_arw.png) no-repeat right center;
	background-size:50px 50px;
}
.menu .closebtn {
	padding:20px 0;
	background:#4181b2;
}
.menu .closebtn a {
	display:block;
	border:solid 1px #fff;
	width:100px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#fff;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	line-height:40px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	menu-trigger
-------------------------------------------------------------*/
/* タブレット以下 */
@media screen and (max-width: 960px) {
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width:40px;
	height:31px;
}
.menu-trigger span {
	position: absolute;
	left:6px;
	width:28px;
	height: 1px;
	background-color: #fff;
	border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
	top: 6px;
}
.menu-trigger span:nth-of-type(2) {
	top: 15px;
}
.menu-trigger span:nth-of-type(3) {
	top: 24px;
}
/* animation */
.menu-trigger.active span:nth-of-type(1) {
	-moz-transform: translateY(9px) rotate(-45deg);
	-ms-transform: translateY(9px) rotate(-45deg);
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translateY(0) rotate(180deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	-moz-transform: translateY(-9px) rotate(45deg);
	-ms-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	linkarea
	
===============================================================*/
.linkarea.hover .report_title a {
	color:#4181b2;
}
.linkarea.hover .report_read,
.linkarea.hover .report_date {
	color:#151515;
	-webkit-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}
.haslink {
	cursor:pointer;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

.linkarea.hover .report_title a {
	color:#151515;
}
.linkarea.hover .report_read,
.linkarea.hover .report_date {
	color:#999;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {


}	/* for SP max-width: 736px */

/*===============================================================
	
	grid
	
===============================================================*/
.gridconatiner {
	margin-top:-50px;
}
.gridconatiner .grid {
	float:left;
}
.grid {
	margin-top:50px;
}
/*	gridSize :445 gutterSize :50 column :2 */
.gridwrp_2 { width:105.319%;}
.gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.gridwrp_2 .grid_1 { width:44.949%; margin-right:5.051%; }
.gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}

/*	gridSize :280 gutterSize :50 column :3 */
.gridwrp_3 { width:105.319%;}
.gridwrp_3 .grid_3 { width:94.949%; margin-right:5.051%; }
.gridwrp_3 .grid_2 { width:61.616%; margin-right:5.051%; }
.gridwrp_3 .grid_1 { width:28.283%; margin-right:5.051%; }
.gridwrp_3 .grid:nth-child(3n+1) {
	clear:both;
}

/*	gridSize :210 gutterSize :40 column :4 */
.gridwrp_4 { width:104.167%;}
.gridwrp_4 .grid_4 { width:96.000%; margin-right:4.000%; }
.gridwrp_4 .grid_3 { width:71.000%; margin-right:4.000%; }
.gridwrp_4 .grid_2 { width:46.000%; margin-right:4.000%; }
.gridwrp_4 .grid_1 { width:21.000%; margin-right:4.000%; }
.gridwrp_4 .grid:nth-child(4n+1) {
	clear:both;
}

.column + .gridconatiner {
	margin-top:-20px;
} 

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.gridconatiner {
	margin-top:-20px;
}
.gridwrp_3,
.gridwrp_3 .grid_1,
.gridwrp_2,
.gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}
.gridwrp_4 { width:105.000%;}
.gridwrp_4 .grid_1 { width:45.238%; margin-right:4.762%; }

.grid {
	margin-top:20px;
}
.grid:first-child {
	/*margin-top:0px;*/
}
.gridwrp_4 .grid:nth-child(2) {
	/*margin-top:0;*/
}

.sp_gridwrp2 .gridwrp_3 { width:105.319%;}
.sp_gridwrp2 .gridwrp_3 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .gridwrp_2 { width:105.319%;}
.sp_gridwrp2 .gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .linkarea p {
	padding: 0;
}
.column + .gridconatiner {
	margin-top:0;
} 
}	/* for SP max-width: 736px */

/*===============================================================
	
	fixed
	
===============================================================*/
.fixed {
	position: fixed;
	top: 0;
}
.bg_fixed {
	background-attachment: fixed;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {
.fixed {
	position: fixed;
	top: 0;
}
}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	PAGETOP
	
===============================================================*/
#btn_pagetop {
	width:100%;
	overflow:hidden;
}

#btn_pagetop a {
	display:block;
	right:-300px;
	top:0;
	width:50px;
	height:50px;
	color:#fff;
	background-image: url(../images/asset/pagetop-arw-pc.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#2b325f;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	z-index:101;
	position:fixed;
	border-radius:30px;
}
#btn_pagetop a:hover {
	background-color:#3a4482;
}

@media screen and (max-width: 960px) {
#btn_pagetop a:hover {
	background-color:#2b325f;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
#btn_pagetop a {
	width:40px;
	height:40px;
	background-size:40px 40px;
}
#btn_pagetop a:hover {
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	btn_detail
	
===============================================================*/
.btn_detail {
	width:300px;
	margin:0 auto;
	margin-top:50px;
	position:relative;
}
.btn_detail a ,
.btn_detail input[type=submit] {
	text-decoration:none;
	display:block;
	background:#4181b2 url(../images/asset/btn_detail_arw.png) no-repeat right center;
	background-size:30px 51px;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:15px 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	
	width:100%;
	border:0;
	cursor:pointer;
}
.btn_detail a:hover ,
.btn_detail input[type=submit]:hover {
	text-decoration:none;
	background-color:#539dd6;
}

/******PDFボタン******/
.btn_pdf a {
	padding:0;
	background-image:none;
}
.btn_pdf a span {
	display:block;
	width:155px;
	margin:0 auto;
	background:url(../images/icon_pdf.png) no-repeat left center;
	background-size:20px 21px;
	font-weight:bold;
	padding:15px 0;
	text-align:right;
	
}
/******戻るボタン******/
.btn_detail + .btn_back {
	margin-top:20px;
}
.btn_back a {
	text-decoration:none;
	display:block;
	background:#fff url(../images/asset/btn_back_arw.png) no-repeat left center;
	background-size:30px 51px;
	text-align:center;
	color:#2b325f;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:14px 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	border:1px solid #2b325f;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.btn_back a:hover {
	color:#3a4482;
	background-color:#eef0ff;
	border:1px solid #3a4482;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

.btn_detail a:hover {
	background-color:#4181b2;
}
.btn_back a:hover {
	color:#2b325f;
	background-color:#fff;
	border:1px solid #2b325f;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {	
.btn_detail {
	width:80%;
	margin:0 auto;
	margin-top:20px;
}
.btn_detail + .btn_back {
	margin-top:10px;
}
.btn_detail a {
	background-size:25px 43px;
	padding:10px 0;
}
.btn_back a {
	padding:9px 0;
}
/******PDFボタン******/
.btn_pdf a {
	padding:0;
}
.btn_pdf a span {
	padding:10px 0;
	
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	seciton
	headlineとcontentなど、複数の要素、機能を取りまとめるコンテナ的な親要素。
	幅はsection_innerに記述する
	
===============================================================*/
.section_wrp {
}
.section {
	width:100%;
}
.section:last-child {
	padding-bottom:40px;
}
.section .section_inner {
	width:700px;
	margin:0 auto;
	padding:50px 0 80px 0;
}
/*背景がグレー*/
.bg_gray {
	background-image:url(../images/bg_gray.jpg);
	background-position:top center;
	background-repeat:repeat;
	border-top:1px solid #ddd;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.section .section_inner {
	padding:50px 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section:last-child {
	padding-bottom:0px;
}	
.section .section_inner {
	width:100%;
	margin:0 auto;
	padding:20px 20px 40px 20px;
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	content 
	個別のコンテンツ
	
===============================================================*/
.section .content {
	padding:30px 0;
	border-bottom:1px solid #ddd;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.section .content {
	width:100%;
	margin:0 auto;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section .content {
	padding:20px 0;
}

}	/* for SP max-width: 736px */

/*===============================================================

	セクション内の文書構造

===============================================================*/

/*-------------------------------------------------------------
	title read headline　タイトル、リード文、見だし
-------------------------------------------------------------*/

.title {
	color:#2b325f;
	font-size:36px;
	line-height:1;
	text-align:center;
}
.read {
	font-size:16px;
	line-height:1.75;
}
.title + .read,
.read + .read {
	margin-top:15px;
}
.headline {
	background:#2b325f;
	color:#fff;
	font-size:20px;
	line-height:1.5;
	padding:10px 15px;
	margin-top:50px;
	-webkit-text-shadow:0px 3px 0px rgba(0, 0, 0, 0.20);
	-moz-text-shadow:0px 3px 0px rgba(0, 0, 0, 0.20);
	text-shadow:0px 3px 0px rgba(0, 0, 0, 0.20);
	position:relative;
}
.headline .new {
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:100;
	color:#2b325f;
	border:1px solid #2b325f;
	background:#fff;
	font-size:14px;
	line-height:1;
	font-weight:bold;
	padding:4px 3px 2px 3px;
	-webkit-text-shadow:none;
	text-shadow:none;
}
.content + .headline,
.btn_detail + .headline {
	margin-top:80px;
}
.linklist {
	margin-top:20px;
}
.linklist li a {
	color:#4181b2;
	font-size:18px;
	line-height:1.75;
	font-weight:bold;
	text-decoration:none;
	padding-left:18px;
	background:url(../images/asset/linklist_arw.png) no-repeat left center;
	background-size:12px 15px;
}
.linklist li a:hover {
	color:#539dd6;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.title {
	font-size:22px;
}
.read {
	font-size:14px;
}
.title + .read,
.read + .read {
	margin-top:10px;
}
.headline {
	font-size:16px;
	margin-top:30px;
	margin-left:-500px;
	margin-right:-500px;
	padding-left:500px;
	padding-right:500px;
}
.headline .new {
	left:490px;
	font-size:12px;
	padding:4px 3px 2px 3px;
}
.content + .headline,
.btn_detail + .headline {
	margin-top:40px;
}
.linklist {
	margin-top:10px;
}
.linklist li a {
	font-size:14px;
	padding-left:13px;
	background-size:8px 10px;
}
.linklist li a:hover {
	color:#4181b2;
}


}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	tags タグ
-------------------------------------------------------------*/
.tags .tag {
	display:inline-block;
	font-size:14px;
	line-height:1;
	font-weight:bold;
}
.tags .tag_blue {
	margin-right:5px;
}
.tags .tag_blue a {
	text-decoration:none;
	display:block;
	color:#fff;
	background:#4181b2;
	padding:9px 10px 7px;
}
.tags .tag_blue a:hover {
	background:#539dd6;
}
.tags .tag_white {
	color:#2b325f;
	background:#fff;
	border:1px solid #2b325f;
	padding:8px 10px 6px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

.tags .tag_blue a:hover {
	background:#4181b2;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.tags .tag {
	float:none;
	font-size:12px;
}
.tags .tag_blue {
	margin-right:0;
}
.tags .tag_blue a {
	padding:6.5px;
}
.tags .tag_white {
	padding:5.5px;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	report_title report_read report_date 
-------------------------------------------------------------*/

.report_title {
	margin-top:15px;
}
.report_title a {
	color:#151515;
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	text-decoration:none;
}
.report_read {
	color:#999;
	font-size:16px;
	line-height:1.8;
	font-weight:bold;
	margin-top:10px;
}
.report_date {
	text-align:right;
	margin-top:0;
	padding-top:10px;
	color:#999;
	font-size:16px;
	line-height:1.4;
}
.pdf {
	margin-top:10px;
}
.pdf a {
	display:block;
	width:140px;
	height:30px;
	color:#4181b2;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/icon_pdf.png) no-repeat left center;
	background-size:25px 27px;
	padding-left:32px;
}
.pdf a:hover {
	color:#539dd6;
	text-decoration:underline;
}
.onenote {
	margin-top:30px;
	font-size:16px;
	line-height:1.5;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

.pdf a:hover {
	color:#4181b2;
	text-decoration:none;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.report_title {
	margin-top:10px;
}
.report_title a {
	font-size:16px;
}
.report_read {
	font-size:14px;
}
.report_date {
	margin-top:5px;
	font-size:14px;
}
.pdf {
	margin-top:5px;
}
.pdf a {
	font-size:14px;
}
.onenote {
	margin-top:20px;
	font-size:14px;
}

}	/* for SP max-width: 736px */


/******詳細ページの設定******/
.title + .tags {
	margin-top:50px;
}
.tags + .headline {
	margin-top:10px;
}
.section_detail .report_date,
.section_detail .report_read {
	color:#151515;
}
.section_report + .section_detail .section_inner {
	padding-top:0;
}
.section_report + .section_detail .section_inner .note {
	margin-top:0;
}

.txt {
	margin-top:20px;
	font-size:16px;
	line-height:1.75;
}
ul.list {
	margin-top:20px;
	padding-left:-1em;
}
ul.list li {
	font-size:16px;
	line-height:1.8;
	/*
	text-indent:-1em;
	padding-left:1em;
	*/
}
.section_detail .note {
	margin-top:30px;
	font-size:14px;
	line-height:1.75;
}

.section_detail .mceContentBody {
	margin-top:20px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.title + .tags {
	margin-top:15px;
}
.tags + .headline {
	margin-top:10px;
}
.txt {
	margin-top:10px;
	font-size:14px;
}
ul.list {
	margin-top:10px;
}
ul.list li {
	font-size:14px;
}
.section_detail .note {
	margin-top:20px;
	font-size:12px;
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_company 会社情報
	
===============================================================*/
.tablelist {
	margin-top:50px;
	border-bottom:1px solid #ddd;
}
.tablelist dt {
	float:left;
	width:150px;
	font-size:16px;
	line-height:1.5;
	padding:17px 0;
	border-top:1px solid #ddd;
}
.tablelist dd {
	margin-left:150px;
	font-size:16px;
	line-height:1.5;
	padding:17px 0;
	border-top:1px solid #ddd;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.tablelist {
	margin-top:20px;
}
.tablelist dt {
	float:none;
	width:auto;
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	padding:10px 0 0 0;
}
.tablelist dd {
	margin-left:0;
	font-size:14px;
	line-height:1.5;
	padding:0 0 10px 0;
	border-top:0;
}

}	/* for SP max-width: 736px */


/*===============================================================
	
	section_studygroup　研究会のご案内
	
===============================================================*/
.studytitle {
	margin-top:30px;
	color:#2b325f;
	font-size:20px;
	line-height:1.5;
}
.mceContentBody + p {
	text-align:center;
	margin-top:50px;
	line-height:1.75;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.studytitle {
	margin-top:20px;
	font-size:16px;
}
.mceContentBody + p {
	margin-top:30px;
	font-size:14px;
}

}	/* for SP max-width: 736px */


/*===============================================================
	
	ビジュアルエディタ部分（フロントおよび入力欄共通）
	mceContentBody
	
===============================================================*/

html .mceContentBody {
	font-size:16px;
	line-height:1.75;
	margin-top:30px;
}
html .mceContentBody h3 {
	margin:50px 0 30px;
	padding:10px;
	color:#fff;
	font-size:20px;
	line-height:1;
	background-color:#2b325f;
}
html .mceContentBody h4 {
	margin-top:30px;
	/*padding-bottom:10px;*/
	color:#2b325f;
	font-size:18px;
	line-height:1.5;
	border-top:solid 1px #ddd;
	padding-top:30px;
}
html .mceContentBody h3 + h4 {
	border-top:solid 0px #ddd;
	padding-top:0px;
}

html .mceContentBody h5 {
	margin-top:30px;
	/*padding-bottom:10px;*/
	color:#000;
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
}


.mceContentBody p {
	margin-top:15px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

html .mceContentBody {
	width:auto;
	font-size:14px;
	margin-top: 20px;
}
html .mceContentBody h3 {
	margin:20px 0;
	font-size:18px;
}
html .mceContentBody h4 {
	margin-top:30px;
	padding-bottom:0px;
	color:#2b325f;
	font-size:16px;
}

html .mceContentBody h5 {
	margin-top:20px;
	padding-bottom:0px;
	color:#000;
	font-size:14px;
}

.mceContentBody p {
	margin-top:10px;
}

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	リンク
-------------------------------------------------------------*/
html .mceContentBody a {
	font-size:16px;
	line-height:1.75;
	color: #4181b2;
}
html .mceContentBody a:hover {
	color: #539dd6;
	border-bottom-width: 1px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

html .mceContentBody a {
	font-size:14px;
}

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	テキスト
-------------------------------------------------------------*/

html .mceContentBody em {
	font-style:italic;
}
html strong {
	font-weight:bold;
}
/*-------------------------------------------------------------
	画像
-------------------------------------------------------------*/
html .mceContentBody img {
	width:auto;
	padding-bottom:0px;
}
.aligncenter {
	clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
html .mceContentBody img {
	width: 100%;
	height: auto;
	padding-bottom:10px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	引用
-------------------------------------------------------------*/
html .mceContentBody blockquote {
	background-color:#ddd;
	padding: 1em;
	margin-top: 1em;
}
html .mceContentBody blockquote p {
	margin-top: 0;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	リスト
-------------------------------------------------------------*/

html .mceContentBody ul,ol {
	margin-bottom: 1em;
}
html .mceContentBody ul li {
	list-style-type: disc;
	margin-bottom: 0.7em;
	margin-left: 1.5em;
	font-size:16px;
	line-height:1.4;
}
html .mceContentBody ol li {
	list-style-type: decimal-leading-zero;
	margin-left: 2.3em;
	margin-bottom: 0.7em;
	font-size:16px;
	line-height:1.2;
}
html .mceContentBody dl {
	margin-bottom: 1em;
}
html .mceContentBody dl dt {
	font-weight: bold;
	font-size:16px;
	line-height:1.5;
}
html .mceContentBody dl dd {
	margin-bottom: 0.7em;
	padding-left: 2em;
	font-size:16px;
	line-height:1.5;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

html .mceContentBody ul li {
	font-size:14px;
}
html .mceContentBody ol li {
	font-size:14px;
}
html .mceContentBody dl dt {
	font-size:14px;
}
html .mceContentBody dl dd {
	font-size:14px;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	テーブル	
-------------------------------------------------------------*/
html .mceContentBody table{
	width:100%;
	margin-top:1em;
}

html .mceContentBody table th,
html .mceContentBody table td {
	padding:10px;
	font-size:16px;
}
html .mceContentBody table th {
	border:1px solid #ddd;
	background:#fafafa;
	font-weight:bold;
}
html .mceContentBody table td {
	border:1px solid #ddd;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

html .mceContentBody table{
	border-bottom:1px solid #ddd;
}
html .mceContentBody table th,
html .mceContentBody table td {
	padding:5px;
	display:list-item;
	list-style:none;
	width:auto;
	font-size:14px;
	border-bottom:none;
}

}	/* for SP max-width: 736px */


/*===============================================================

	section_contact　お申込み＆お問合わせ
	
===============================================================*/
.section_contact .bold {
	margin-top:30px;
	padding-bottom:10px;
	font-size:16px;
	line-height:1.75;
	font-weight:bold;
	border-bottom:1px solid #ddd;
}
.section_contact .send {
	margin-top:30px;
	font-size:16px;
	line-height:1.75;
	font-weight:bold;
}
.section_contact .column {
	padding:30px;
	margin-top:30px;
	font-size:16px;
	line-height:1.5;
	border:1px solid #ddd;
}

.section_contact .insitecheck {
	padding: 0 30px 30px 30px;
	border: solid 1px #ddd;
	margin-top: 30px;
	background: #fafafa;
	border-radius: 3px;
}
.section_contact select {
	font-size:16px;
	border:1px solid #ccc;
}
.section_contact .cap {
	margin-top:10px;
	font-size:14px;
}

.sendcomplete {
	margin-top:30px;
}

.sendcomplete .mailmsg {
	border:1px solid #ddd;
	padding:30px;
	padding-bottom:0px;
}

.back_link {
	text-align:center;
	padding:30px;
}
.back_link a {
	color:#2b325f;
	font-weight:bold;
	text-decoration:none;
}

.back_link a:hover {
	color:#539dd6;
	text-decoration:underline;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.section_contact .bold {
	margin-top:20px;
	padding-bottom:10px;
	font-size:14px;
}
.section_contact .send {
	margin-top:20px;
	font-size:14px;
}
.section_contact .column {
	padding:20px;
	margin-top:20px;
	font-size:14px;
}

.section_contact .insitecheck {
	padding: 0 20px 20px;
	border: solid 1px #ddd;
	margin-top: 20px;
	background: #fafafa;
	border-radius: 3px;
}
.section_contact .insitecheck dt {
	padding-top:15px;
}
.section_contact .insitecheck .blue {
	display:block;
	padding-bottom:10px;
}
.section_contact select {
	font-size:14px;
	border:1px;
}
.section_contact .cap {
	font-size:12px;
}

.sendcomplete {
	margin-top:20px;
}

.sendcomplete .mailmsg {
	border:1px solid #ddd;
	padding:20px;
}


}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	form_section　フォーム
-------------------------------------------------------------*/

.form_content dl {
}
.form_content dt {
	padding-top:30px;
	color:#151515;
	font-size:16px;
	line-height:1.8;
	width:100%;
}
.form_content dt .blue {
	display:block;
	padding-bottom:10px;
	color:#4181b2;
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
}
.form_content dd {
	padding:5px 0;
	color:#151515;
	font-size:16px;
	line-height:1.8;
}
.form_content dd input {
	color:#333;
}
.form_content dd label {
	cursor:pointer;
	margin-right:10px;
}
.form_content dd label input {
	margin-right:5px;
}
.form_content .type_check label {
	margin-right:0;
}
.form_content dd input.text_l ,
.form_content dd input.text_m ,
.form_content dd input.text_s {
	padding:0 5px;
	border:1px solid #ddd;
	font-size:16px;
	line-height:30px;
	height:40px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 
	margin-right:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.form_content dd input.text_l {
	width:100%;
}
.form_content dd input.text_m {
	width:50%;
}
.form_content dd .affiliation {
	width:100%;
	height:125px;
	padding:5px;
	border:1px solid #ddd;
	font-size:16px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border-radius:3px; 
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.form_content dd .comment {
	width:100%;
	height:160px;
	padding:5px;
	border:1px solid #ddd;
	font-size:16px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border-radius:3px; 
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.form_content dd p {
	margin:0px 0 5px;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
.form_content p {
	font-size:14px;
}
.form_content dt {
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
.form_content dt .blue {
	font-size:14px;
	padding-bottom:0;
}
.form_content dd {
	font-size:14px;
	padding:0;
}
.form_content dd p {
	margin:0;
}
.form_content dd input.text_l ,
.form_content dd input.text_m ,
.form_content dd .affiliation,
.form_content dd .comment {
	width:100%;
	font-size:14px;
	line-height:20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------	
	jquery mailform バリデート
-------------------------------------------------------------*/
.validate {
	padding-bottom:5px;
}
.validate p {
	background:#fee;
	padding:10px;
	color:#c00;
	font-szie:16px;
	line-height:1;
}
.validate_submit {
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
}
.validate_submit p {
	padding:10px;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
	
.validate p {
	font-size:14px;
	padding:7px;
}	
.validate_submit {
	margin:0 auto;
	text-align:left;
}

}	/* for SP max-width: 736px */


/*===============================================================

	404 NOT FOUND
	
===============================================================*/

.notfound {
	text-align:center;
}
.notfound h3 {
	font-size:25px;
	line-height:30px;
	font-weight:bold;
	color:#b91504;
}
.notfound h4 {
	margin-top:30px;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
}
.notfound li {
	text-align:left;
	list-style-type:square;
	margin-left:20px;
}
.notfound .box {
	display:block;
	background:#f5f5f5;
	padding:20px;
	margin:20px 0;
}

.notfound a {
	color:#2b325f;
	font-weight:bold;
	text-decoration:none;
}

.notfound a:hover {
	color:#539dd6;
	text-decoration:underline;
}
