@charset "UTF-8";
/* CSS Document */

/* noto-sans-jp-regular - japanese */
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/noto-sans-jp-v42-japanese-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/noto-sans-jp-v42-japanese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/noto-sans-jp-v42-japanese-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/noto-sans-jp-v42-japanese-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/noto-sans-jp-v42-japanese-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/noto-sans-jp-v42-japanese-regular.svg#NotoSansJP') format('svg'); /* Legacy iOS */
  }
  /* noto-sans-jp-500 - japanese */
  @font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/noto-sans-jp-v42-japanese-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/noto-sans-jp-v42-japanese-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/noto-sans-jp-v42-japanese-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/noto-sans-jp-v42-japanese-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/noto-sans-jp-v42-japanese-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/noto-sans-jp-v42-japanese-500.svg#NotoSansJP') format('svg'); /* Legacy iOS */
  }
  /* noto-sans-jp-700 - japanese */
  @font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/noto-sans-jp-v42-japanese-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/noto-sans-jp-v42-japanese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/noto-sans-jp-v42-japanese-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/noto-sans-jp-v42-japanese-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/noto-sans-jp-v42-japanese-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/noto-sans-jp-v42-japanese-700.svg#NotoSansJP') format('svg'); /* Legacy iOS */
  }

body {
	margin: 0;
	padding: 0;
	color: #040000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	line-height: 1.75;
	-webkit-text-size-adjust: 100%;
}

