@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}



/*デフォルト
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
body {
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans JP","Hiragino Kaku Gothic ProN", "Open Sans", Meiryo,sans-serif;
font-size: 100%;	
color:#333;
line-height:1.8;
min-width:1092px;
background: #fff;
}

	

/*--画像--*/
img{ border:none; }
.img_wrap{text-align:center;margin:1em auto;display:block;}
.img_wrap img{width:auto}
.img_center{text-align:center;margin:0.5em auto;display:block;}
.img_center img{width:auto}
.img_center_auto{text-align:center;margin:0.5em auto;display:block;}
.img_center_auto img{width:auto}
.img_left {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}
.img_right {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

a.pdf img:hover{
		box-shadow:0px 0px 8px 2px #c5c5c5;
		-moz-box-shadow:0px 0px 8px 2px #c5c5c5;
		-webkit-box-shadow:0px 0px 8px 2px #c5c5c5;}
/*--リンク--*/
a:link,a:visited {
color:#005eae;
text-decoration:none;
-moz-outline-style:none;
overflow:hidden;
}
a:hover,a:active,a:after {
color:#1f86de;
text-decoration:underline;
-moz-outline-style:none;
overflow:hidden;
}

/*--強調--*/
strong,
.strong{font-weight:bold;}
.bold{color : #dd4f4d;font-weight:bold;}

/*--フォントアイコン--*/
i {color:#1f86de;}

/*--リスト--*/
ul,ol,dl,dt,dd,li{ 
	list-style:none;
 }
ul,ol,dl{ 
	margin-bottom:1em;
 }

hr{
	width:96%;margin:1em auto;
	}
/*--- 揃え ---*/
.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_top {vertical-align:top;}

/*--テキストサイズ--*/
.text_min {font-size:0.7em;}
.text_small {font-size:0.9em;}

/*--clearfix--*/
.clearfix {width:100%;}
.clearfix:after{ content: ""; display: block; clear: both; }

/*--上付き、下付き文字--*/
sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	font-size:0.75em
     
}
 
sup {
    bottom:1ex;
}
 
sub {
    top: .5ex;
}
 
.disnon{display:none;}

/*レイアウト
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.sm{display:none}

#header {
	top: -100px;
	position: absolute;
	width: 100%;
	margin: 100px auto 0;
	padding: 30px 0 0;
	line-height: 1;
	z-index: 999;
}

#contents {
	overflow:hidden;
	background:#fff;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}

/*バナー*/



/*カテゴリトップページ・ワイド系*/

#wrapper_wide .row {
padding:3rem 0;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  }
  #wrapper_wide .row:before,
  #wrapper_wide .row:after{
    content: " ";
    display: table; }
  #wrapper_wide .row:after{
    clear: both; }

	.wide01{
	background:#e5e5e5;
	}
	.wide02{
	background:#fff;
	}
	.wide03{
	background:#021b2d;
	color:#fff;
	}


#main {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:72%;
}
	#main .row {
	padding:0rem 0 2rem 0;
		margin: 0 auto;
	  }


footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	background:#f7f7f7;
	color:#555;
}

/*================================================
 *  ヘッダー
 ================================================*/
	span.logo{
		float:left;
		
		}
		span.logo a{
			}
		span.logo a img{
			width:380px;
			}
		
/*================================================
 *  グローバルナビゲーション
 ================================================*/
header {width: 100%;padding:0.8em 0;}
#top-head .headtxt{
    display: block;
    /* position: absolute; */
    font-size: 0.7em;
    line-height: 150%;
    right: 0;
    /* color: #eee; */
    padding: 01em 0 0 36em;
}

/* header */
#top-head {
	/*top: -100px;
	position: absolute;*/
	width: 100%;
	margin: 0 auto 0;

	line-height: 1;
	z-index: 999;
	
}
#top-head .inner {
	position: relative;
}
@media screen and (min-width: 1200px) {

	.inner {
		max-width: 1200px;
	}

}

.inner {
	width: 100%;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}




#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	top:1.4em;
	bottom: 0;
}
#global-nav ul li {
	float: left;
	padding:0 0.8em;
	position: relative;
}

#global-nav ul li a {
text-decoration: none;
display: inline-block;
font-weight:500;
  	padding: 0em;
	font-size:.9em;
		/*color:#fff*/

}
#global-nav ul li a:hover {
color:#005eae

}

#global-nav ul li a::after,
#top-head.fixed #global-nav ul li a::after{
  content: "";
  display: block;
  width: 0;
  transition: width 0.3s;
  padding-top:1em;
  /* border or (height & background) etc. */
  border-bottom: 3px solid #005eae;
  margin:0 auto;  /* left to right -> middle out */
}



#global-nav ul li a:hover::after,
#top-head.fixed #global-nav ul li a:hover::after{
  width: 100%;
}


/* Fixed */
#top-head.fixed {
	margin-top: 29px;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 55px;
	background: #fff;
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}


/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}


#main-visual {
	background: #011931;
	width: 100%;
}
	.main-visual{width:100%;max-width:1200px;
	margin:0px auto;
	}

	.main-visual_inner {
		padding:4em 0em;
		color:#fff;
	}


	
	.main-visual_inner h1 {
			color:#fff;
			font-size:3.2em;
			line-height:1.2;
			margin:0.8em auto;
			font-weight:bold;
	}
	.main-visual_inner p {
			color:#fff;
			font-size:1em;
			line-height:1.2;
			margin:0.8em auto;
	}

@media screen and (max-width: 1200px) {
span.logo{padding: .3em}
	.main-visual_inner h1{
		margin:.8em 0 0 .4em;
	}
	.main-visual_inner p{
		margin:1em;
	}
}
@media screen and (max-width: 980px) {
	article {
		padding: 0 30px;
	}

	#global-nav ul li {
	padding:0;
}
	#global-nav ul li a {
		padding: 0 10px;
	}
	/*#top-head.fixed #global-nav ul li a {
		padding: 0 10px;
	}
	#top-head.fixed {
	margin-top:0;
		padding-top: 0;
		background: transparent;
	}*/
}

