@charset "utf-8";

/* 青：004985; */

/* base
-------------------------------------------------- */
body {
	margin:0; padding: 0;
	line-height: 1; vertical-align: top;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*
	font-family: YuMincho, 'Yu Mincho',"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
*/
	color:#333;
	background: #fff;
}

a { text-decoration:none;}

.header img,
.footer img,
.home img,
.page img,
.hum img { width:100%; height: auto;}

/* img */

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}
img.alignright {
    max-width: 50%;
    float: right;
    padding: 4px;
    margin: 0 0 40px 20px;
}
img.alignleft {
    max-width: 50%;
    float: left;
    margin: 0 20px 40px 0;
}


a:hover img{ opacity: 0.7; transition: 0.4s;}
a.external{ padding-right:20px; background:url(../img/common/icn_external.png) no-repeat right center; }

article {
/*
	padding-bottom: 50px;
*/
	line-height: 1.7; /*letter-spacing: 0.05em;*/ font-size: 16px;
  min-height: 400px;
}
article a { color:#004985;}
article a:hover { text-decoration:none;}

.mb00{ margin-bottom: 0 !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}

.sp-show { display:none !important;}
.sp-hide { display: block !important;}
.sp-hide-in { display: inline-block !important;}

.wrapper { position: relative; width:980px; margin:0 auto;}	

#pagetop{
	position:fixed;
	right:3%;
	bottom:3%;
	z-index:11;
}

.youtube{
	margin:0 auto 70px;
  position: relative;
  width: 100%;
	max-width:800px;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 769px) {
/* PC用 */
/*
	.sp-show { display:none !important;}
	.sp-hide { display: block !important;}
	.sp-hide-in { display: inline-block !important;}

	.wrapper { position: relative; width:980px; margin:0 auto;}	
*/
}
@media (min-width: 641px) {
/* tablet用&pc */
/*
	.sp-show { display:none !important;}
	.for-tbpc { display: block !important;}
	
	a:hover { text-decoration:underline;}
*/
}
@media (max-width: 768px) {
/* sp&tablet用 */	
/*
	.wrapper { position: relative; padding: 0 2.5%;}
*/
}
/*
@media (max-width: 640px) {
*/
@media (max-width: 767px) {
		article {
			padding-bottom: 30px;
		}
		.sp-show { display: block !important;}
		.sp-hide,
		.sp-hide-in,
		.for-tbpc { display: none !important;}
		.wrapper { position: relative; width:100%; padding: 0 2.5%;}	
		#pagetop{
			text-align:right;
		}
		#pagetop img{
			width:80%;
			height:auto;
		}
}

/* common
-------------------------------------------------- */
.header {
	position:relative;
/*
	-moz-box-shadow: 0px 1px 3px rgba(178, 178, 178,  0.8);
	-webkit-box-shadow: 0px 1px 3px rgba(178, 178, 178,  0.8);
	-ms-box-shadow: 0px 1px 3px rgba(178, 178, 178,  0.8);
	box-shadow: 0px 1px 3px rgba(178, 178, 178,  0.8);
*/
	z-index: 11;
	border-top:3px solid #004985;
	background:#fff;
}

.h-inner { width:980px; margin:20px auto 35px; display:flex; justify-content:space-between; align-items:center;}
.header .logo { width: 262px; margin-bottom:7px;}
.header .logo a:hover img{ opacity: 1; transition: 0;}
.header #h-data p{ margin-bottom:15px; font-size:12px; text-align:right; }
/*
.header #h-data a {
	background: #fff; color:#004985; font-size:36px; font-weight:bold;letter-spacing:-0.05em; text-decoration:none; display:block;
	font-family: YuMincho, 'Yu Mincho',"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.header #h-data a:hover{opacity: 0.7; transition: 0.4s;}
*/
.header #h-data img{
}

/*--- gnav ---*/
.hum { display:none;}
.gnav { clear: both; width: 100%; padding: 0; }
.gnav a { display: block; width: 100%; height: 100%; color:#fff; text-decoration: none;}
.gnav a:hover { opacity: 0.25; transition: 0.3s;}
.gnav ul { width:980px; height: 68px; margin: 0 auto;}
.gnav ul li { position: relative; float: left; /*width: 16.666%;*/ line-height: 63px; background-size: 100% auto !important; z-index: 101;}
.gnav ul li a { text-indent: -9999em;}
.gnav ul li:nth-child(1) { background: url(../img/common/gnav01.png) left top no-repeat;}
.gnav ul li:nth-child(2) { background: url(../img/common/gnav02.png) left top no-repeat;}
.gnav ul li:nth-child(3) { background: url(../img/common/gnav03.png) left top no-repeat;}
.gnav ul li:nth-child(4) { background: url(../img/common/gnav04.png) left top no-repeat;}
.gnav ul li:nth-child(6) { background: url(../img/common/gnav05.png) left top no-repeat;}
.gnav ul li:nth-child(7) { background: url(../img/common/gnav06.png) left top no-repeat;}

.gnav ul li:after {
	content: "";
	display: block;
	width:95px; height:2px;
	margin:-5px auto;
	background: #fff;
}
.gnav ul li:hover:after { background: #004985;}
.gnav ul li { width: 162px; margin:0;}
.gnav ul li:nth-child(2), .gnav ul li:nth-child(3) { width: 163px;}
.gnav ul li:nth-child(6), .gnav ul li:nth-child(7) { width: 165px;}
.gnav ul li:nth-child(7):hover { opacity: 0.7; transition: 0.4s;}
.gnav ul li:nth-child(7):hover:after { background: none;}

.gnav ul li ul { display:none; position: absolute; top:60px; left:-10%; width:190px; height: auto; font-size: 14px; z-index: 10101 !important; border-top:1px solid #004985; }
.gnav ul li:hover ul { display:block; z-index: 99;}
.gnav ul li ul li { display:block; width: 100% !important; height: 40px; background:rgba(255,255,255,0.7) !important; border-left:1px solid #004985; border-right:1px solid #004985; border-bottom:1px solid #004985; line-height: 40px; text-align: center;}
.gnav ul li ul li a { text-indent:0em; color: #004985;}
.gnav ul li ul li a:hover { color: #fff; background:#357ebe !important; opacity: 1;}
.gnav ul li ul li:after {
	display: none;
}



/*--- footer ---*/
.footer { padding: 46px 4%; clear: both; background: #004985; color:#fff;}
.footer a { color:#fff; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
.footer ul { margin-bottom:30px; text-align: center;}
.footer ul li { display:inline-block; font-size: 14px; line-height: 1.6;}
.footer ul li a { /* padding:0 0.5em 0 0.8em;*/ padding:0 1.5em 0 1.7em; border-left: 1px solid #fff;}
.footer ul li:nth-child(1) a { border:none;}
.footer ul li a:hover { text-decoration: underline;}

.footer .copyright { padding-top:20px; text-align: center; font-size: 12px;}

@media (max-width: 767px) {
		.fl, .fr { float:none; width: 100%;}

		.h-inner { width:100%; margin:10px auto; display:flex; justify-content:space-between; align-items:center;}
		.header .wrapper { position:relative; height: 73px;}
		.header .logo { float: left; width: 70.6%; max-width:188px; padding:12px 0 17px 12px; }
		.header #h-data { display: none;}

		/*--- gnav ---*/
		.hum { position:absolute; right: 2.5%; top:13px; height:48px; width:48px;}
		.hum span { display: block; height:48px; width:48px; background: url(../img/common/sp_btn_menu_01.png) left top no-repeat; transition: 0.3s;}
		.hum span.active { display: block; height:48px; width:48px; background: url(../img/common/sp_btn_menu_02.png) left top no-repeat; transition: 0.3s;}
		
		.gnav { display:none; padding: 0; position: absolute; top:80px; left: 0; background: #004985; z-index: 10101;}
		.gnav ul { width:100%; height: 100%;}
		.gnav ul li {
			width:100% !important;
			box-sizing:border-box;
			background: #004985 !important;
			border-bottom:1px solid #fff;
			float:none;
	    line-height: 40px;
		}
		.gnav ul li a {
				padding:0;
		    display: block;
				width:100%;
		    font-size: 14px;
		    text-align: center;
		    border-bottom: none;
		    z-index: 1001;
				text-indent:0;
				box-sizing:border-box;
		}
		.gnav ul li:after {
				display:none;
		}

		/*--- footer ---*/
		.fnav li { margin-bottom:15px; font-size:12px;}
}



/*  table
-------------------------------------------------- */
.tbl01, 
.tbl02 { width: 100%; border: 1px solid #dddddd; border-bottom:none; margin-bottom: 20px; }
.tbl02{ margin-top: 30px; margin-bottom: 45px;}
.tbl01 th, 
.tbl02 th { padding:16px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #ddcdcd; font-weight: normal; text-align: left; vertical-align: middle;}

.tbl01 th { width: 50%;}
.tbl02 th {text-align: right; width: 31%;}

.tbl01 td { padding:16px 30px 16px; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; vertical-align: middle;}
.tbl02 td { padding:16px 30px 16px; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; vertical-align: middle;}
.tbl01 td:last-child,
.tbl02 td:last-child { border-right: none;}

span.wpcf7-list-item{
	display: inline-block;
	margin: 0 1em 0 0 !important;
}

@media (max-width: 767px) {
		.tbl01, .tbl02 { width: 100%; border: 1px solid #dddddd; border-bottom:none; font-size:12px; margin-bottom: 15px; }
		.tbl01 th,
		.tbl02 th { width: 33.333%; padding:7px 7px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #ddcdcd; font-weight: normal; text-align: left; vertical-align: middle;}
		.tbl02 th { text-align:center;}
		.tbl01 td { padding:7px 7px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; vertical-align: middle;}
		.tbl02 td { padding:16px 10px 16px ; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; vertical-align: middle;}
		.tbl01 td:last-child,
		.tbl02 td:last-child {border-right: none;}
}



/*  btn
-------------------------------------------------- */
a.btn01 {
	padding: 5px 40px 5px 30px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 30px;
	background: #004985 url(../img/common/arrow_white.png) right 15px top 45% no-repeat;
	display: block;
}
a.btn02 {
  margin-top: 15px;
  padding: 5px 40px;
	color: #fff;
	text-align:center;
	text-decoration: none;
	border-radius:30px;
	background: #004985 url(../img/common/arrow_white.png) right 15px top 45% no-repeat;
  display: inline-block;
  box-sizing: border-box;
}

a.btn_bl02 { display:block; width: 500px; height: 70px; margin: 0 auto; line-height: 70px; background: url(../img/common/bg_btn_contact.png) left top no-repeat; text-align: center; color: #fff; text-decoration: none; font-size: 24px;}
a.btn_bl02:hover {}

@media (max-width: 767px) {
		a.btn01 {
			padding: 5px 30px 5px 20px;
			background: #004985 url(../img/common/arrow_white.png) right 12px top 45% no-repeat;
		}
		a.btn02 {
		  padding: 5px 30px 5px 20px;
			background: #004985 url(../img/common/arrow_white.png) 95% 45% no-repeat;
		}
		a.btn_bl02 { display:block; width: 100%; height: auto; line-height: 50px; background: url(../img/common/bg_btn_contact.png) left top no-repeat; text-align: center; color: #fff; text-decoration: none; font-size: 20px; background-size: 100% auto;}
		a.btn_bl02:hover {}
}



/*  top page
-------------------------------------------------- */
.mv--area { }
.mv--area--inner {
  position: relative;
	width:100%;
  max-width: 980px;
  height: 480px;
  margin: 0 auto 50px;
  z-index: 1;
  top: 30px;
}
.mv--area--inner img {margin: 0 auto; width: 100%;}
.cycle-pager { 
    text-align: center; width: 100%; z-index: 300; position: absolute; bottom: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; margin: 0 6px; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #fff; cursor: pointer; opacity: 0.7;
}
.cycle-pager span.cycle-pager-active { color: #361a0f;}
.cycle-pager > * { cursor: pointer;}

.cycle-arrows a { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -50px; opacity: 0.7; transition: 0.3s; z-index: 302; text-indent: -9999px;}
.cycle-arrows #prev { left: -20px; background:url(../img/top/mv_prev.png) left top no-repeat;}
.cycle-arrows #next { right: -20px; background:url(../img/top/mv_next.png) left top no-repeat;}
.cycle-arrows a:hover { opacity:1; transition: 0.3s;}

/*--- greeting--area ---*/
.greeting--area {
	margin:0;
	padding: 45px 0 70px 0;
	background-color: #fff;
	background-image: url(../img/top/message_bg01.png), url(../img/top/message_bg02.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
}
.greeting--area .title {
	margin: 0 auto 10px;
	width:618px;
	text-align:center;
	font-size:30px;
}
.greeting--area p {
      width: 59%;
      margin: 0 auto 25px auto;
      text-align:center;
  }
.greeting--area p:last-of-type{ margin-bottom: 0;}

/*--- .service--area ---*/
.home .service--area{
	padding: 50px 0;
	background:rgba(204, 219, 231, .2);
}
.home	.service--area h2 {
	margin: 0 auto 40px;
	text-align: center;
}

.home .service--area .wrapper{
	display:flex;
	justify-content:space-between;
}

.home .service--area .wrap{
	position:relative;
}

.home .service--area .link{
	position:absolute;
	top:230px;
	left:5%;
	padding-right:10%;
	color:#fff;
	line-height:1.4;
}

.home .service--area a {
	color:#fff;
	font-size:14px;
	text-decoration:underline;
}

.home .service--area a:hover{
	text-decoration: none;
}

/*--- .news--area ---*/
.news--area { padding: 70px 0;}
.news--area .wrapper { padding:0 60px;}	
.news--area h2 { margin: 0 auto 40px; text-align: center;}
.news--area h2 img { width:initial;}
.news--area .btn_list {
	position: absolute;
	top: 0px;
	right:0;
}

.news--area dl { margin:0 0 0.75em; display: table;}
.news--area dl dt { display: table-cell; padding-right: 46px;}
.news--area dl dd { display: table-cell;}
.news--area dl dd a {text-decoration:underline;}
.news--area dl dd a:hover { text-decoration:none;}

/*
.cat_icon{
	display: inline-block !important;
	width: 100px;
	margin-right: 30px;
	border-radius: 5px;
	box-sizing: border-box;
}
.cat_icon a{
	text-align: center;
	padding: 3px 5px 2px;
	font-size: 12px;
	text-decoration: none !important;
	color:#000 !important;
	display:block;
	box-sizing:border-box;
}
*/
.cat_icon.mainte-01{ background: #cdb2de;}/*障害情報*/
.cat_icon.mainte-02{ background: #88b1f4}/*メンテナンス*/
.cat_icon.news{ background: #fcdc7f;}/*お知らせ*/


/*--- .access--area ---*/
.home .access--area { padding: 50px 0 80px;}

.home .access--area h2 {
	margin: 0 auto 40px;
	text-align: center;
}

.home .access--area h2 img {
	width: 117px;
	height: auto;
}

.home .access--area .fl {
	width:34% !important;
	font-size:14px;
}

.home .access--area .fl h3 img {
  width: auto;
  height:37px;
}

.home .access--area .fl .txt p {
	margin-bottom:30px;
	font-size:14px;
}

.home .access--area .fl .txt .addr{
	margin-bottom:15px;
	max-width:366px;
}

.home .access--area .fl .txt .tel{
	margin:15px 0 5px;
	display:flex;
	align-items: flex-end;
}

.home .access--area .fl .txt .tel div{
	line-height:1;
}

.home .access--area .fl .txt .tel .telimg{
	max-width:113px;
}

.home .access--area .fl .txt .tel .telimg img{
	font-size:0;
}

.home .access--area .fl h5 {
	font-size:16px;
	font-weight:normal;
	color:#359abc;
}

.home .access--area a.btn01{
	max-width:270px;
	box-sizing:border-box;
}

.home .access--area .fr {
	width: 62% !important;
}

.home .access--area .fr iframe {
	height: 450px;
}


@media (max-width: 767px) {
		.mv--area { padding-bottom: 16px;}
		.mv--area--inner { position: relative; margin:0 auto; height:auto; z-index: 1; top:0;}
		.mv--area--inner img { width:100%; height: auto;}
		.mv--area--inner .mv--text { position: absolute; top:20%; left:0; width: 100%; z-index: 301; text-align:center;}
		.mv--area--inner .mv--text img { width:60%; height: auto;}
		.cycle-arrows a {margin-top: -20px;}
		.cycle-arrows #prev { left: 0px;}
		.cycle-arrows #next { right: 0px;}
		.cycle-pager { bottom:-10px;  z-index: 311;}

		/*--- greeting--area ---*/
		.greeting--area {
			padding: 40px 0 30px 0;
			background:none;
/*
			background-color: #fff;
			background-image: url(../img/top/message_bg01.png), url(../img/top/message_bg02.png);
			background-position: left top, right bottom;
			background-repeat: no-repeat, no-repeat;
			background-size: 25% auto, 25% auto;
*/
		}
		.greeting--area .title {
			margin: 0 auto 20px;
			width:96%;
			text-align:center;
			font-size:18px;
			letter-spacing:-0.05em;
			font-weight:bold;
		}
		.greeting--area p { width:90%; text-align:center; line-height: 2;}

		/*--- .service--area ---*/
		.home .service--area .wrapper{
			display:block;
		}
		.home .service--area .wrapper div{
			margin-bottom:15px;
		}
		.home .service--area .wrap {
			margin:0 auto;
			max-width:315px;
		}

		/*--- .news--area ---*/
		.home .news--area { padding: 50px 0;}
		.home .news--area .wrapper { padding:0 10px;}	
		.news--area h2 {
			position:static;
			margin: 0 auto 15px;
			text-align: center;
		}
		.news--area .btn_list {
			position:static;
			margin:0 auto 30px;
			display:table;
		}
		.news--area .btn_list a{
			display:table-cell;
		}
		.news--area dl {
			margin:0 0 20px;
			width:100%;
			display:flex;
			flex-wrap:wrap;
			align-items:flex-start;
		}
		.news--area dl dt{
			width:100%;
			display:block;
		}
/*
		.news--area dl dd.cat_icon{
			margin-right:10px;
			margin-bottom:10px;
			width:100px;
		}
*/
		.news--area dl dd{
/*
			width:65%;
*/
			width:100%;
		}
		.news--area dl dd a {text-decoration:none;}
		.news--area dl dd a:hover { text-decoration:underline;}

		/*--- .access--area ---*/
		.home .access--area .fl {
			margin-bottom:20px;
			width:100% !important;
		}
		.home .access--area .fr {
			width: 100% !important;
		}
		.home .access--area a.btn01{
			margin:0 auto;
		}


}

/*
@media (max-width: 320px) {
		.news--area dl dd{
			width:62%;
		}
}
*/

/* page common
-------------------------------------------------- */
.page--ttl { margin-bottom:20px; padding: 35px 2.5%;  background: url(../img/common/h1_bg.png) no-repeat right top, #004985;}
.page--ttl h1,
.page--ttl h2 { font-size: 26px; color: #fff; font-weight: normal; margin:0; padding: 0; }

.crumb { margin:0 auto 40px; width:100%; max-width:980px; }
.crumb li { display: inline-block; font-size: 14px; padding-bottom:4px; }
.crumb a { color:#004985;}
.crumb a:hover { text-decoration:underline !important;}

.crumb li:after { content:"　＞"; margin-right: 5px;}
.crumb li:last-child:after { content:"";}

.h201 { margin-bottom: 35px; padding:5px 0 10px 48px; font-size: 24px; font-weight: normal; border-bottom:1px solid #004985; color: #004985; line-height: 1.25; background: url(../img/common/bg_h2.png) left .2em top .2em no-repeat;}
.h202 { margin:40px 0 25px; padding-left: 17px; font-size: 16px; border-left:3px solid #3299bb; line-height: 1.5;}
.h202 span { padding-right: 13px; font-size: 23px;}

/*
h3.ttl{
    border-bottom: 1px dotted #333;
    color: #17274d;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 30px;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
}

h4{
    margin-bottom: 15px;
    padding-left: 7px;
    color: #17274d;
    border-left: 7px solid #17274d;
    line-height: 1.3;
    box-sizing: border-box;
    font-weight: normal;
}
*/

h3.ttl{
	margin-bottom: 35px;
	padding-left: 15px;
	color: #004985;
  font-size: 20px;
	border-left: 12px solid #004985;
	line-height: 1.2;
	box-sizing: border-box;
	font-weight: normal;
}

h4.circle{
	margin-bottom: 30px;
	padding:0 0 0 27px;
	color: #004985;
  font-size: 18px;
	line-height: 1.2;
	box-sizing: border-box;
	font-weight: normal;
	background: url(../img/common/icn_circle.png) left 0 no-repeat;
}

.sec01 p { line-height:1.67; color: #333333;}

.sec01 .col02 .fl,.sec01 .col02 .fr{ width: 48%; margin-right: 4%;}
.sec01 .col02 .fr{ margin-right: 0;}

@media (max-width: 767px) {
	.page--ttl { margin-bottom: 15px; padding:0; background: url(../img/common/h2_bg.png) no-repeat right -100px center / contain, #004985;}
	.page--ttl .wrapper { padding:25px 2.5%;}
	.page--ttl h1,
	.page--ttl h2 { font-size: 22px;}
	.page--ttl p img { height: 20px; width: auto;}
	.crumb { margin:0 auto 20px; padding:0px 2.5% 0px; }
	.h201 { margin-bottom: 35px; padding:5px 0 10px 48px; font-size: 24px; font-weight: normal; border-bottom:1px solid #004985; color: #004985; line-height: 1.25; background: url(../img/common/bg_h2.png) left 10px no-repeat;}

	.sec01 p { line-height:1.8;}
	.sec01 .col02 .fl,.sec01 .col02 .fr{ width: 100%; margin-right: 0; float: none; }

	.btn--contact { margin: 0 auto; text-align: center;}
}

/*--- h301 ---*/
.sec01 .h301 {
	margin:30px 0 15px;
	color: #b50f24;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.02;
}
.sec01 .h301:before{
    content: '●';
}

.sec01 .h301:first-of-type { margin-top: 0;}
/*--- h302 ---*/
.sec01 .h302 { margin:30px 0 10px; padding:0px 0 0 0; color: #361a0f; font-weight: bold; font-size: 18px; border-left:none; line-height: 1.02; }
.sec01 .h302:before {
	content:"■";
}

.sec01 .comment h4 { padding-left:21px; font-size:16px; background: url(../img/common/bg_li02.png) left 1px no-repeat;}
.sec01 p, 
.sec01 ol { margin-bottom: 2em;}
.sec01 p:last-of-type, .sec01 ol:last-of-type{ margin-bottom: 0;}

.sec01 .check li { margin-bottom: 0.85em; padding-left: 28px; line-height: 1.5; background: url(../img/common/icn_check.png) left 1px no-repeat;}

/*
@media (min-width: 641px) {
*/
/* tablet用 */
	.sec01 { margin-bottom: 80px;}

	.sec01 .fr.img{ margin: 0 0 24px 24px; width: 58%; max-width: 562px;}
	.page-about .sec01 .fr.img{ margin: 0 0 24px 24px; width: 43%; max-width: 350px;}
	.sec01 dl dt { float:left; width: 149px; padding: 5px 0;}
	.sec01 dl dd { display:block; margin-left: 150px; padding: 5px 0 5px 1.5em; border-left: 1px solid #2a2b2c;}

/*
}
*/
@media (max-width: 767px) {
/* SP用 */
    .h201{
        font-size: 20px;
        line-height: 1.5;
        padding-bottom: 5px;
        padding-left: 26px;
        background-size: 23px;
    }
    h3.ttl{ font-size: 16px;}
    h4{font-size: 15px;}
	.sec01 { margin-bottom: 45px;}
	.sec01:last-of-type{ margin-bottom: 0;}
	.sec01 .fr { margin-bottom: 25px;}
	.sec01 .fr.img{ width: 100%; max-width: inherit;}
	.sec01 .comment { padding:12px;}
	
	.sec01 dl dt { float:left; width: 30%;}
	
	.page-fukui .sec01 .fl dl dt { float:none; width: 100%; padding: 5px 0;}
	.page-fukui .sec01 .fl dl dd { display:block; padding: 5px 0; border-top : 1px solid #999;}
}


/* about
-------------------------------------------------- */
.page-about .about-box{
	margin-bottom:80px;
	display:flex;
	justify-content:space-between;
}

.page-about .about-box .txt{
	width:65%;
}

.page-about .about-box .txt p{
	margin-bottom:1em;
}

.page-about .about-box .txt p.sign{
	padding-top:1em;
}

.page-about .about-box p.ind01{
	padding-left:3em;
	text-indent:-3em;
}

.page-about .about-box p.ind02{
	padding-left:8em;
	text-indent:-8em;
}

.page-about .about-box .fig{
	width:35%;
	max-width:300px;
}

.page-about .about-list{
	margin-bottom:80px;
}

.page-about .about-list dl{
	display:flex;
	justify-content:space-between;
}

.page-about .about-list dt{
	margin:0 5px 5px 0;
	padding:20px;
	width:20%;
	background:rgba(0, 73, 133, .1);
	text-align:right;
	box-sizing:border-box;
}

.page-about .about-list dd{
	margin:0 0 5px;
	padding:20px;
	width:80%;
	background:#fdfbf8;
	box-sizing:border-box;
}

.page-about .about-list dd.addr img{
	max-width:366px;
}

.page-about .about-list dd.tel img{
	max-width:113px;
}

@media (max-width: 767px) {
		.page-about .about-box{
			margin-bottom:40px;
			display:block;
		}
		.page-about .about-box .txt{
			width:100%;
		}
		.page-about .about-box .fig{
			margin:0 auto;
			width:100%;
		}
		.page-about .about-list dl{
			display:block;
		}
		.page-about .about-list dt{
			padding:10px;
			width:100%;
			text-align:left;
			box-sizing:border-box;
		}
		.page-about .about-list dd{
			padding:10px;
			width:100%;
			box-sizing:border-box;
		}
}



/* service
-------------------------------------------------- */
.page-service .main-ttl{
	margin-bottom:50px;
}

.page-service section{
	margin-bottom:90px;
}

.page-service p{
	margin-bottom:40px;
}

.page-service p.lead{
	margin-bottom:30px;
	color:#004985;
	font-size:18px;
}

.page-service .box{
	margin-bottom:38px;
	display:flex;
}

.page-service .box .photo{
	width:230px;
	margin-right:44px;
}

.page-service .box dl{
	width:100%;
	max-width:736px;
	display:flex;
}

.page-service .box dt{
	margin-right:10px;
	width:27px;
	height:27px;
	color:#fff;
	background:#1b6aaa;
	display:flex;
	align-items: center;
	justify-content: center;
	line-height:1;
}

.page-service .box dd{
	width:calc(100% - 37px);
}

@media (max-width: 767px) {
		.page-service section{
			margin-bottom:40px;
		}
		.page-service .box{
			display:block;
		}
		.page-service .box .photo{
			margin:0 auto 15px;
			width:230px;
		}
}



/*  contact
-------------------------------------------------- */
/*
.page-contact .sec01 .fr.photo{ width: 36%; max-width: 350px;}
.page-contact .sec01 .fl.txt{ width: 61%;}
.page-contact .sec01 .fl.txt img{ max-width: 300px;}

.tel-img{ max-width: 300px; margin-bottom: 12px;}
.contact-note{
    margin: 25px 0 0 1em;
    text-indent: -1em;
}

.page-contact .sec01 a.btn--contact { display: block; width: 500px; height: 70px; margin:0 auto; text-align: center; line-height:70px; font-size: 20px; background:url(../img/common/bg_btn_contact.png) left top no-repeat; border: none; outline:none; color: #fff;}
*/

.page-contact .tbl02{ border: none; border-collapse: separate; border-spacing: 5px;}
.page-contact .tbl02 th{
	background: #fff;
	border-right: none;
	border-bottom: none;
	text-align: right;
}
.page-contact .tbl02 td{
	background: #fff;
	border-right: none;
	border-bottom: none;
}

.required { color:#ff0000;}
.page-contact .err { color:#f00;}

.policy--area { height: 132px; margin-bottom:50px; overflow-y: scroll; border:1px solid #c2c2c2; border-radius: 3px; background: #fff;}
.policy--area .inner { padding:15px 15px 0;}
.sec01 .btn--accept { margin-bottom:44px; text-align: center;}

.sec01 input, 
.sec01 select, 
.sec01 textarea { max-width: 100%; padding:3px; border-radius: 3px; box-sizing: border-box; border: 1px solid #999999; box-shadow: none;}
.sec01 select {padding:5px 3px 10px;}
.sec01 textarea { min-width:90%; }
.sec01 .form--name { width: 12em;}
.sec01 .form--txt { width: 5em;}
.sec01 input.time { }
.sec01 .btn--confirm { text-align:center;}

.sec01 input.btn_confirm { width: 500px; height: 70px; margin:0 auto; text-align: center; line-height:70px; font-size: 20px; background:url(../img/common/btn_arrow.png) no-repeat right 10% center,rgba(0, 73, 133,1); border: none; border-radius:35px; outline:none; cursor:pointer; color: #fff;}
.sec01 input.btn_confirm:hover {background:url(../img/common/btn_arrow.png) no-repeat right 10% center,rgba(0, 73, 133,0.7);}

.contact_tel { width:400px; margin: 0 auto; padding:0 0 20px 26px; font-size:48px; color: #5D973E; font-weight: bold; text-align: center; line-height:1.03; background:url(../img/contact/icn_tel-contact.png) left 0px no-repeat;}

.contact--phone { text-align: center;}

.ymdt, .ymdt2 { margin:0 0 0.8em;}
.ymdt span { margin-right:1em;}
.ymdt2 span.ttl { font-weight:bold;}
.ymdt select { width:80px; padding:3px; border-radius: 3px; box-sizing: border-box;}

/*
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000 !important;
}
*/

.formBtn.formConfirm{
	margin:40px auto;
	width:700px;
	display:flex;
	align-items: center;
	justify-content:space-between;
}
.formBtn.formConfirm input,
.formBtn.formConfirm a {
	width:46%;
  max-width: 300px;
}

.formBtn.formConfirm input,
.formBtn.formConfirm button {
	margin:2% 0;
  padding: 15px;
	width:100%;
  text-align: center;
  color: #fff;
  font-size: 30px;
  background: url(../img/common/btn_arrow.png) no-repeat 90%,#004985;
  border: none;
	border-radius:50px;
  outline:none;
  box-sizing: border-box;
/*
  box-shadow: 0 4px rgba(0,0,0,0.2);
*/
  cursor: pointer;
}

.formBtn.formConfirm input:hover{
	opacity: 0.7; transition: 0.4s;
}

.formBtn.formConfirm .btn_back {
  background: url(../img/common/btn_arrow_left.png) no-repeat 10%,#aaa;
}

.formBtn.formConfirm .btn_back:hover {
	opacity: 0.7; transition: 0.4s;
}

#compBox {
	margin:100px 0 100px;
	text-align:center;
}

#compBox h3{
	margin-bottom:40px;
  font-size: 24px;
}

#compBox p{
  font-size: 16px;
	line-height:2;
}

@media (min-width: 769px) {
/* PC用 */
	
}
/*
@media (min-width: 641px) {
*/
/* tablet用 */
	
	.contact--phone { padding:20px 0;}	
	.contact--phone img { width:337px; height:auto;}
	
	/* for contact */
	.tbl03 { width: 100%; margin-bottom: 50px; border-bottom:none;}
	.tbl03 th { width:33.33333%; padding:14px 30px; border-right:5px solid #fffbec; border-bottom: 5px solid #fffbec; background: #e5dac3; font-weight: normal; text-align: right; vertical-align:middle;}
	.tbl03 td { padding:16px 30px 14px 30px; border-bottom: 5px solid #fffbec; background: #fff; vertical-align: middle;}
/*
}
*/
@media (min-width: 641px) and (max-width: 768px) {
	/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
	
	.page-contact .sec01 .fr.photo{ margin-bottom: 20px;}
	.page-contact .sec01 .fl.txt,.page-contact .sec01 .fr.photo{ width: 100%; max-width: inherit;}
	.page-contact .sec01 .fl.txt img{ max-width: inherit; width: 90%; margin: 0 auto; display: block;}

    .tel-img{
        display: block;
        max-width: inherit;
        width: 90% !important;
        margin: 0 auto 15px auto;
    }
	.page-contact .tbl02 th,.page-contact .tbl02 td{ width: 100%; display: block; text-align: left; /*padding: 15px 10px;*/ padding: 0; font-size:16px;}
	.page-contact .tbl02 td{ padding: 0 0 20px;}
	.sec01 input, 
	.sec01 textarea { width:94%;}
	.sec01 .check_accept { width: 100%;}
	
	.sec01 .form--name { width: 8em;}
	.sec01 .form--txt { width: 3.4em; margin-bottom:.5em;}
	.sec01 label input { width:20px;}
	.sec01 .wpcf7-list-item { display:inline-block; /*width:50%;*/ width:100%; box-sizing: border-box;}
    .sec01 .btn--accept .wpcf7-list-item{ width: 16px;}
/*
	.sec01 .wpcf7-list-item:nth-child(7) { width:100%;}	
*/
	
	.formBtn.formConfirm{
		width:100%;
		display:block;
	}
	.formBtn.formConfirm input,
	.formBtn.formConfirm button {
	  font-size: 20px;
	}

	.contact--phone { padding:10px 8%; box-sizing: border-box;}
	.contact--phone img { width:100%; height:auto;}
	
	span.wpcf7-list-item{ margin: 0 !important;}
	
	/* for contact */
	.tbl03 { width: 100%; margin-bottom: 20px; font-size:13px;}
	.tbl03 th { display: block; width: 100%; padding:10px 3%; border-bottom: 3px solid #fffbec; background: #e5dac3; font-weight: normal; text-align: left; vertical-align: middle; box-sizing: border-box;}	
	.tbl03 td { display: block; width: 100%; padding:10px 3%; border-bottom: 3px solid #fffbec; vertical-align: middle; background: #fff; box-sizing: border-box;}
	.policy--area .inner { font-size:12px;}

}



/*  news--list
-------------------------------------------------- */
.news--list { margin-bottom: 50px;}

.news--list dl { width: 100%; display: flex; padding:18px 15px;}
.news--list dl:nth-of-type(odd) { background:rgba(0, 73, 133, .1); }
.news--list dt { margin-right: 30px; }
.news--list dd { width: 88%;}
.news--list dd.cat_icon { width:100px; }
.news--list a {text-decoration: underline; color:#004985; background:url(../img/common/arrow.png) no-repeat 0 .45em; padding-left:14px;}
.news--list a:hover{text-decoration: none;}

@media (max-width: 767px) {
.news--list dl {flex-wrap:wrap;}
.news--list dl dd.cat_icon{ margin-bottom:10px; }
.news--list dd { width: 100%;}
}



/*  single
-------------------------------------------------- */
.entry_head{
  margin-bottom: 20px;
	display:flex;
	justify-content:flex-end;
}

.entry_head .cat_icon{
	margin-left:30px;
	margin-right:0;
}

.screen-reader-text,
.meta-nav { display: none !important;}
.entry-time { padding-bottom: 30px; font-size:13px; text-align: right;}
.entry-content{ margin-bottom: 70px;}
.entry-content img { width:auto; height: auto;}

.paging,
.tablenav { text-align: center; margin-bottom:50px; clear:both;}

.paging > div a,
.tablenav > a { display: block; padding: 8px 12px; background: #fff; text-decoration: none; color: #004985; border:1px solid #004985; line-height:1;}

.paging > div,
.tablenav > a { display: inline-block; line-height:1; margin:0 6px;}
.tablenav > a:hover { color:#fff; background:rgba(0, 73, 133, .5);}
.paging > div a:hover { color:#fff; background:rgba(0, 73, 133, .5);}

.tablenav > span { display: inline-block; padding: 8px 12px; margin:0 4px; color:#fff; background:#004985; line-height:1;}
.paging .prev span,
.tablenav .a--prev { display: inline-block; width:8px; height:8px; background:url(../img/common/icn_prev.png) center center no-repeat; line-height:1;}
.paging .next span,
.tablenav .a--next { display: inline-block; width:8px; height:8px; background:url(../img/common/icn_next.png) center center no-repeat; line-height:1;}
.paging .to--list span { display: inline-block; width:8px; height:8px; background:url(../img/common/icn_up.png) center center no-repeat; line-height:1;}
.single-thumb { float:right; width: 40.816%; margin:0 0 40px 4.0816%;}

@media (max-width: 767px) {
  .entry-content{ margin-bottom: 12%;}
	.single-thumb img { margin-bottom:10px;}
}