* {
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

a {
	outline: none;
	color: #004491;
}

a:hover{
	text-decoration: none;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.w100{
	width: 100%;
}

ul {
	margin: 0;
	list-style: none;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.alignjust {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.ml1em {margin-left: 1em;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}


.note {
	font-size: 10px;
}

.bold {
	font-weight: bold;
}

.red {
	color: #e50000;
}

.blue {
	color: #2d7699;
}

.marker1 {
	padding: 0 3px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #f9f924 60%);
}

sup {
	vertical-align: middle;
	position: relative;
	top: -4px;
}

.strike {
	text-decoration: line-through;
}

.strike.black,
.strike .black {
	color: #040000;
}

.under {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}

.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}

.iblock {
	display: inline-block;
}

.construction{
	padding: 50px;
	text-align: center;
}


/* --------------- common --------------- */

#wrap {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#contents {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.pagetop {
	width: 60px;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	z-index: 99;
}

.pagetop a {
	width: 60px;
	height: 0;
	margin: 0;
	padding: 60px 0 0 0;
	background-image: url(../img/btn_pagetop.png);
	background-repeat: no-repeat;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	display: block;
	overflow: hidden;
}

.pagetop a:hover {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.btn1 {
	width: 190px;
	min-width: 120px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	color: #ed6b04;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(214,214,214,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 );
	border: solid 2px #ed6b04;
	border-radius: 10px;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	display: table;
}

.btn1 > span {
	padding: 0 0 2px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 0;
}

a.btn1:hover {
	background: rgba(214,214,214,1);
	background: -moz-linear-gradient(top, rgba(237,214,214,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff', GradientType=0 );
}

.btn2 {
	width: 190px;
	min-width: 120px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: -moz-linear-gradient(180deg, rgba(230,3,18,1) 0%, rgba(237,107,7,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(230,3,18,1) 0%, rgba(237,107,7,1) 100%);
	background: linear-gradient(180deg, rgba(230,3,18,1) 0%, rgba(237,107,7,1) 100%);
	border: solid 2px #ed6c00;
	border-radius: 10px;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	display: table;
}

.btn2 > span {
	padding: 0 0 2px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 0;
}

a.btn2:hover {
	background: rgb(230,3,18,1);
	background: -moz-linear-gradient(0deg, rgba(230,3,18,1) 0%, rgba(237,107,7,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(230,3,18,1) 0%, rgba(237,107,7,1) 100%);
	background: linear-gradient(0deg, rgba(230,3,18,1) 0%, rgba(237,107,7,1) 100%);
}

.btn1.pdf > span {
	padding-right: 0;
}

.btn1.pdf > span:after {
	content: "";
	width: 29px;
	height: 35px;
	background-image: url(../img/icon_pdf.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 6px;
	right: 10px;
}

.btn1.word > span {
	padding-right: 25px;
}

.btn1.word > span:after {
	content: "";
	width: 22px;
	height: 21px;
	background-image: url(../img/icon_word.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 12px;
	right: 14px;
}

.btn1.ppt > span {
	padding-right: 25px;
}

.btn1.ppt > span:after {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url(../img/icon_ppt.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 12px;
	right: 14px;
}

.btn1.excel > span {
	padding-right: 8px;
}

.btn1.excel > span:after {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url(../img/icon_excel.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 12px;
	right: 14px;
}

#contents.sub {
	width: 90%;
	min-height: 500px;
	max-width: 1024px;
	padding: 40px 0;
}

.col_prepare {
	margin: 0;
	padding: 60px 0;
	text-align: center;
}

.pagettl {
	width: 100%;
	min-height: 46px;
	margin: 0 0 20px;
	padding: 5px 0 0 4%;
	color: #fff;
	background-color: #036eb8;
}

.col_content {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
}

.mds1 {
	max-width: 850px;
	width: 98%;
	margin: 0 auto 15px;
	padding: 0 0 8px;
	color: #231815;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	border-bottom: solid 2px #036eb8;
}

.mds2 {
	margin: 0 0 12px 0;
	padding: 4px 0 3px 11px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 1px #333;
	border-left: solid 4px #333;
}




/* --------------- header --------------- */

#header {
	width: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
	position:relative;
	border-top: 27px solid #004386;
}

.col_header {
	width: 94%;
	max-width: 1141px;
	margin: 0 auto;
	padding: 10px 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ttl_header {
	
	margin: 0;
	padding: 0;
}

.ttl_header img {
width: 126px;
}


.wrap_btn_download {
	width: 49%;
    max-width: 282px;
    margin: 0 7px 0 0;
}

.btn_download {
	display: inline-block;
	width: 100%;
	padding: 7px 10px;
	text-decoration: none;
	color: #ffffff;
	background-color: #2178b7;
	transition: .3s;
	white-space: nowrap;
  border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
}

.btn_download:hover {
	background: #78c6ff;
	color: white;
}



.gnavi__wrap {
	width: calc(100% - 282px + 126px);
    margin: 0 35px 0 0;
}
.gnavi__lists {
    display: flex;
}
ul.gnavi__lists {
	margin: 0;
	padding: 0;
	justify-content: flex-end;
}

@media print,
screen and (max-width: 1200px) {
	.col_header {
		justify-content: flex-start;
	}
	ul.gnavi__lists {
		margin: 0 0 0 20px;
	}

}



.gnavi__list {
   padding: 0 18px;
   height: 40px;
   /*background-color: #E5F0F8;*/
   position: relative;
   transition: all .4s;
}

.gnavi__list:first-of-type{padding: 0 18px 0 0;}
.gnavi__list:nth-of-type(3){padding: 0 25px 0 18px;}
.gnavi__list:last-of-type{padding: 0 0 0 18px;}
/*
.gnavi__list:hover {
    background-color: #0071BB;
}
.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list:hover::before {
    background-color: #0071BB;
}
*/

.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #231815;
    font-size: 14px;
    font-weight: 500;
    transition: all .4s;
}
.gnavi__list:hover a {
    color: #0064c9;
}
.gnavi__list a::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border: 0;
  	border-bottom: solid 1px #004386;
  	border-right: solid 1px #004386;
  	transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: calc(50% - 6px);
}

.gnavi__list.noarrow a::before {
	content: none;
}

ul.dropdown__lists {
	margin: 0;
	padding: 0;
}



.dropdown__lists {
    display: none;
    width: 200px;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
     z-index: 1;
}
.gnavi__list:nth-of-type(3) .dropdown__lists {
	width: 300px;
}
.gnavi__list:hover .dropdown__lists {
    display: block;
}
.dropdown__list {
    background-color: #ffffff;
    height: 40px;
    transition: all .3s;
    position: relative;
    border-bottom: solid 1px #e4e4e4;
}

/*
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #ffffff;
}
*/

.gnavi__list .dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    text-decoration: none;
    position: relative;
}
.gnavi__list .dropdown__list a:hover {
	color: #0064c9;
}
.gnavi__list .dropdown__list a::before {
	content: none;
}

#navi {
	display: none;

}

#menubtn {
		display: none
	}





@media print,
screen and (max-width: 990px) {

	#header {
		background-color: #fff;
		position: fixed;
		z-index: 1;
		border-top: 7px solid #004386;
	}


	.col_header {
		width: 98%;
		height: 60px;
		padding: 0 0 0 0;
		justify-content: space-between;
	}
	
	.wrap_btn_download {
		width: 100%;
		padding: 0 15px 0 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.btn_download {
		width: 100%;
		max-width: 280px;
	}

	.btn_download a {
		white-space: normal;
		line-height: 1.3;
	}

	.ttl_header {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.gnavi__wrap {
		display: none;
	}
	
	
	#menubtn {
		width: 60px;
		height: 60px;
		margin: 0 0 0 0;
		padding: 0;
		display: block;
		background-color: #ffffff;
		position: relative;
		z-index: 0;
	}


	#menubtn .btn {
		width: 36px;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}

	#menubtn.active {
			background-color: #ffffff;
		}

	#menubtn .btn span {
			width: 100%;
			height: 3px;
			margin: auto;
			padding: 0;
			background-color: #231815;
			display: inline-block;
			-webkit-transition: all .4s;
			position: absolute;
			left: 0;
			right: 0;
		}

	#menubtn span {
		width: 30px;
		height: 2px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		position: absolute;
		left: 15px;
	}

	#menubtn span:nth-child(1) {
		top: 18px;
	}

	#menubtn span:nth-child(2) {
		top: 29px;
	}

	#menubtn span:nth-child(3) {
		top: 40px;
	}

	#menubtn.active span:nth-of-type(1) {
		width: 96%;
		transform: translateY(20px) rotate(-45deg);
		top: 3px;
	}

	#menubtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	#menubtn.active span:nth-of-type(3) {
		width: 96%;
		transform: translateY(-20px) rotate(45deg);
		top: 43px;
	}




	#navi {
		max-width: 480px;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #fff;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-contents: stretch;
	}

	#navi a,
	#navi .nolink {
		min-height: 45px;
		margin: 0;
		padding: 5px 8px;
		color: #231815;
		font-size: 15px;
		font-weight: 600;
		text-decoration: none;
		line-height: 1.3;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 0;
		border-bottom: 1px solid #cccccc;
	}

