@charset "UTF-8";
/* CSS Document */

/* デフォルトCSS */



* {
   margin: 0;
   padding: 0;
}

img{
	border:0;
}
ol, ul {
	list-style: none;
}


/* ------------------------------------------------------------
template
------------------------------------------------------------*/

a:link{color:#000;text-decoration:none;}
a:hover{color:#0078C6;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover img{
opacity:0.70;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-opacity:0.70;
}
a:hover{color:#0078C6;text-decoration:none;}

/* ページを読み込む際にフェードインする */
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* 画像や文字がフェードインする */

.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


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


/* フォントカラー */
.fc-black{ color:#000000 !important; }
.fc-green{ color:#4ccf00 !important; }
.fc-yellow{ color:#ffeb00 !important; }
.fc-red{ color:#ff0000 !important; }
.fc-aqua{ color:#a9d4e6 !important; }
.fc-blue{ color:#0078C6 !important; }
.fc-navy{color:#0862a1 !important; }
.fc-white{color:#fff !important; }
.fc-gray{color:#ccc !important; }
.fs-bold{ font-weight:bold !important;}
.underline{ border-bottom:#1c93d0 2px solid; padding-bottom:2px;}
.blue-line{ border-bottom:#1c93d0 2px solid; }

.fs-15{font-size:15px; line-height:2em;}
/*通常タイトル */
.fs-30{font-size:30px; line-height:1.5em;}
/*中タイトル */
.fs-20{font-size:20px; line-height:1.5em;}
/*小タイトル */
.fs-18{font-size:18px; line-height:2em;}

/*ラインカラー*/
.red-line{
  border-bottom: #ff0000 solid 2px;
 padding-bottom:5px;
  margin-bottom:10px;
}

 .yellow-line{
  border-bottom: #ffeb00 solid 2px;
 padding-bottom:5px;
  margin-bottom:10px;
}

.blue-line{
  border-bottom: #05b0f7 solid 2px;
   padding-bottom:5px;
  margin-bottom:10px;
}

.green-line{
  border-bottom: #4ccf00 solid 2px;
   padding-bottom:5px;
  margin-bottom:10px;
}




/* スペース */
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.last-block { margin-bottom: 60px; }

.p05 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }

.pb20 { padding-bottom: 20px; }
.pb40 { padding-bottom: 40px; }
.pb60 { padding-bottom: 60px; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pt60 { padding-top: 60px; }
.pt100 { padding-top: 100px; }

.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }
.pl80 { padding-left: 80px; }
.pr20 { padding-right: 20px; }
.pr40 { padding-right: 40px; }
.pr80 { padding-right: 80px; }


/* フロート */
.left {
    float: left;
}
.right {
    float: right;
}


/* テキスト行替え */
.txt-break { display:block; }



/* ページタイトル */
#page-title {
	position:relative;
	width:100%;
    max-width: 1330px;
	background: url(../images/common/second_top.png) no-repeat top left;
	min-height: 250px;
    margin: auto;
}

#page-title h1 {
	margin: auto;
    padding: 80px 0 0 40px;
	text-align: left;
	font-size: 40px;
	font-weight:normal;
	letter-spacing: 3px;
	
}

/* イメージ */
#page-title img{
	margin-left:100px;
}



/* パンくず */
#pankuzu {
    width:100%;
    padding: 12px 0;
}
#pankuzu ul {
display: block;
width: 1100px;
margin: auto;
}
#pankuzu ul li {
    display: inline;
}
#pankuzu ul li span:before {
    content: "/";
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	padding: 0 10px;
	font-size: 80%;
	color: #000;
}
#pankuzu a{color:#0078C6;}
#pankuzu a:hover{color:#a9d4e6;}



/* セカンドページ大元 */
.cont-second {
	width: 1020px;
	margin: 60px auto 0;
}
	
	
	
/* キャッチ */
.page-catch {
	padding-top:20px;
	text-align: center;
	font-size: 16px;
}



/* ページ見出し */
h2.tit-style {
	text-align:center;
	width: 100%;
	padding:10px 0; 
	font-size: 28px;
	font-weight:bold;
	margin:0 auto;
}


h3.tit-style {
    font-size: 25px;
}




/* テキストエリア */
.txt-area p {
	margin-bottom: 20px;
}



/* カラム */
.row,
.article{ width:100%; box-sizing:border-box; }
.row:after, .article:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.col-md-1 { width: 8.333%; }
.col-md-2 { width: 16.663%; }
.col-md-3 { width: 24.99%; }
.col-md-4 { width: 33.332%; }
.col-md-5 { width: 41.665%; }
.col-md-6 { width: 49.998%; }
.col-md-7 { width: 58.331%; }
.col-md-8 { width: 66.664%; }
.col-md-9 { width: 74.997%; }
.col-md-10 { width: 83.33%; }
.col-md-11 { width: 91.663%; }
.col-md-12 { width: 99.996%; }

.col-img{
	width:100%;
}

v-mid{
	vertical-align:middle;
}

	
/* テーブルスタイル */
.teble-wrap .table-style { width: 100%; border-top: 1px solid #bababa;  margin-bottom: 40px; }
.teble-wrap .table-style th { width: 30%; font-weight: bold; padding: 22px; border-bottom: 1px solid #bababa; text-align: left; vertical-align: top; color:#0078C6; }
.teble-wrap .table-style td { width: 70%; border-bottom: 1px solid #bababa; padding: 20px 20px 20px 30px;  }
.teble-wrap .table-style td .txt { display: block; margin-top: 15px; color:#777777;}

.teble-wrap .txt-box {
    display: block;
    padding: 12px;
    margin-bottom: 30px;
	color:#777;
	font-size:12px;
}
.teble-wrap .txt-box span {
    display: block;
    font-size: 20px;
    margin-bottom:  12px;
}

/* フォーム部分 */
.teble-wrap .table-style th.req:after {
    content: "必須";
    display: inline-block;
    float: right;
    position: relative;
    right: 0;
    background: #d40a0a;
    padding: 0 10px;
    color: #fff;
	font-weight:normal;
}
.teble-wrap .table-style th.any:after {
    content: "任意";
    display: inline-block;
    float: right;
    position: relative;
    right: 0;
    background: #fff;
    padding: 0 10px;
    color:#0078C6;
	border:#0078C6 solid 1px;
	font-weight:normal;
}

.teble-wrap .button {
    display: block;
    width: 100%;
    text-align: center;
}

.teble-wrap .button .submit {
display: inline-block;
width: 180px;
background: #0862a0;
border:1px solid #0862a0;
padding: 5px 0;
margin-left: 15px;
font-size: 18px;
color:#fff;
}

.teble-wrap .button .submit:before{
    display:inline-block;
	content: "";
    top: 9px;
    right: 16px;
 	position: absolute;
 	width: 10px;
 	height: 10px;
 	border-top: 2px solid #fff;
 	border-right: 2px solid #fff;
 	transform: rotate(45deg);
	
}


.teble-wrap .button .submit:hover{
	color:#0862a0;
	background: #fff;
	border: #0862a0 1px solid;
}

.teble-wrap .text {
    border: 1px solid #bababa;
    padding: 5px;
    color: #000;
    background: #dcdcdc;
	font-size: 18px;
}
.teble-wrap .text.w20 {
    width: 20%;
}
.teble-wrap .text.w30 {
    width: 30%;
}
.teble-wrap .text.w35 {
    width: 35%;
}
.teble-wrap .text.wtxt {
    width: 100%;
	height: 240px;
}


/* 表組み　dl */
.dl-table {
    box-sizing: border-box;
    width: 100%;
}
.dl-table dt {
    padding: 10px 0 10px;
    width: 20%;
    font-weight: bold;
    float: left;
}
.dl-table dd {
    padding: 10px 7px 10px 22%;
    border-bottom: #DDDDDD solid 1px;
}

/* リスト */
ul li {
    list-style: none;
}
.list-disc {
    margin-left: 18px;
}
.list-disc li {
    list-style: outside disc;
    margin: 7px 0 5px;
}
.list-number {
    margin-left: 15px;
}
.list-number li {
    list-style: outside decimal;
    margin: 7px 0 5px;
}
.list-com li {
    list-style: none;
    padding-left: 16px;
    margin-top: 7px;
    margin-bottom: 5px;
    position: relative;
}
.list-com li:before {
    content: "※";
    position: absolute;
    left: 0px;
    top: 0;
}




.list-link{
	display: table;
	margin: auto;
	border-collapse: collapse;
}

.list-link ul{
	padding-left: 0;
}

.list-link li{
	display: table-cell;
	border: #CCC solid 1px;
	height: 20px;
	padding: 8px 25px;
}

.list-type{
	display: table;
	margin: auto;
	border-collapse: collapse;
}

.list-type ul{
	padding-left: 0;
}

.list-type li{
	display: table-cell;
	border: #CCC solid 1px;
	text-align:center;
	height: 25px;
	padding: 8px;
}

.list-type li a{
	display:block;
	height: 25px;
}

.list-type li:hover{
	background-color:#eee;
	opacity:0.70;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-moz-opacity:0.70;
}


.list-case-type{
	display: table;
	margin: auto;
	border-collapse: collapse;
}

.list-case-type ul{
	padding-left: 0;
}
.list-case-type li{
display: table-cell;
border: #CCC solid 1px;
text-align:center;
width:150px;
line-height:40px;
}

.list-case-type li:hover{
background-color:#eee;
opacity:0.70;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-opacity:0.70;
}



.list-case-type li a{
display:block;
text-align:center;
width:150px;
height: 40px;
}


.list-case-type .red{
  border-bottom: #ff0000 solid 2px;
}

.list-case-type .yellow{
  border-bottom: #ffeb00 solid 2px;
}

.list-case-type .blue{
  border-bottom: #05b0f7 solid 2px;
}

.list-case-type .green{
  border-bottom: #4ccf00 solid 2px;
}