@media screen and (max-width: 768px) {
	#main-visual {
		
	}
	.main-visual_inner {
		width: 100%;
		color:#fff;
	}
	.main-visual_inner h1 {
		font-size:2.6em;
		padding:0 0.5em
	}
	.main-visual_inner p {
		/*color:#fff;*/
		font-size:1em;
	padding:0 0.5em

	}
header {
	z-index:2;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:0.5em 0;

	}


	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	/* Fixed reset */
	#top-head.fixed {
		margin-top: 0;
		padding-top: 0;
		background: transparent;
	}
	span.logo{
		float:left;
		padding:0 1em 0 0;
		}
		span.logo a img{
			width:240px;
			}

		#top-head .headtxt,
		#top-head.fixed .headtxt{display:inline-block;padding:0.8em 0 0 24em;color:#444}


	#mobile-head {
		background: #fff;
		width: 100%;
		height: 56px;
		z-index: 999;
		padding:0.3em 0;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 13px;
		top: 13px;
		color: #333;
		font-size: 26px;
				padding:0;

	}
	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {

        background: #1a84c7;
        list-style: none;
        position: static;
		top:0;
        right: 0;
        bottom: 0;
        font-size: 1em;
		text-align:left;
		box-shadow:0px 4px 6px rgba(102, 68, 0, 0.5);
		-moz-box-shadow:0px 4px 6px rgba(102, 68, 0, 0.5);
		-webkit-box-shadow:0px 4px 6px rgba(102, 68, 0, 0.5);
	}
	#global-nav ul li {
		float: none;
		position: static;
		border-bottom:rgba(255,255,255,0.15) 1px solid;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a:before,
	#top-head.fixed #global-nav ul li a:before {
		padding-right: 8px;
		font-family: "Font Awesome 5 Free";
		font-weight: bold;
		text-decoration:none;
		content: "\f105"
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 1.4em;
	}


	#top-head #global-nav ul li:hover,
	#top-head.fixed #global-nav ul li:hover {
		background:#999
	}

	
#global-nav ul li a::after,
#top-head.fixed #global-nav ul li a::after{
  content: "";
  display: none;}

#nav-toggle {
		padding:0.5em 0.3em 0;
		display: block;

	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
		background:rgba(0,0,0,0.3);
		height:4000px;
	}


}