#navi a span {
	width: 100%;
	display: block;
	position: relative;
	
}

	#navi a span::before {
		content: '';
		position: absolute;
		right: 5px;
		top: 7px;
		width: 7px;
		height: 7px;
		border-top: 2px solid #231815;
		border-right: 2px solid #231815;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#navi a:first-of-type::before { content: none; }
	
	#navi li:hover .dropdown__lists {
	    display: block;
	}
	
	.dropdown__lists{
		width: 100%;
        position: relative;
        top: 0;
        box-shadow: none;
	}
	
	.dropdown__list{background-color: #c0c0c0;}
	
/*
#navi li::before {
		content: '';
		position: absolute;
		right: 20px;
		top: 13px;
		width: 7px;
		height: 7px;
		border-top: 2px solid #231815;
		border-right: 2px solid #231815;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#navi li.active::before {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
*/


	#navi {
		max-width: initial;
		width: 100%;
		height: 100vh;
		margin: 0;
		padding: 0;
		display: none;
		position: absolute;
		top: 60px;
		right: 0;
	}

	#navi a {
		min-height: auto;
		margin: 0;
		padding: 10px;
		text-align: left;
		display: block;
	}

	#navi a::before {
		width: 100%;
		height: 1px;
		top: 100%;
	}
	
	#navi a:first-of-type::before { content: ""; }
	
	#navi li:nth-of-type(2) a span::before,
	#navi li:nth-of-type(3) a span::before{
		content: '';
		position: absolute;
		right: 5px;
		top: 7px;
		width: 7px;
		height: 7px;
		border-top: 2px solid #231815;
		border-right: 2px solid #231815;
		transform: rotate(135deg);
	}
	

}

@media print,
screen and (max-width: 720px) {
	#header{border-bottom: solid 1px #004386;}
}

@media print,
screen and (max-width: 500px) {
	nav {
		top: 60px;
	}

	.btn_download {
		width: 100%;
		max-width: 122px;
		padding: 4px 0;
		line-height: 1.0;
	}
	
	.wrap_btn_download {
		width: 100%;
		padding: 0 15px 0 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	

	.btn_download {
		white-space: normal;
		line-height: 1.3;
	}

	.btn_download {
		font-size: 11px;
	}

}



/* --------------- footer --------------- */

#footer {
	margin: 0;
	padding: 8px;
	color: #fff;
	background-color: #231815;
}


#footer .copy {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
}



/* --------------- top --------------- */

#wrap_topmain {
	background-color: #ffffff;
	background-image: url(../img/top/bg_topmain.jpg);
	background-repeat: no-repeat;
	background-size: 1998px auto;
	background-position: center top;
	z-index: 1;
	/*
	max-width: 1400px;
	width: 94%;
	margin: 0 auto;
	min-height: 700px;
	padding: 0 0 20px 0;
	*/
}

@media screen and (max-width: 720px) {

	#wrap_topmain {
		background-image: none;
	}

}

@media screen and (max-width: 990px) {

	#wrap_topmain {
		margin: 68px 0 0;
	}

}


.col_topmain {
	max-width: 1170px;
	width: 94%;
	height: 282px;
	margin: 0 auto 0;
	padding: 0;
	/*
	background-image: url(../img/top/bg_topmain.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	box-sizing: border-box;
	*/
}
.theme_topmain {
	max-width: 562px;
	margin: 0 0 0;
	padding: 53px 0 0;
}

@media screen and (max-width: 720px) {

	.theme_topmain {
		width: 91%;
		max-width: 652px;
		margin: 0 auto 0 4vw;
		padding: 3.8vw 0 0;
	}

	.col_topmain {
		width: 100%;
		height: 83vw;
		background-image: url(../img/top/sp/bg_topmain.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		box-sizing: border-box;
	}


}

#wrap_content {
	width: 100%;
	background-color: #2178b7;
	padding: 46px 0 113px 0;
}


#wrap_subcontent {
	max-width: 1200px;
	width: 94%;
	margin: 0 auto 0;
	background-color: #ffffff;
	padding: 0 0 20px 0;
	padding: 0 0 0;
	display: flex;
	justify-content: space-between;
}

#wrap_subcontent.sub{display: block;}

.left_content {
	width: 250px;
	margin: 0 25px 0 0;
	padding: 5px 0 0 0;
}

.right_content {
	max-width: 850px;
	width: 100%;
	margin: 0;
	padding: 5px 0 0 0;
}
#wrap_subcontent.sub .right_content {
	margin: 0 auto;
}



@media screen and (max-width: 850px) {

	#wrap_subcontent {
		display: block;
	}

	.left_content {
		max-width: 850px;
		width: 94%;
		margin: 0 auto 0;
		padding: 0 0 0 0;
	}

	.right_content {
		width: 94%;
		margin: 0 auto;
		padding: 10px 0 0 0;
	}

}



#sidemenu {
	width: 250px;
	margin: 0 auto 25px;
	padding: 0;
	border: solid 1px #e0e1e1;
}

#sidemenu li {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #e0e1e1;
	background: #fff;
}

@media screen and (max-width: 850px) {
#sidemenu {
	width: 100%;
}

}

#sidemenu li.active,
#sidemenu li:hover {
	border-bottom: solid 1px #fff;
	background: #004386;
}

#sidemenu li:last-of-type {
	border-bottom-color: #fff;
}

