/* CSS Document */

section {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 100px;
	overflow:hidden;background-color:#FFF;
}
.sectiontop {
	background-color: #FFF;
	padding-top: 5%;
}


/*----------------------------------------------------------------------------head-----*/

header .logo {
	font-size: 20px;
	transition: 0.4s;
}
header .logo span {
	font-size: 10px;
	transition: 0.4s;
	text-align: center;
	display: block;
	margin-top: 25px;
}
header .inner{
	padding: 10px 10px 20px;
}
header ul.gnav {
	margin-bottom: 10px !important;
	margin-top: 0px;
}

.inner {
	width:1200px;
	margin:0 auto;
}
/*----------------------------------------------------*/

.vw_header{
	width: 100%;
	background-image: url(bgdot.png);
	background-color: rgba(0,0,0,0.4);
	overflow: hidden;
}
.vw_box {
	position: relative;
	top: 20%;
	z-index: 2;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}
.vw_inner {
	width: 1200px;
}
.vw_inner h1 {
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

/*---------------------------------------------------------------------------タイトル--*/
.h02{
	font-size: 24px;
}
.h021{
	position: relative;
	padding: 10px 10px 10px 25px;
	font-size: 20px;
	border: 1px solid #D8D8D8;
	border-top: 4px solid #325A8C;
	background: linear-gradient(#ffffff 0%, #EFEFEF 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.h021::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
	width: 18px;
	height: 18px;
}
.h003,.h003c {
	font-size: 56px;
	font-weight: bold;
	line-height: 1.2em;
}
.h003 img,.h003c img {
	vertical-align: middle;
	margin-right: 12px;
}
.h004,.h004c {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2em;
}
.h005,.h005c {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
.h003c,.h004c,.h005c {text-align: center;}
.h003 small,.h003c small,.h004 small,.h004c small,.h005 small,.h005c small{
	font-size: 18px;
	font-weight: normal;
}

/* -----------------------------------------------------------------------パンクズ-- */
ul.path {
	margin-right: 2%;
	margin-left: 2%;
	display: table;
	margin-top: 130px;
}
ul.path li{
	float: left;
	margin-right: 10px;
	padding-right: 0px;
	color: #FFF;
	font-size: 12px;
}
ul.path a {color:#FFF;text-decoration: none;}
ul.path a:after{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	margin-left: 10px;
}
ul.path li:last-child {
}

/* -----------------------------------------------------------------コンテンツ--- 
.row {overflow:hidden;}*/
.wid33 {
	width: 33.33333%;
	display: block;
}
.wid05 {width: 50%;display: block;}
/* -----------------------------------------------------------------リスト--- */
ul.ullist {
	overflow:hidden;}
ul.ullist li {
	margin-bottom: 3em;
}

ul.ullist01 {
	overflow: hidden;
	padding-left: 20px;
}
ul.ullist01 li {
	margin-bottom: 0.8em;
	text-indent: -8px;
}
ul.ullist01 li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	color: #999;
	font-size: 10px;
	position: relative;
	left: -5px;
	top: -1px;
	font-weight: bold;
}

ul.ullist02 {
	width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
	padding: 0;
	
}
ul.ullist02 li {
	float: left;
	margin: 0 1% 30px;
	padding: 20px;
	width: 48%;
	overflow:hidden;
	box-shadow: 0 0 0 1px #ccc inset, 0 0 0 4px #f2f2f2 inset;
}
ul.ullist03 {
	margin-left: 16px;
}
ul.ullist03 li {
	margin-bottom: 0.2em;
	padding-left: 20px;
}
ul.ullist03 li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	color: #666;
	left: -5px;
	position: relative;
	margin-left: -12px;
	font-weight: 900;
}
ul.ullist03  a {font-weight: bold;}
ul.ullist04 {
	margin-left: 12px;
}
ul.ullist04 li {
	margin-bottom: 0.2em;
	padding-left: 24px;
}
ul.ullist04 li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	color: #666;
	left: -8px;
	position: relative;
	margin-left: -8px;
	font-size: 50%;
	font-weight: 900;
}

ul.ullist04 li ul li:before {
	content: "◎";
	color: #000;
	left: -8px;
	position: relative;
	margin-left: -8px;
	font-size:10px;
}



ul.ullist04  a {font-weight: bold;}
/* チェックボックス */
ul.ullist05 {
	margin-left: 16px;
}
ul.ullist05 li {
	margin-bottom: 0.4em;
	padding-left: 20px;
}
ul.ullist05 li:before {
	font-family: FontAwesome;
	content: "\f046";
	font-size: 120%;
	color: #006699;
	left: -5px;
	position: relative;
	margin-left: -13px;
	top: 1px;
}
ul.ullist05  a {font-weight: bold;}
/* チェックボックス2 */
ul.ullist06 {
	margin-left: 16px;
}
ul.ullist06 li {
	margin-bottom: 0.4em;
	padding-left: 20px;
	clear: left;
	float: none;
}
ul.ullist06 li:before {
	font-family: FontAwesome;
	content: "\f14a";
	font-size: 120%;
	color: #006699;
	left: -5px;
	position: relative;
	margin-left: -13px;
	top: 1px;
	clear: none;
}


ul.ulphotolist {
	margin: 0 auto;
	display: table;
}
ul.ulphotolist li {
	display: inline-block;
	text-align: center;
	margin: 0 10px 10px;
	width: 31%;
}
ul.ulphotolist li {
    height: auto;
    overflow: hidden;
}
ul.ulphotolist li {
    height: auto;
    transition: .3s ease-in-out;
}
ul.ulphotolist li {
box-shadow:0px 0px 10px 4px rgba(255,255,255,0);
}
ul.ulphotolist li:hover {
box-shadow:0px 0px 10px 4px #c7c7c7;
background-color:rgba(0,0,0,0.03)
}
ul.ulphotolist img {
	margin-bottom: 2px;
}
/*--------------------------
ol.olno1 {
	padding-left: 1.8em;
}
ol.olno1 li{
  text-indent: -1em;
  padding-left: 1.5em;
}*/
/*--*/

ol.olno1{
  counter-reset: item;
  list-style-type: none;
  padding-left: 1.2em;
}
ol.olno1 ol{
  padding-left: 1em;
}
ol.olno1 li{
  text-indent: -1.5em;
  padding-left: 1em;
}
ol.olno1 li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
}