@media screen and (max-width: 480px) {

		#top-head .headtxt,
		#top-head.fixed .headtxt{display:none}

	.main-visual_inner h1 {
		font-size:2em;
	}
	.main-visual_inner p {
		/*color:#fff;*/
		font-size:0.9em;
		padding:0 1em

	}
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/

.pankuzu_wrap {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  padding:1em 0em 0em 0em;
  }
.pankuzu{
	font-size:0.8em;
	line-height:1.4
	}
	.pankuzu li{
		display:inline;
		margin:0px 7px 0px 0px;
		}
	.pankuzu li:after{
		margin-left:7px;
		font-family: "Font Awesome 5 Free";
		font-weight: bold;
		content: '\f105';
		font-size:1.3em;
		color:#666
  	}
	.pankuzu li:last-child:after{
		content:"";
		}


/*================================================
 *  フッター
 ================================================*/
.footer_wrap {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	}
		.footer_wrap .row {
		  margin: auto;
		  /*max-width: 60.5rem;*/
		  width: 100%;
		  }

			.footer_wrap .footer_wide_flexbox {
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				padding:3em 0;
				font-size:11px;
				}
		
					.footer_wrap .footer_wide_flexbox .col2 {
						padding:15px 0px 15px 15px;
						margin:0em 0.7em 0em 0em;
						width: 47.6%;
					}
				
				.footer_wrap .footer_wide_flexbox .col4 {
						padding:0;
						margin:0em 0.7em 1em 0em;
						width: 24.4%;
					}
				.footer_wrap .footer_wide_flexbox .col4:last-child{
						margin:0em;
					}


	.footer_wrap span{font-weight:600;font-size:1.2em;}
		.footer_wrap span a {color:#555;}

.footer_link{
font-size:1.2em;}
.footer_link li:before{
	padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f0da";
}
.footer_link li{list-style:none;margin:0;padding:0}
.footer_link li a{color:#777;font-weight:400;}
.footer_wrap li i{color:#333}
.footer_wrap a,
.footmenu a {
color:#777;
text-decoration:none;
}
.footer_wrap a i
.footmenu a i{
color:#777;
}
.footer_wrap a:hover,
.footmenu a:hover{
text-decoration:underline;
}

/*シールエリア*/

.sealbox{
	flex: 0 0 50%;
	max-width: 360px;
	padding:5em 0;
	display:flex;
	margin: auto;
	justify-content: center!important;}
.sealbox li{
	width:100px;
}
.sealbox li:nth-child(2){margin:0 20px;}
			  

.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	line-height:22px;
}
.footer_logo{
	width:86%
}
a:hover img.footer_logo{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}	
footer .logo {
	display: flex;
	border-bottom: 1px #777 solid;

}
footer .logo img {
	vertical-align: middle;
	width: auto;
	margin-right: 10px;
	height: 30px;
	margin-bottom:1em
}

.sns li {
	float:left;
	list-style:none;
	margin:0;
	padding:0 0.8em 0 0;
	font-size:.8em;

}
/*.sns li:last-child{
	padding:0 0 0 0.8em ;
}*/
.sns li a i{color:#666;}
.sns li a i:hover {color:#0073ad;}

	
/*================================================
 *  フローティング　ページトップへの戻り・コンタクト
 ================================================*/
 .footerfloating{display:none;}
.footerfloating {
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 2px;
    z-index: 999;
    padding: 0 auto;
}
 
.footerfloating img {
    max-width: 99%;
}
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#444;
}
.totop img:hover {
	background:#005eae;
}
.footer_contact{
	position:fixed;
	bottom:60px;
	right:15px;
}

#contact-widget-container{
	position:fixed;
	top:70%;
	left:100%;
	width:281px;
	z-index:9999;
	}
.contact-widget{
	position:relative;
	-webkit-transition:left 0.2s;
	transition:left 0.2s;
	box-shadow:0 0 15px -5px rgba(0,0,0,.3);
	white-space:nowrap
	}
	.contact-widget.open{
		left:-320px;width: 320px;
		}
		.contact-widget.closed{
			left:-40px
			}
		.contact-widget .btn-contact-open{
			width:40px;
			height:99px;
			-webkit-transition:background 0.3s;
			transition:background 0.3s;
			background:url(/https/jcan-cert.globalsign.com/images/contact-widget-button.png) no-repeat;
			background-color:#005eae;
			border-radius:4px 0 0 4px;
			display:inline-block;
			vertical-align:top
			}
				
			.contact-widget .btn-contact-open:hover{
				background-color:#1f86de!important;
				cursor:pointer;
				}
					.contact-widget .btn-contact-open .text{
						color:transparent;
						width:156px;
						display:block;
						transform:rotateZ(-90deg);
						position:relative;
						left:-57px;
						top:57px;
						font-size:17px;
						text-transform:uppercase;
						letter-spacing:-.8px}
			.contact-widget .panel{
				background:#1e2022;
				box-shadow:inset 0 0 1px 0 rgba(255,255,255,1);
				height:99px;
				width:320px;
				padding:0.8em 0.4em;
				margin-left:-4px;
				display:inline-block;
				vertical-align:top;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				box-sizing:border-box;
				}
				.contact-widget .panel *{
					color:#fff
					}
					.contact-widget .panel a{
						-webkit-transition:opacity 0.2s;
						transition:opacity 0.2s
						}
					.contact-widget .panel a:hover{
						opacity:.7;
						}
						.contact-widget .panel .contact-buttons{
							position:absolute;
							left:55px;
							}
							.contact-widget .panel .contact-buttons li{
								border-bottom:1px #6f7072 dotted;
								display:block;
								font-size:1em;
								letter-spacing:.1px;
								padding:0.4em 0;
								
								}
								.contact-widget .panel .contact-buttons li:last-child{border-bottom:none;padding-bottom:0;}

								@media screen and (max-width:767px) {
									#contact-widget-container{display:none} .footerfloating{display:none !important;}
									}

/*================================================
 *  下層パーツ
 ================================================
/*--見出し--*/
#wrapper_wide h2{
	/*text-align:center;*/
	padding:1px 0px 1px 0px;
	font-size:2.6em;
	line-height:1.2;
	font-weight:700;
	margin:0 0 1em 0;
}
#wrapper_wide h3{
	/*text-align:center;*/
	padding:1px 0px 1px 0px;
	font-size:1.8em;
	line-height:1.2;
	font-weight:bold;
	margin:0.5em 0 1em 0;
	
}
#wrapper_wide h4{
	/*text-align:center;*/
	margin:1em auto;
	background:#eee;
	padding:0.3em 0px 0.4em 0px;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
}

.title_h2{
	font-size:2em;
	line-height:1.2;
	font-weight:bold;
	border-bottom:1px #4c6f01 solid;
	margin:0 0 1em;
	padding:0.3em 0.6em 0.6em 0em;
	}

p.title_h2{
	font-size:1.8em;
	line-height:1.2;
	font-weight:bold;
	border-bottom:1px #4c6f01 solid;
	margin:1em 0 0 0;
	padding:0.3em 0.6em 0.6em 0em !important;
	}

h3.title_h3{
	font-size: 1.4em;
	font-weight:bold;
	line-height: 1.2em;
	padding:0em 0.6em 0em 0.6em;
	border-left:6px #4c6f01 solid;
	margin:1em 0;
	border-radius:5px;

}
p.title_h3{
	font-size: 1.4em;
	font-weight:bold;
	padding:0em 0.6em 0em 0.6em !important;
	border-left:6px #4c6f01 solid;
	margin:1em 0;
	border-radius:5px;
}
	.box_title_h3{
		font-size:1.2em !important;
		line-height:1.2;
		font-weight:bold;
		background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") -300px -296px no-repeat;
		color:#4c6f01;
		padding:0px 0px 0.8em 24px!important;
		text-align:left;
		}


.title_h4 {
		display: block;
  position: relative;
  padding: .75em 1em .3em 0;
	font-size:1.2em;
	font-weight: 700;
	margin:.5em 0;
}
.title_h4::before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
		content: "\f152";
		text-decoration:none;
		margin-right:5px;
		color:#005eae;
	}
	h4.box-title {
		font-weight: 700;
		text-align: center;
		margin-bottom: .5em;
		font-size:1.3em;
		line-height: 150%;color:#0559a1;
	}
/*段落*/

.row > p{padding:0em 0em 1.8em 0em}
#wrapper_wide .row > p{padding:0em 0em 1.6em 0em;}
#wrapper_wide .row p{padding:0em 0em 1.6em 0em;}

.add01{
	color:#878787;
	}
.add02{
	color:#cc3333;
	}
.link_arrow:before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f0a9";
	text-decoration:none;
	padding-left:2px;
	margin-right:5px;
}
.link_arrow{
	line-height:15px;
	}
	.link_arrow:hover {
		text-decoration:none;
		background:#f3f3f3
	}

