@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

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

basic

------------------------------------------------------------ */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 500;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

*{font-family:Noto Sans JP, Yu Gothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

body{
	font-size:14px;
	font-size:1.4rem;/*-14px-*/
	line-height:1.6;
	color:#1F1F1F;
    font-weight: 500;
	min-width: 1000px;
}

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

shortcodes

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

/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.center{margin:0 auto !important;}
.left{float:left !important;}
.right{float:right !important;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.italic{font-style: italic !important;}

/* vertical-align
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_btm{vertical-align:bottom !important;}

/* visibility
---------------------------------------------- */
.hidden{visibility:hidden !important;}
.visible{visibility:visible !important;}

/* none
---------------------------------------------- */
.none{display:none !important;}

/* margin
---------------------------------------------- */
.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

/* width
---------------------------------------------- */
.w100{width: 100px !important;}
.w140{width: 140px !important;}
.w175{width: 175px !important;}
.w200{width: 200px !important;}
.w250{width: 250px !important;}
.w300{width: 300px !important;}

.w6per{width: 6% !important;}
.w9per{width: 9% !important;}
.w14per{width: 14% !important;}
.w15per{width: 15% !important;}
.w17per{width: 17% !important;}
.w19per{width: 19% !important;}
.w21per{width: 21% !important;}
.w24per{width: 24% !important;}
.w27per{width: 27% !important;}
.w28per{width: 28% !important;}
.w32per{width: 32% !important;}
.w95per{width: 95% !important;}
.w100per{width: 100% !important;}

/* opacity
---------------------------------------------- */
.opa70:hover{opacity: 0.7 !important;}
.opa80:hover{opacity: 0.8 !important;}

/* border
---------------------------------------------- */
.bdr_top01{border-top:1px dotted #C8CCCE;}

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

common

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

.main_type01{
	width: 1000px;
	margin: 0 auto 60px;
}

/* テキスト
---------------------------------------------- */
.txt_check span{
	background: url(../img/ico_check01.png) no-repeat left 0;
	padding: 1px 0 0 28px;
	min-height: 20px;
	line-height: 1;
	display: inline-block;
}

.txt_exclamation span{
	background: url(../img/ico_exclamation01.png) no-repeat left 0;
	padding: 1px 0 0 28px;
	min-height: 20px;
	line-height: 1;
	display: inline-block;
}

.txt_question span{
	background: url(../img/ico_question01.png) no-repeat left 0;
	padding: 1px 0 0 28px;
	min-height: 20px;
	line-height: 1;
	display: inline-block;
}

/* ボタン
---------------------------------------------- */
/*--btn_blue01--*/
.btn_blue01{display: inline-block;}

.btn_blue01:hover{opacity: 0.7;}

.btn_blue01 a{
	display: block;
	background: #6BA5C0;
	padding: 13px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	line-height: 1;
	border-radius: 5px;
}

/*--btn_blue02--*/
.btn_blue02{display: inline-block;}

.btn_blue02:hover{opacity: 0.7;}

.btn_blue02 a{
	display: block;
	background: #3F7996;
	padding: 13px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	line-height: 1;
	border-radius: 5px;
}

/*--btn_gray--*/
.btn_gray01{display: inline-block;}

.btn_gray01:hover{opacity: 0.7;}

.btn_gray01 a{
	display: block;
	background: #BBBBBB;
	padding: 13px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	line-height: 1;
	border-radius: 5px;
}

/* ボタンリスト
---------------------------------------------- */
/*--list_btn01--*/
.list_btn01{
	letter-spacing: -0.4em;
	margin-bottom: 20px;
}

.list_btn01 li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin: 0 30px 10px 0;
}

.list_btn01 li:hover{opacity: 0.7;}

/*--list_btn02--*/
.list_btn02{
	text-align: center;
	letter-spacing: -0.4em;
	padding-top: 40px;
}

.list_btn02 li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin: 0 40px 0 0;
}

.list_btn02 li:last-child{margin-right: 0;}

.list_btn02 li:hover{opacity: 0.7;}

/*--list_btn03--*/
.list_btn03{
	text-align: center;
	letter-spacing: -0.4em;
}

.list_btn03 li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

.list_btn03 li:last-child{margin-right: 0;}

.list_btn03 li:hover{opacity: 0.7;}

/* フォーム関連
---------------------------------------------- */
input[type=text],
input[type=password],
textarea{
	font-size: 1.4rem;
	border: 1px solid #C8CCCE;
	padding: 5px;
	border-radius: 3px;
}

textarea{line-height: 1.8;}

select{
	font-size: 1.4rem;
	border: 1px solid #C8CCCE;
	padding: 1px 3px;
	border-radius: 3px;
}

label{display: inline-block;}

/*ラジオボタン*/
.radio{display:none;}

.radio+label{
	display:inline-block;
	background:url(../img/ico_radio_off01.png) no-repeat 0 0;
	padding:0 0 0 27px;
	cursor:pointer;
	height: 20px;
	line-height: 1.2;
}

.radio:checked+label{background:url(../img/ico_radio_on01.png) no-repeat 0 0;}

/*チェックボックス*/
.checkbox01{display:none;}

.checkbox01+label{
	display:inline-block;
	background:url(../img/ico_check_off01.gif) no-repeat 0 6px;
	padding:0 0 0 20px;
	cursor:pointer;
	height: 26px;
}

.checkbox01:checked+label{background:url(../img/ico_check_on01.gif) no-repeat 0 6px;;}

.checkbox02{
	display:none;
	margin-right: 10px;
}

.checkbox02+label{
	display:inline-block;
	background:url(../img/ico_check_off01.gif) no-repeat 0 0.1em;
	padding:0 0 0 27px;
	cursor:pointer;
	height: 22px;
}

.checkbox02:checked+label{background:url(../img/ico_check_on01.gif) no-repeat 0 0.1em;}

/*ラジオボタンリスト*/
.list_radio01{margin-bottom: -15px;}

.list_radio01 li{
	display: inline-block;
	margin: 0 40px 15px 0;
}

.list_radio01 li:last-child{margin-right: 0;}

.list_radio02{margin-bottom: -15px;}

.list_radio02 li{
	display: inline-block;
	margin: 0 20px 15px 0;
}

.list_radio02 li:last-child{margin-right: 0;}

/*チェックボックスリスト*/
.list_check01{margin-bottom: -15px;}

.list_check01 li{
	display: inline-block;
	margin: 0 40px 15px 0;
}

.list_check01 li:last-child{margin-right: 0;}

/*--ラジオボタンタブ--*/
.radio_tab01 input{display:none;}

.radio_tab01{
	width: 130px;
	letter-spacing: -0.4em;
}

.radio_tab01 label{
	background: linear-gradient(to bottom, #ffffff 0%, #eeeff0 100%);
	width:50%;
	display:inline-block;
	letter-spacing: normal;
	text-align:center;
	color:#333;
	cursor:pointer;
	font-size: 1.3rem;
	padding: 2px 5px;
}

.radio_tab01 label:first-of-type{
	border: 1px solid #ACB0B3;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.radio_tab01 label:last-of-type{
	border: 1px solid #ACB0B3;
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.radio_tab01 input:checked + label{
	background: linear-gradient(to bottom, #488aa9 0%, #5091b0 100%);
	color: #FFF;
}

/*--検索--*/
.wrap_search{margin-bottom: 20px;}

.wrap_search input.search_input{
	display: inline-block;
	width: 450px;
	padding: 6px;
	border-radius: 0;
}

.wrap_search .btn_search{
	background: url(../img/btn/btn_search01.jpg) no-repeat 0 0;
	width: 100px;
	height: 35px;
	border: none;
	display:inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	padding: 0;
}

.wrap_search .btn_search:hover{opacity: 0.8;}

/* テーブル
---------------------------------------------- */
/*--type01--*/
.type01{width: 100%;}

.type01 th{
	background: #B0CEDD;
	border: 1px solid #AAAAAA;
	text-align: center;
	padding: 10px 6px;
}

.type01 th .must{
	font-size: 1.3rem;
	color: #3D738D;
}

.type01 td{
	border: 1px solid #AAAAAA;
	padding: 10px 6px;
	word-break: break-all;
	vertical-align: top;
}

.type01 td .txt01{margin-top: 10px;}

.type01 td a{
	display: block;
	color: #1F1F1F;
	text-decoration: underline;
}

.type01 td a:hover{
	opacity: 0.7;
	text-decoration: none;
}

/*--type02--*/
.type02{
	width: 100%;
	margin-bottom: 1px dotted #C8CCCE;
}

.type02 tr{border-bottom: 1px dotted #C8CCCE;}

.type02 th{padding: 17px 8px 17px 0;}

.type02 th .must{
	font-size: 1.3rem;
	color: #6BA5BF;
}

.type02 td{
	padding: 17px 12px;
	word-break: break-all;
}

.type02 td .txt01{margin-top: 10px;}

.type02 td a{
	display: block;
	color: #1F1F1F;
	text-decoration: underline;
}

.type02 td a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.type02 tr .bdr_none{border-bottom:none;}

.type02 tr .bdr{border-top:1px dotted #C8CCCE;}

/* モーダル
-----------------------------------*/
.modal_overlay,
.delete_overlay{
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    z-index: 999;
    justify-content: center;
    align-items: center;
    display: none;
}

.dis_flex{
	display: flex;
	height: 100%;
    width: 100%;
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.modal_detail{
	background: #FFF;
    box-sizing: border-box;
    width: 500px;
	min-height: 250px;
	padding: 80px 0 30px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
}

.modal_close{
	position: absolute;
	top: -35px;
	right: 0;
	cursor: pointer;
}

/* 見出し
---------------------------------------------- */
/*--heading01--*/
.heading01{
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: bold;
	padding-bottom: 12px;
	margin-bottom: 30px;
	border-bottom: 3px solid #BCCBD1;
	position: relative;
	color: #6BA5BF;
}

.heading01::before{
	content: "";
	display: block;
	width: 17%;
	position: absolute;
	bottom: -3px;
	border-bottom: 3px solid #6BA5C0;
}

.heading01 span{
	font-weight: normal;
	color: #777777;
}

/*--heading02--*/
.heading02{
	background: #6BA5C0 url(../img/ico_heading01.png) no-repeat 15px 0.4em;
	padding: 8px 15px 10px 30px;
	color: #FFF;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 30px;
}

/* パンくずリスト
---------------------------------------------- */
#breadcrumb{
	width:1000px;
	margin:0 auto 40px;
	padding:5px 0 10px;
	border-bottom: 1px dotted #C8CCCE;
}

#breadcrumb ol{
	font-size:1.2rem;
	line-height:1.2;
	overflow:hidden;
	list-style:none;
}

#breadcrumb ol li{
	float:left;
	background:url(../img/ico_arrow01.png) no-repeat right 0.25em;
	padding-right:15px;
	margin-right:10px;
}

#breadcrumb ol li:last-child{
	background:none;
	padding-right:0;
	margin-right:0;
}

#breadcrumb ol li a{color:#333;}

#breadcrumb ol li a:hover{
	color:#6BA5BF;
	text-decoration:underline;
}

/* ページネーション
---------------------------------------------- */
.pagenavi{
	font-size: 1.5rem;
	text-align:center;
	padding-top:40px;
}

.pagenavi span,
.pagenavi a{
    display:inline-block;
	padding:7px 9px;
    line-height:1;
	color:#4A8FB0;
}

.pagenavi a{font-weight: 400;}

.pagenavi span{font-weight: 900;}

.pagenavi a:hover{text-decoration: underline;}


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

header

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

#header01{background: url(../img/bg_header01.jpg) repeat-x 0 0;}

#header_inner01{
	width: 1000px;
	height: 108px;
	margin: 0 auto;
	position:relative;
}

/*--ログアウトボタン--*/
#btn_logout{
	position: absolute;
	top: 30px;
	right: 0;
}

#btn_logout input{
	background: url(../img/btn/btn_logout01.png) no-repeat 0 0;
	width: 131px;
	height: 41px;
	border: none;
	display:inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	padding: 0;
}

#btn_logout input:hover{background: url(../img/btn/btn_logout01_on.png) no-repeat 0 0;}

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

footer

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

footer{
	background: #6BA5C0;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
	padding: 5px 0;
}