@charset "utf-8";

._center{
	margin: 10px auto;
}
	.flex-25 {
		width:22%;
	}	
	.flex-68 {
		width:66%;
		margin-right: 2%;
	}

/*----------------ul設定-------------------*/

ul {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
}

ul li  {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 23px;
	text-align: justify;
}

ul li span {
	position: absolute;
	left: 0;
	margin: 0;
	height: 41px;
}

/** Clear
---------------------------------------------------------------------------------*/
.clear { clear:both; }
.clearfix:after { 
	content:"";
	display:block;
	clear:both;
	height:0;
}

section:after,
div:after,
ul:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

/** Position
---------------------------------------------------------------------------------*/
div.center,
img.center,
input.center {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.left { float:left; }
.right { float:right; }
.img-left {
	float:left;
	margin:0 30px 20px 0;
}

.img-right {
	float:right;
	margin:0 0 20px 30px;
}

.t-c { text-align:center; }
.t-r { text-align:right; }
.t-c .text{
	text-align: left;
	display: inline-block;
	line-height: 1.5;
}

.border{
	border: solid 1px #999;
}

.border_2{
	border: solid 1px #474747;
}

.frame_ao {
  position: relative;
  width: 80%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 2em 2em;
	outline: 2px solid #0070b8;
	outline-offset: -10px;
	margin-bottom: 40px;
}

.frame_ao::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background:
    radial-gradient(circle at top left, transparent 20px, #0070b8 20px, #0070b8 23px, transparent 23px) left top / 23px 23px no-repeat,
    radial-gradient(circle at top right, transparent 20px, #0070b8 20px, #0070b8 23px, transparent 23px) right top / 23px 23px no-repeat,
    radial-gradient(circle at bottom left, transparent 20px, #0070b8 20px, #0070b8 23px, transparent 23px) left bottom / 23px 23px no-repeat,
    radial-gradient(circle at bottom right, transparent 20px, #0070b8 20px, #0070b8 23px, transparent 23px) right bottom / 23px 23px no-repeat,
    linear-gradient(90deg, transparent 20px, #0070b8 23px) left top / 51% 3px no-repeat,
    linear-gradient(-90deg, transparent 20px, #0070b8 23px) right top / 51% 3px no-repeat,
    linear-gradient(90deg, transparent 20px, #0070b8 23px) left bottom / 51% 3px no-repeat,
    linear-gradient(-90deg, transparent 20px, #0070b8 23px) right bottom / 51% 3px no-repeat,
    linear-gradient(180deg, transparent 20px, #0070b8 23px) left top / 3px 51% no-repeat,
    linear-gradient(0deg, transparent 20px, #0070b8 23px) left bottom / 3px 51% no-repeat,
    linear-gradient(180deg, transparent 20px, #0070b8 23px) right top / 3px 51% no-repeat,
    linear-gradient(0deg, transparent 20px, #0070b8 23px) right bottom / 3px 51% no-repeat;
}

a.pdf:after {
    content:" ";
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../img/pdf_24.png") no-repeat;
}

a.link:after {
    content:" ";
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../img/link_window_icon.png") no-repeat;
	color: blue;
}

/** Color
---------------------------------------------------------------------------------*/
.red { color:#be0018 !important; }
.green { color:#148c28 !important; }
.blue { color:#0070b8 !important; }
.orange { color:#f0641e !important; }
.purple { color:#5a50a0 !important; }
.white { color:#ffffff !important; }
.black { color:#333 !important; }
.pink{color: #db7093 !important;}
.bold {font-weight: bold;}

/*ボーダー設定*/

.border{
	border:  solid 1px #999;
}

.border_bl{
	color: #fff;
	padding: 10px; 
	background-color: #0070b8;
	border: 1px solid #999;
	margin-bottom: 0px;	
}
.border_bl2{
	color: #fff;
	padding: 2px; 
	background-color: #0070b8;
	margin-bottom: 0px;	
}

.border_gr{
	padding: 10px;
	background-color: #C8C8C8;
}


.border_or{
	color: #fff;
	padding: 10px; 
	background-color: #daa520;
}

.border_pink{
	color: #fff;
	padding: 10px; 
	background-color: #ff6666;
}
.border_pink_w240{
	color: #fff;
	padding: 5px; 
	background-color: #ff6666;
	width: 240px;
	text-align: center;
	line-height: 1.5;
}

.border_green_w240{
	color: #fff;
	padding: 5px; 
	background-color: #148c28;
	width: 240px;
	text-align: center;
	line-height: 1.5;
}

.border_orange_w240{
	color: #fff;
	border: 1px solid #999;
	line-height: 1.5;
	padding: 5px; 
	background-color: #f0641e;
	width: 240px;
	text-align: center;
}

/** Font
---------------------------------------------------------------------------------*/
* {
	font-family:'Meiryo', "HG創英角ｺﾞｼｯｸUB", 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

@font-face {
	font-family: 'ロゴたいぷゴシック';
	src: url('../font/ロゴたいぷゴシック.woff') format('woff');
}

.font-logotype {
	font-family: "ロゴたいぷゴシック";
}


/** Margin Padding
---------------------------------------------------------------------------------*/
.mtop0 { margin-top:0px !important; }
.mtop5 { margin-top:5px !important; }
.mtop10 { margin-top:10px !important; }
.mtop15 { margin-top:15px !important; }
.mtop20 { margin-top:20px !important; }
.mtop30 { margin-top:30px !important; }
.mtop40 { margin-top:40px !important; }
.mtop67 { margin-top:66px !important; }
.mtop118 { margin-top:184px !important; }
.mtop50 { margin-top:50px !important; }
.mbottom0 { margin-bottom:0px !important; }
.mbottom5 { margin-bottom:5px !important; }
.mbottom10 { margin-bottom:10px !important; }
.mbottom15 { margin-bottom:15px !important; }
.mbottom20 { margin-bottom:20px !important; }
.mbottom30 { margin-bottom:30px !important; }
.mbottom40 { margin-bottom:40px !important; }
.mbottom50 { margin-bottom:50px !important; }
.mleft0 { margin-left:0px !important; }
.mleft5 { margin-left:5px !important; }
.mleft10 { margin-left:10px !important; }
.mleft15 { margin-left:15px !important; }
.mleft20 { margin-left:20px !important; }
.mleft30 { margin-left:100px !important; }
.mright0 { margin-right:0px !important; }
.mright5 { margin-right:5px !important; }
.mright10 { margin-right:10px !important; }
.mright15 { margin-right:15px !important; }
.mright20 { margin-right:20px !important; }
.mright30 { margin-right:120px !important; }
.ptop0 { padding-top:0px !important; }
.ptop5 { padding-top:5px !important; }
.ptop10 { padding-top:10px !important; }
.ptop15 { padding-top:15px !important; }
.ptop20 { padding-top:20px !important; }
.ptop30 { padding-top:30px !important; }
.ptop40 { padding-top:40px !important; }
.pbottom0 { padding-bottom:0px !important; }
.pbottom5 { padding-bottom:5px !important; }
.pbottom10 { padding-bottom:10px !important; }
.pbottom15 { padding-bottom:15px !important; }
.pbottom20 { padding-bottom:20px !important; }
.pleft0{ padding-left:0px !important; }
.pleft5{ padding-left:5px !important; }
.pleft10{ padding-left:10px !important; }
.pleft15{ padding-left:15px !important; }
.pleft20{ padding-left:20px !important; }
.pright0{ padding-right:0px !important; }
.pright5{ padding-right:5px !important; }
.pright10{ padding-right:10px !important; }
.pright15{ padding-right:15px !important; }
.pright20{ padding-right:20px !important; }

/** Font
---------------------------------------------------------------------------------*/
@media print, screen and (min-width: 640px) {
.f10 { font-size:10px !important; font-weight:normal !important; }
.f11 { font-size:11px !important; font-weight:normal !important; }
.f12 { font-size:12px !important; font-weight:normal !important; }
.f13 { font-size:13px !important; font-weight:normal !important; }
.f14 { font-size:14px !important; font-weight:normal !important; }
.f16 { font-size:16px !important; font-weight:normal !important; }
.f18 { font-size:18px !important; font-weight:normal !important; }
.f20 { font-size:1.1vw !important; font-weight:normal !important; }
.f22 { font-size:22px !important; font-weight:normal !important; }
.f24 { font-size:24px !important; font-weight:normal !important; }
.f28 { font-size:28px !important; font-weight:normal !important; }
.f32 { font-size:32px !important; font-weight:normal !important; }
.f35 { font-size:35px !important; font-weight:normal !important; }
.f10b { font-size:10px !important; font-weight:bold !important; }
.f11b { font-size:11px !important; font-weight:bold !important; }
.f12b { font-size:12px !important; font-weight:bold !important; }
.f13b { font-size:13px !important; font-weight:bold !important; }
.f14b { font-size:14px !important; font-weight:bold !important; }
.f15b { font-size:15px !important; font-weight:bold !important; }
.f16b { font-size:16px !important; font-weight:bold !important; }
.f18b { font-size:18px !important; font-weight:bold !important; }
.f20b { font-size:20px !important; font-weight:bold !important; }
.f22b { font-size:22px !important; font-weight:bold !important; }
.f24b { font-size:24px !important; font-weight:bold !important; }
.f28b { font-size:28px !important; font-weight:bold !important; }
.f35b { font-size:2vw !important; font-weight:bold !important; }
}
@media print, screen and (max-width: 639px) {
.f10 { font-size:10px !important; font-weight:normal !important; }
.f11 { font-size:10px !important; font-weight:normal !important; }
.f12 { font-size:10px !important; font-weight:normal !important; }
.f13 { font-size:10px !important; font-weight:normal !important; }
.f14 { font-size:14px !important; font-weight:normal !important; }
.f16 { font-size:12px !important; font-weight:normal !important; }
.f18 { font-size:12px !important; font-weight:normal !important; }
.f20 { font-size:50% !important; font-weight:normal !important; }
.f25b { font-size:16px !important; font-weight:normal !important; }
.f22 { font-size:16px !important; font-weight:normal !important; }
.f24 { font-size:18px !important; font-weight:normal !important; }
.f28 { font-size:18px !important; font-weight:normal !important; }
.f32 { font-size:18px !important; font-weight:normal !important; }
.f10b { font-size:10px !important; font-weight:bold !important; }
.f11b { font-size:10px !important; font-weight:bold !important; }
.f12b { font-size:10px !important; font-weight:bold !important; }
.f13b { font-size:10px !important; font-weight:bold !important; }
.f14b { font-size:12px !important; font-weight:bold !important; }
.f15b { font-size:12px !important; font-weight:bold !important; }
.f16b { font-size:12px !important; font-weight:bold !important; }
.f18b { font-size:12px !important; font-weight:bold !important; }
.f20b { font-size:16px !important; font-weight:bold !important; }
.f22b { font-size:16px !important; font-weight:bold !important; }
.f24b { font-size:18px !important; font-weight:bold !important; }
.f28b { font-size:18px !important; font-weight:bold !important; }
.f35b { font-size:18px !important; font-weight:bold !important; }
}

/** Box
---------------------------------------------------------------------------------*/
.box-shadow {
	border:1px solid #ccc;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}
.box-r6 {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.box-btm-r6 {
	border-radius:0 0 6px 6px / 0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px / 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px / 0 0 6px 6px;
}
.box-top-r6 {
	border-radius:6px 6px 0 0 / 6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0 / 6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0 / 6px 6px 0 0;
}

/** .flex
---------------------------------------------------------------------------------*/
.flex-sp,.flex-sp2 {
	display: -webkit-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
}
.flex-sp:after ,.flex-sp2:after {
	content:none;
}

@media screen and (max-width: 639px) {
	.flex-sp2{
		margin: 5px;
	}
	.flex .flex-txt {
		padding-bottom:15px;
	}
	.flex .flex-2 {
		margin-bottom: 30px;
	}
	.flex .flex-3,
	.flex .flex-4 {
		margin-bottom: 20px;
	}
	.flex-sp .flex-2,
	.flex-sp .flex-2_1,
	.flex-sp .flex-3,
	.flex-sp .flex-4 {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.flex-sp2 .flex-4{
		width:23.5%;
		margin-right: 0.5%

	}
}

@media print, screen and (min-width: 640px) {
	.flex-sp2{
		margin: 20px;
	}
	.flex {
		display: -webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap:         wrap;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
	.flex-reverse {
		-webkit-flex-direction: row-reverse;
		flex-direction:         row-reverse;
	}
	.flex-start {
		justify-content: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
	}
	.flex-center {
		-webkit-align-items: center;
		align-items:         center;
	}
	.flex-bottom {
		-webkit-align-items: flex-end;
		align-items:         flex-end;
	}
	.flex-2 {
		width:48%;
	}
	
	.flex-2_1 {
		width:50%;
	}

	.flex-2_2 {
		width:65%;
	}
	.flex-2_3 {
		width:25%;
	}
	.flex-3 {
		width:32%;
		margin-right: 2%;
	}

	
	.flex-3_1 {
		width:33%;
	}
	.flex-4 {
		width:23.5%;
		margin-right: 2%;
	}
	
	.flex-5 {
		width:15%;
		margin-right: 2%;
	}
	.flex-5_2 {
		width:80%;
	}
	.flex-3:nth-of-type(3n) {
		margin-right: 0;
	}
	.flex-4:nth-of-type(4n) {
		margin-right: 0;
	}
}
.flex:after {
	content:none;
}
	.flex-35 {
		width:40%;
	}
	.flex-65 {
		width:60%}
	
	}
	.flex-25 {
		width:22%;
	}
	
	.flex-24 {
		width:33%;
		margin-top: 10px;
	}

section{
	margin: 40px auto 0;
}

/*midashi----------------------------------------------------------------------------*/

@media print, screen and (min-width: 1040px) {
	.midashi:before,.midashi2:before,.midashi3:before,.midashi4:before,.midashi5:before {
		position: absolute;
		bottom: -2px;
		left: 0px;
    	width: 6px;
    	height: 90%;
    	content: '';
    	border-radius: 3px;
    	background: #27acd9;
	}
	
	.midashi, .midashi2, .midashi3 ,.midashi4,.midashi5 {
		/*background: #eaf5f9;*/
		padding: 1rem 1rem 1rem 1rem ;
		position: relative;
		width: 100%;
		text-align: left;
		border-bottom: solid 3px #27acd9;
	}
	
	.midashi2{
		/*background: #eaf5f9;*/
		padding: 1rem 1rem 1rem 2rem;
		position: relative;
		width: 50%;
		text-align: left;
		border-bottom: solid 3px #27acd9;
	}
	
	
	.midashi3{
		/*background: #eaf5f9;*/
		padding: 1rem 1rem 1rem 2rem;
		position: relative;
		width: 30%;
		text-align: left;
		border-bottom: solid 3px #27acd9;
		margin-bottom: 20px;
	}
	
	.midashi4{
		/*background: #eaf5f9;*/
		padding: 1rem 1rem 1rem 2rem;
		position: relative;
		width: 25%;
		text-align: left;
		border-bottom: solid 3px #27acd9;
	} 
	
	.midashi5{
		/*background: #eaf5f9;*/
		padding: 1rem 1rem 1rem 2rem;
		position: relative;
		width: 20%;
		text-align: left;
		border-bottom: solid 3px #27acd9;
	} 
}

@media print, screen and (max-width: 1039px) {
	
	.midashi:before, .midashi2:before, .midashi3:before, .midashi4:before, .midashi5:before {
		position: absolute;
		bottom: -2px;
		left: 0px;
    	width: 6px;
    	height: 90%;
    	content: '';
    	border-radius: 3px;
    	background: #27acd9;
	}
	
	.midashi, .midashi2, .midashi3 , .midashi4, .midashi5 {
		/*background: #eaf5f9;*/
		padding: 1rem 1rem 1rem 1rem ;
		position: relative;
		width: 90%;
		text-align: left;
		border-bottom: solid 3px #27acd9;
	}
}
/*テーブル設定*/

table._none{
	border: none;
}

table._none td{
	border: none;
	padding: 5px;
}