.targetblank{
		padding-right:0px;
		margin-right:5px;
		position:relative;
		}
	.targetblank:after{
	padding-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f08e";
	text-decoration:none
	}




/*--ポタン　色・基本サイズ--*/

a.btn{
	color:#fff;
	text-align:center;
	text-decoration:none;
}
	a.btn i{
		color:#fff;
	}
a.hd-btn{
	display:block;
	width:80%;
	padding:8px 8px 6px;
	margin-right:14px;
	font-size:28px;
}
a.hd-btn_w{
	display:block;
	width:96%;
	padding:0.9em 8px;
	margin:auto;
	font-size:1.5em;
}
a.hd-btn_sw{
	display:block;
	width:90%;
	padding:0.2em 8px;
	font-size:1.3em;
	margin:0.5em auto;
}
a.hd-btn_s{
	display:block;
	width:100%;
	padding:6px;
	margin:auto;
	font-size:20px;
	margin:0px auto 20px auto;
}


	a.btn-orange{
  		background:#ff871e;
	  color:#fff;
	  font-weight:bold;
	  box-shadow: 0px 3px 0px 0px #db7720;
	  text-decoration:none;
	}
	a.btn-orange:hover{
	  color:#fff;
		background: #ffa354;
		transition: background 0.2s ease 0s;
	  font-weight:bold;
	  box-shadow: 0px 3px 0px 0px #db7720;
	  text-decoration:none;
	 
	}
	a.btn-green{
  		background:#7caf1a;
	  color:#fff;
	  font-weight:bold;
	  box-shadow: 0px 3px 0px 0px #3e531c;
	  text-decoration:none;
	}
	a.btn-green:hover{
	  color:#fff;
		background: #b1d23a;
		transition: background 0.2s ease 0s;
	  font-weight:bold;
	  box-shadow: 0px 3px 0px 0px #3e531c;
	  text-decoration:none;
	 
	}
	a.btn-blue{
	  background-color:#005eae;
	  color:#fff;
	  font-weight:bold;
	  box-shadow: 0px 3px 0px 0px #216192;
	  text-decoration:none;
	}
	a.btn-blue:hover{
	  color:#fff;
		background-color:#1f86de;
		transition: background 0.2s ease 0s;
	  font-weight:bold;
	  box-shadow: 0px 3px 0px 0px #216192;
	  text-decoration:none;
	 
	}
	a.btn-gray{
	background:#616161;
	  color:#fff;
	  font-weight:bold;
	  box-shadow: 0px 2px 0px 0px #6f6c67;
	  text-decoration:none;
	}
	a.btn-gray:hover{
	  color:#fff;
	background:#8b8b8b;
		  font-weight:bold;
		transition: background 0.2s ease 0s;
	  box-shadow: 0px 2px 0px 0px #6f6c67;
	  text-decoration:none;
	}
	a.btn-lightgray{
	background:#8b8b8b;
	  color:#fff;
	  font-weight:normal;
	  text-decoration:none;
	}
	a.btn-lightgray:hover{
	  color:#fff;
	background:#acacac;
	  font-weight:normal;
		transition: background 0.2s ease 0s;
	  text-decoration:none;
	}



/*--フォーム--*/

/*--リスト--*/
.link_list li{
	background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") no-repeat 0px -150px;
	padding:0em 0.5em 1em 1.2em;
	line-height:110%
}
.list_arrow{
	margin-left:0.5em;
	}
	.list_arrow li:before,
	.list_arrow dt:before{
		font-family: "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f0da";
		color:#005eae;
		padding-right:0.5em;
		}

	.list_arrow li{
		list-style:none;
		margin:0;
		padding:0;
		line-height:160%;
		text-align:left;
		}
	.list_arrow dt{
		list-style:none;
		margin:0;
		padding:0;
		line-height:170%;
		font-weight:bolder;
		}
	.list_arrow dd{
		padding-left: 1em;
		line-height:160%;
		padding-bottom: 2%;
		}


.list_flow,
.list_flow_short{
		margin-bottom:2em;
	}
.list_flow li{
		border-radius:3px;
		min-height:113px;
	}
.list_flow_short li{
		border-radius:3px;
		min-height:63px;
	}
	.list_flow li span{
		width:16%;
		height:100%;
		display:block;
		background:#4c6f01;
		border-radius:3px 0 0px 3px;
		float:left;
		min-height:6.2em;
		color:#fff;
		font-size:1.2em;
		font-weight:bolder;
		text-align:center;
		padding:0.5em 0 0 0em;
		}
	.list_flow_short li span{
		width:16%;
		height:100%;
		display:block;
		background:#4c6f01;
		border-radius:3px 0 0px 3px;
		float:left;
		min-height:4.3em;
		color:#fff;
		font-size:1.2em;
		font-weight:bolder;
		text-align:center;
		padding:0.5em 0 0 0em;
		}
	.list_flow li:after{
		content:"▼";
		font-size:2em;
		padding-left:50%;
		float:none;
		}
	.list_flow_short li:after{
		content:"▼";
		font-size:2em;
		padding-left:35%;
		float:none;
		}
