@charset "utf-8";

*, *:before, *:after {
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
 }


/* clearfix
--------------------------------------- */
.clearfix:after   { 
    clear: both;   
    content: ".";
    display: block;
    font-size: 0.1em;  
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}


html,body{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	color: #000000;
	background: #ffffff;
	font-family: sans-serif;
	font-size: 16px;
	line-height:1.5;
	margin: 0 auto;
	width: 100%;
	/* min-width: 1280px; */
}
img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
}
img[src$=".svg"] {
    width: 100%;
}

.caption {
	display: block;
	margin-top:3px;
}
.red { color:#F00;}

a{
	color: #1d1505;
	text-decoration: none;
}
a:hover {
}
area {
  border: none;
  outline: none;	
}
em {
	font-style: normal;
	font-weight: bold;
}
strong {
	color: #f60004;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth{
	clear: both;
}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.alignCenter{
	text-align: center;
}
.pagetop {
	margin-top: 16px;
	text-align: right;
}
.pagetop img{
	border-width: 0px;
}
.attention {
	color: #d70016;
}

ul li {
	list-style: none;
}


/* h
===================================================================*/

h1{
	font-size: 18px; 
	vertical-align: middle;
	padding: 0;
	margin: 0 10px 0 0;
	width: 100%;
}
h2{
	border: 1px solid #cfcfcf;
	border-left: 10px solid #004C88;
	color: #004C88;
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	margin: 0 auto 40px;
 	padding: 30px 30px;
 	vertical-align: middle;
	width: 100%;
}
h2 span {
	font-size: 18px;
}
h3{
	color: #000000;
	vertical-align: middle;
	margin: 0 0 8px;
	width: 100%;
}
h4{
 	font-size: 14px;
	color: #000000;
	vertical-align: middle;
	margin: 0 0 5px;
}
h5{
 	font-size: 16px;
	color: #000000;
	vertical-align: middle;
	margin: 0 0 5px;
}
h6 {
	margin: 0 0 0.5em;	
}
h6:before{
 	content: "■";
}


/* 見出しスタイル
---------------------------------------------------- */

.boxarea {
    margin: 0 0 3em;
    background: #fdfdfd;
	font-size: 16px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.boxarea .boxarea-title {
    font-size: 20px;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.area-title1 {
	background: #CCBB40;
}

.area-title2 {
	background: #00AFEC;
}

.area-title3 {
	background: #F39800;
}

.area-title4 {
	background: #41B25D;
}

.area-title5 {
	background: #924898;
}

.area-title6 {
	background: #E85298;
}

.area-title7 {
	background: #E60012;
}
.area-title8 {
	background: #007973;
}

.area-title9 {
	background: #000000;
}

.area-title10 {
	background: #7d4e26;
}

/*-------------------------------------

　adjust

-------------------------------------*/


/* マージン
====================================*/

.m0 { margin:0!important;}
.mt0{margin-top: 0px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}

.mr0{margin-right: 0px!important;}
.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr15{margin-right: 15px!important;}
.mr20{margin-right: 20px!important;}
.mr25{margin-right: 25px!important;}
.mr30{margin-right: 30px!important;}
.mr35{margin-right: 35px!important;}
.mr40{margin-right: 40px!important;}
.mr45{margin-right: 45px!important;}
.mr50{margin-right: 50px!important;}

.mb0{margin-bottom: 0px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}

.mb1em{ margin-bottom: 1em!important;}
.mb2em{ margin-bottom: 2em!important;}

.ml0{margin-left: 0px!important;}
.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml20{margin-left: 20px!important;}
.ml25{margin-left: 25px!important;}
.ml30{margin-left: 30px!important;}
.ml35{margin-left: 35px!important;}
.ml40{margin-left: 40px!important;}
.ml45{margin-left: 45px!important;}
.ml50{margin-left: 50px!important;}


/* パディング
====================================*/

.p0 { padding:0!important;}
.pt0{padding-top: 0px!important;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt25{padding-top: 25px!important;}
.pt30{padding-top: 30px!important;}
.pt35{padding-top: 35px!important;}
.pt40{padding-top: 40px!important;}
.pt45{padding-top: 45px!important;}
.pt50{padding-top: 50px!important;}

.pr0{padding-right: 0px!important;}
.pr5{padding-right: 5px!important;}
.pr10{padding-right: 10px!important;}
.pr15{padding-right: 15px!important;}
.pr20{padding-right: 20px!important;}
.pr25{padding-right: 25px!important;}
.pr30{padding-right: 30px!important;}
.pr35{padding-right: 35px!important;}
.pr40{padding-right: 40px!important;}
.pr45{padding-right: 45px!important;}
.pr50{padding-right: 50px!important;}

.pb0{padding-bottom: 0px!important;}
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pb25{padding-bottom: 25px!important;}
.pb30{padding-bottom: 30px!important;}
.pb35{padding-bottom: 35px!important;}
.pb40{padding-bottom: 40px!important;}
.pb45{padding-bottom: 45px!important;}
.pb50{padding-bottom: 50px!important;}

.pb1em{ padding-bottom: 1em!important;}
.pb2em{ padding-bottom: 2em!important;}

.pl0{padding-left: 0px!important;}
.pl5{padding-left: 5px!important;}
.pl10{padding-left: 10px!important;}
.pl15{padding-left: 15px!important;}
.pl20{padding-left: 20px!important;}
.pl25{padding-left: 25px!important;}
.pl30{padding-left: 30px!important;}
.pl35{padding-left: 35px!important;}
.pl40{padding-left: 40px!important;}
.pl45{padding-left: 45px!important;}
.pl50{padding-left: 50px!important;}



/* 幅適用
====================================*/

.w10 { width: 10%!important;}
.w20 { width: 20%!important;}
.w30 { width: 30%!important;}
.w40 { width: 40%!important;}
.w50 { width: 50%!important;}
.w60 { width: 60%!important;}
.w70 { width: 70%!important;}
.w80 { width: 80%!important;}
.w90 { width: 90%!important;}
.w100 { width: 100%!important;}

@media screen and (max-width: 650px){
	
	.w10.off,
	.w20.off,
	.w30.off,
	.w40.off,
	.w50.off,
	.w60.off,
	.w70.off,
	.w80.off,
	.w90.off { width: 100%!important;}
	
}


/* フロート
====================================*/

.left { float: left;}
.right { float:right;}

.align_l { text-align: left;}
.align_r { text-align: right;}
.align_c { text-align: center;}


/* clearfix
====================================*/

.clear { clear:both;}

.clearfix:after{
    content: "."; 
    display: block;
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}

.clearfix{
	display: inline-block;
} 

/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */