@charset "utf-8";



/* メディアクエリ ========= */

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
}
/* タブレット : tab, */
@media screen and (min-width: 480px) and (max-width: 767px)  {
/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}

/* Sサイズ、タブレット : Small Devices, */
@media only screen and (max-width : 767px) {
}

/* メディアクエリ 終わり ========= */


html,
body {
  	height: 100%;
}

html {
  	font-size: 62.5% !important;
}

body {
	background-color: #fff;
	color: #595757;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 300;
}

img {
  	max-width: 100%;
  	height: auto;
  	width: auto;
}

a, a:hover {
  	text-decoration: none;
}

a:hover img {
  	opacity: 0.8;
}

p,
ul li {
	font-size: 14px; font-size: 1.4rem;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

ul.listCircle li {
	list-style-type: disc;
    list-style-position: outside;
    margin-left: 4%;
	margin-bottom: 15px;
}
ul.listCircle li:last-child {
	margin-bottom: 0;
}
ul.cir14_ul {
	clear: both;
}
ul.cir14_ul li {
	background-image: url(../../images/common/icon_square14.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 20px;
	background-position: 5px 20px;
	line-height: 150%;
}



#pageBody {
}

/*背景*/


/*強調*/
strong {
	color: #ea5504;
}
em {
	color: #e60012;
	font-style: normal;
}
b {
	font-weight: bold;
}
.caption{
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
}
.txtEm01{
	font-size: 24px;
	font-size: 2.4rem;
}

/*カラー*/
.skyblue {
    color: #009FDE;
}
/*水色 h2 navi */
.color-typeA {
	color: #1A96D5;
}
/*水色*/
.color-typeB {
	color: #38A1DB;
}
/*水色 hover*/
.color-typeC {
	color: #13b3ec;
}
/* うすい水色 */
.color-typeD {
	color: #bae3f9;
}
/* うすい水色 */
.color-typeE {
	color: #E4F7FD;
}
/* うすい水色 */
.color-typeF {
	color: #dff2fc;
}
/* 濃い水色　*/
.color-typeG {
	color: #3071B9;
}
/* 薄いグレー　*/
.color-typeH {
	color: #EFEFEF;
}
/* 薄いグレー　*/
.color-typeI {
	color: #C9CACA;
}
/*赤*/
.color-typeJ {
	color: #EA5532;
}
/*緑*/
.color-typeK {
	color: #009944;
}
/*  オレンジ*/
.color-typeL {
	color: #F08437;
}

white {
	color: #fff;
}
.red {
    color: #EA5532;
}
.red a {
    color: #EA5532;
}

/* 区切り */


.center {
	text-align: center;
	margin: 0 auto;
}
.txt_R {
	text-align: right;
}
.txt_L {
	text-align: left;
}
.ptp15 {
	margin-top: 15px;
}
.ptp30 {
	margin-top: 30px;
}
.ptp45 {
	margin-top: 45px;
}
.pbm15 {
	margin-bottom: 15px;
}
.pbm30 {
	margin-bottom: 30px;
}
.p15{
	padding: 15px;
}
.plr15{
	padding-left: 15px;
	padding-right: 15px;
}
.p30{
	padding: 15px;
}
.pl30{
	padding-left: 15px;
}
.m15{
	margin: 15px auto;
}
.m30{
	margin: 15px auto;
}

/* ===== Font Size ===== */
.fs03 {font-size:72%;line-height:1.1;}
.fs0 {font-size:0;line-height:0;}
.fs8 {font-size:60%;line-height:1.5;}
.fs9 {font-size:64%;line-height:1.5;}
.fs10 {font-size:72%;line-height:1.5;}
.fs11 {font-size:79%;line-height:1.5;}
.fs12 {font-size:86%;line-height:1.5;}
.fs13 {font-size:93%;line-height:1.5;}
.fs15 {font-size:108%;line-height:1.5;}
.fs16 {font-size:115%;line-height:1.5;}
.fs17 {font-size:122%;line-height:1.5;}
.fs18 {font-size:129%;line-height:1.5;}
.fs18_lh2 {font-size:129%;line-height:2.0;}
.fs19 {font-size:136%;line-height:1.5;}
.fs20 {font-size:143%;line-height:1.5;}
.fs21 {font-size:150%;line-height:1.5;}
.fs22 {font-size:158%;line-height:1.5;}
.fs23 {font-size:165%;line-height:1.5;}
.fs23_lh1 {font-size:165%;line-height:1.0;}
.fs24 {font-size:172%;line-height:1.5;}
.fs25 {font-size:179%;line-height:1.5;}
.f23 {
	font-size:23px;
	line-height: 40px;
}

/* ========================================================================== */
/* 基本構造 ========= */
/* ========================================================================== */

/* h2 h3 h4 */
h2 {
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ",Verdana,Helvetica,sans-serif,"Open Sans", helvetica, arial;
}

h3 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1;
	font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ",Verdana,Helvetica,sans-serif,"Open Sans", helvetica, arial;
}