@media screen and (max-width:767px) {
	.list_flow_short li span{
		line-height:1.2em;
		}
}
	.list_flow li:last-child:after,
	.list_flow_short li:last-child:after{
		content:"";
		}

	.list_flow_step{
		float:right;width:84%;display:block;min-height:113px;
		background:#eee;
		border-radius:0px 3px 3px 0px;
		}
	.list_flow_step_short{
		float:right;width:84%;display:block;min-height:80px;
		background:#eee;
		border-radius:0px 3px 3px 0px;
		}
		.list_flow_step dl,
		.list_flow_step_short dl{margin:0.5em 0 0 1em}	
		.list_flow_step dl dt,
		.list_flow_step_short dl dt{
			font-size:1.4em;
			font-weight:bolder;
			color:#0066cc;}
		.list_flow_step dl dd{
			margin-bottom:10px;
			padding-right:10px;
			line-height:1.6;}

.list_number{
	margin-left:1.4em;
	}
	.list_number li{
		list-style:decimal;
		line-height:180%
		}
.list-note li {
	text-indent:-0.9rem;
	padding-left:0.9rem;
	line-height:160%
	}

/*-----テーブル-----*/




/*--通常テーブル--*/
.table{
	border-spacing:0px;
	border-top:1px solid #a7c9e5;
	border-right:1px solid #a7c9e5;
	margin:10px auto 30px;
	border-collapse:collapse;
	background-color:#fff;
  width:99%;
	}


	.table td.blank{
		border-left:none;
		border-top:1px #fff solid}
	.table td.border-top {
		border-top:solid #a7c9e5 1px;
		}
	.table th{
		background:#e7f3fd;
		border:1px solid;
		border-color:#a7c9e5;
		padding:5px;
		vertical-align:top;
		}
	.table td{
		border-bottom:solid #a7c9e5 1px;
		border-left:solid #a7c9e5 1px;
		padding:5px;
		}
	.cell_center{
		text-align:center;
		}
	.cell_left{
		text-align:left;
		}
	.cell_right{
		text-align:right;
		}
	.cell_top{
		vertical-align:top;
		
		}
	.title{
		background:#c1e0fa !important;
		font-weight:bold

		}
	.price {
		color:#039
	}
	.value {
		font-weight:bolder;
		color:#cc3333;
	}
/*--コラム枠--*/
.column_wrap{
	border-top:4px solid #005eae;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:1em auto 2em;
	border-radius:5px;
	background:#fff;
	}
.column_wrap_g{
	border-top:4px solid #005eae;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:1em auto 2em;
	border-radius:5px;
	background:#f9f9f9;
	}


	.column_wrap .hl_wide,
	.column_wrap_g .hl_wide{
		background:#f9f9f9;
		padding:1em 0px 1em 1em!important;
		line-height:1.2;
		font-weight:bold;
		text-align:left !important;
		font-size:1.1em !important;
		margin:0 !important;;
		}
	.column_wrap h2,
	.column_wrap h3,
	.column_wrap_g h2,
	.column_wrap_g h3{
		background:#f9f9f9;
		padding:1em;
		margin-bottom:1em;
		line-height:1.2;
		font-weight:bold;
		text-align:left
		}


	/*コラム内の2カラム*/
	.column_float_wrap{
		padding:1rem;
		display:block;
		}
		.column_float_wrap img{
			max-width:none;
		}
		.column_float_wrap_section{
			display:table-cell;
			vertical-align:top;
			}
			.column_at_wrap_section > p{
				text-align:left !important;
				}
	
		.column_float_wrap_section:first-child{
			padding-right:1rem;
			}
		.column_float_wrap_section:last-child:not(:nth-child(2)){
			padding-left:1rem;
		border:1px #F00 solid
			}
		.column_float_wrap_section.middle{
			vertical-align:middle;
			}
		.column_float_wrap_section.bottom{
			vertical-align:bottom;
			}
		.column_float_wrap_section > p{padding:0em 0em 1.6em 0em}
		
		

	
	.column_contents{
		padding:1em !important;
		}
	.column_btn{
		padding:10px 0px 1em 0px;
		}
	
		.column_btn a.hd-btn{
			display:block;
			padding:0.5em 0.4em;
			width:94%;
			font-size:1em;
		margin:auto
			
		}

/*--リンク枠--*/
/*--ページ内リンク--*/
.bt_box_wrap {margin:2em auto;}
.bt_box_wrap a{
	color:#fff;
	text-decoration:none;
	padding:0.5em;
	background-color:#8b8b8b;
		  box-shadow: 0px 2px 0px 0px #6f6c67;
	border-radius:3px;
	background-size:100% 100%;
	float:left;
	font-size:0.8em;
	margin:0px 5px 10px 0px;
		text-align:center;
}
	.bt_box_wrap a:hover {
			background:#828282;
			text-decoration:underline;
		transition: background 0.2s ease 0s;
		}

/*--リンクボックス--*/
.link_wrap{
	border:1px solid #dfdfdf;
	margin:0em auto 2em;
	padding-top:0px;
	border-radius:8px;
	background:#fafafa;
	}
	.link_title01{
		background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") no-repeat 0px -750px;
		font-size:12px;
		padding:7px 10px 6px 25px;
		margin:0px 0px 20px 10px;
		width:auto;
		height:25px;
		color:#666;
		display:inline;
		border-radius:0px 0px 5px 5px;
		}
	.link_title02{
		background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") no-repeat 0px -800px;
		font-size:12px;
		padding:7px 10px 6px 25px;
		margin:0px 0px 20px 10px;
		width:auto;
		height:25px;
		color:#666;
		display:inline;
		border-radius:0px 0px 5px 5px;
		}
	.link_subtitle{
		font-weight:bolder;
		color:#666;
		}
	.link_contents{
		margin:10px 20px 10px;
		padding:5px 0px 10px;
		}
		.link_hr{
			border-bottom:dotted 1px #ccc;
			}

/*--flexbox--*/

.flexbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0;
    }

.wide_flexbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:1em 0 2em 0;
    }