#sidemenu li.active:last-of-type,
#sidemenu li:last-of-type:hover {
	border-bottom-color: #e0e1e;
}

#sidemenu li a {
	width: 100%;
	height: 100%;
	padding: 10px 12px 10px 14px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	color: #005d97;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 0;
}

#sidemenu li.active a,
#sidemenu li:hover a {
	color: #fff;
}


.bg_content {
	max-width: 850px;
	min-height: 600px;
	margin: 0;
	padding: 0 0 60px;
	background-color: #fff;
}

#wrap_subcontent.sub .right_content .bg_content {
	margin: 0 auto;
}

.cont_ttl {
	width: 100%;
	padding: 0 0 0;
	margin: 60px 0 50px;
	color: #004386;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-align: center;
	position: relative;
	display: inline-block;
}

@media screen and (max-width: 990px) {

.cont_ttl {

	margin: 105px 0 50px;
	line-height: 1.4;
	
}

}

.cont_ttl::before {
	content: "";
	width: 17px;
	height: 3px;
	bottom: -11px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	background: #004386;

}

.pagettl {
	max-width: 850px;
	margin: 0 0 22px;
	padding: 8px 24px;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	background-color: #004386;
	box-sizing: border-box;
}

#wrap_subcontent.sub .right_content .bg_content .pagettl {
	margin: 0 auto 22px;
}




.bg_topnews {
	max-width: 890px;
	width: 90%;
	margin: 0 auto 0;
	padding: 0;
	position: relative;
	background-color: #ffffff;
	border-radius: 11px;
}

.col_topnews {
	margin: 0 auto;
	padding: 44px 50px 40px;
}

.wrap_mds_news {
	width: 180px;
	margin: 0 auto;
	padding: 0 0 38px;
}

.mds_news {
	width: 100%;
	padding: 0;
	color: #ffffff;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-align: center;
	position: relative;
	display: inline-block;
}

.mds_news::before {
	content: "";
	width: 17px;
	height: 3px;
	bottom: -13px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	background: #fff;

}

.col_topnews .cont {
	width: 100%;
	max-height: 160px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.col_topnews .cont dl:first-of-type{
	border-top: dotted 1px #999;
}

.col_topnews .cont dl {
	width: 100%;
	margin: 0;
	padding: 14px 10px;
	line-height: 1.5;
	border-bottom: dotted 1px #999;
	box-sizing: border-box;
	display: flex;
}

.col_topnews .cont dl dt {
	width: 160px;
	margin: 0;
	padding: 1px 0 0;
	font-size: 14px;
}

.col_topnews .cont dl dt span.label_new {
	width: 36px;
	margin: 0 0 0 7px;
	padding: 0;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background-color: #eb6137;
	display: inline-block;
}

.col_topnews .cont dl dd {
	width: calc( 100% - 160px );
	margin: 0;
	padding: 0;
	font-size: 15px;
}


@media screen and (max-width: 700px) {

	#wrap_content {
		padding: 26px 0 60px 0;
	}

	.mds_news {
		font-size: 22px;
	}
	
	.mds_news::before {
		
		width: 12px;
		height: 2px;
		bottom: -11px;
	}

.bg_topnews {
	
	border-radius: 9px;
	}

	.col_topnews .cont dl:first-of-type{
		border-top: none;
	}

	.col_topnews {
		padding: 20px 20px 26px;
	}

	.col_topnews .cont dl {
		width: 100%;
		padding: 10px 10px;
		display: block;
	}

	.col_topnews .cont dl dt {
		width: 100%;
		padding: 0 0 2px;
	}
	
	.col_topnews .cont dl dd {
		width: 100%;
	}

}




/* --------------- greeting --------------- */

.cont_greeting {
	width: 100%;
	margin: 0 0 15px;
	padding: 0 10px 18px;
	border-bottom: solid 1px #ddd;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
}

.img_greeting1 {
	width: 160px;
    margin: 0 20px 0 0 ;
}

.cont_greeting .author {
	width: calc( 100% - 180px );
	margin: 0;
	padding: 6px 0;
	font-size: 14px;
	line-height: 1.5;
}

.cont_greeting .author .belongs { line-height: 1.5; }

.cont_greeting .author .name {
	font-size: 18px;
}

.txt_greeting {
	width: 100%;
	margin: 0;
	text-align: justify;
}



/* --------------- summary --------------- */

dl.list_summary1 {
	width: 100%;
	margin: 0;
	padding: 15px 0 18px;
	border-bottom: dashed 1px #ddd;
	display: flex;
	align-items: flex-start;
}

dl.list_summary1 dt {
	width: 130px;
	margin: 0;
	padding: 0 10px;
	font-weight: 600;
	box-sizing: border-box;
}

dl.list_summary1 dd {
	width: calc( 100% - 130px );
	margin: 0;
	padding: 0;
}

/* -------------- sponsor -------------- */

.sponsor1 {
	width: 320px;
	line-height: 1.3;
}

.sponsor1 > span {
	padding-top: 2px;
}

.sponsor2 {
	width: 100%;
	max-width: 230px;
	margin-bottom: 40px;
}

.tbl_sponsor1 {
	max-width: 800px;
    margin: 0 auto 18px;
    border-top: solid 1px #036eb8;
    border-left: solid 1px #036eb8;
}