h3.ins-title {
	position: relative;
    text-align: left;
    color: #1a96d5;
    padding-left: 40px;
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
    align-items: center;
	margin: 0 0 15px;
}
h3.ins-title:before {
	position: absolute;
    content: '';
    display: inline-block;
    left: 0;
    width: 38px;
    height: 38px;
    background-image: url(../../images/contractor/icon_hosi.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}	


h4 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	font-family: 'M PLUS 1p', sans-serif;
    margin: 0 0 5px;
}
.catch {
}
.caption {
}
.note {
	margin-top: 20px;
	font-weight: bold;
	line-height: 1.6;
}

/*  */
.hidden-xs {
	display: block;
}
.hidden-lg {
	display: none;
}
.visible-sm {display: none;}
ul.hidden-xs {
	display: block;
}
ul.hidden-lg {
	display: none;
}

/*マーカー*/

/*ボタン*/

/*枠 1px線のみ*/



/* ========================================================================== */
/* HEADER ========= */
/* ========================================================================== */

.header_body {
	width: 960px;
	margin: 10px auto;
}
.header_body ul {
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
    align-items: center;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
    justify-content: flex-end;
}
.header_body ul li {
   display: block;
}
.header_body ul li img {
   width: 100%;
	height: auto;
}
.header_body ul li:first-child {
   margin-right: auto;
}
.header_body ul li:nth-child(2), .header_body ul li:nth-child(3){
   margin-left: 10px;
}
.siteLogo {
  	width: 560px;
	height: auto;
}

.pageHeadNavi_inner {

}

/* グローバルナビ ========= */
/* Navigation
------------------------------------------------------------------- */
#site_nav {
	width: 100%;
    margin: 0 auto;
	padding: 10px 0;
    /* text-align: left; */
    border-bottom: 5px solid #1A96D5;
    border-top: 5px solid #1A96D5;
}
.nav_menu {
	margin: 0 auto;
    padding: 0;
    width: 960px;
    font-weight: bold;
    color: #1A96D5;
}
ul.navi {
    height: 40px;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border-left: 1px dashed #1A96D5;
}
ul.navi li {
    text-align: center;
    width: 119px;
    border-right: 1px dashed #1A96D5;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 14px;
	font-size: 1.4rem;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
ul.navi li a {
	display: block;
	color: #1A96D5;
	text-decoration: none;
}
ul.navi li a:hover {
	display: block;
	text-decoration: none;
	color: #00B9EF;
}
ul.navi li  {
	display: block;
	text-decoration: none;
	color: #1A96D5;
}
ul.navi li.home {
	padding-top: 12px;
}
ul.navi li.reason {
	padding-top: 12px;
}
ul.navi li.contractor{
	padding-top: 12px;
}
ul.navi li.corporation {
	padding-top: 5px;
}
ul.navi li.kensetsu {
	padding-top: 5px;
}
ul.navi li.personal {
	padding-top: 12px;
}
ul.navi li.solicitation {
	padding-top: 12px;
}
ul.navi li.privacy {
	padding-top: 5px;
}

/* ========================================================================== */
/* FOOTER ========= */
/* ========================================================================== */
/***共有部分****/
/* Footer Navigation
------------------------------------------------------------------- */
#site_fnav {
	background-color: #38A1DB;
    width: 100%;
	margin: 0 auto;
    color: #FFF;
    border-top: 5px solid #C9CACA;
    font-size: 14px;
	font-size: 1.4rem;
    line-height: 1;
    text-align: center;
}
.fnav_menu {
	margin: 0 auto;
	padding:35px 0;
	width:960px;
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	align-items: center;
	}