.flexbox p,
.wide_flexbox p{padding:0em 0em 0.6em 0em}
	.flexbox h2.box_title,
	.flexbox h3.box_title,
	.flexbox h4.box_title,
	.flexbox p.box_title{
		font-size:1.2em !important;
		line-height:1.2;
		font-weight:bold;
		background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") -300px -296px no-repeat;
		color:#4c6f01;
		padding:0px 0px 0.8em 20px;
		text-align:left;
		}

	.wide_flexbox h2{
		font-size:1.8em !important;
		line-height:1.2;
		font-weight:bold;
		padding:0.8px 0px 0.8em 0px;
		text-align:center;
		margin-top:1em !important;
		}

	.wide_flexbox h3{
		font-size:1.5em !important;
		line-height:1.2;
		font-weight:bold;
		padding:0.8px 0px 0.8em 0px;
		text-align:center;
		margin-top:1em !important;
		}

	.flexbox h2,
	.flexbox h3{
		font-size:1.2em !important;
		line-height:1.2;
		font-weight:bold;
		padding:0.8px 0px 0.8em 0px;
		text-align:center;
		}
	.wide_flexbox h2.box_title,
	.wide_flexbox h3.box_title{
		font-size:1.5em !important;
		line-height:1.2;
		font-weight:bold;
		background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") -300px -296px no-repeat;
		padding:0px 0px 0.8em 1em !important;
		text-align:left !important;
		margin-top:1em !important;
		}
	.wide_flexbox h4.box_title{
		font-size:1.5em !important;
		line-height:1.2;
		font-weight:bold;
		background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") -300px -296px no-repeat !important;
		padding:0px 0px 0.8em 1em !important;
		text-align:left !important;
		margin:0 auto !important;
		}
	.wide_flexbox h4.box_title_b{
		font-size:1.5em !important;
		line-height:1.2;
		font-weight:bold;
		background:none !important;
		padding:0px 0px 0.8em 0em !important;
		text-align:center !important;
		margin:1em auto 0 auto!important;
		color:#fff;
		}

	.wide_flexbox .col2 {
		padding:15px 15px 15px 15px;
		margin:0em 0.7em 0em 0em;
		width: 46.3%;
	}
	.wide_flexbox .col2_border {
		padding:0 15px 15px 15px;
		margin:0em 0.7em 0em 0em;
		width: 46.3%;
		border-top:4px solid #1f86de;
	}
	.wide_flexbox .col3 {
		padding:15px 15px 15px 15px;
		margin:0em 1.706em 0em 0em;
		width: 29.5%;
	}

	.wide_flexbox .col3_border {
		padding:0 15px 15px 15px;
		margin:0em 1.706em 0em 0em;
		width: 29.3%;
		border-top:4px solid #1f86de;
	}
	.wide_flexbox .col4 {
			padding:0.5em 0.7em;
			margin:0em 0.7em 0em 0em;
			width: 22.4%;
		}
		.wide_flexbox .col4_border {
			padding:0 15px 15px 15px;
			margin:0em 0.7em 0em 0em;
			width: 21.8%;
			border-top:4px solid #4c6f01;
		}

	.wide_flexbox .col6 {
		padding:15px 15px 15px 15px;
		margin:0em 0.6em 0em 0em;
		width: 13.6%;
	}
	.flexbox .col2 {
		padding: 15px;
		margin:1em 0.7em 1em 0em;
		width: 44.9%;
	}
	.flexbox .col2_border {
		padding: 15px;
		margin:1em 0.7em 1em 0em;
		width: 44.9%;
		border-top:4px solid #4c6f01;
	}
	.flexbox .col3 {
		padding: 15px;
		margin:1em 0.7em 1em 0em;
		width: 29.1%;
	}


	.flexbox .col3_border {
		padding: 15px;
		margin:1em 0.7em 1em 0em;
		width: 29.1%;
		border-top:4px solid #4c6f01;
	}
	
	.flexbox .col4 {
		padding: 8px;
		margin:1em 0.3em 1em 0em;
		width: 22.7%;
	}

	.fff {
	background:#fff;
	}
	.gray {
	background:#f7f7f7;
	}
	.gray_rgba {
		background:rgba(86,86,86,0.8);
	}
	.blue {
	background:#4c6f01;
	color:#fff;
	}
	.black{
		color:#333;}
	.wide_flexbox .col2:last-child,
	.wide_flexbox .col2_border:last-child,
	.wide_flexbox .col3:last-child,
	.wide_flexbox .col3_border:last-child,
	.wide_flexbox .col4:last-child,
	.wide_flexbox .col4_border:last-child{
	margin:0em 0em 0em 0em;
	}
	.flexbox .col2:last-child,
	.flexbox .col2_border:last-child,
	.flexbox .col3:last-child,
	.flexbox .col3_border:last-child,
	.flexbox .col4:last-child{
	margin:1em 0em 1em 0em;
	}


/*テキストと画像のカラム*/
.float_wrap{
	display:block;
	}
	.float_wrap > h2,
	.float_wrap > h3{
		margin-top:0 !important;
		padding-top:0 !important;
		font-size:2.4em !important;
		
	}
		.float_wrap_section > h2,
		.float_wrap_section > h3{
			margin-top:0 !important;
			padding-top:0 !important;
			text-align:left !important;
			font-size:2.4em !important;
		}
	.float_wrap img{
		max-width:none;
	}
	.float_wrap_section{
		display:table-cell;
		vertical-align:top;
		padding-bottom:2rem;
		}
		

		.float_wrap_section > p{
			text-align:left !important;
			}

	.float_wrap_section:first-child{
		padding-right:1rem;
		}
	.float_wrap_section:last-child:not(:nth-child(2)){
		padding-left:1rem;
		}
	.float_wrap_section.middle{
		vertical-align:middle;
		}
	.float_wrap_section.bottom{
		vertical-align:bottom;
		}
	.float_wrap_section > p{padding:0em 0em 1.6em 0em}
	


/*--コンバージョンエリア--*/

.cv_btn a.btn{
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:150%;
	text-shadow:1px 1px 1px #333;
}
.cv_btn a.hd-btn{
	display:block;
	margin:0px auto 0px auto;
	padding:18px 4px 17px;
	font-size:18px;
	width:80%;
}
.cv_btn a.hd-btn_s{
	display:block;
	margin:0px auto 0px auto;
	padding:12px 4px 11px;
	font-size:14px;
	width:80%;
}
.cv_btn a span{
	background-color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	margin:0px auto 8px auto ;
	padding:5px 3px 3px 3px;
	line-height:120%;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:block;
		color:#598603;
		font-size:0.9em;
		font-weight:bold;
		width:70% !important;
		
}

.cv_wide_flexbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:1em 0;
    }
	.cv_wide_flexbox .col2 {
		padding:15px 15px 0 15px;
		margin:0em 0.7em 0em 0em;
		width: 47%;
	}

	.cv_wide_flexbox .col3 {
		padding:15px 15px 0 15px;
		margin:0em 1em 0em 0em;
		width: 29.5%;
	}
		.cv_wide_flexbox .col2:last-child,
		.cv_wide_flexbox .col3:last-child {
			margin:0;
		}
	.cv_wide_flexbox .col2 a.hd-btn_w{
		display:block;
		width:86%;
		padding:1em 0.6em;
		margin:auto;
		font-size:1.9em;
	}
	.cv_wide_flexbox .col3 a.hd-btn_m{
		display:block;
		width:84%;
		padding:0.2em 8px;
		font-size:1.6em;
		margin:0.5em auto;
	}
	.cv_wide_flexbox .col3 a:hover{
		text-decoration:underline
	}
	.cv_wide_flexbox .col3 a i{
		margin-right:0.2em;
		color:#1086c9;
	}
	.wide03 p.hl{color:#fff;font-weight:bolder;font-size:2.6em;padding-bottom:0.5em !important;text-align:center;}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */

@media screen and (max-width:1024px) {
	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0;	}

	footer {
			width:100%;
		background:#eee;
		margin:0 auto;
		padding-top:0;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
 
@media screen and (max-width:1024px) {

.pc{display:none;}
.sm{display:block}
body{
	min-width:initial;
}



/*ワイド系*/
#wrapper_wide .row {
padding:0.5em 0;
  }

#wrapper_wide .row > p,
#wrapper_wide .row p{padding:1em;}

.wide01,.wide02{
	box-sizing:border-box;
	width:100%;
  }
.wide04{
	box-sizing:border-box;
	width:100%;
	padding:0 10px
  }
#wrapper_wide h2,
#wrapper_wide h3{
	margin:0.5em 0.5em;
}
	
#wrapper_wide h2{
	padding:1px 0px;
	font-size:2em;
}
#wrapper_wide h3{
	padding:1px 0.2em;
	font-size:1.6em;
}