.tbl_sponsor1 th {
    width: 120px;
    padding: 10px 15px 8px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #036eb8;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

.tbl_sponsor1 td {
    padding: 10px 30px 10px;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

ul.list_sponsor1 {
	max-width: 725px;
	margin: 0 auto 15px;
	padding: 0;
}

ul.list_sponsor1 li {
	padding: 0 0 0 1rem;
	text-indent: -1rem;
}

ul.list_sponsor1 li span {
	color: #036eb8;
	font-size: 15px;
}

.txt_sponsor1 {
	max-width: 725px;
	margin: 0 auto;
}

/* .tbl_sponsor1 td:nth-of-type(2) {
	width: 250px;
} */

.flow_company1 {
	max-width: 730px;
	margin: 0 auto 40px;
}

.flow_company1 dl {
	position: relative;
	z-index: -1;
}

.flow_company1 dl:first-child {
	margin-top: 30px;
}

.flow_company1 dl::after {
	width: 0;
    height: 0px;
    border: 12px solid transparent;
    border-left-color: #036eb8;
    content: "";
    position: absolute;
    bottom: -38px;
    right: 50%;
    border-left-width: 11px;
    border-right-width: 11px;
    transform: rotate(90deg);
}
.flow_company1 dl:last-child::after {
	content: none;
}

.flow_company1 dt {
	width: 100%;
    margin: 15px 0 0;
    padding: 10px;
	color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    background-color: #036eb8;
    display: table;
}
.flow_company1 dd {
	margin: 0 0 40px;
    padding: 10px 17px;
    background-color: #fff;
    border-left: solid 1px #036eb8;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}
.box_company_notice {
	max-width: 900px;
    margin: 0 auto;
    padding: 15px 14px;
	border: solid 1px #036eb8;
}

dl.list_faq dt {
	width: 30px;
    margin: 0;
    padding: 0 10px 0 0;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    display: table-cell;
    vertical-align: top;
}

dl.list_faq dd {
	margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: top;
}

dl.list_faq.ques {
	color: #0096e0;
}

dl.list_faq.ans {
	margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: dashed 1px #ccc;	
}

dl.list_faq.ans dt {
	color: #ff0068;
}
/* --------------- link --------------- */

ul.list_link1 {
	margin: 0;
	padding: 0;
}

ul.list_link1 li {
	margin: 0 0 5px;
	padding: 0;
}

ul.list_link1 li span.mds {
	width: 20px;
	margin: 0;
	padding: 0;
	display: inline-block;
}


/* --------------- abstract --------------- */

.btn1.abstract2 {
	width: 240px;
	margin: 15px auto 0;
	padding: 7px 0 5px;
	line-height: 1.5;
}

.btn1.abstract2.pdf > span {
	padding-right: 5px;
}

.btn1.abstract2.pdf > span:after {
	top: 0;
	right: 10px;
}

.txt_period_abstract {
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	display: flex;
	flex-wrap: wrap;
}

.txt_period_abstract2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

.indent_abst1 {
	margin-left: 210px;
}

.indent_abst2 {
	margin-left: 80px;
}

.indent_abstract2 {
	margin-left: 1.5em;
}

ol.list_abstract1 {
	margin: 10px 0 0;
	padding: 0;
	list-style-type: none;
}

ol.list_abstract1 li {
	margin: 0;
	padding: 0 0 0 1.3em;
	text-indent: -1.3em;
}

ol.list_abstract3 {
	margin: 10px 0 0;
	padding: 0;
	list-style-type: none;
}

ol.list_abstract3 li {
	margin: 0;
	padding: 0 0 0 1.56em;
	text-indent: -1.56em;
}

ul.list_abstract4 {
	margin: 0 0 15px;
	padding: 0;
	list-style-type: none;
}

ul.list_abstract4 li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

ul.list_abstract5 {
	margin: 0 0 15px 2.2em;
	padding: 0;
	list-style-type: none;
}

ul.list_abstract5 li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.txt_abstract1{
	margin: 0 0 15px 2.6em;
}

.mds_abstract1 {
	padding: 0 0 0 2.6em;
	text-indent: -2.6em;
}

ol.list_abstract5 {
	margin: 0 0 15px 2.2em;
	padding: 0;
	list-style-type: none;
}

ol.list_abstract5 li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.box_abstract1 {
	max-width: 600px;
	width: 85%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.box_abstract1 .img {
	margin: 0 40px 0 0;
}

.box_abstract1 .img img {
	border: solid 1px #ccc;
}

.box_abstract1 .img img:hover{
	opacity:0.5;
	transition:0.3s;
}

.box_abstract1 .img span{
	text-align: center;
}

.txt2_abstract{
	margin-top: 5px;
	text-align: center;
}

.tbl_abstract1 {
	width: 780px;
    margin: 0 auto 18px;
    border-top: solid 1px #036eb8;
    border-left: solid 1px #036eb8;
}

.tbl_abstract1 th {
   
    padding: 7px 10px 5px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #036eb8;
    border-top: solid 1px #036eb8;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #036eb8;
}

.tbl_abstract1 th:last-of-type {
	border-right: solid 1px #036eb8;
}

.tbl_abstract1 td {
    padding: 7px 18px 5px;
    text-align: center;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

.tbl_abstract1 td:last-of-type {
  text-align: left;
}

.mds_abstract2 {
	max-width: 780px;
	width: 100%;
    margin: 15px auto 5px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.tbl_abstract2 {
	width: 780px;
    margin: 0 auto 25px;
    border-top: solid 1px #036eb8;
    border-left: solid 1px #036eb8;
}

.tbl_abstract2 th {
    padding: 7px 10px 5px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #036eb8;
    border-top: solid 1px #036eb8;
    border-bottom: solid 1px #fff;
}

.tbl_abstract2 td {
    padding: 7px 18px 5px;
    text-align: center;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

.tbl_abstract2 td:last-of-type {
  text-align: left;
}

ol.list_abstract6 {
	margin: 0 0 20px 1em;
	padding: 0;
	list-style-type: none;
}

ol.list_abstract6 li {
	margin: 0;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}

.indent_abstract1 {
	margin-left: 2.6em;
	text-indent: 0;
}

.tbl_abstract3 {
	width: 640px;
    margin: 0 auto 25px;
    border-top: solid 1px #036eb8;
    border-left: solid 1px #036eb8;
}

.tbl_abstract3 th {
	width: 50px;
    padding: 7px 8px 5px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #036eb8;
    border-top: solid 1px #036eb8;
    border-bottom: solid 1px #fff;
}

.tbl_abstract3 th.last {
	border-bottom: solid 1px #036eb8;
}

.tbl_abstract3 td {
	width: 270px;
    padding: 7px 18px 5px;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

.btnarea_abstract2 {
	max-width: 360px;
	width: 100%;
	margin: 0 auto 35px;
	padding: 0;
}

.btn1.abstract {
	width: 360px;
	margin: 0;
	padding: 7px 0 5px;
	line-height: 1.5;
}

.btn1.abstract.pdf > span {
	padding-right: 5px;
}


.btnarea_abstract {
	max-width: 540px;
	width: 88%;
	margin: 0 auto 35px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

.btn2.abstract {
	width: 240px;
	margin: 0;
}

.btn_gray_abstract {
	width: 240px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #999;
	border-radius: 10px;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	display: table;
}

.btn_gray_abstract > span {
	padding: 0 0 2px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 0;
}

.tbl_abstract4 {
	width: 720px;
    margin: 20px auto 35px;
    border-top: solid 1px #036eb8;
    border-left: solid 1px #036eb8;
}

.tbl_abstract4 th {
    padding: 7px 8px 5px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #036eb8;
    border-top: solid 1px #036eb8;
    border-right: solid 1px #fff;
}

.tbl_abstract4 th:last-of-type {
	width: 80px;
}

.tbl_abstract4 td {
    padding: 7px 18px 5px;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

.tbl_abstract4 td div {
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}

ul.list_abstract7 {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul.list_abstract7 li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}


/* --------------- social --------------- */


ol.list_social1 {
	margin: 10px 0 0 0.6em;
	padding: 0;
	list-style-type: none;
}

ol.list_social1 li {
	margin: 0;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}

.btn1.social1 {
	width: 250px;
}

.btn_gray_social {
	width: 250px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #999;
	border-radius: 10px;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	display: table;
}

.btn_gray_social > span {
	padding: 0 0 2px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 0;
}


.tbl_social1 {
	max-width: 760px;
	width: 100%;
	margin: 0 0 15px 0;
	border-top: solid 1px #036eb8;
	border-left: solid 1px #036eb8;
}

.tbl_social1 th {
	width: 140px;
	padding: 8px 20px 7px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background-color: #036eb8;
	border-top: solid 1px #036eb8;
	border-bottom: solid 1px #fff;
}

.tbl_social1 th.last {
	border-bottom: solid 1px #036eb8;
}

.tbl_social1 td {
    padding: 9px 20px 7px;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}


/* --------------- specified --------------- */


.indent_specified1 {
	margin-left: 27px;
	text-indent: 0;
}


/* --------------- join --------------- */

table.tbl_join_fee {
	width: 100%;
	max-width: 700px;
	margin: 10px 0 15px 0px;
	padding: 0;
}

table.tbl_join_fee th {
	margin: 0;
	padding: 12px 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.5;
	background-color: #036eb8;
	border-top: solid 1px #036eb8;
	border-bottom: solid 1px #036eb8;
	border-left: solid 1px #036eb8;
	border-right: solid 1px #ffffff;
}

table.tbl_join_fee th:first-child {
	width: 200px;
}

table.tbl_join_fee th:last-child {
	border-right: solid 1px #036eb8;
}

table.tbl_join_fee td {
	margin: 0;
	 padding: 10px 30px 10px;
	text-align: center;
	border-right: solid 1px #036eb8;
	border-bottom: solid 1px #036eb8;
}

table.tbl_join_fee td:first-child {
	padding-left: 20px;
	border-left: solid 1px #036eb8;
	text-align: left;
}

table.tbl_join_fee .line {
	background-image: linear-gradient(to left top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px));
}

ol.note_join1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.note_join1 li {
	margin: 0 0 5px;
	padding: 0 0 0 2.55em;
	text-indent: -2.55em;
}

ol.note_join1 li * {
	text-indent: 0;
}

ol.note_join1 li:last-of-type {
	margin-bottom: 0;
}

.box_join1 {
	margin: 0 0 15px;
	padding: 14px 20px 16px 13px;
	border: solid 1px #231815;
}

ol.note_join1 li .box_join1 {
	max-width: 620px;
	margin-top: 8px;
	padding-left: 22px;
}

.indent_join2 {
	padding: 0 0 0 8em;
	text-indent: -8em;
}


table.tbl_join2 {
	width: 920px;
	margin: 10px 0 15px 0px;
	padding: 0;
}

table.tbl_join2 th {
	margin: 0;
	padding: 12px 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.5;
	background-color: #036eb8;
	border-top: solid 1px #036eb8;
	border-bottom: solid 1px #036eb8;
	border-left: solid 1px #036eb8;
	border-right: solid 1px #ffffff;
}



table.tbl_join2 th:nth-of-type(2) ,
table.tbl_join2 th:nth-of-type(3) {
	width: 350px;
}

table.tbl_join2 th:last-child {
	border-right: solid 1px #036eb8;
}

table.tbl_join2 td {
	margin: 0;
	 padding: 10px 10px 10px;
	text-align: left;
	border-right: solid 1px #036eb8;
	border-bottom: solid 1px #036eb8;
}

table.tbl_join2 td:first-child {
	border-left: solid 1px #036eb8;
	text-align: left;
}

.tbl_join3 {
	width: 600px;
    margin: 10px 0 15px;
    border-top: solid 1px #036eb8;
    border-left: solid 1px #036eb8;
}

.tbl_join3 th {
    padding: 9px 10px 7px 15px;
    font-weight: normal;
    text-align: left;
    background-color: #deeef9;
    border-top: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

.tbl_join3 td {
    padding: 9px 18px 7px;
    text-align: left;
    border-right: solid 1px #036eb8;
    border-bottom: solid 1px #036eb8;
}

.tbl_join3 td:last-of-type {
  text-align: left;
}

.indent_join3 {
	padding: 0 0 0 23px;
}


.list_flow_join1 {
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.6;
	display: flex;
}

.list_flow_join1 > div {
	margin: 0 24px 0 0;
	border: solid 1px #036eb8;
	position: relative;
	z-index: 0;
}

.list_flow_join1 > div::before {
	content: "";
	margin: 0;
	padding: 0;
	border-left: solid 8px #036eb8;
	border-top: solid 8px rgba(255,255,255,0);
	border-bottom: solid 8px rgba(255,255,255,0);
	position: absolute;
	top: calc( 50% - 8px );
	right: -17px;
}
.list_flow_join1 > div:last-child::before { content: none; }

.list_flow_join1 div.join1 {
	width: 230px;
	height: 64px;
	margin: 0;
	padding: 0;
	color: #036eb8;
	font-weight: bold;
	text-align: center;
	background-color: #cee2f0;
	border-bottom: solid 1px #036eb8;
	display: flex;
	align-items: center;
	justify-content: center;
}

.list_flow_join1 div.join1:last-of-type {
	width: 170px;
	margin-right: 0;
	padding: 0;
	color: #fff;
}

.txt_flow_join1 {
	padding: 8px 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.4;
}

.box_flow_join1 {
	margin: 0 0 20px;
	padding: 0;
	border: solid 1px #036eb8;
}

.box_flow_join1 span.bgcolor {
	margin: 0;
	padding: 1px 3px;
	font-weight: bold;
	background-color: #ceefff;
}

.mds_flow_join1 {
	margin: 0;
	padding: 10px 15px;
	color: #036eb8;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	background-color: #cee2f0;
	border-bottom: solid 1px #036eb8;
}

.mds_flow_join1 span {
	font-size: 16px;
}

.cont_flow_join1 {
	padding: 20px 20px 20px;
}

.box_join_nyukai {
	padding: 15px 22px 13px;
	background-color: #fbfdfe;
	border: solid 1px #00469c;
	display: inline-block;
}

ol.list_flow_join2 {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.list_flow_join2 li {
	margin: 0 0 8px;
	padding: 0 0 0 20px;
	text-indent: -20px;
}

ol.list_flow_join2 li:last-child {
	margin-bottom: 0;
}

ol.list_flow_join2 li div:not(.indent1) {
	text-indent: 0;
}

ol.list_flow_join2 li .indent1 {
	text-indent: -1em !important;
}

.col_note_flow1 {
	margin: 8px 0 15px;
	padding: 12px 20px;
	border: solid 1px #666;
}

table.subbox_flow_join1 {
	width: 100%;
	margin: 5px 0 14px 0;
	padding: 0;
	text-indent: 0;
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
}

table.subbox_flow_join1 th {
	width: 50%;
	margin: 0;
	font-weight: bold;
	text-align: left;
	padding: 10px 15px 10px;
	border-right: solid 1px #666;
}

table.subbox_flow_join1 td {
	margin: 0;
	padding: 0px 15px 10px;
	border-right: solid 1px #666;
	vertical-align: top;
}

.box_attntion_join {
	margin: 0 0 15px;
	padding: 12px 23px 10px;
	color: #e60012;
	font-weight: bold;
	border: solid 1px #e60012;
}

ol.list_purchase_join {
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
}

ol.list_purchase_join li {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	text-indent: -15px;
}

ol.list_purchase_join li div:not(.indent) {
	text-indent: 0;
}

ol.list_purchase_join li a {
	color: #000;
}

dl.box_join3 {
	width: 320px;
	margin: 5px 0 8px;
	padding: 9px 12px;
	font-weight: bold;
	border: solid 1px #666;
}

dl.box_join3 dt {
	width: 90px;
	margin: 0;
	padding: 0;
	float: left;
}

dl.box_join3 dd {
	width: 230px;
	margin: 0;
	padding: 0;
	float: left;
}

.card_join {
	width: 100%;
	margin: 10px 0 20px;
	text-indent: 0;
	text-align: center;
	border: solid 1px #231815;
}

.card_join th {
	padding: 12px 0;
	font-weight: normal;
	line-height: 19px;
}

.card_join td {
	padding: 0 0 12px;
	font-weight: normal;
	line-height: 19px;
}

.btn1.join1 {
	width: 260px;
	margin: 0 auto 0;
}

ul.list_join3 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.list_join3 li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.subbox_sp_join1 {
	display: none;
}

.subbox_sp_join2 {
	display: none;
}

.img_credit1 {
	max-width: 360px;
	width: 100%;
}

.img_credit1 img {
	max-width: 360px;
}

.card_sp_join {
	display: none;
}

.btn2.join1 {
	width: 260px;
	margin: 0 auto 0;
}


/* --------------- program --------------- */

.mds1.program {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.mds1.program .date {
	margin: 0 0 0 auto;
	padding: 0 0 0 15px;
	color: #000;
	font-size: 14px;
	font-weight: normal;
}

.mds2.program {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.mds2.program .date {
	margin: 0 0 0 auto;
	padding: 0 10px 0 15px;
	color: #000;
	font-size: 14px;
	font-weight: normal;
}

.btnarea_program1 {
	margin: 0 0 30px;
	padding: 0;
	display: flex;
	justify-content: center;
}

.btnarea_program1 .btn1 {
	width: 200px;
	margin: 0 10px;
	padding: 8px 0;
	font-size: 15px;
	line-height: 1.3;
	text-align: center;
}

.btnarea_program1 .btn1 .small { font-size: 14px; }

.btnarea_program2 {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.btnarea_program2 .btn1 {
	width: calc( ( 100% - 35px )/3 );
	margin: 0 0 12px;
}

.btnarea_program2 .btn1.special { width: calc( ( 100% - 18px )/2 + 50px ); }


.btnarea_program3 {
	margin: 0 0 30px;
	padding: 0;
	display: flex;
	justify-content: left;
}




.btnarea_program3 .btn1 {
	width: calc( ( 100% - 344px )/2 );
	margin: 0 17px 12px 0;
}

ul.info_program1 {
	margin: 0  0 10px;
	padding: 0;
	font-size: 13px;
	display: flex;
	flex-wrap: wrap;
}

ul.info_program1 li {
	margin: 0 15px 0 0;
	padding: 0 0 4px;
	line-height: 1.5;
}

ul.info_program1 li span:not(.link_social) {
	margin: 0 6px 0 0;
	padding: 1px 4px;
	color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
}
ul.info_program1 li span.apply { background-color: #ea95b4; }
ul.info_program1 li span.limit { background-color: #ee7c58; }

ul.info_program1 li.info_social_program {
	width: 100%;
	display: flex;
	align-items: flex-start;
}
ul.info_program1 li.info_social_program span.apply { width: 99px; }
ul.info_program1 li.info_social_program .txt { width: calc( 100% - 105px ); }

ul.info_program1 li span.link_social {
	color: #004491;
	text-decoration: underline;
	cursor: pointer;
}

ul.info_program1 li span.link_social:hover { text-decoration: none; }

.session_program {
	margin: 0 0 7px;
	padding: 0;
	color: #22a4df;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}

.endai_program {
	margin: 14px 0 5px 60px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}

dl.list_program {
	width: 100%;
	margin: 0;
	padding: 0 5px;
	box-sizing: border-box;
	display: flex;
}

dl.list_program dt {
	width: 155px;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: right;
	box-sizing: border-box;
}

dl.list_program dd {
	width: calc( 100% - 155px );
	margin: 0;
	padding: 0;
	display: flex;
}
dl.list_program dd .name {
	width: 100px;
	margin: 0;
	padding: 0 15px 0 0;
	box-sizing: border-box;
}

dl.list_program dd .belongs {
	width: calc( 100% - 100px );
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	box-sizing: border-box;
}

/* --------------- program 交流集会7 詳細 --------------- */

#wrap_sociald {
	margin: 0;
	padding: 5% 4%;
}

ol.list_num_sociald1 {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

ol.list_num_sociald1 li {
	margin: 0;
	padding: 0 0 0 22px;
	text-indent: -22px;
}
ol.list_num_sociald1 li *:not(.indent1) { text-indent: 0; }

ol.list_num_sociald1 li .num {
	width: 22px;
	margin: 0;
	padding: 0;
	display: inline-block;
}

ol.list_num_sociald2 {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
}

ol.list_num_sociald2 li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
ol.list_num_sociald2 li *:not(.indent1) { text-indent: 0; }




/* --------------- pr --------------- */

ul.list_pr1 {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

ul.list_pr1 li * { text-indent: 0; }

.btn2.pr1 {
	width: 90%;
	max-width: 220px;
}

dl.list_poster2 {
	width: 100%;
	margin: 0 0 0;
	padding: 0;
	display: flex;
}

dl.list_poster2:last-of-type {
	margin: 0 0 20px;
}

dl.list_poster2 dt {
	width: 102px;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-align-last:justify;
}

dl.list_poster2 dd {
	margin: 0;
	padding: 0 0 0 5px;
}

.btn1.poster2 {
	width: 290px;
	margin: 0 auto 20px;
}