.fnav_menu ul.fnavi {
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin-bottom: 0;
}
/*.fnav_menu ul.navi {
	clear: both;
	height: 14px;
	width: auto;
	list-style: none;
	position: relative;
	display: block;
}*/
.fnav_menu ul.fnavi li {
	text-align: center;
	width: auto;
	vertical-align: middle;
	padding-right: 10px;
	border-right: 1px solid #FFF;
	padding-left: 10px;
}
.fnav_menu ul.fnavi li a,.fnav_menu ul.fnavi li a:link,.fnav_menu ul.fnavi li a:visited,.fnav_menu ul.fnavi li a:active {
	display: block;
	text-decoration: none;
	color: #FFF;
}
.fnav_menu ul.fnavi li a:hover {
	display: block;
	text-decoration: underline;
	color: #FFF;
}
.fnav_menu ul.fnavi li.inquiry {
	vertical-align: middle;
	padding-right: 10px;
	border-right: 0px solid #FFF;
	padding-left: 10px;
}
/* Footer Navigation
------------------------------------------------------------------- */
#site_fadd {
	background-color: #EFEFEF;
	width: 100%;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
	color: #444;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	border-bottom: 1px solid #444;
}
.fadd {
	line-height: 1.6;
	margin: 0 auto;
    padding: 0;
    width: 960px;
    display: block;
}

/* site copy
------------------------------------------------------------------- */
#site_copy {
	background-color: #FFF;
	width: 100%;
	text-align: center;
	padding: 34px 0;
	color: #444;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	border-bottom: 1px solid #444;
}
.copy {
	margin: 0 auto;
	padding: 0 0 0;
	width:960px;
	color: #1A96D5;
}

/* ssl
------------------------------------------------------------------- */
#site_ssl {
	background-color: #1D2088;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	border-top: 0px solid #C9CACA;
}
.ssl_copy {
	margin: 0 auto;
	padding: 0;
	width:960px;
}
.ssl_copy p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}



/* ========================================================================== */
/* contents ========= */
/* ========================================================================== */
/***共有部分****/
/* ページタイトル */
#site_visual {
    vertical-align: middle;
    height: 185px;
    width: 100%;
    background-image: url(../../images/common/header_bg.gif);
    background-repeat: repeat-x;
    border-bottom: 5px solid #1A96D5;
}
#visual_area {
    width: 960px;
	margin: 0 auto;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
#visual_area img {
    width: 100%;
}
#visual_area #page-title {
	position: absolute;
	left:0;
    color: #00479d;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    padding-left: 40px;
	text-shadow: 
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
}
/* content */
#contents_area {
	padding-top: 30px;
    border-bottom: 0px solid #1A96D5;
    background-color: #F8F6E7;
}
.contents_inner {
    width: 960px;
    margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
#site_left {
    height: auto;
    width: 690px;
    padding-bottom: 50px;
}
#aside_menu {
    height: auto;
    width: 230px;
    margin-left: 40px;
}
.asideul li {
    margin-bottom: 20px;
}
.asideul li img {
    max-width: 230px;
    width: 100%;
}

/* contents_block */
.contents_block_a {
	clear: both;
	height: auto;
	width: 690px;
	padding-top: 0px;
}
.contents_block_b {
    height: auto;
    width: 690px;
    padding-top: 30px;
}
.contents_block_c {
	height: auto;
	width: 690px;
	padding-top: 50px;
}


.contents_block_inner {
    height: auto;
    width: 690px;
    background-color: #FFF;
}
.contents_block_inner,
.contents_block_inner_type00,
.contents_block_inner_type01,
.contents_block_inner_type02,
.contents_block_inner_type03,
.contents_block_inner_type04,
.contents_block_inner_type05,
.contents_block_inner_type06 {
	height: auto;
    width: 690px;
    background-color: #FFF;
}
.contents_block_inner_type07 {
	height: auto;
	width: 690px;
}