.pankuzu_wrap{
	box-sizing:border-box;
	padding:0.5em;
}
	#main {
		float:none;
		width:100%;
		padding:0 10px;

	}



/*フッター*/


	.footer_wrap {
		background:none;
		padding-top:0;
	}
	.footer_wrap .footer_wide_flexbox {
	padding:3em 1em

	}

	.footer_wrap .row {
		padding:0 1em;
		width: auto;
	}
	.footmenu {
		width:100%;
		padding:0;
		
	}
		
	.footmenu.row {
	  margin: 0 auto;
	  }

	.footmenu ul.fmenu_l {
		margin:0;
	  padding: 0;
	  border-top: 1px solid #eee;
	  width:100%
	}
	/*clearfix*/
	.footmenu ul.fmenu_l:after {
	  content: "";
	  clear: both;
	  display: block;
	}
	.footmenu ul.fmenu_l li {
		  list-style:none;
		float:left;
		width: 50%;
		
		  border-bottom: 1px solid #eee;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
  
  		background: #e5e5e5;
		margin:0;
		padding:0;
		font-size:0.6em;
		text-align:center;
	}
		
		/*奇数のli要素に適応*/
		.footmenu ul.fmenu_l li:nth-child(odd) {
		  border-right: 1px solid #eee;
		}
		.footmenu ul.fmenu_l li a:hover {background: #dbdbdb;}
	
		.footmenu ul.fmenu_l li a,
		.footmenu ul.fmenu_l li a:visited {
			display: block;
			text-decoration:none;
			line-height: 4em;
			color:#666
		}
		.footmenu ul.fmenu_l li a i,
		.footmenu ul.fmenu_l li a:visited i{
			color:#666
		}
		.footmenu ul.fmenu_l li a i.fa-caret-right {
			display:none
		}


	.footer_wrap .row .wide_flexbox .col4{
				margin:0em auto 1em auto;
				width:46.6%;
				padding:0.5em 0;
				}
		.footer_wrap .row .wide_flexbox .col4:last-child{width:60%;}



.img_wrap img{display:block;width:100%}
.img_left,
.img_right{
  float: none;
  display:block;
  margin:0.5em auto 1em auto;
}
.img_center img{display:block;margin:0.5em auto 1em auto;width:100%}
.img_center_auto img{display:block;margin:0.5em auto 1em auto;width:auto}




/*--コンバージョンエリア--*/

.cv_wide_flexbox {
	margin:0 0 1em;
    }
	.cv_wide_flexbox .col2{
		margin:0 auto;
		padding:0 0 1em;
		width: 96%;
	}
	.cv_wide_flexbox .col3{
		padding:0;
		margin:0;
		width: 100%;
	}

		.cv_wide_flexbox .col2:last-child,
		.cv_wide_flexbox .col3:last-child {
		margin:0 auto;
		padding:0;
		}
	.cv_wide_flexbox .col2 a.hd-btn_w{
		padding:1em 0.6em;
		margin:0 auto;
		font-size:1.6em;
	}
	.cv_wide_flexbox .col3 a.hd-btn_m{
		width:80%;
		padding:0.2em 8px;
		font-size:1.4em;
		margin:0 auto 0.5em;
		text-align:left;
	}
	.cv_wide_flexbox .col3 a:hover{
		text-decoration:underline
	}
	.cv_wide_flexbox .col3 a i{
		margin-right:0.2em;
		color:#1086c9;
	}
	.wide03 p.hl{border-bottom:1em;font-size:2em;line-height:140%}


h4.title_h4,
p.title_h4{
	background:url("/https/jcan-cert.globalsign.com/images/sprites_icons3.png") -300px -296px no-repeat;
	}




/*コラム*/
.column_wrap{
	width:94%;
	margin:auto
	}		
	/*コラム内の2カラム*/
	.column_float_wrap_section{
		display:block;
		width:100%;
		margin:auto
		}
	.column_float_wrap_section img{
		width:100%;
		margin:auto
		}
	.column_float_wrap_section:first-child{
		padding-right:0rem;
		}
	.column_float_wrap_section:last-child:not(:nth-child(2)){
		padding-left:0rem;
		}

.link_wrap{
	width:94%;
	}

/*テキストと画像のカラム*/
	.float_wrap > h2,
	.float_wrap > h3,
	.float_wrap_section > h2,
	.float_wrap_section > h3{
		font-size:1.3em !important;
		}
	.float_wrap_section{
		display:block;
		width:96%;
		margin:auto;
		padding-bottom:0.5rem;
		}
	
	.float_wrap_section img{
		width:100%;
		margin:auto
		}

	.float_wrap_section:first-child{
		padding-right:0rem;
		}
	.float_wrap_section:last-child:not(:nth-child(2)){
		padding-left:0rem;
		}
		float_wrap_section > p{padding:0;}




/*--flexbox--*/
.wide_flexbox,
.flexbox{
padding:0 10px;
margin:1em 0 1em 0;
}

.wide_flexbox .col2,.wide_flexbox .col2:last-child,
.wide_flexbox .col2_border,.wide_flexbox .col2_border:last-child,
.wide_flexbox .col3,.wide_flexbox .col3:last-child,
.wide_flexbox .col3_border,.wide_flexbox .col3_border:last-child,
.wide_flexbox .col4,.wide_flexbox .col4:last-child,
.wide_flexbox .col4_border,.wide_flexbox .col4_border:last-child,
.flexbox .col2,.flexbox .col2:last-child,
.flexbox .col2_border,.flexbox .col2_border:last-child,
.flexbox .col3,.flexbox .col3:last-child,
.flexbox .col3_border,.flexbox .col3_border:last-child{
margin:0em auto 1em auto;
border-left:none;
padding:0.5em;
}

.flexbox .col4,
.flexbox .col4:last-child{
width: 96%;
margin:0em auto 1em auto;
}


}
@media screen and (max-width:768px) {
.br {display:block}
.wide_flexbox .col3,.wide_flexbox .col3:last-child,
.wide_flexbox .col3_border,.wide_flexbox .col3_border:last-child,
.wide_flexbox .col4,.wide_flexbox .col4:last-child,
.wide_flexbox .col4_border,.wide_flexbox .col4_border:last-child,
.flexbox .col3,.flexbox .col3:last-child,
.flexbox .col3_border,.flexbox .col3_border:last-child{
margin:0em auto 1em auto;
border-left:none;
width: 96%;
padding:0.5em;
}
.footer_wrap .footer_wide_flexbox .col2 {

width: 100%;
}
footer .logo {
	display: grid;
}
footer .logo img {
width: 189px;
display: block;
margin: auto auto 2em;
}
.sns {
	/* width: 150px; */
	justify-self: center;
}

}