/* -----------------------------------------------------------------teble-- */
.tbl01 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
}
.tbl01 th {
	text-align: left;
	vertical-align: middle;
	background-color: #f2f2f2;
	width: 30%;
	white-space: nowrap;
}
.tbl01 .thfirst {
	border-top: 4px solid #E30000;
}
.tbl01 .tdfirst {
	border-top: 4px solid #ccc;
}
.tbl01 td {
	vertical-align: top;
}
.tbl01 th,.tbl01 td {
	padding: 30px 20px;
	border-bottom: 1px dotted #CCC;
}

.tbl02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 2px solid #CCC;
}
.tbl02 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	white-space: nowrap;
}
.tbl02 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

.tbl03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.tbl03 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	background-color: #f2f2f2;
	white-space: nowrap;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.tbl03 td {
	padding: 10px;
	vertical-align: top;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.tbl04 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 2px solid #CCC;
}
.tbl04 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	background-color: #f2f2f2;
	white-space: nowrap;
	border: 1px solid #ccc;
}
.tbl04 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

.tbl_flow {
	width:100%;}
.tbl_flow th {
	text-align: center;
}
.tbl_flow td {
	text-align: left;
	vertical-align: top;
	padding: 10px;
}




/* -----------------------------------------------------------------その他--- */
.arghtR a{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	border: 1px solid #666;
	float: right;
	color: #666;
	background-color: #FFF;
}
.arghtR a:hover{
	background-color:#f2f2f2;}
.arghtR a:after{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	color: #666;
	float: left;
	font-size: 18px;
	margin-top: -1px;
	margin-right: 8px;
	font-weight: 900;
}

.arghtRs a{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	float: right;
	color: #006699;
	font-weight: bold;
	overflow: hidden;
}

.arghtRs a:after{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	float: left;
	margin-right: 8px;
}

.more {
	font-weight: bold;
	display: block;
	text-align: right;
}
.more a:before{
	font-family: FontAwesome;
	content: "\f101";
	float: right;
	padding-left: 10px;
}
.kome {padding-left:1em;text-indent:-1em; }

/* -----------------------------------------------------------------スペース-- */
.btom00 {margin-bottom: 0px; overflow:hidden;}
.btom12 {margin-bottom: 12px; overflow:hidden;}
.btom20 {margin-bottom: 20px; overflow:hidden;}
.btom30 {margin-bottom: 30px; overflow:hidden;}
.btom50 {margin-bottom: 50px; overflow:hidden !important;}
.btom100 {margin-bottom: 100px; overflow:hidden;}
.tops50 {margin-top: 50px;overflow:hidden;}
.rightsp12 {margin-right: 12px;overflow:hidden;}
.rightsp20 {margin-right: 20px;overflow:hidden;}
.rightsp30 {margin-right: 30px;overflow:hidden;}
.left30 {margin-left: 30px !important;overflow:hidden;}
.with30 {width: 30%;}
.with50 {width: 50%;}
.with70 {width: 70%;}
/* -----------------------------------------------------------------フォント関連-- */
.font60 {font-size: 60% !important;}
.font80 {font-size: 80% !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
.font24 {font-size: 24px !important;}
.font30 {font-size: 30px !important;}
.font36 {font-size: 36px !important;}

.fontco01 {color: #ff0000 !important;}/*赤*/
.fontco02 {color: #33ccff;}/*青*/
.fontco03 {color: #0066cc;}/*濃い青*/
.fontco04 {color: #14a27e;}/*緑*/
.fontco05 {color: #cccccc;}/*灰色*/
.fontco06 {color: #000000;}/*黒*/
.fontco07 {color: #ff9933;}/*オレンジ*/
.fontco08 {color: #ffffff;}/*白*/
.fontco09 {color: #999999;}/*濃い灰色*/
.bg001 {background: #fff;}/*薄い灰色*/

.bg002 {background: #f2f2f2;}/*薄い灰色*/
.bg003 {background: #00cc66;}/*緑（背景）*/
.bg004 {background: #ff9933;}/*オレンジ（背景）*/
.bg005 {background: #cccccc;}/*オレンジ（背景）*/
/* -----------------------------------------------------------------位置-- */
.flot_c{text-align: center;margin-bottom: 12px;}
.flot_l {margin-bottom: 12px;float: left;margin-right: 10px;}
.flot_r {margin-bottom: 12px;float: right;margin-left: 10px;}
.txtr {text-align: right;}
.suptext {font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
.txtblock {
	display: block;
}
/*---------------------------------------------------------------------------装飾--*/

.bg001 {
	background-color:#FFF;}

@media screen and (max-width: 1199px) {
	.vw_inner {
	width:100%;}
	
	.inner {
	width: 100% !important;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	}

/*---------------------------------------------------------------------------タイトル--*/
	.h003,.h003c {
	font-size: 36px;
	}
	.h003 img,.h003c img {
	margin-right: 12px;
	}
	.h004,.h004c {
	font-size: 24px;;
	}
	.h003 small,.h003c small,.h004 small,.h004c small{
	font-size: 14px;
	}
/*--------------------------------------------------------------------------コンテンツ--*/
	.wid100a {width: 33.33333%;}



}

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

  ul.path {
	margin-top: 90px;
}
section {
	padding-top: 0px;
}
/*--------------------------------------------------------------------------コンテンツ--*/
	.wid33b,.wid66b {float:left;}  
	.wid33b {width: 33.33333%;}
	.wid66b {width: 66.66666%;}
	.wid100b {width: 100%;}
/*------------------------------------------------------------------------------リスト--*/
	ul.ulphotolist li {
	width: 47%;
	}
}
@media screen and (max-width: 480px) {


/*--------------------------------------------------------------------------コンテンツ--*/
	.wid100c {
	width: 100%;
	text-align: center;
	}

/*------------------------------------------------------------------------------リスト--*/
	ul.ulphotolist li {
	width: 93%;
	}
}