/* ブロックタイトル */
.block_heading {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	align-items: center;
	text-align: center;
	margin: 0 auto;
	height: 70px;
}
.heading-bg {
  	background: url(../../images/common/site_h1_bg.gif) no-repeat 0 0;
  	background-size: 100% 100%;
  	color: #1A96D5;
}
.heading-bg01 {
  	background: url(../../images/common/site_h1_skyb.gif) no-repeat 0 0;
  	background-size: 100% 100%;
	color: #3071B9;
}
.heading-bg02 {
  	background: url(../../images/common/site_h1_blue.gif) no-repeat 0 0;
  	background-size: 100% 100%;
	color: #fff;
}
.heading-bg03 {
  	background: url(../../images/common/site_h1_gree.gif) no-repeat 0 0;
  	background-size: 100% 100%;
	color: #fff;
}
.heading-bg04 {
  	background: url(../../images/common/site_h1_red.gif) no-repeat 0 0;
  	background-size: 100% 100%;
	color: #fff;
}
.heading-bg05 {
  	background: url(../../images/common/site_h1_ore.gif) no-repeat 0 0;
  	background-size: 100% 100%;
	color: #fff;
}

.block_heading h2 {
	font-size: 2rem;
    padding: 2.2rem 0 0 2rem;
    height: 70px;
    width: auto;
}

.block_body {
    display: inline-block;
    padding: 30px 40px;
    width: 690px;
    height: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
}
.block_body_area {
    height: auto;
    width: 100%;
}
.block_body_area_type {
	height: auto;
	width: 604px;
	margin-top: 20px;
}
.block_body_area_type p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
}


/*  タイトル緑　01  */
.block_body_type01 {
	padding: 30px 40px;
	border-top: 0px none;
	border-right: 3px solid #B1E1FD;
	border-bottom: 3px solid #B1E1FD;
	border-left: 3px solid #B1E1FD;
}

/*  タイトル緑　02  */
.block_body_type02 {
	padding: 30px 40px;
	border-right: 3px solid #1A96D5;
	border-bottom: 3px solid #1A96D5;
	border-left: 3px solid #1A96D5;
}