@media screen and (max-width:480px) {
.wide_flexbox .col2,.wide_flexbox .col2:last-child,
.wide_flexbox .col2_border,.wide_flexbox .col2_border:last-child,
.flexbox .col2,.flexbox .col2:last-child,
.flexbox .col2_border,.flexbox .col2_border:last-child{
margin:0em auto 1em auto;
border-left:none;
width: 96%;
padding:0.5em;
}


a.hd-btn_w{
	font-size:1.3em;
	padding:0.8em 0.3em;
	margin:0 auto 0.5em;
	width:92%;
}
a.hd-btn_sw{
	padding:0.2em 8px;
	font-size:1.3em;
	margin-bottom:0
}



}



.qa_list dt{
    font-weight: bold; margin: 0.5em 0 0 0; border-bottom: 1px solid #ddd; padding: 0.5em 0 0.5em 0;font-size:1.4em;
    cursor:pointer;
}
	.qa_list dt:hover { opacity: 0.75;}
	.qa_list dt:before { 
		font-family: "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f0fe";
		float: left;
		display: inline-block;
		line-height: 40px;
    width: 36px;font-size:1.2em;font-weight: bold;text-align: center;color: #005eae;}
		.qa_list dt.active:before { 
			font-family: "Font Awesome 5 Free";
			font-weight: bold;
			content: "\f146";
			float: left;
			display: inline-block;
			line-height: 40px;
			width: 36px;
			font-size:1.2em;
			text-align: center;
			color: #005eae;}

.qa_list dd{	
    padding: 1em 0 0 2em;
    margin: 0 0 2em 0;
	}
@media screen and (max-width:1024px) {
	.qa_list {margin:1em}
}
@media screen and (max-width:768px) {
.qa_list dt{
    font-size:1.2em;line-height: 1.3
}
	.qa_list dt:before {line-height: 20px;}
}
/*gmoセキュリティフッターカスタム*/
.gmoGroupSecurity {
	background:none !important;
}
.gmoGroupSecurity_box {
	border-top: none;
	width: 100%;
	margin:0;
	padding-top: 20px;
}
.gmoGroupSecurity_heading {
	padding: 0 0 2px;
}
.gmoGroupSecurity_linklist ul {
	padding: 0;
}