/*  タイトル緑　03  */
.block_body_type03 {
	padding: 30px 40px;
	border-right: 3px solid #009944;
	border-bottom: 3px solid #009944;
	border-left: 3px solid #009944;
}
.bl_body_title_type03 {
	width: 100%;
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    font-size: 23px;
    color: #009944;
    line-height: 1;
    padding: 5px;
    border: solid 3px #009944;
}
.bl_body_title_type03 h2 {
	position: relative;
    padding-left: 4rem;
    margin: 10px;
    line-height: 3.6rem;
	font-size: 2.3rem;
	text-align: left;
}
.bl_body_title_type03 h2:before {
	position: absolute;
	left: 0;
    display: inline-block;
    content: '';
    background-image: url(../../images/common/icon_injuries.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 3.6rem;
    height: 3.6rem;
}

/*  タイトル赤　04  */
.block_body_type04 {
	padding: 30px 40px;
	border-right: 3px solid #E60012;
	border-bottom: 3px solid #E60012;
	border-left: 3px solid #E60012;
}
.bl_body_title_type04 {
	width: 100%;
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    font-size: 23px;
    color: #E60012;
    line-height: 1;
	text-align: left;
    padding: 5px;
    border: solid 3px #E60012;
}
.bl_body_title_type04 h2 {
    position: relative;
    padding-left: 4rem;
    margin: 10px;
    line-height: 3.6rem;
	text-align: left;
}
.bl_body_title_type04 h2:before {
	position: absolute;
	left: 0;
    display: inline-block;
    content: '';
    background-image: url(../../images/common/icon_compensation.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 3.6rem;
    height: 3.6rem;
}

/*  タイトルオレンジ*/
.block_body_type05 {
	padding: 30px 40px;
	clear: both;
	border-right: 3px solid #F08437;
	border-bottom: 3px solid #F08437;
	border-left: 3px solid #F08437;
}

.bl_body_title_type05 {
	width: 100%;
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    font-size: 23px;
    color: #F08437;
    line-height: 1;
	text-align: left;
    padding: 5px;
    border: solid 3px #F08437;
}
.bl_body_title_type05 h2 {
    position: relative;
    padding-left: 4rem;
    margin: 10px;
    line-height: 3.6rem;
	text-align: left;
}
.bl_body_title_type05 h2:before {
	position: absolute;
	left: 0;
    display: inline-block;
    content: '';
    background-image: url(../../images/common/icon_kasai.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 3.6rem;
    height: 3.6rem;
}
/*-----------box w610-----------------*/
.box_blue {
	width: 100%;
	margin-top: 30px;
}
.box_blue h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	text-align: left;
	vertical-align: middle;
	color: #1A96D5;
	width: 100%;
	background-color: #bae3f9;
	padding-left: 20px;
}
.box_blue2 {
	width: 610px;
	padding-top: 0px;
}
.box_blue2 h2 {
	font-size: 18px;
	font-weight: bold;
	color: #1A96D5;
	line-height: 2;
	vertical-align: middle;
	text-align: left;
	width: 590px;
	background-color: #bae3f9;
	padding-left: 20px;
}
.box_blue_area {
	width: 100%;
	clear: both;
	height: auto;
	position: relative;
	border-right: 10px solid #BAE3F9;
	border-bottom: 10px solid #BAE3F9;
	border-left: 10px solid #BAE3F9;
	padding: 10px;
	font-size: 14px;
	line-height: 25px;
	color: #444;
}
.box_blue_area p a {
	color: #444;
	text-decoration: none;
}

/* form */
form#mailformpro dl dt {
	font-weight: 400;
}







.fade {
  opacity: 0;
  transition: all .8s ease;

}
 
.fade.show {
  opacity: 1;
  transform: none;
}
 
.fade--lr {
  transform: translate(-100px, 0);
}
.fade--lr01 {
  transform: translate(-100px, 0);
}
.fade--lr02 {
  transform: translate(-100px, 0);
	transition-delay:.3s;
}
.fade--lr03 {
  transform: translate(-100px, 0);
	transition-delay:.6s;
}
.fade--lr04 {
  transform: translate(-100px, 0);
	transition-delay:.9s;
}
.fade--lr05 {
  transform: translate(-100px, 0);
	transition-delay:1.2s;
}
.fade--lr06 {
  transform: translate(-100px, 0);
	transition-delay:1.5s;
}
.fade--lr07 {
  transform: translate(-100px, 0);
	transition-delay:1.8s;
}
.fade--lr08 {
  transform: translate(-100px, 0);
	transition-delay:2.1s;
}
.fade--lr09 {
  transform: translate(-100px, 0);
	transition-delay:2.4s;
}
.fade--lr010 {
  transform: translate(-100px, 0);
	transition-delay:2.7s;
}
.fade--lr11 {
  transform: translate(-100px, 0);
	transition-delay:3.0s;
}
.fade--lr12 {
  transform: translate(-100px, 0);
	transition-delay:3.3s;
}
.fade--lr13 {
  transform: translate(-100px, 0);
	transition-delay:3.6s;
}
.fade--lr14 {
  transform: translate(-100px, 0);
	transition-delay:3.9s;
}
.fade--lr15 {
  transform: translate(-100px, 0);
	transition-delay:4.2s;
}

.fade--rl {
  transform: translate(100px, 0);
}
.fade--rl01 {
  transform: translate(100px, 0);
}
.fade--rl02 {
  	transform: translate(100px, 0);
	transition-delay:.2s;
}
.fade--rl03 {
  	transform: translate(100px, 0);
	transition-delay:.4s;
}
.fade--rl04 {
  	transform: translate(100px, 0);
	transition-delay:.3s;
}
.fade--rl05 {
  	transform: translate(100px, 0);
	transition-delay:.6s;
}
.fade--rl06 {
  	transform: translate(100px, 0);
	transition-delay:.9s;
}
.fade--rl07 {
  	transform: translate(100px, 0);
	transition-delay:1.2s;
}
.fade--rl08 {
  	transform: translate(100px, 0);
	transition-delay:1.5s;
}
.fade--rl09 {
  	transform: translate(100px, 0);
	transition-delay:1.8s;
}
.fade--rl10 {
  	transform: translate(100px, 0);
	transition-delay:2.1s;
}
.fade--rl11 {
  	transform: translate(100px, 0);
	transition-delay:2.4s;
}
.fade--rl12 {
  	transform: translate(100px, 0);
	transition-delay:2.7s;
}
.fade--rl13 {
  	transform: translate(100px, 0);
	transition-delay:3.0s;
}
.fade--rl14 {
  	transform: translate(100px, 0);
	transition-delay:3.3s;
}
.fade--rl15 {
  	transform: translate(100px, 0);
	transition-delay:3.6s;
}
.fade--rl16 {
  	transform: translate(100px, 0);
	transition-delay:3.9s;
}
.fade--rl17 {
  	transform: translate(100px, 0);
	transition-delay:4.2s;
}

.fade--up {
  	transform: translate(0, 100px);
}
.fade--up01 {
  	transform: translate(0, 100px);
}
.fade--up02 {
  	transform: translate(0, 100px);
	transition-delay:.2s;
}
.fade--up03 {
  	transform: translate(0, 100px);
	transition-delay:.3s;
}
.fade--up04 {
  	transform: translate(0, 100px);
	transition-delay:.4s;
}
.fade--up05 {
  	transform: translate(0, 100px);
	transition-delay:.5s;
}

.fade--down {
  transform: translate(0, -100px);
}
 
.fade--scaleUp {
  transform: scale(.5);
}
 
.fade--scaleDown {
  transform: scale(1.5);
}
.fade--scaleDown01 {
  transform: scale(1.5);
}
.fade--scaleDown02 {
  transform: scale(1.5);
	transition-delay:.2s;
}
.fade--scaleDown03 {
  transform: scale(1.5);
	transition-delay:.4s;
}
 
.fade--rotateL {
  transform: rotate(180deg);
}
 
.fade--rotateR {
  transform: rotate(-180deg);
}
	
	
	










/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 767px) {

p {
	font-size: 16px; 
	font-size: 1.6rem;
  	line-height: 1.8;
}
.ptp30 {
    margin-top: 15px;
}
		
ul.listCircle li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 4%;
    margin-bottom: 6%;
    line-height: 1.8;
}
ul.listCircle li:last-child {
	margin-bottom: 0;
}

	
/* タブ point */	
.emphasis_box {
	margin: 30px auto;
}
/* h2 h3 h4 */
h2 {
	font-size: 20px;
	font-size: 2rem;
}
h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
}
	
	
	
.hidden-xs {
	display: none;
}
.hidden-lg {
	display: block;
}
.visible-sm {display: none;}
ul.hidden-xs {
	display: none;
}
ul.hidden-lg {
	display: block;
}

.table-caption {
	margin: 4% 0 2%;
	text-align: right;
}	
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}

/*ボタン*/
.page-button {
  	margin: 2% auto 6%;
}

	

	
/* ========================================================================== */
/* HEADER ========= */
/* ========================================================================== */
header {
	margin: 0;
	padding: 0;
    position: relative;
}
#site_header {
	position: fixed;
	width: 100%;
    z-index: 3;
    margin: 0 auto;
    padding: 10px 0 10px 5px;
    border-bottom: #C9CACA 1px solid;
    background-color: #FFF;
}

.header_body {
	width: 86%;
	max-width: 767px;
	margin: 0;
}
.header_body #siteLogo {
	width: 100%;
	height: auto;
}
.header_body #siteLogo img {
	width: 100%;
}
.header_body ul {
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	margin: 0;
    padding: 0;
}
.header_body ul li {
   display: block;
}
.header_body ul li img {
   	width: 100%;
	height: auto;
}
.header_body ul li:first-child {
   	margin-right: 0;
	margin-top: -5px;
}
.header_body ul li:nth-child(2), .header_body ul li:nth-child(3){
	max-width: 100px;
}
.header_body ul li:nth-child(3){
   	margin-left: 10px;
}
.siteLogo {
	width: 100%;
	max-width: 240px;
}
 p.drawer-hamburger-icon_txt {
	color: #1A96D5;
	font-size: 0.5rem;
    padding: 1rem;
    margin: 0 auto;
    text-align: center;
    left: -3px;
    position: absolute;
	display: block;
}
span.dr_menu {
    font-size: 1rem;
    position: absolute;
    top: 3.9rem;
    left: 0.7rem;
	color: #1A96D5;
}
.drawer-dropdown-menu li.drawer-menu-item:link,
.drawer-dropdown-menu li.drawer-menu-item:visited,
.drawer-dropdown-menu li.drawer-menu-item:active {
	color: #1A96D5;
}
.drawer-menu li:nth-child(2) .drawer-menu-item {
	color: #444;
	font-weight: bold;
}
.drawer-menu li:nth-child(3) .drawer-menu-item {
	color: #009944;
	font-weight: bold;
}
.drawer-menu li:nth-child(4) .drawer-menu-item {
	color: #E60012;
	font-weight: bold;
}
.drawer-menu li:nth-child(5) .drawer-menu-item {
	color: #F08437;
	font-weight: bold;
}

/* ========================================================================== */
/* FOOTER ========= */
/* ========================================================================== */

footer div#site_fnav {
	display: none;
}
/* Footer Navigation
------------------------------------------------------------------- */
#site_fadd {
	background-color: #EFEFEF;
	width: 100%;
	text-align: center;
	padding-top: 6%;
	padding-bottom: 6%;
	color: #444;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	border-top: 5px solid #C9CACA;
	border-bottom: 1px solid #444;
}
.fadd {
	line-height: 1.6;
	margin: 0 auto;
    padding: 0;
    width: 100%;
	max-width: 767px;
    display: block;
}
.fadd p {	
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

/* site copy
------------------------------------------------------------------- */
#site_copy {
	background-color: #FFF;
	width: 100%;
	text-align: center;
	padding: 6% 0;
	color: #444;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	border-bottom: 1px solid #444;
}
.copy {
	margin: 0 auto;
	padding: 0 0 0;
	width: 100%;
	max-width: 767px;
	color: #1A96D5;
}
.copy p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
}

/* ssl
------------------------------------------------------------------- */
#site_ssl {
	background-color: #1D2088;
	width: 100%;
	max-width: 767px;
	font-weight: 400;
	line-height: 1;
	text-align: left;
}
	
	
.ssl_copy {
	margin: 0 auto;
	padding: 0;
	width:94%;
}
.ssl_copy p {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1;
}

/* ========================================================================== */
/* contents ========= */
/* ========================================================================== */
/***共有部分****/
/* ページタイトル */
#site_visual {
    height: auto;
    width: 100%;
    background-image:none;
    position: relative;
	padding-top: 56px;
    border-bottom: 3px solid #1A96D5;
}
#visual_area {
    width: 100%;
	max-width: 767px;
	margin: 0 auto;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
#visual_area img {
    width: 100%;
}
#visual_area #page-title {
	position: absolute;
    color: #00479d;
    font-size: 20pxpx;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 6%;
}
/*  コンテンツ  */
#contents_area {
	width: 100%;
	padding-top: 30px;
    border-bottom: 0px solid #1A96D5;
    background-color: #F8F6E7;
}
.contents_inner {
    width: 94%;
    margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
}
#site_left {
    height: auto;
    width: 100%;
    padding-bottom: 6%;
}
#aside_menu {
    height: auto;
    width: 100%;
    margin-left: 0;
}
#aside_menu .asideul {
	display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
}
#aside_menu .asideul li {
	max-width: 48%;
    margin-bottom: 20px;
}
#aside_menu .asideul li.li-end {
	width: 50%;
	max-width: 165px;
}
#aside_menu .asideul li.fb-like-box {
    width: 50%;
	/*max-width: 165px;*/
	text-align: center;
}
#aside_menu .asideul li.aiu-banner {
    width: 100%;
    max-width: 767px;
}
#aside_menu .asideul li.aiu-banner img {
    width: 100%;
    max-width: 767px;
}
#aside_menu .asideul li img {
    width: 100%;
}
	
/* contents_block */
.contents_block_a {
	height: auto;
    width: 100%;
	max-width: 767px;
	padding-top: 0px;
}
.contents_block_b {
    height: auto;
    width: 100%;
	max-width: 767px;
    padding-top: 30px;
}
.contents_block_c {
	height: auto;
    width: 100%;
	max-width: 767px;
	padding-top: 50px;
}

.contents_block_inner {
    height: auto;
    width: 100%;
	max-width: 767px;
    background-color: #FFF;
}
.contents_block_inner,
.contents_block_inner_type00,
.contents_block_inner_type01,
.contents_block_inner_type02,
.contents_block_inner_type03,
.contents_block_inner_type04,
.contents_block_inner_type05,
.contents_block_inner_type06 {
	height: auto;
    width: 100%;
	max-width: 767px;
    background-color: #FFF;
}
.contents_block_inner_type07 {
	height: auto;
    width: 100%;
	max-width: 767px;
}

/* 背景 w 文字blue */
.heading-bg {
    background: none;
    background-size: auto 100%;
    background-position: right;
	border-bottom: 2px solid #1A96D5;
}
.block_heading h2{
	font-size: 1.8rem;
	text-align: left;
}
.block_body {
    padding: 3% 6% 6%;
    width: 100%;
	max-width: 767px;
    height: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}
.block_body_area {
    height: auto;
    width: 100%;
}
.block_body_area_type {
	height: auto;
	width: 100%;
	margin-top: 20px;
}
.block_body_area_type p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
}
/*  タイトル緑　01  */
.heading-bg01 {
  	background: none;
	background-color: #B1E1FD;
	color: #3071B9;
}
/*  タイトル緑　02  */
.heading-bg02 {
  	background: none;
	background-color: #1A96D5;
	color: #fff;
}

/*  タイトル緑　03  */
.heading-bg03 {
  	background: none;
  	background-size: 100%;
	background-color: #009944;
	color: #fff;
}
	
/*  タイトル赤　04  */
.heading-bg04 {
  	background: none;
  	background-size: 100%;
	background-color: #E60012;
	color: #fff;
}
.block_body_area {
    height: auto;
    width: 100%;
}
	
/*  タイトル緑　01  */
.block_body_type01 {
	padding: 6%;
	border-top: 0px none;
	border-right: 3px solid #B1E1FD;
	border-bottom: 3px solid #B1E1FD;
	border-left: 3px solid #B1E1FD;
}
/*  タイトル緑　02  */
.block_body_type02 {
	padding: 6%;
	border-top: 0px none;
	border-right: 3px solid #B1E1FD;
	border-bottom: 3px solid #B1E1FD;
	border-left: 3px solid #B1E1FD;
}
	
	
/*  タイトル緑　04  */	
.block_body_type04 {
    padding: 6%;
	border-right: 3px solid #E60012;
	border-bottom: 3px solid #E60012;
	border-left: 3px solid #E60012;
}
.bl_body_title_type04 {
	width: 100%;
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    font-size: 23px;
    color: #E60012;
    line-height: 1;
    padding: 5px;
    border: solid 3px #E60012;
}
.bl_body_title_type04 h2 {
    position: relative;
    margin: 0;
	padding: 2% 2% 2% 4.4rem;
    line-height: 1;
	text-align: left;
}
.bl_body_title_type04 h2:before {
	position: absolute;
	left: 0;
    display: inline-block;
    content: '';
    background-image: url(../../images/common/icon_compensation.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 3.6rem;
    height: 3.6rem;
}
.bl_body_title_type04 h2 .fs10 {
	font-size: 12px;
    font-size: 1.2rem;
	line-height: 1.2!important;
}
	
/*  */

		
}




/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
@media screen and (min-width: 481px) and (max-width: 767px)  {
.visible-sm {display: block;}
.visible-etc { display: none;}
/* 各ページ */
#aside_menu .asideul {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: unset;
    -ms-align-items: unset;
    -moz-align-items: unset;
    align-items: unset;
}
#aside_menu .asideul li {
    max-width: 32%;
    margin-bottom: 20px;
}
#aside_menu .asideul li img {
    width: 100%;
}
#aside_menu .asideul li.visible-sm {
	width: 100%;
    max-width: 48%;
    margin-right: 2%;
    border: 3px solid #009FDA;
}
#aside_menu .asideul li:nth-child(4).visible-sm {
	margin-right: 0;
}
#aside_menu .asideul li.visible-sm img {
	width: 100%;
	max-width: 383px;
}

#aside_menu .asideul li.aiu-banner {
    width: 100%;
    max-width: 66%;
}
#aside_menu .asideul li.aiu-banner img {
    width: 100%;
    max-width: 767px;
}
#aside_menu .asideul li.fb-like-box {
    width: 66%;
    max-width: 460px;
}







}