@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

/*================================================
ベースコーディング
================================================*/
html, body {
	height: 100%;

}
/* 基本フォント ------------------------------ */

body {
	color: #333;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"メイリオ","ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	width: 100%;
}

input,textarea,select {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"メイリオ","ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	text-align: center;
	min-width: 1024px;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}
p img{
	vertical-align:bottom;
}
address,em,cite {
	font-style: normal;
}
/* 基本テキストリンク ------------------------------ */

a {
	overflow: hidden;
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #2f66b0;
	text-decoration: none;
}
a:active {
	color: #2f66b0;
	text-decoration: none;
}
.hideAnchor {
    margin-top: -70px;
    padding-bottom: 70px;
}
/*================================================
全体共通レイアウト
================================================*/

.headTxt {
	text-align: left;
    color: #aaa;
    height: 26px;
    padding: 10px 0 0;
    font-size: 12px;
}
.block{
	min-width: 1000px;
	width: 1000px;
	margin: 0 auto;
}
.container {
	text-align: left;
}



/*================================================
汎用パーツ（ボタンなど）
================================================*/
/* btnOrange01 */
.btnOrange01{
	color: #fff;
	font-weight: bolder;
}
	.btnOrange01 a{
		border: 2px solid #fe843a;
		border-radius: 5px;
		padding: 10px;
		color: #fff;
		font-weight: bolder;
		display: block;
		background-image: -webkit-gradient(linear, center top, center bottom, from(#fe843a), to(#ed630f));
		background-image: -webkit-linear-gradient(top, #fe843a, #ed630f);
		background-image: -moz-linear-gradient(top, #fe843a, #ed630f);
		background-image: -o-linear-gradient(top, #fe843a, #ed630f);
		background-image: -ms-linear-gradient(top, #fe843a, #ed630f);
		background-image: linear-gradient(to bottom, #fe843a, #ed630f);

	}
	.btnOrange01 a:hover{
		color: #fe843a;
		border: 2px solid #fe843a;
		border-radius: 5px;
		background-color: #fff;
		background-image: none;

	}
	.btnOrange01 i{
		padding: 0 5px 0px 0;
	}

/* btnOrange02 */

.btnOrange02{
	color: #fff;
	font-weight: bolder;
}
	.btnOrange02 a{
		border: 2px solid #fe843a;
		border-radius: 5px;
		padding: 20px 0;
		font-size: 26px;
		color: #fff;
		font-weight: bolder;
		display: block;
		text-align: center;
		background: #f54d15; /* Old browsers */
		background: -moz-linear-gradient(top,  #f54d15 8%, #cc4010 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #f54d15 8%,#cc4010 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #f54d15 8%,#cc4010 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54d15', endColorstr='#cc4010',GradientType=0 ); /* IE6-9 */
	}
	.btnOrange02 a:hover{
		color: #fe843a;
		border: 2px solid #fe843a;
		border-radius: 5px;
		background-color: #fff;
		background-image: none;

	}
	.btnOrange02 i{
		font-size: 30px;
		line-height: 1;
		padding: 0 0px 0px 20px;
	}

/* btnBlue */

.btnBlue{
	color: #fff;
	font-weight: bolder;
}
	.btnBlue a{
		border: 2px solid #2E66B2;
		border-radius: 3px;
		padding: 10px 0;
		font-size: 14px;
		color: #fff;
		display: block;
		text-align: center;
		background: #2E66B2; /* Old browsers */
	}
	.btnBlue a:hover{
		color: #2E66B2;
		border: 2px solid #2E66B2;
		border-radius: 4px;
		background-color: #fff;
		background-image: none;

	}
.btnBlue02{
	color: #2E66B2;
	font-weight: bolder;
}
	.btnBlue02 a{
		color: #2E66B2;
		border: 2px solid #2E66B2;
		border-radius: 3px;
		padding: 10px 0;
		font-size: 14px;
		display: block;
		text-align: center;
		background-color: #fff;
	}
	.btnBlue02 a:hover{
		color: #fff;
		border: 2px solid #2E66B2;
		border-radius: 4px;
		background-color: #2E66B2;
		background-image: none;

	}

.txt16px{
	font-size: 16px;
    line-height: 2;
}
/*toAgency*/
.toAgency{text-align: center;padding: 90px 0;background: #303132;}
.bottom{margin-bottom: 20px;}
.toAgency a{width: 65%;margin: 0 auto;padding: 10px 0;font-size: 34px;}
.toAgency .companyBlock{margin-bottom: 0!important; padding-top: 0;}
.toAgency .companyBlock a{width: 100%; font-size: 30px;}
.bx-viewport{height: 536px!important;}

/*================================================
ヘッダー（全ページ共通）
================================================*/
#header {
	border-bottom: 6px solid #2e66b2;
	padding: 0px 0 0 0;
}
.headerInner{
	text-align: left;
	position: relative;
	height: 153px;
}
	.headerInner .headerTop{
		width: 1000px;
		margin: 0 auto;

	}
	.headerInner .logo{
		float: left;
	}

	.headerInner .tel{
			float: right;
			position:relative;
			width: 478px;
			height: 76px;
	}
	.headerInner .tel li.telNum{
			width:286px;
			position:absolute;
	}
	.headerInner .tel li.btn{
			top:29px;
			right: 0px;
			z-index: 99999;
			position:absolute;
		}

		.headerInner .gnavi{
			position: absolute;
			left: 0;
			bottom: 0;
		}
			.headerInner .gnavi li{
				float: left;
				padding-right: 0;
				background: none;
			}

/*================================================
固定グローバルナビ（全ページ共通）
================================================*/
.FixedMenu {
    background: #fff none repeat scroll 0 0;
    border-bottom: 6px solid #2e66b2;
    left: 0;
	position: fixed;
    top: -73px;
    width: 100%;
    z-index: 30000;
}
	.FixedMenu ul li {
	    float: left;
	    height: 67px;
	}
		.FixedMenu ul li a{
		    display: block;
		    height: 67px;
		}
		.FixedMenu ul li.l0 {
			width: 120px;
		}
		.FixedMenu ul li.l1 {
			width: 190px;
		}
		.FixedMenu ul li.l2 {
			width: 153px;
		}
		.FixedMenu ul li.l3 {
			width: 119px;
		}
		.FixedMenu ul li.l4 {
			width: 245px;
		}
		.FixedMenu ul li.l5 {
			margin: 10px 0 0 0;
			height: auto;
		}
		.FixedMenu ul li.l5 a{
			height: auto;
		}



/*================================================
MegaMENU（全ページ共通）
================================================*/
.mega{

}
	.megamenu{
		left: 50%;
		margin-left: -500px;
		 position: fixed;
		width: 1000px;
		z-index: 40000;
}

	/*  mega1*/

	.megamenu span.tri {
	    position: absolute;
	    top: 1px;
	}
	.megamenu .mega1{
	    padding: 11px 0 0;
	    width: 791px;
	}
	.megamenu .mega1 ul {
    	background: #1a55a3 none repeat scroll 0 0;
	}
	.megamenu .mega1 ul li {
	    float: left;
	}
	.megamenu .mega1 ul li.l0 {
    	width: 180px;
	}
	.megamenu .mega1 ul li.l1 {
    	width: 178px;
	}
	.megamenu .mega1 ul li.l2 {
    	width: 197px;
	}
	.megamenu .mega1 ul li.l3 {
    	width: 143px;
	}
	.megamenu .mega1 ul li.l4 {
    	width: 93px;
	}
	.headerToCompany{

		color: white;
	}

	.headerToCompany ul{background:#4d7dbe !important;}
	.headerToCompany ul li{
			width: 31%;
	    margin: 0 1%;
	}

	.megamenu .mega1 ol {
	    background: #4d7dbe none repeat scroll 0 0;
	    display: none;
	    padding: 38px 39px;
	}
	.megamenu .mega1 ol li{
		float: left;
		list-style: outside none none;
		margin: 0 38px 0 0;
		width: 112px;
	}
	.megamenu .mega1 ol li.last{
    	margin-right: 0;
	}
	/*  mega2*/

	.megamenu .mega2{
	    padding: 11px 0 0;
	    width: 852px;
	}
	.megamenu .mega2 ul {
	    background: #1a55a3 none repeat scroll 0 0;
	}
	.megamenu .mega2 ul li {
	    float: left;
	}
	.megamenu .mega2 ul .l0 {
	    width: 390px;
	}
	.megamenu .mega2 ul .l1 {
	    width: 196px;
	}
	.megamenu .mega2 ul .l2 {
	    width: 266px;
	}
	.megamenu .mega2 ul li a {
	    background: #2e66b2 none repeat scroll 0 0;
	}
	.megamenu .mega2 ol {
	    background: #4d7dbe none repeat scroll 0 0;
	    display: none;
	    padding: 20px 39px;
	    position: relative;
	}
	.megamenu .mega2 p {
	    background: #4d7dbe none repeat scroll 0 0;
	}
	.megamenu .mega2 ol li {
	    float: left;
	    list-style: outside none none;
	}
	.megamenu .mega2 ol .li2 {
	    left: 522px;
	    position: absolute;
	    top: 42px;
	}
	.megamenu .mega2 ol .li3 {
	    left: 628px;
	    position: absolute;
	    top: 42px;
	}

	/*  mega3*/

	.megamenu .mega3 {
	    width: 1000px;
	}
	.megamenu .mega30 {
	    background: #1a55a3 none repeat scroll 0 0;
	    padding: 0 0 30px;
	}
	.megamenu .mega3 ul {
	    float: left;
	    padding: 0 0 0 10px;
	}
	.megamenu .mega3 .ul0 {
	    width: 205px;
	}
	.megamenu .mega3 .ul0 li {
	    height: 39px;
	    width: 205px;
	}
	.megamenu .mega3 .ul1 {
	    width: 265px;
	}
	.megamenu .mega3 .ul1 li {
	    height: 39px;
	    width: 265px;
	}
	.megamenu .mega3 .ul2 {
	    width: 265px;
	}
	.megamenu .mega3 .ul2 li {
	    height: 39px;
	    width: 265px;
	}

	/*  mega4*/

	.megamenu .mega4 {
	    width: 1000px;
	}
	.megamenu .mega4 ul {
	    background: #1a55a3 none repeat scroll 0 0;
	    padding: 0 23px 25px;
	}
	.megamenu .mega4 li {
	    float: left;
	}
	.megamenu .mega4 .back {
	    margin-left: 200px;
	}
	.megamenu .mega4 .li2 {
	    left: 442px;
	    position: absolute;
	    top: 70px;
	}
	.megamenu .mega4 .li3 {
	    left: 548px;
	    position: absolute;
	    top: 70px;
	}
	.megamenu .mega4 .li4 {
	    left: 654px;
	    position: absolute;
	    top: 70px;
	}
	.megamenu .mega4 .li5 {
	    left: 442px;
	    position: absolute;
	    top: 237px;
	}
	.megamenu .mega4 .li6 {
	    left: 548px;
	    position: absolute;
	    top: 237px;
	}
	.megamenu .mega4 .li7 {
	    left: 654px;
	    position: absolute;
	    top: 237px;
	}

/*================================================
ヘッダー&フッターがないページ（お問い合わせフォーム）
================================================*/
.noHeader{
	padding: 35px 0 30px 0;
	text-align: left;
}
.noHeader .logo{
	float: left;
}
.noFooter

/*================================================
フッター（全ページ共通）
================================================*/
#footer {
	color: #fff;
	text-align: left;
}
/*otherpageLink*/
.otherpageLink {
    margin: 0 auto 100px auto;
}
.otherpageLink.companyBlock {
    padding: 0px 0 0 200px;
}
	.otherpageLink p{
		color: #2E66B2;
		font-size: 25px;
		background: #fff url(./img/common/bg_otherpageLink01.gif) 0 center no-repeat;
		padding: 0 0 0 40px;
		border-bottom: 1px solid #2E66B2;
		font-weight: bolder;
	}
	.otherpageLink ul{
		padding: 30px 0 15px 0;
		text-align: center;
	}
	.otherpageLink li{
		display: inline-block;
		padding: 0 5px;
	}
/*otherpageLink02*/
.otherpageLink02 {
    margin: 0 auto;
    padding: 35px 0 50px 0;
    background-color: #d9e9f2;
}

	.otherpageLink02 li{
	    background: #fff none repeat scroll 0 0;
	    display: inline-block;
	    font-size: 12px;
	    margin: 0 5px;
	    vertical-align: top;
	}
	.otherpageLink02 li span{
	    display: block;
	    line-height: 1.5;
	}
		.otherpageLink02 li a {
		    background: rgba(0, 0, 0, 0) url("./img/common/bg_footerBanner.png") no-repeat scroll left top;
		    color: #2e66b2;
		    display: block;
		    font-size: 22px;
		    height: 84px;
		    line-height: 84px;
		    padding-left: 75px;
		    text-align: left;
		    width: 245px;
		}
			.otherpageLink02 li.small a {
			    font-size: 18px;
			}
		.otherpageLink02 li.double a{
		    height: 52px;
		    line-height: 26px;
		    padding: 16px 0 16px 75px;
		}

		.otherpageLink02 li a:hover {
    		opacity: 0.5;
    	}

/*footerFaq*/
.footerFaq{
	background-color: #DAEAF6;
	padding: 50px 0;
}
.footerFaq.no-bgColor{
	background-color: #fff;
}
.footerFaq.no-bgColor h3{
	background-color: #fff;
}
	.footerFaq h3{
	    background: #DAEAF6 url("./img/common/bg_otherpageLink01.gif") no-repeat scroll 0 center;
	    border-bottom: 1px solid #2e66b2;
	    color: #2e66b2;
	    font-size: 25px;
	    padding: 0 0 0px 40px;
	    margin: 0 0 20px 0;
	    font-weight: bolder;
	}
	.footerFaq dl{
	    padding: 15px 0 30px 0px;
	}
	.footerFaq dl dt{
			font-size: 15px;
	    background: url(./img/common/icon_footerFaq.png) 0 0 no-repeat;
	    padding: 5px 0 15px 45px;
			cursor: pointer
	}
	.footerFaq dl dd{
		font-size: 15px;
		margin-bottom: 20px;
		display: none;
	}
	.footerFaq dl dd.js-open{
		display: flex;
		align-items: center;
	}
.footerFaq dl dd span{
	color: #2da2b1;
	font-size: 25px;
	font-weight: bold;
	display: block;
	margin-right: 20px;
}
	.footerFaq .btn{
		margin: 0 0 0 45px;
	}
	.footerFaq .btn a{
		font-size: 16px;
		background-color: #fff;
		padding: 15px 25px;
		border : 1px solid #ccc;
	}
	.footerFaq .btn a:hover{
		color: #fff;
		background-color: #2E66B2;
	}
	.footerFaq .btn a i{
		color: #2E66B2;
		font-size: 16px;
		padding: 0px 0 0 10px;
		line-height: 1;
	}
	.footerFaq .btn a:hover i{
		color: #fff;
	}



.footToEachCompany h2{
	  color: #2e66b2;
    font-size: 28px;
    margin-bottom: 20px;
}

.footToEachCompany ul li{
	width: 31%;
	margin: 0 1%;
	float: left;
}

/* footContact */
.footContact{
	background-color: #2E66B2;
	margin: 0 0 45px;
	padding: 0 0 40px;
}
/* （噴出し・ロゴの見出しがつかないページ↓） */
.footContact.noTitle{
	padding: 60px 0 35px;
}
	.footContact .footContactTitle{
		background: #2E66B2 url(./img/common/tit_footContact01.png) 0 0 no-repeat;
		height: 220px;
		position: relative;
	}
		.footContact .footContactTitle .logo{
			position: absolute;
			top: 30px;
			left: 260px;
		}
		.footContact .footContactTitle .tit01{
			position: absolute;
			top: 82px;
			left: 488px;
			color: #fff;
			font-size: 52px;
		}
			.footContact .footContactTitle .tit01 .smallFont{
				font-size: 25px;
			}
		.footContact .footContactTitle .tit02{
			position: absolute;
			top: 150px;
			left: 488px;
			color: #fff;
			font-size: 35px;
		}
	.footContact .footContactTel{
		background: #2E66B2 url(./img/common/tel_footContact01.jpg) 0 0 no-repeat;
		/* height: 364px; */
		height: 310px;
		position: relative;
	}
	.footContact .footContactTel::after{
		content: "";
		width: 270px;
    height: 346px;
		background: url(./img/common/tel_footContact02.png) center center/contain no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
	}

		.footContact .footContactTel h3{
			font-size: 35px;
			position: absolute;
			top: 17px;
			left: 50px;
		}
		.footContact .footContactTel ul{
		    position: absolute;
		    top: 210px;
		    left: 50px;
				display: flex;
				gap: 10px;

		}
			.footContact .footContactTel ul li{
				float: left;
			}

/* footBanners */
.footerBanners{

}
	.footerBanners .bannerToBlog{
		margin: 45px 0 45px 0;
	}
	.footerBanners .mailMagazine{
	    background: #fff url("./img/common/bg_mmHead.png") no-repeat scroll left top;
	    color: #262626;
	    font-size: 11px;
	    height: 115px;
	    margin: 0 auto 40px;
	    position: relative;
	    width: 1000px;
	}

		.footerBanners .mailMagazine h2 {
		    bottom: 0;
		    left: 0;
		    position: absolute;
		}
		.footerBanners .mailMagazine h2 img{
			vertical-align: bottom;
		}
		.footerBanners .mailMagazine p.trial {
		    float: left;
		    padding: 35px 15px 0 455px;
		}

		.footerBanners .mailMagazine form {
		    float: left;
		    padding-top: 35px;
		    width: 290px;
		}
		.footerBanners .mailMagazine input.text {
		    background: #dff2fc none repeat scroll 0 0;
		    border: 1px solid #2ea1de;
		    font-size: 12px;
		    line-height: 28px;
		    outline: medium none;
		    padding: 0 5px;
		    vertical-align: top;
		    width: 215px;
		}
		.footerBanners .mailMagazine p.release {
		    padding-top: 3px;
		}
.footerBanners .pagetop {
    margin: 0 0 -1px;
    text-align: center;
}

.footerBanners .mailMagazine form {
    float: left!important;
    padding-top: 41px!important;
    width: 300px!important;
}

.wysija-input{padding: 10px!important;width: 160px;}

.wysija-submit.wysija-submit-field{
	background: #2e66b2!important;
	border: none!important;
	color: white!important;
	padding: 10px;
	font-size: 13px;
	display: inline!important;
	margin-top: 0px!important;
}
.widget_wysija_cont .allmsgs .updated{display: none!important;}

.widget_wysija.html_wysija{display: block!important;}

.footNavi{
  	background: #323232 none repeat scroll 0 0;
    padding: 30px 0 0;
}
	.footNavi ul li a:hover{
		text-decoration: underline;
	}
	.footNavi00{
	    border-bottom: 1px solid #5c5c5c;
	}
		.footNavi00 ul{
		    border-left: 1px solid #5c5c5c;
		    border-right: 1px solid #5c5c5c;
		    margin: 0 0 20px;
		    text-align: center;
		}

			.footNavi00 ul li{
			    border-left: 1px solid #5c5c5c;
			    display: inline-block;
			    padding: 10px 47px;
			}
			.footNavi00 ul li.first{
   				border-left: medium none;
			}
			.footNavi00 ul li.last{
			}
				.footNavi00 ul li a{
				    background: rgba(0, 0, 0, 0) url("./img/common/icon_footerNavi01.png") no-repeat scroll left center;
				    color: #fff;
				    font-size: 16px;
				    font-weight: bold;
				    padding-left: 10px;
				}


.footSitemap {
    background: #323232 none repeat scroll 0 0;
}
.footSitemap a {
    color: #fff;
}
.footSitemap a:hover{
    text-decoration: underline;
}
/* footSitemapLink */

.footSitemapLink {
 	padding: 0 0 20px;
 	width: 1000px;
}
	.footSitemapLink .left{
	    float: left;
	    margin: 0 28px 0 0;
	    padding: 60px 0 0;
	    width: 672px;
	}
		.footSitemapLink .left .sitemap0{
		    border-bottom: 1px solid #5c5c5c;
		    margin: 0 0 30px;
		    padding: 0 0 25px;
		}


			.footSitemapLink .left .sitemap0 table  {
			    width: 100%;
			}

			.footSitemapLink .left .sitemap0 table td {
			    padding: 0 0 15px;
			    text-align: left;
			}

				.footSitemapLink .left .sitemap0 table td a {
				    background: rgba(0, 0, 0, 0) url("./img/common/icon_footerNavi02.png") no-repeat scroll left center;
				    padding-left: 10px;
				}
		.footSitemapLink .left .sitemap1{
		    margin: 0 0 50px;
		}
			.footSitemapLink .left .sitemap1 ul {
			    margin: 0 0 20px;
			    text-align: left;
			}
				.footSitemapLink .left .sitemap1 ul li {
				    display: inline;
				    margin: 0 15px 0 0;
				}
					.footSitemapLink .left .sitemap1 ul li a {
					    background: rgba(0, 0, 0, 0) url("./img/common/icon_footerNavi03.png") no-repeat scroll left center;
					    padding: 5px 0 5px 20px;
					}
		.footSitemapLink .left .sitemap2{

		}
			.footSitemapLink .left .sitemap2 ul {
			    margin-right: -13px;
			}
			.footSitemapLink .left .sitemap2 ul li {
			    float: left;
			    margin: 0 14px 0 0;

			}
				.footSitemapLink .left .sitemap2 ul li.l0{
	    			margin-top: 0;
				}
	.footSitemapLink .right{
	    float: left;
	    margin: 0;
	    padding: 20px 0 0;
	}





/* footerCompany */
.footerCompany{
    background: #4d4d4d none repeat scroll 0 0;
    padding: 30px 0;
    width: 100%;
}
.footerCompany .block{
    width: 1000px;
    text-align: left;
    color: #fff;
}
.footerCompany p {
    float: left;
    font-size: 10px;
    margin: 0 20px 0 0;
    line-height: 1.8;
}
.footerCompany .logo{
    margin: 0 54px 0 0;
    padding: 10px 0 0;
}
.footerCompany .last{
    margin-right: -40px;
}


.copyRight {
    color: #333;
    margin: 0 auto;
    padding: 10px 0;
    text-align: right;
    width: 1000px;
    display: block;
    font-size: 12px;
}
/*================================================
ページタイトル（poageTItle）
================================================*/
.pageTitle {
	background-color: #D8E9F4;
	text-align: left;
}
.pageTitle.noBgColor{
	background: none;
}
.pageTitle h1{
	padding: 30px 0px 30px 0;
	font-size: 31px;
	color:#2e66b2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


}
.pageTitle p{
	padding: 30px 0px 30px 0;
	font-size: 31px;
	color:#2e66b2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.pageTitle .tit{
	padding: 0 37px 0 0px;
}
.pageTitle span.smallFont{
	font-size: 12px;
	border-left: 1px solid #666;
	padding: 0 0 0 37px;
	margin: 0 37px 0 0;
	color: #666;
	display: inline-block;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"メイリオ","ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;

	}
/*================================================
ぱんくず（breadcrumbs）
================================================*/
ol.devedBreadcrumbs {
    margin: 0 0 10px;
    padding-left: 0px;
    padding-top: 10px;
}
nav#breadcrumbs ol li:first-child::before {
    content: "";
}
nav#breadcrumbs ol li::before {
    content: " > ";
}
ol.devedBreadcrumbs li {
    display: inline;
    list-style-type: none;
    float:none!important;
}
ol.devedBreadcrumbs a:link {
    color: #2c4a8a !important;
}
ol.devedBreadcrumbs a:visited {
    color: #2c4a8a !important;
}
ol.devedBreadcrumbs a:hover {
    color: #2f66b0 !important;
    text-decoration: underline;
}

/*================================================
1-Top
================================================*/

/* newsArea */

.wrap_list{overflow: hidden;}
.fix_tonews{float: left;width: 156px;text-align: center;color: white;}
.fix_tonews p:first-child{border:solid 1px white;padding: 20px 0;margin: 5px 0 10px;}
.toichiran a{color :white;font-weight: bold;font-size: 15px;}
.post_list01{float: left;width: 780px;padding: 0 0 0 50px;font-size: 12px;}
.post_list01 li{padding: 5px 0;overflow: hidden;}
.post_list01 span{color: white;}
.post_list01 .list_inner01{float: left;width: 30%;}
.post_list01 .list_inner02{float: left;width:70%;}
.post_list01 .title{color: white;}
.post_list01 .tag{padding: 5px 0;display: inline-block;width: 120px;text-align: center;font-size: 11px;margin: 0 10px}
.tag.publicity{background: #d480bb;}
.tag.seminar{background: #ff826f;}
.tag.pressrelease{background: #faaf3b;}
.tag.information{background: #8ac5ff;}
.news0 .post_list01{width:600px;padding-left: 20px;}
.news0 .post_list01 .list_inner01{width: 15%;}
.news0 .post_list02 .list_inner01{width: 80%;}
.post_list01 li{width: 100%;}
.newsArea .current{background: none;}
.postArea .aligncenter {text-align: center;}
.postArea img{max-width: 100%;}
.postArea .wrap_infomation{width: 700px;margin:0 auto;text-align: center;}
.postArea .wrap_infomation p{margin-bottom: 20px;}
.postArea .wrap_publicity{text-align: center;}
.col_wrap{overflow: hidden;}
.col_left{float: left;width: 480px;margin-right: 20px;}
.col_right{float: left;width: 500px}

/* hk */
.top .container .newsArea.hk{
	height:auto;
	display: flex;
  flex-direction: column-reverse;
}
.mainImg.hk .bx-viewport > ul{
	height: 100%;
}
.top .container .newsArea.hk .newsBox{
	position: relative;
	left:auto;
	bottom:auto;
}
.linkbanner__inner{
	max-width: 1000px;
	margin: auto;
	margin-top: 40px;
	text-align: center;
}
.linkbanner .btnOrange01 a{
	display: block;
}

.linkbanner img{
	max-width: 800px;
  border-radius: 6px;
	filter: drop-shadow(0px 4px 25px rgba(0,0,0,0.15));
}

.top .container .newsArea{
	height:536px;
    position: relative;
}

.top .container .newsArea .newsBox{
height: 160px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
padding: 20px 0 10px;
background: url(./img/news/bg_flash.png) repeat;
z-index: 100;
color: #fff;
}
.top .container .newsArea .newsBox .inner{
position: relative;
}
.top .container .newsArea .newsBox .inner .titleNews {
padding: 0;
height: 140px;
width: 156px;
padding: 0;
text-align: center;
vertical-align: middle;
font-size: 15px;
}
.top .container .newsArea .newsBox .inner .titleNews p.p1 {
border: 1px solid #8badcd;
font-size: 15px;
margin: 0 20px 0 0;
padding: 14px 0;
position: static;
text-align: center;
top: 0;
vertical-align: middle;
}
.top .container .newsArea .newsBox .inner .newsListLink p{
width: 126px;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
font-size: 15px;
padding: 10px 0 0;
position: static;
text-align: center;
top: 0;
vertical-align: middle;
}

.top .container .newsArea .newsBox .inner .newsListLink a{
color: #fff;
font-weight: bold;
}


.top .container .newsArea .newsBox .inner td{
padding: 0px;
text-align: left;
vertical-align: top;
}
.top .container .newsArea .newsBox .inner td.active {
opacity: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.top .container .newsArea .newsBox .inner td.none{
border-right: none;
}
.top .container .newsArea .newsBox .inner td span{
color: #fff;
font-weight: bold;
}
.top .container .newsArea .newsBox .inner td.aaa a:hover{
text-decoration: underline;
}

.top .container .newsArea .newsBox .inner .newsrow{
display: none;
}
.top .container .newsArea .newsBox .inner .all{
display: block;
}
.top .container .newsArea .newsBox .inner .newsrow th{
width: 47px;
vertical-align: top;
}
.top .container .newsArea .newsBox .inner .newsrow td{
width: auto;
border: none;
padding: 0;
}

.top .container .news_area .news_box .inner td .ttl{
margin: 8px 0 8px 0;
}
.top .container .newsArea .newsBox .inner td h2 span{
display: inline-block;
width: 120px;
margin: 0 16px 0 0;
padding: 3px 0 3px 0;
border: 1px #8badcd solid;
font-size: 12px;
vertical-align: middle;
text-align: center;
}

.top .container .newsArea .newsBox .inner td h2 em{
display: inline-block;
color: #fdfe20;
font-size: 13px;
vertical-align: middle;
}
.top .container .newsArea .newsBox .inner .newsrow tr{
padding: 10px 0;
}
.top .container .newsArea .newsBox .inner .newsrow td.dates{
padding: 0 15px 10px 10px;
}
.top .container .newsArea .newsBox .inner .newsrow td.cat{
padding:0 20px 6px 0px;
}
.top .container .newsArea .newsBox .inner .newsrow td.aaa{
font-size: 12px;
padding: 5px 0;
}
.top .container .newsArea .newsBox .inner .news_list_link p{
position: static;
top: 0;
border: none;
text-align: center;
vertical-align: middle;
font-size: 15px;
background: none;
padding: 10px 0 0;
}
.top .container .newsArea .newsBox .inner .ttl_news p.p1 {
position: static;
top: 0;
padding: 14px 0;
border: 1px solid #8badcd;
text-align: center;
vertical-align: middle;
font-size: 15px;
margin: 0 20px 0 0;
}

.top .container .newsArea .tab{
position: absolute;
top: -56px;
}
.top .container .newsArea .tab li{
float:left;
}

/* mainImg------------------------------ */

.top .container .mainImg {
    text-align: left;
    width: 100%;
}

.mainImgArea{
	font-size: 20px !important;
	display: inline !important;

}

/* hk */
.top .container .mainImg.hk .bg01{
	height: 100%;
}
.top .container .mainImg.hk .bg03{
	height: 100%;
	background-color: #224066;
	background-image: url(./img/honda/firstview/firstview__bg.jpg);
	background-image: image-set(url(./img/honda/firstview/firstview__bg.jpg)  1x,  url(./img/honda/firstview/firstview__bg@2x.jpg)  2x);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 1440px;
}

.mainImg.hk .bg03 .btnlist.hk{
	display: flex;
	gap: 10px;
	position: absolute;
	left: 50%;
	bottom: 80px;
	transform: translateX(-77%);
}
.mainImg.hk .bg03 .btnlist.hk a:hover{
	cursor: pointer;
	opacity: 0.7;
}
.mainImg.hk .bg03 .btnlist.hk .btn01,.mainImg.hk .bg03 .btnlist.hk .btn02{
	width: 300px;
	position: static;
	top: auto;
	left: auto;
  margin-left: 0;
}

.mainImg.hk .bg03 .btnlist.hk .btn01 img,
.mainImg.hk .bg03 .btnlist.hk .btn02 img{
	width: 100%;
}

.top .container .mainImg .bg03{
	width: 100%;
	height: 651px;
	background: url(./img/common/mainImg03.jpg) no-repeat center 0;
}
.top .container .mainImg .bg03 .block{
	position: relative;
}
.top .container .mainImg .bg03 .block p{
	display: block;
	position: absolute;
	top: 110px;
	left: 515px;
	font-size: 55px;
	color: #ff3016;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top .container .mainImg .bg03 .block p span{
	color: #000;
	font-size: 43px;
	display: block;
	line-height: 1;
}

.top .container .mainImg .bg01{
	width: 100%;
	height: 694px;
	text-indent: -9999px;
}
	.nagoya .container .mainImg .bg01{
		background: url(./img/common/nagoya/mainImg.jpg) no-repeat center 0 / cover;
	}
	.tokyo .container .mainImg- .bg01{
		background: url(./img/common/tokyo/mainImg.jpg) no-repeat center 0;
	}
	.osaka .container .mainImg- .bg01{
		background: url(./img/common/osaka/mainImg.jpg) no-repeat center 0;
	}
	.nagoya .container .mainImg li{height:536px;}
	.nagoya .container .mainImg li img.ph{display:none;}
	.nagoya .container .mainImg .bg01 a{position:absolute;top:228px;left:50%;margin-left:195px;}
	.nagoya .container .mainImg .bg02 a{position:absolute;top:228px;left:50%;margin-left:-168px;}
	.nagoya .container .mainImg .bg03 .btn01{position:absolute;top:260px;left:50%;margin-left:-130px;}
	.nagoya .container .mainImg .bg03 .btn02{position:absolute;top:260px;left:50%;margin-left:85px;}

.moreCase{display: block;font-size:30px;text-align: center;background-color: #1264b4;color: white;padding: 10px 0;margin: 10px auto;width: 800px;}
.moreCase:hover{color:white;}
.moreCase:visited{color:white;}
.top .container .mainImg .bg02{
	width: 100%;
	height: 651px;
	background: url(./img/common/mainImg02.jpg) no-repeat center 0;
	text-indent: -9999px;
}



/* headLine */
.top .headLine{
	text-align: center;
}

/* indexAbout */
.top .indexAbout{
    background: #daeaf6 none repeat scroll 0 0;
}

.wraph2{overflow: hidden;padding-top: 30px; width: 1000px; margin: 0 auto 20px;}
.wraph2 img{display: block;}
.wraph2 .h2_left{float: left;width: 260px;}
.wraph2 .h2_left img{margin-bottom: 10px;margin-top:17px;}
.wraph2 .h2_right{float: left;width: 720px;}
.topflow{text-align: center;}

		.top .indexAbout .h2_left span.black{
		   font-size: 40px;
		   font-weight: bolder;
		}
		.top .indexAbout .h2_left span.small{
		   font-size: 23px;
		}
		.top .indexAbout .h2_right span.blue{
		   color: #2e66b2;
		   font-size: 28px;
		   font-weight: bolder;
		}
	.top .indexAbout .indexAboutTxt{
		width: 1000px;
		margin: 0 auto 50px;
		padding: 39px 0 0;
	}
		.top .indexAbout .indexAboutTxt .txt{
		   width: 650px;
		   float: left;
		}
			.top .indexAbout .indexAboutTxt .txt h3{
				color: #2e66b2;
				font-size: 22px;
				font-weight: bold;
				margin: 0 0 20px;
			}
		.top .indexAbout .indexAboutTxt .photo{
		   float: right;
		}
	.top .indexAbout .btnOrange02{
	    width:866px;
	    margin: 0 auto;
	    padding: 25px 0 75px 0;
	}

	.top .indexAbout .indexAboutTxt h3.default.mb20{
		margin: 0 0 20px;
	}

	.top .indexAbout .indexAboutTxt h3.default{
				color: #2e66b2;
				font-size: 25px;
				font-weight: bold;
				margin: 20px 0;
			}

/* indexWorks */
.top .indexWorks{

}
	.top .indexWorks .indexWorksHead{
		background: #fff url(img/index/bg_indexWorksHead01.jpg) center center no-repeat;
		padding: 60px 0 0 0;
	}
		.top .indexWorks .indexWorksHead .block{
			position: relative;
			height: 300px;
		}
			.top .indexWorks .indexWorksHead h2{
				position: absolute;
				font-size: 42px;
				top: 0;
				left: 0;
				letter-spacing: 2px;
				line-height: 1;
			}
				.top .indexWorks .indexWorksHead h2 span{
					color: #2E66B2;
				}
				.top .indexWorks .indexWorksHead h2 .indexWorksHeadPlace{
					font-size: 32px;
					color: black;
				}
			.top .indexWorks .indexWorksHead .record01{
				position: absolute;
				top: 100px;
				left: 0;
			}
			.top .indexWorks .indexWorksHead .record02{
				position: absolute;
				top: 93px;
				left: 180px;
			}
	.top .indexWorks .indexWorksBox{
		width: 1000px;
		margin: 0 auto;
	}
	.top .indexWorks .priceBox{
		height: 190px;
	}
	.top .indexWorks .indexWorksBox.bottomLine{
			border-bottom: 1px solid #2E66B2;
			width: 1000px;
	}
		.top .indexWorks .indexWorksBox li{
			background: #fff url(./img/index/bg_indexWorksBox01.jpg) right 80px  no-repeat;
			border-top: 1px solid #2E66B2;
			border-right: 1px solid #2E66B2;
			float: left;
			width:291px;
			min-height: 420px;
			padding: 30px 20px;
		}
		.top .indexWorks .indexWorksBox li.first{
			border-left: 1px solid #2E66B2;
		}
			.top .indexWorks .indexWorksBox li .name{
				color: #2E66B2;
				font-size: 32px;
				text-align: center;
				padding: 0 0 30px 0;

			}
				.top .indexWorks .indexWorksBox li .name span{
					background: #fff url(img/index/icon_indexWorksBox01.gif) 0px 5px no-repeat;
					padding: 7px 0 7px 37px;
					line-height: 1;
					font-size: 28px;
				}
				.top .indexWorks .indexWorksBox li .name span small{
					font-size: 17px;
				}
			.top .indexWorks .indexWorksBox li small{
				font-size: 12px;
				line-height: 16px;
			}
		.top .indexWorks .indexWorksBox li.noSmall .price{
			padding: 17px 0 22px 0;
		}
			.top .indexWorks .indexWorksBox li .price{
				font-size: 17px;
				padding: 0 0 20px 0;
				line-height: 17px;
				font-weight: bolder;
			}
			.top .indexWorks .indexWorksBox li .smallFont{
				font-size: 16px;
			}
				.top .indexWorks .indexWorksBox li .price span{
					font-size: 25px;
				}
					.top .indexWorks .indexWorksBox li .price .smallFont{
						font-size: 15px;
					}
			.top .indexWorks .indexWorksBox li .btnBlue{
				margin: 20px 0;
				font-weight: normal;
			}
			.top .indexWorks .indexWorksBox li .kindTitle{
				font-weight: bolder;
				text-align: center;
			}
			.top .indexWorks .indexWorksBox li .kind {
				text-align: center;
			}
			.top .indexWorks .indexWorksBox li .kind li{
				border: none;
				display: inline;
				float: none;
				padding: 0;
			}
			.top .indexWorks .indexWorksBox li .kind li.Br{
				display: block;
				min-height: 0px;
			}
			.top .indexWorks .indexWorksBox li .kind li a{
				color: #2E66B2;
				text-decoration: underline;
			}
	.top .indexWorks .btnOrange02{
	    width:866px;
	    margin: 0 auto;
	    padding: 75px 0 75px 0;
	}
/* indexPrice */
.top .indexPrice{
	background-color: #DAEAF6;
	padding: 73px 0 75px;
}

	.top .indexPrice h2{
		background: #DAEAF6 url(img/index/h2_indexPrice01.gif) right 15px no-repeat;
		padding: 0 130px 34px 0px;
		display: inline-block;
		font-size: 42px;
		letter-spacing: 2px;
		text-align: left;
	}
		.top .indexPrice h2 span{
			color: #2E66B2;
		}
	.top .indexPrice .txtBlue{
		color: #2e66b2;
		font-size: 28px;
		font-weight: bold;
		margin: 0 0 28px;
	}
	.top .indexPrice .example{
		background: #fff url(./img/index/txt_indexPrice_example01.png) 0 0 no-repeat;
		margin: 35px 0 43px 0;
		width: 1000px;
		height: 270px;
		position: relative;
	}
	.top .indexPrice .example li{
		font-size: 18px;
		font-weight: bolder;
	}
		.top .indexPrice .example li span{
			font-size: 22px;
			color: #EC4B13;
			background-color: #FFFF90;

		}
	.top .indexPrice .example .ex01{
		position: absolute;
		left: 250px;
		top: 45px;
	}
	.top .indexPrice .example .ex02{
		position: absolute;
		left: 250px;
		top: 120px;
	}
	.top .indexPrice .example .ex03{
		position: absolute;
		left: 250px;
		top: 199px;
	}
	.top .indexPrice h3{
    background: rgba(0, 0, 0, 0) url("./img/index/icon_indexPrice01.png") no-repeat scroll left center;
    font-size: 22px;
    margin: 0 auto 18px;
    padding-left: 30px;
    width: 980px;
	}
	.top .indexPrice h3 span{
    background: rgba(0, 0, 0, 0) url("./img/index/h3_indexPrice01.png") no-repeat scroll right center;
    padding-right: 287px;
	}

	.top .indexPrice .priceTxt {
	    background: #fff none repeat scroll 0 0;
	    margin: 0 auto 55px;
	    padding: 0 45px;
	    width: 910px;
	}
		.top .indexPrice .priceTxt dt{
		    border-right: 4px solid #daeaf6;
		    color: #2e66b2;
		    float: left;
		    font-size: 23px;
		    padding: 15px 0 0;
		    width: 425px;
		}
			.top .indexPrice .priceTxt dt em{
    			font-size: 62px;
			}
		.top .indexPrice .priceTxt dd{
		    float: left;
		    font-size: 15px;
		    line-height: 2;
		    padding: 25px 0 15px 25px;
		    width: 455px;
		}

.indexChecks {
	padding: 50px 0;
}
	.indexChecks h2{
		position: relative;
		height: 180px;
	}
		.indexChecks h2 span.logo{
		    position: absolute;
		    top: 5px;
		}
		.indexChecks h2 span.tit01{
		    font-size: 40px;
		    font-weight: bolder;
		    position: absolute;
		    top: 60px;
		    left: 180px;
		}
		.indexChecks h2 span.tit01 .smallFont{
    		font-size: 23px;
		}
		.indexChecks h2 span.tit02{
		    color: #2e66b2;
		    font-size: 28px;
		    font-weight: bolder;
		    position: absolute;
		    top: 72px;
		    left: 380px;
		}
	.indexChecks ul.check{

	}
	.indexChecks ul.left{
		float: left;

	}
	.indexChecks ul.right{
		float: right;

	}
	.indexChecks ul.check li{
		background: #fff url(./img/index/icon_indexChecks01.gif) 0 0 no-repeat;
		padding: 9px 0 22px 45px ;
		font-size: 25px;
		font-weight: bolder;
	}
		.indexChecks ul.check li span{
			background-color: #E6FC90;
		}

.indexAbout .aboutBox{
	padding: 0px 0 20px 0;
}
.indexAbout .aboutBox h3{
	padding: 22px 0 40px 115px;
	color: #2E66B2;
	font-size: 25px;
	font-weight: bolder;
}
.indexAbout .aboutBox h4{
	padding: 22px 0 40px 115px;
	color: #2E66B2;
	font-weight: bolder;
	font-size: 20px;
	letter-spacing: 0;
}
.indexAbout .aboutBox .txt{
    display: inline;
    float: left;
    font-size: 16px;
    line-height: 1.7;
    width: 633px;
    padding: 0 0 0 0px;
}
.indexAbout .aboutBox .img{
    display: inline;
    float: right;
 }
 .indexAbout .aboutBox .list{
    margin: 47px 0 0;
 }
 .indexAbout .aboutBox .list li{
    display: inline;
    float: left;
}
.indexAbout .about01{
	background: url(./img/about/h2_about01.png) 0 0 no-repeat;
}
.indexAbout .about02{
	background: url(./img/about/h2_about02.png) 0 0 no-repeat;
}
.indexAbout .about03{
	background: url(./img/about/h2_about03.png) 0 0 no-repeat;
}


/*================================================
2-Company
================================================*/
.companySide{
    left: 50%;
    margin-left: -500px;
    position: fixed;
    top: 0;
}
	.companySide ul li {
	    margin: 0 0 12px;
	}

.companyBlock{
    margin: 0 auto 105px auto;
    padding: 60px 0 0 200px;
    width: 800px;
}
.companyContents h2 {
    margin: 0 0 80px;
}

.companyCatch img{width: 100%; height:auto;}

/* companyInfo */
.companyInfo{

}
	.companyInfo table{
	    width: 793px;
	}
		.companyInfo table th{
		    background: #e6f0f8;
		    border-bottom: 1px dotted #cfcfcf;
		    font-size: 13px;
		    font-weight: bold;
		    padding: 10px;
		    text-align: center;
		    vertical-align: top;
		}
		.companyInfo table td{
		    border-bottom: 1px dotted #cfcfcf;
		    padding: 10px 25px;
		    position: relative;
		}
			.companyInfo table td a.map {
			    left: 450px;
			    position: absolute;
			    top: 10px;
			}
	.companyInfo ul{
		margin: 50px 0;
	}
		.companyInfo ul li{
			float: left;
			margin: 0  15px 0 0;
			width: 31%;
		}
			.companyInfo ul li a{

			}

/* companyPolicy */
.companyPolicy{

}
	.companyPolicy h3{
		color: #2E66B2;
		font-size: 22px;
		padding: 30px 0 5px 0;
		text-align: center;
	}
		.companyPolicy h3 span{
			font-weight: bolder;
			padding: 0 15px;
		}
	.companyPolicy p{
		font-size: 32px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		padding: 5px 0 20px 0 ;
		text-align: center;
		line-height: 2;
	}

/* companyGreeting */
.companyGreeting {
	background: #FAFAFA;
}
	.companyGreeting .greetingHead {
		background: #fff url(img/company/bg_greeting01.jpg) bottom repeat-x;
	}
		.companyGreeting .greetingHead .companyBlock {
			height: 406px;
			position: relative;
   			padding: 0px 0 0 200px;
   			margin: 0 auto;
		}
		.companyGreeting .greetingHead .companyBlock p {
			position: absolute;
			bottom: 0px;
			left: 208px;
		}
	.companyGreeting .greetingTxt{
   		padding: 50px 0 50px 200px;
   		margin: 0 auto;
	}
		.companyGreeting .greetingTxt p{
			line-height: 2;
		}

/* companyPublicity */
.companyPublicity.companyBlock{
	margin: 0 auto;
}
.companyPublicity h3{
	border-bottom: 1px dashed #2E67B8;
	color: #2E67B8;
	font-size: 32px;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
}
	.companyPublicity h3 span{
		background: #fff url(img/company/h3_publicity01.gif) right 8px no-repeat;
		padding: 0 85px 0 0;
	}

	.companyPublicity .newsArea ul li{
		float: left;
	}
		.companyPublicity .newsArea ul li img {
	    vertical-align: bottom;
		}
	.companyPublicity .newsArea .news0 {
	    background: #3375b7 none repeat scroll 0 0;
	    color: #fff;
	    padding: 20px;
	}
		.companyPublicity .newsArea .news0 a{
		    color: #fff;
		    text-decoration: underline;
		}
		.companyPublicity .newsArea .news0  a:hover {
		    text-decoration: none;
		}
		.companyPublicity .newsArea .news0 th{
			width: 20%;
		}
	.companyPublicity .newsArea dl {
	    float: left;
	    margin: 0 14px 0 0;
	}
	.companyPublicity .newsArea dl dd {
    padding: 0 0 0 20px;
	}
	.companyPublicity .newsArea table {
	    float: left;
	    width: 625px;
	}


/* companyBook */
.companyBook h3{
	border-bottom: 1px dashed #2E67B8;
	color: #2E67B8;
	font-size: 32px;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
}
	.companyBook h3 span{
		background: #fff url(img/company/img_bookofthefounder.png) right 8px no-repeat;
		padding: 0 160px 0 0;
	}
.companyBook dl{
	display: flex;
	justify-content: space-between;
}
.companyBook div{
	width: 45%;
}
.companyBook dl dt{
	text-align: center;
}
.companyBook dl dd{
	padding: 5px 0 0 0;
	font-size: 16px;
}
.companyBook dl dt img{
	width: 100%;
}

/* companyHistory */
.companyHistory h2{
   margin: 0 0 10px;
}
	.companyHistory dl{
		overflow: hidden;
	}
	.companyHistory dt{
		float: left;
	    color: #2e66b2;
	    font-weight: bold;
	    padding: 3px 0;
	    vertical-align: top;
	    width: 90px;
	}
	.companyHistory dd{
		float: left;
	    padding: 3px 0;
	    vertical-align: top;
	}



/*================================================
3-about
================================================*/
.about .aboutHead{
	padding: 40px 0 40px 0;
}

.about .aboutHead h1 {
	   background: url(img/about/bg_aboutHead01.gif) 0 0 no-repeat;
	   width: 1000px;
	   height: 220px;
	   position: relative;
	   margin: 40px auto 0;
	}
		.about .aboutHead h1 span.black{
		   position: absolute;
		   top:120px;
		   font-size: 40px;
		   font-weight: bolder;
		}
		.about .aboutHead h1 span.small{
		   font-size: 23px;
		}
		.about .aboutHead h1 span.blue{
		   position: absolute;
		   left:259px;
		   top: 100px;
		   color: #2e66b2;
		   font-size: 28px;
		   font-weight: bolder;
		}
.about .aboutBox{
	padding: 0px 0 80px 0;
}
.about .aboutBox h2{
	padding: 22px 0 40px 115px;
	color: #2E66B2;
	font-size: 25px;
	font-weight: bolder;
}
.about .about03.aboutBox h2{
	font-size: 20px;
	letter-spacing: 0;
}
.about .aboutBox .txt{
    display: inline;
    float: left;
    font-size: 13px;
    line-height: 1.7;
    width: 633px;
    padding: 0 0 0 0px;
}
.about .aboutBox .img{
    display: inline;
    float: right;
 }
 .about .aboutBox .list{
    margin: 47px 0 0;
 }
 .about .aboutBox .list li{
    display: inline;
    float: left;
}
.about .about01{
	background: #fff url(./img/about/h2_about01.png) 0 0 no-repeat;
}
.about .about02{
	background: #fff url(./img/about/h2_about02.png) 0 0 no-repeat;
}
.about .about03{
	background: #fff url(./img/about/h2_about03.png) 0 0 no-repeat;
}
/*================================================
4-reason
================================================*/
.reasonHead {
	background: #fff url(./img/reason/bg_reasonHead.gif) 0 50px no-repeat;
	height: 166px;
	position: relative;
	padding: 50px 0;
}
	.reasonHead img{
		position: absolute;
	}
	.reasonHead div{
		position: absolute;
		top: 95px;
		left: 280px;
		color: #2667B5;
		font-size: 26px;
		padding: 5px 0 10px 5px;
		font-weight: bolder;
	}
	.reasonHead div span{
		display: block;

	}
.reason .reasonTableArea{

}

.reason .reasonTable01 {
    border-bottom: 2px solid #97b2d8;
    border-collapse: collapse;
    border-top: 2px solid #97b2d8;
}

	.reason .reasonTable01 td {
	    border-bottom: 2px solid #97b2d8;
	    border-right: 2px solid #97b2d8;
	    padding: 41px 0 38px;
	    vertical-align: top;
	}

	.reason .reasonTable01 td.line_r_none {
	    border-bottom: 2px solid #97b2d8;
	    border-right: medium none;
	}

	.reason .reasonTable01 td p{
    	padding: 20px 55px 0 0;
	}
	.reason .reasonTable01 td.line_r_none p{
   		 padding: 20px 0 0 55px;
	}
.reason .reasonTable02 {
    border-bottom: 2px solid #97b2d8;
    border-collapse: collapse;
    margin: 0 0 139px;
}
.reason .reasonTable02 td {
    border-bottom: 2px solid #97b2d8;
    border-right: 2px solid #97b2d8;
    padding: 41px 0 38px;
    vertical-align: top;
}
.reason .reasonTable02 td p {
    font-size: 13px;
    line-height: 1.7;
    padding: 20px 32px 0;
}
.reason .reasonTable02 td.leftCell p {
    font-size: 13px;
    line-height: 1.7;
    padding: 20px 32px 0 0;
}

.reason .reasonTable02 td.line_r_none {
    border-bottom: 2px solid #97b2d8;
    border-right: medium none;
}
.reason .reasonTable02 td.reasonTableCell04	p{
    padding: 20px 150px 5px 32px;
	background: url(./img/reason/img_reasonTable04.gif) 215px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell05{
	background: url(./img/reason/img_reasonTable05.gif) 215px bottom no-repeat;
}
.reason .reasonTable02 td.reasonTableCell05 p{
    padding: 20px 120px 5px 32px;
}
.reason .reasonTable02 td.reasonTableCell06	p{
    padding: 20px 120px 5px 0px;
	background: url(./img/reason/img_reasonTable06.gif) 215px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell07	p{
    padding: 20px 150px 5px 32px;
	background: url(./img/reason/img_reasonTable07.gif) 215px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell08	p{
    padding: 20px 120px 10px 32px;
	background: url(./img/reason/img_reasonTable08.gif) 215px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell09	p{
    padding: 20px 120px 10px 0px;
	background: url(./img/reason/img_reasonTable09.gif) 215px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell10	p{
    padding: 20px 150px 10px 32px;
	background: url(./img/reason/img_reasonTable10.gif) 215px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell12	p{
    padding: 20px 120px 10px 0px;
	background: url(./img/reason/img_reasonTable12.gif) 215px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell13	p{
    padding: 20px 110px 10px 32px;
	background: url(./img/reason/img_reasonTable13.gif) 250px top no-repeat;
}
.reason .reasonTable02 td.reasonTableCell14	p{
    padding: 20px 100px 10px 32px;
	background: url(./img/reason/img_reasonTable14.gif) 250px top no-repeat;
}
/*================================================
5-flow
================================================*/
.flowContents {
    padding: 69px 0 0px 0;
}
.flow .flowBox {
    margin: 0;
    padding: 0 0 67px;
    background: rgba(0, 0, 0, 0) url("./img/flow/bg_num.gif") repeat-y scroll 0 0;
    margin: 0 0 0 9px;
}
.flow .flowBox.lineNone {
	background: none;
}
	.flow .flowBox .right_box {
	    display: inline;
	    float: right;
	    width: 757px;
    	padding: 0 0 67px;
	}
		.flow .flowBox .right_box .txt {
		    display: inline;
		    float: left;
		    padding: 8px 0 0;
		    width: 406px;
		}

		.flow .flowBox .right_box .txt h2 {
		    border-bottom: 1px solid #cccccc;
		    color: #2f66b0;
		    font-size: 25px;
		    margin: 0 0 16px;
		    padding: 0 0 8px;
		}
		.flow .flowBox .right_box .img {
		    display: inline;
		    float: right;
		}
	.flow .flowBox .stepNum {
	    display: inline;
	    float: left;
	}
/*================================================
6・7-works
================================================*/
.worksHead{
		/* background: #fff url(./img/works/bg_WorksHead01.png) top center no-repeat; */
		padding: 60px 0 0 0;
	}
		.worksHead .block{
			position: relative;
			height: 281px;
		}
		.worksHead .record01{
			position: absolute;
			top: 50px;
			left: 0;
		}
		.worksHead .record02{
			position: absolute;
			top: 43px;
			left: 180px;
		}

.worksSearch{
    background: #f0f7fb none repeat scroll 0 0;
    margin: 0 0 70px;
    padding: 35px 0;
}
.worksSearch table{
	width: 1000px;
	margin: 0 auto;
}
.worksSearch table td label {
    font-size: 14px;
    text-decoration: underline;
}
.worksSearch table td label input {
    margin: 0 5px 0 0;
}
.worksSearch table td {
    border: medium none;
    padding: 3px 0;
}
.worksSearch ul.command {
    border-top: 1px solid #91b0d6;
    margin: 20px auto 0;
    padding: 17px 0;
    text-align: center;
    width: 1000px;
}
.worksSearch ul.command .btn{
	border: 2px solid #2E66B2;
	background-color: #fff;
	text-align: center;
	padding: 15px;
	display: inline-block;
	margin: 0 auto;
	color: #2E66B2;
	font-weight: bolder;
	border-radius: 3px;
	font-size: 16px;

}
.worksSort {
    margin: 0 auto 70px auto;
}
	.worksSort p{
		display: inline-block;
		width: 80px;
		font-weight: bolder;
		vertical-align: middle;
	}
	.worksSort ul{
		display: inline-block;
		vertical-align: middle;
	}
		.worksSort ul li{
			display: inline-block;
			margin: 0 3px;
			color: #fff;
			font-weight: bolder;
			border-radius: 5px;
			border: 2px solid #2E66B2;

		}
		.worksSort ul li a{
			display: block;
			background-color: #fff;
			padding: 10px;
			color: #3469B2;
			font-weight: bolder;

		}
		.worksSort ul li.active a {
			color: #fff;
			background-color: #3469B2;

		}
		.worksSort ul li a:hover {
			color: #fff;
			background-color: #3469B2;

		}
.worksPost {
    border: 2px solid #2e66b2;
    margin: 0 auto 35px auto;
    padding: 24px;
    width: 948px;
}
.worksPost h2 , .worksPost h3{
    border-bottom: 1px solid #c5c5c5;
    margin: 0 0 8px;
    padding: 0;
    color: #2e66b2;
    font-size: 32px;
    padding: 0 0 0 10px;
}
.worksPost h2 a , .worksPost h3 a{
    color: #2e66b2;
	}
.worksPost h2  span.worksNumber , .worksPost h3  span.worksNumber{
	font-size: 45px;
	padding: 0 15px 0 0 ;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    vertical-align: middle;
}
.worksPost h2  span.caseNumber , .worksPost h3  span.caseNumber{
	font-size: 14px;
	display: inline-block;
	padding: 5px 15px 5px 15px;
	margin: 0 0 0 15px;
	color: #fff;
	border-radius: 3px;
	background-color: #2E66B2;
    vertical-align: middle;
	font-weight: bolder;
	text-align: center;
}

.worksPost .problem {
    background: rgba(0, 0, 0, 0) url("./img/works/bg_problem02.png") no-repeat scroll left bottom;
    margin: 0 0 14px;
    padding: 0 0 25px;
}
.worksPost .problem h3 {
    background: rgba(0, 0, 0, 0) url("./img/works/bg_problem01.png") no-repeat scroll left top;
    color: #2e66b2;
    font-size: 22.5px;
    font-weight: bold;
    min-height: 133px;
    padding: 0 0 0 150px;
}

.worksPost .resultBox {
    background: rgba(0, 0, 0, 0) url("./img/works/bg_problem03.png") no-repeat scroll left top;
    font-size: 1.4em;
    margin: 0 0 20px;
    min-height: 153px;
    padding: 0 0 0 160px;
}

h3.onSeika{
		color: #eb4a13;
    font-size: 20px;
    border-bottom: solid 1px #ececec;
    margin: 0 0 10px;
    font-weight: bold;
}
.worksPost .resultBox ul li {
    font-size: 13px;
    height: 80px;
    font-weight: normal;
    padding: 20px;
    text-align: left;
    vertical-align: top;
    width: 210px;
    float: left;
    background-color: #F4F8FF;
    margin: 0 5px 10px;
}

	.worksPost .resultBox ul li span {
	    color: #f15a23;
	    font-size: 17px;
	    font-weight: bold;
	}

	.worksPost .btnOrange02.btn a{
	    font-size: 18px;
	    font-weight: bold;
	    text-align: center;
	    padding: 15px;
	}
	.worksPost .btnOrange02.btn i{
		padding: 0 5px;
	    font-size: 15px;
	}
.worksSingle {
    padding: 62px 0 24px;
}
.worksSingle h1{
    color: #3469b2;
    font-size: 56px;
    line-height: 57px;
    margin: 0 0 24px;
}
.worksSingle h1{
    color: #3469b2;
    font-size: 56px;
    line-height: 57px;
    margin: 0 0 24px;
}
.worksSingle .worry {
    background: rgba(0, 0, 0, 0) url("./img/works/bg_worry01.gif") no-repeat scroll left bottom;
    min-height: 201px;
    position: relative;
}
.worksSingle .worry h2 {
    bottom: 55px;
    color: #2e66b2;
    font-size: 24px;
    font-weight: bold;
    left: 165px;
    right:160px;
    position: absolute;
    max-width: 680px;
}
.worksSingle .course {
    background: rgba(0, 0, 0, 0) url("./img/works/bg_course01.jpg") no-repeat scroll left top;
    min-height: 100px;
    position: relative;
}
.worksSingle .course p{
    top: 25px;
    left: 165px;
    position: absolute;
}
.worksSingle .point {
    background: rgba(0, 0, 0, 0) url("./img/works/arr01.gif") no-repeat scroll center bottom;
    font-size: 20px;
    margin: 30px 0;
    padding-bottom: 40px;
    text-align: center;
}
	.worksSingle .point p {
	    background: #f4f8ff none repeat scroll 0 0;
	    padding: 30px 20px;
	    font-size: 20px;
	    text-align: center;
	    color: #2E66B2;
	}
	.worksSingle .point .midashi {
		background-color: #2E66B2;
		color: #fff;
		font-size: 20px;
		text-align: center;
		display: inline-block;
		margin: 0 auto -15px auto;
		border-radius: 5px;
		padding: 8px 15px;
	}
.worksSingle .pdca table {
    border-collapse: collapse;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    display: inline;
    float: right;
    margin: 0;
    width: 805px;
}
.worksSingle .icoArrow {
    text-align: center;
}

.worksSingle .pdca table th {
    border-bottom: 2px solid #ebebeb;
    border-top: medium none;
    padding: 0 38px;
    text-align: center;
    vertical-align: middle;
}

.worksSingle .pdca table td {
    border-color: #ebebeb;
    border-style: none none solid;
    border-width: medium medium 2px;
    font-size: 13px;
    line-height: 1.7;
    padding: 20px 38px 20px 0;
    vertical-align: top;
    width: auto;
}
.worksSingle .pdca table .line_none th, .worksSingle .pdca table .line_none td {
    border-bottom: medium none !important;
}
.worksSingle .pdca h3 {
    display: inline;
    float: left;
}

.worksSingle02 {
	background: #fff url(./img/works/bg_seika01.png) top center no-repeat;
    margin: 0 0 50px;
    min-height: 300px;
    overflow: hidden;
    padding-top: 56px;
    width: 100%;
}

.worksSingle02 .block {
    border-top: 1px solid #d7d7d7;
    position: relative;
}

.worksSingle02 h3 {
    left: 0;
    position: absolute;
    top: -27px;
}
.worksSingle02 .seika {
   color: #000 !important;
    font-size: 1.4em;
    margin: 0 0 0 235px;
    padding: 20px 0 0;
    width: 765px;
}
.worksSingle02 .seika h4 {
    font-size: 22px;
    color: #FF0101;
    font-weight: bolder;

}
	.worksSingle02 .seika h4 span{
	    color: #000;
	    font-weight: bolder;
	}
.worksSingle02 .seika dl {
	padding: 0px 0 15px 0;
    border-bottom: 1px solid #d7d7d7;
}
	.worksSingle02 .seika dt {
		padding: 5px 0 0 0;
	    color: #3E9FCF;
	    font-size: 18px;
	    font-weight: bolder;
	}
	.worksSingle02 .seika dd {
	}

.WorksSingleKanren{
	border : 2px solid #3E9FCF;
	border-radius: 5px;
	width: 996px;
    margin: 0 auto 45px;
}
.WorksSingleKanren h5{
	border : 2px solid #3E9FCF;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: #3E9FCF;
	color: #fff;
	padding: 15px;
	font-size: 20px;
	width: 300px;
	float: left;
}
.WorksSingleKanren ul{
	float: left;
	padding: 18px 15px 15px 0;
	width: 600px;
}
.WorksSingleKanren ul li{
    border-left: 1px solid #3e9fcf;
    float: left;
    padding: 0 20px;
}
.WorksSingleKanren ul li.first{
    border:none;
}
.WorksSingleKanren ul li a{
    background: rgba(0, 0, 0, 0) url("./img/works/arr02.png") no-repeat scroll left center;
    color: #3e9fcf;
    font-size: 18px;
    padding-left: 15px;
    text-decoration: underline;
}
.WorksSingleKanren ul li i{
	padding: 0 0px 0 5px;
}
.WorksSingleBtn {
	text-align: right;
	padding: 0 0 50px 0;
}
	.WorksSingleBtn .btnBlue02{
		width: 150px;
		display: inline-block;

	}
	.WorksSingleBtn .btnBlue02 i{
		padding: 0 5px 0 5px;

	}

/*================================================
8-faq
================================================*/
.faqArea{
    padding: 80px 0 70px;
}
.faqArea .faqList h2 {
	    border-bottom: 1px solid #cbcbcb;
	    color: #2f66b0;
	    font-size: 17px;
	    font-weight: bold;
	    margin: 0 0 20px;
	    padding: 0 0 26px;
			cursor: pointer;
	}
	.faqArea .faqList h2.active {
		    border-bottom: medium none;
		    margin: 0;
		    padding: 0;
		}
	.faqArea .faqList h2 a {
		    color: #2f66b0;
		    outline: medium none;
		    text-decoration: none;
		}
	.faqArea .faqList h2 span {
		    font-size: 25px;
		}
	.faqArea .faqList .answer {
	    font-size: 13px;
	    margin: 0 0 0px;
	    padding: 0px 0 26px 0em;

			display: none;
	}
		.faqArea .faqList .answer.js-open {
	    display: flex;
			align-items: center;
	}
	.faqArea .faqList .answer span {
		    color: #2da2b1;
		    font-size: 25px;
		    font-weight: bold;
		    display: block;
		    width: 43px;
		}
	.faqArea .faqList .answer div{
			 padding: 15px 0;
			 width: calc(100% - 43px);
	}
	.faqArea .txt {
	    color: #2f66b0;
	    font-size: 23px;
	    font-weight: bold;
	    margin: 60px 0 0;
	    text-align: center;
	}
/*================================================
9-news
================================================*/
.newsHeadTab{
    background: #eeeeee none repeat scroll 0 0;
    padding: 20px 0;
  }
 .newsHeadTab ul{
	border-left: 2px solid #2E66B2;
	border-bottom: 2px solid #2E66B2;
	width: 994px;
	margin: 0 auto;
 }
  .newsHeadTab ul.first{
	border-bottom: none;

 }
  .newsHeadTab ul li{
	border-top: 2px solid #2E66B2;
	border-right: 2px solid #2E66B2;
	width: 246px;
	float: left;
	background-color: #fff;
 }
   .newsHeadTab ul li a{
   	display: block;
   	padding: 12px 0 5px 0;
   	text-align: center;
   	width: 248px;
   	font-weight: bolder;
   	color: #2E66B2;
   	font-size: 16px;
 }
    .newsHeadTab ul li a i{
   	display: block;
 }
    .newsHeadTab ul li a:hover{
  		color: #fff;
     	background-color: #2E66B2;
    }
     .newsHeadTab ul li a:hover i{
  		color: #fff;
     	background-color: #2E66B2;
    }
    .newsHeadTab ul li.active{
  		color: #fff;
     	background-color: #2E66B2;
    }
    .newsHeadTab ul li.active a{
  		color: #fff;
     	background-color: #2E66B2;
    }
.newsListArea{
	padding: 69px 0 70px;
}

.newsList{
	padding: 0px 0 26px 0;
}
.newsList .new{
	width: 40px;
	display: block;
	float: left;
	font-size: 12px;
	margin: 2px 15px 2px 0px;
	background-color: #EC8840;
	color: #fff;
	text-align: center;
}
.newsList .date{
	width: 120px;
	display: block;
	float: left;
  	color: #2e66b0;
    font-size: 16px;
	font-weight: bolder;

}
.newsList .icon{
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 13px;
}
.newsList .icon a{
	display: block;
	width: 150px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 2px 0;
}
	.newsList .icon_publicity{
		background-color: #D480BA;
	}
	.newsList .icon_seminar{
		background-color: #FF826F;
	}
	.newsList .icon_pressrelease{
		background-color: #FAAF3B;
	}
	.newsList .icon_information{
		background-color: #8AC5FE;
	}
	.newsList .icon_ib_channnel{
		background-color: #FF826F;
	}
	.newsList .icon_library_bn{
		background-color: #FAAF3B;
	}
	.newsList .icon_mailmagazine{
		background-color: #8AC5FE;
	}
.newsList h2{
	display: block;
	float: left;
	padding: 0 0 0 15px;
	width: 645px;
}
.newsSingle{
    padding: 69px 0 70px;
}
.newsSingleHead{
	text-align: center;

}
	.newsSingleHead .new{
		width: 40px;
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
		margin: 2px 15px 2px 0px;
		background-color: #EC8840;
		color: #fff;
		text-align: center;
	}
	.newsSingleHead .date{
		display: inline-block;
		vertical-align: middle;
	  	color: #2e66b0;
	    font-size: 16px;
		font-weight: bolder;
		padding: 0 15px;

	}
	.newsSingleHead .icon{
		display: inline-block;
		vertical-align: middle;
		width: 150px;
		text-align: center;
		color: #fff;
		font-size: 13px;
		padding: 2px 0;
	}
	.newsSingleHead .icon_publicity{
		background-color: #D480BA;
	}
	.newsSingleHead .icon_seminar{
		background-color: #FF826F;
	}
	.newsSingleHead .icon_pressrelease{
		background-color: #FAAF3B;
	}
	.newsSingleHead .icon_information{
		background-color: #8AC5FE;
	}
	.newsSingleHead .icon_ib_channnel{
		background-color: #FF826F;
	}
	.newsSingleHead .icon_library_bn{
		background-color: #FAAF3B;
	}
	.newsSingleHead .icon_mailmagazine{
		background-color: #8AC5FE;
	}
	.newsSingleHead .icon a{
		display: inline-block;
		width: 150px;
		text-align: center;
		color: #fff;
		font-size: 13px;
		padding: 2px 0;
	}
.newsSingle h1{
	display: block;
    border-bottom: 1px solid #b1b1b1;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 20px 0;
    text-align: center;
}
.newsSingle .postArea{
    margin: 0 0 36px;
}
.newsSingleFoot{
	text-align: center;
	width: 640px;
	margin: 0 auto;
	padding: 30px 0;

}
.newsSingleFoot .left{
	width: 320px;
	float: left;
}
.newsSingleFoot .right{
	width: 320px;
	float: right;
	text-align: center;

}
.newsSingleFoot p{
	margin: 5px 0;
}
.newsSingleFoot .btnBlue02{
	border-radius: 3px;
	width: 200px;
	display: inline-block;

}
.newsSingleFoot .btnBlue02 a{
}
.newsSingleFoot .btnBlue02 i{
	padding: 0 0px 0 5px;
}

.newsSingleFoot .seminarBtn{
	opacity: 0.8;
}
.newsSingleFoot .mediaBtn:hover{
	opacity: 0.8;
}
/*================================================
10-price
================================================*/
.priceContents .blue{
	color:#396BB2;
}
.priceContents .orange{
	color:#F74E15;
}
.priceContents h3{
    background: rgba(0, 0, 0, 0) url("./img/price/bg_h3.png") no-repeat scroll left 8px;
    border-bottom: 1px solid #628cc5;
    color: #2e66b2;
    font-size: 24px;
    margin: 0 0 45px;
    padding: 0 0 10px 40px;
}


.PriceContact{
	background-color: #DBEAF6;
	padding: 45px 0;
}
.PriceContact .txt{
	font-size: 36px;
	text-align: center;
	padding: 0 0 25px 0;
}
.PriceContactArea{
	width: 1000px;
	height: 107px;
	position: relative;
	background-color: #fff;
}
.PriceContactArea .tel{
	top: 0px;
	left: 25px;
	position: absolute;
}
.PriceContactArea .btn01{
	top: 20px;
	left: 555px;
	position: absolute;
}
.PriceContactArea .btn02{
	top: 20px;
	right: 10px;
	position: absolute;
}


.priceHead {
	padding: 35px 0;
}
.priceHead h2{
	width: 1000px;
	height: 199px;
	position: relative;
	background: #fff url(./img/price/tit_priceHead01.png) 0 0 no-repeat;
}
.priceHead h2 img{
	position: absolute;
	top: 0px;
	left: 0px;
}
.priceHead h2 span{
	color: #2E66B2;
	font-weight: bolder;
	font-size: 24px;
	position: absolute;
	top: 80px;
	left: 255px;
}
.priceHead h2 span .stronger{
	background: linear-gradient(transparent 70%, #ffff90 50%);
	position: relative;
	top: 0px;
	left: 0px;
}
.priceHead p{
	font-size: 16px;
}
.priceExample{

}
.priceExample .example{
	background: #fff url(./img/index/txt_indexPrice_example01.png) 0 0 no-repeat;
	margin: 35px 0 43px 0;
	width: 1000px;
	height: 270px;
	position: relative;
}
.priceExample .example li{
	font-size: 18px;
	font-weight: bolder;
}
	.priceExample .example li span{
		font-size: 22px;
		color: #EC4B13;
		background-color: #FFFF90;

	}
.priceExample .example .ex01{
	position: absolute;
	left: 250px;
	top: 45px;
}
.priceExample .example .ex02{
	position: absolute;
	left: 250px;
	top: 120px;
}
.priceExample .example .ex03{
	position: absolute;
	left: 250px;
	top: 199px;
}
.priceExample h3{
background: rgba(0, 0, 0, 0) url("./img/price/icon_indexPrice01.png") no-repeat scroll left 7px;
font-size: 22px;
margin: 0 auto 18px;
padding-left: 30px;
width: 980px;
color: #000
}
.priceExample h3 span{
background: #2e66b2;
font-size: 14px;
border-radius: 10px;
color: #ffffff;
text-align: center;
padding: 5px 10px;
margin-left: 10px;
}
.priceExample .prices {
    background: #DBEAF6 none repeat scroll 0 0;
    margin: 0 auto 55px;
    padding: 0 45px;
    width: 910px;
	}
.priceExample .prices dt{
    border-right: 4px solid #FFF;
    color: #2e66b2;
    float: left;
    font-size: 17px;
    padding: 10px 0 0;
    width: 425px;
		}
.priceExample .prices dt em{
	font-size: 62px;
			}
.priceExample .prices dd{
    float: left;
    font-size: 15px;
    line-height: 2;
    padding: 25px 0 15px 25px;
    width: 455px;
}
.priceFlow{
	width: 997px;
	height: 420px;
	background: #fff url(./img/price/bg_priceFlow.png) 0 0 no-repeat;
	position: relative;
}
.priceFlow li{
	color: #fff;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 150px;
	text-align: center;
	line-height: 1.1;
}
.priceFlow .flow01{
	position: absolute;
	top: 70px;
	left:30px;
}
.priceFlow .flow02{
	position: absolute;
	top: 60px;
	left:225px;
}
.priceFlow .flow03{
	position: absolute;
	top: 60px;
	left:420px;
}
.priceFlow .flow04{
	position: absolute;
	top: 70px;
	left:610px;
}
.priceFlow .flow05{
	position: absolute;
	top: 78px;
	left:800px;
}
.priceFlow .price{
	position: absolute;
	top: 235px;
	left:305px;
	font-size: 20px;
	text-align: center;
	width: 402px;

}
.priceFlow .price span{
	font-size: 36px;
}

.priceFlow .bikou{
	position: absolute;
	width: 1000px;
	text-align: center;
	bottom: 0px;
	margin-bottom: 20px;
}

.priceOther{
	padding: 35px 0 45px 0;
}
.priceOther .otherBox{
	padding: 0px 0 25px 0;
}
.priceOther .otherBox h4{
    background: rgba(0, 0, 0, 0) url("./img/price/bg_priceOther_h4.png") no-repeat scroll left center;
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0 0 0 25px;
}
.priceOther .otherBox .left{
	width: 450px;
	float: left;
}
.priceOther .otherBox .blueBox{
	background-color: #DBEAF6;
	padding: 15px;
	font-size: 20px;
	text-align: center;
	margin: 0 0 15px 0;
}
.priceOther .otherBox .blueBox .big{
	font-size: 36px;
}
.priceOther .otherBox .right{
	width: 528px;
	float: right;
}
.priceOther .otherBox .right .orangeFuki{
	width: 528px;
	height: 126px;
	background: #fff url(./img/price/bg_otherBox_orange.png) 0 0 no-repeat;
	position: relative;

}
.priceOther .otherBox .right .orangeFuki p{
	position: absolute;
	top: 25px;
	left:40px;
	text-align: center;
	width: 450px;
	color: #fff;
	font-size: 15px;
	font-weight: bolder;
	display: block;
}
.priceOther .otherBox .right,.priceOther .otherBox .left p{
	font-size: 12px;
}

.priceOther .otherFlow{
	background: #fff url(./img/price/bg_otherFlow.png) 0 0 no-repeat;
	width: 1000px;
	height: 182px;
	position: relative;
}
.priceOther .otherFlow .midashi{
	position: absolute;
	top: 70px;
	left: 25px;
	width:162px;
	font-size: 17px;
	color: #2E66B2;
	text-align: center;
}
.priceOther .otherFlow ul li{
	width: 162px;
	text-align: center;
	font-size: 20px;

}
.priceOther .otherFlow .flow01{
	position: absolute;
	top: 75px;
	left: 260px;
}
.priceOther .otherFlow .flow02{
	position: absolute;
	top: 75px;
	left: 450px;
}
.priceOther .otherFlow .flow03{
	position: absolute;
	top: 50px;
	left: 640px;
}
.priceOther .otherFlow .flow04{
	position: absolute;
	top: 50px;
	left: 830px;
}
.priceWorth{
	padding: 45px 0;
}
.priceWorthHead .txt01{
	padding: 45px 0;
	text-align: center;
	font-size: 41px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.priceWorthHead .txt02{
	background: url(./img/price/bg_priceWorthHead_txt03.png) 0 0 no-repeat;
	text-align: left;
	font-size: 29px;
	color: #fff;
	padding: 45px;
	min-height: 130px;
}
.priceWorthHead .txt03{
	padding: 40px 0;
	text-align: center;
	font-size: 35px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	.priceWorthHead .txt03 .red{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		color: #F35543;
	}
	.priceWorthHead .txt03 .uline{
		background-color: #FFFF92;
	}

.priceWorthList{
	width: 1000px;
	height: 982px;
	position: relative;
}
.priceWorthList .priceWorthListHead{
	position: absolute;
	z-index: 3;
	top: 43px;
	left:45px;
	width: 900px;
	font-size: 32px;
}
	.priceWorthList .priceWorthListHead .smallFont{
		font-size: 30px;
	}
.priceWorthList .img{
	position: absolute;
	z-index: 1;
	top: 0px;
	left:0px;
}
.priceWorthList .btnOrange01{
	position: absolute;
	z-index: 5;
	left: 340px;
	bottom:35px;
	width: 300px;
}

.toworkIT{width: 435px;height: 350px;position: absolute;top: 220px;right: 0px;left: 50px;bottom: 0px;z-index: 100;}
.toworkproduct{width: 434px;height: 300px;position: absolute;top: 275px;right: 0px;left: 518px;bottom: 0px;z-index: 100;}
.toworkstructur{width: 436px;height: 270px;position: absolute;top: 593px;right: 0px;left: 50px;bottom: 0px;z-index: 100;}
.toworkShigyo{width: 434px;height: 250px;position: absolute;top: 613px;right: 0px;left: 518px;bottom: 0px;z-index: 100;}

.priceWorth .btnOrange01 a{
	text-align: center;
}
.priceWorth .biko {
    margin: 0 0 5px;
    padding-left: 3em;
    text-indent: -3em;
 }
.priceReason{
	padding: 45px 0;
}
.priceReason h4{
	font-size: 38px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	padding: 0 0 40px 0;
}
.priceReasonEx{
	background-color: #FAFAFA;
	padding: 45px;
}
.priceReasonEx h5{
	font-size: 23px;
	padding: 0 0 15px;
}
.priceReasonEx div{
	position: relative;
	width: 900px;
	height: 386px;
	background: #fff url(./img/price/bg_joken01.png) 0 0 no-repeat;
}
.priceReasonEx div p{
	position: absolute;
	}
.priceReasonEx div .joken01{
	top: 100px;
	left: 70px;
	color :#666;
	font-size: 16px;
	width: 372px;
}
.priceReasonEx div .joken02{
	top: 100px;
	left: 485px;
	color :#666;
	font-size: 16px;
	width: 372px;
}
.priceReasonEx div .joken03{
	top: 140px;
	left: 70px;
	color :#666;
	font-size: 16px;
	width: 372px;
}
.priceReasonEx div .joken04{
	top: 140px;
	left: 485px;
	color :#666;
	font-size: 16px;
	width: 372px;
}
.priceReasonEx div .joken05{
	top: 200px;
	left: 70px;
	color :#666;
	font-size: 14px;
	width: 600px;
}
.priceReasonEx div h6{
	top: 25px;
	left: 35px;
	font-size: 25px;
	position: absolute;
}
.priceReasonEx div strong{
	top: 300px;
	left: 100px;
	font-size: 35px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: absolute;
}
.priceCost{
	padding: 45px 0;
}
.priceCost h4{
	font-size: 38px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	padding: 0 0 35px 0;
}
.priceCost .priceCostBox{
	background-color: #FAFAFA;
	padding: 45px;
}
.priceCost .priceCostBox .txt{
	padding: 5px 0 10px 0;
	font-size: 14px;
}
.priceCost .priceCostBox .graph{
	text-align: center;
}
.priceCost .priceCostContact{
	background: #0064B4 url(./img/price/ft_cost01.png) center top no-repeat;
	font-size: 38px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 45px 0 15px 0 ;
	color: #fff;
	text-align: center;
}
.priceCost .priceCostContact .PriceContactArea{
	margin: 20px auto 0 auto;
	width: 95%;
	padding: 10px 0 0 0;
}
.priceCost .priceCostContact .PriceContactArea img{
	width: 95%;
}
.priceCost .priceCostContact .PriceContactArea .tel{
	top: 10px;
	left: 5px;
	position: absolute;
}
.priceCost .priceCostContact .PriceContactArea .btn01{
	top: 25px;
	left: 515px;
	position: absolute;
}
.priceCost .priceCostContact .PriceContactArea .btn02{
	top: 25px;
	right: 10px;
	position: absolute;
}

.priceCompanyInfo ul{
	 max-width: 900px; margin: 50px auto;
	}
		.priceCompanyInfo ul li{
			float: left;
			margin: 0  15px 0 0;
			width: 31%;
		}

/*================================================
11-iB-channnel
================================================*/
.movieTitle h1{
	position: relative;
	height: 95px;
	padding: 0;
}
.movieTitle h1 img{
	position: absolute;
}
.movieTitle span.tit{
	position: absolute;
	left: 450px;
	top: 32px;
	font-size: 25px;

}
.movieHead{
	text-align: center;
	background-color: #333;
}
.movieHeadTab{
    background: #D8E9F4 none repeat scroll 0 0;
    padding: 40px 0;
  }
.movieHeadTab ul{
	border-left: 2px solid #2E66B2;
	border-bottom: 2px solid #2E66B2;
	width: 564px;
	margin: 0 auto;
 }

  .movieHeadTab ul li{
	border-top: 2px solid #2E66B2;
	border-right: 2px solid #2E66B2;
	width: 280px;
	float: left;
	background-color: #fff;
 }
   .movieHeadTab ul li a{
   	display: block;
   	padding: 12px 0 5px 0;
   	text-align: center;
   	width: 280px;
   	font-weight: bolder;
   	color: #2E66B2;
   	font-size: 16px;
 }
    .movieHeadTab ul li a i{
   	display: block;
 }
    .movieHeadTab ul li a:hover{
  		color: #fff;
     	background-color: #2E66B2;
    }
     .movieHeadTab ul li a:hover i{
  		color: #fff;
     	background-color: #2E66B2;
    }
    .movieHeadTab ul li.active{
  		color: #fff;
     	background-color: #2E66B2;
    }
    .movieHeadTab ul li.active a{
  		color: #fff;
     	background-color: #2E66B2;
    }
.movieList{
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 70px;
    width: 1000px;
}
.movieList li .ph {
    height: 138px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 230px;
}
.movieList li {
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    padding-top: 30px;
    width: 230px;
    min-height: 190px;
}
.movieList a {
    color: #2d66b2;
    font-weight: bold;
    text-decoration: underline;
}
.movieArea{
	text-align: center;
	margin: 20px 0 0;
}
.movieArea li .ph {
    height: 138px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 230px;
}
.movieArea li {
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    padding-top: 30px;
    width: 230px;
}
.movieArea a {
    color: #2d66b2;
    font-weight: bold;
    text-decoration: underline;
}
.movieKanren{
	padding: 80px 0 0 0;
}
.movieKanren h2{
    border-bottom: 1px dashed #2e67b8;
    color: #2e67b8;
    font-size: 25px;
    margin: 0 0 30px;
    padding: 0 0 5px;
}
.movieKanren li .ph {
    height: 138px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 230px;
}
.movieKanren li {
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    padding-top: 30px;
    width: 230px;
}
.movieKanren a {
    color: #2d66b2;
    font-weight: bold;
    text-decoration: underline;
}

/*================================================
12-contact
================================================*/
.contactTxt {
    padding: 70px 0 130px;
}
.contactFlow {
    margin-bottom: 35px;
}
.formBox table {
    font-size: 15px;
    margin-bottom: 45px;
    width: 100%;
}
.formBox table th {
    background: #f0f3fc none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px;
    text-align: left;
    width: 9em;
}
.formBox table th.label {
    border-right: 1px solid #ccc;
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
    width: 80px;
}
.formBox table th.other-top {
    border-bottom: medium none;
    height: 1em;
    padding-bottom: 0;
}
.formBox table th.other-btm {
    border-right: 1px solid #ccc;
    border-top: medium none;
    padding-top: 15px;
    vertical-align: top;
}
.formBox table td {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px;
}
.formBox td {
    position: relative;
}
.formBox .contList label {
    display: inline-block;
    min-width: 14em;
}
.formBox .w14 {
    display: inline-block;
    width: 14em;
}
.formBox img.okng {
    display: none;
    position: absolute;
    right: -47px;
    top: 20px;
}
.formBox textarea.text-long {
    height: 165px;
}
.formBox input.text-long, .formBox textarea.text-long {
    width: 390px;
}
.formBox td input.text-long:focus {
    background-color: #f8f8df;
}
.formBox input.text, .formBox textarea.text {
    border: 1px solid #ccc;
    font-size: 1em;
    outline: medium none;
    padding: 10px;
}
.formBox .inputfollow-error {
    background: #e14d50 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 34px;
    left: 0;
    line-height: 34px;
    padding: 0 10px;
    position: absolute;
    top: -44px;
}
.formBox .inputfollow-error::after {
    border-color: #e14d4f transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
    bottom: -6px;
    content: "";
    height: 0;
    left: 10px;
    position: absolute;
    width: 0;
}
.formButton td input.error {
    background-color: #fff3e8;
}
.formButton {
    text-align: center;
    padding: 40px 0 80px 0;
}

.formButton .verify {
    display: none;
}

.formButton li {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}
.formBox input.wpcf7c-conf,
.formBox textarea.wpcf7c-conf{
    border:0;
    padding:0;
    background:#fff;
}
div.wpcf7-mail-sent-ok {
	display: none!important;
}
.formButton button {
  padding: 0;
  border: none;
  background: transparent;
}

.formButton button img {
  display: block;
}
.formButton button:hover{
  opacity: 0.9;
}
.formButton button:active,
.formButton button img {
  position: relative;
}

.error-wrap {
    position: relative;
}

.contactPrivacy {
    margin: 0 auto;
    padding: 50px 0 20px;
    width: 800px;
    margin: 0 auto 80px auto;
}

.contactPrivacy dl dt {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: center;
}

.contactPrivacy dl dd {
    border: 1px solid #cccccc;
    height: 150px;
    overflow: auto;
    padding: 20px;
}
.contactPrivacy dl dd em {
    color: #ff0000;
    font-style: normal;
}

/*.formBox input.wpcf7c-conf,.formBox textarea.wpcf7c-conf{background: white!important;}*/

/*================================================
13-recruit
================================================*/
.recruitContents{
    padding: 106px 0 130px;
 }
.recruit-box{
    border-bottom: 1px solid #d8d8d8;
    margin: 0 auto 35px auto;
    padding: 0 0 35px;
}
.recruit-box h2{
    color: #2e66b0;
    font-size: 19px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    width: 250px;
    float :left;
}
.recruit-box .txt{
    font-size: 13px;
    vertical-align: middle;
    float :left;
    width: 550px;

}
.recruit-box .btn{
    font-size: 13px;
    vertical-align: middle;
    float :right;
}

/*================================================
14-privacy
================================================*/
.privacyContents{
    padding: 70px 0 130px;
	margin: 0 auto;
	width: 860px;
	font-size: 14px;
}
.privacyContents p{

}
.privacyContents div{
	 margin-top: 1.4em;
}
.privacyContents div h2{
	font-weight: bolder;
}
.privacyContents div p{
    margin-left: 2em;
}



/*================================================
15-sitemap
================================================*/
.sitemapContents{
    margin: 0 auto;
    width: 800px;
    padding: 117px 0 0;
}

.sitemapContents .linkList01 li {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 36px;
    width: 30%;
}
.sitemapContents .linkList01 li a {
    background: rgba(0, 0, 0, 0) url("./img/sitemap/icon_arr.gif") no-repeat scroll 0 4px;
    padding: 3px 0 3px 20px;
}
.sitemapContents .linkList02 {
    border-top: 1px solid #cbcbcb;
    margin: 6px 0 40px;
    padding: 48px 0 0;
}
.sitemapContents .linkList02 li {
    display: inline-block;
    font-size: 16px;
    margin-right: 3em;
    white-space: nowrap;
}
.sitemapContents .linkList02 li a {
    background: rgba(0, 0, 0, 0) url("./img/sitemap/icon_arr.gif") no-repeat scroll 0 4px;
    padding: 3px 0 3px 20px;
}
.sitemapContents .linkList03 {
    border-top: 1px solid #cbcbcb;
    margin: 0 0 89px;
    padding: 48px 0 0;
}
.sitemapContents .linkList03 li {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 36px;
    white-space: nowrap;
    width: 18%;
}
.sitemapContents .linkList03 li.link01 {
    width: 35%;
}
.sitemapContents .linkList03 li a {
    background: rgba(0, 0, 0, 0) url("./img/sitemap/icon_win.gif") no-repeat scroll 0 3px;
    padding: 3px 0 3px 20px;
}
/*================================================
16-magazine
================================================*/
.magazineTitle{
	background: rgba(0, 0, 0, 0) url(./img/magazine/img_magazineTitle01.png) 0 0 no-repeat;
}
.magazineHead{
	background: rgba(0, 0, 0, 0) url(./img/magazine/bg_magazine01.jpg) top center no-repeat;
	text-align: center;
}
.magazineHead div{
	background-color: rgba(0, 0, 0, 0.8);
	height: 235px;
	padding: 35px 0 30px 0;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	width: 520px;
}
.magazineHead div strong{
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 0 0 35px 0;
	display: block;
}
.magazineHead div p{
	font-size: 13px;
}
.magazineTitle h1{
	padding-left:140px;
	color: #000;
	font-size: 26px;
	line-height: 1.5;
}
.magazineContents {
    padding: 40px 0 130px;
}

.magazineContents h3 {
    color: #2d66b2;
    font-size: 1.4em;
    font-weight: bold;
    margin: 40px 0 0;
}
.magazineContents .file-list {
    overflow: hidden;
    position: relative;
    width: 1000px;
}
.magazineContents .file-list::after {

    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
}

.magazineContents .file-list li {
    border-bottom: 1px dashed #ccc;
    color: #2d66b2;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding: 20px 0 10px;
    width: 45%;
}
	.magazineContents.file-list li span {
	    display: inline-block;
	    line-height: 34px;
	    vertical-align: middle;
	}
	.magazineContents .file-list li .item01 {
	    width: 5.5em;
	}
.magazineContents .file-list li .bt_dl {
    float: right;
    font-size: 11px;
}

.magazineContents .file-list li .bt_dl a {
    background: rgba(0, 0, 0, 0) url("./img/magazine/icon_pdf01.png") no-repeat scroll left center;
    color: #2d66b2;
    display: inline-block;
    line-height: 30px;
    padding-left: 40px;
    padding-top: 4px;
}
.magazineContents .file-list li .bt_dl a:hover {
    text-decoration: underline;
}

/*================================================
17-story
================================================*/
.storyContents{
	text-align: center;
	padding: 50px 0 0 0;

}
.storyContents p{
	padding: 0 0 35px 0;
}
.storyFooter{
	padding: 45px 0 0 0;
}
.storyFooter .txt{
	background: #fff url(./img/story/logo_storyFooter01.jpg) left top no-repeat;
	font-size: 45px;
	color:#2e66b2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 0 0 175px;
	margin: 25px auto 30px auto;
	width: 669px;
	min-height:160px;
}
.storyFooter .contactBox{
	background: #fff url(./img/story/bg_storyFooter01.jpg) 0 0 no-repeat;
	width: 844px;
	height: 155px;
	position: relative;
	margin: 0 auto 60px auto;
}
.storyFooter .contactBox .txt02{
	position: absolute;
	top:20px;
	width: 844px;
	text-align: center;
	font-size: 15px;
	color:#fff;
}
.storyFooter .contactBox .btn{
	position: absolute;
	top: 70px;
	right:60px;
	}
/*================================================
18-interview
================================================*/
.interviewContents .blue{
	color: #2E66B2;
}

.interviewHead{
	padding: 45px 0 0 0;
	background: #fff url(./img/interview/bg_interviewHead01.jpg) center 45px no-repeat;
}
.interviewHead .block{
	position: relative;
	height: 223px;
}
.interviewHead .text{
    color: #2d65b1;
    font-size: 21px;
    font-weight: bold;
    left: 405px;
    line-height: 2;
    position: absolute;
    top: 0;
 }
.interviewNav {
    margin: 0 auto 45px;
}
.interviewNav ul {

}
.interviewNav li {
    float: left;
    margin-right: 8px;
}
.interviewNav li.last{
     margin-right: 0px;
}

.interviewFlow{
	background: #fff url(./img/interview/bg_interviewFlow.jpg) 0 0 no-repeat;
	width: 1000px;
	height: 340px;
	margin: 0 auto;
	position: relative;
    margin: 0 auto 55px;
}
.interviewFlow02{
	background: #fff url(./img/interview/bg_interviewFlow02.jpg) 0 0 no-repeat;
	width: 1000px;
	height: 340px;
	margin: 0 auto;
	position: relative;
    margin: 0 auto 55px;
}
.interviewFlow03{
	background: #fff url(./img/interview/bg_interviewFlow03.jpg) 0 0 no-repeat;
	width: 1000px;
	height: 340px;
	margin: 0 auto;
	position: relative;
    margin: 0 auto 55px;
}

.interviewFlow .txt{
	font-size: 13px;
}
.interviewFlow .interviewName{
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.interviewFlow .interviewName strong{
	font-size: 22px;
}
.interviewFlow .interviewName .company{
	font-size: 16px;
}
.interviewFlow .interviewName .name{
	font-size: 16px;
	padding: 15px 0 0 0;
}
.interviewFlow .ex01{
	position: absolute;
	top:218px;
	left: 10px;
}
.interviewFlow .ex02{
	position: absolute;
	top:218px;
	left: 327px;
}
.interviewFlow .ex03{
	position: absolute;
	top:218px;
	left: 631px;
}
.interviewFlow .txt01{
	position: absolute;
	top:50px;
	left: 185px;
	text-align: center;
}
.interviewFlow .txt02{
	position: absolute;
	top:50px;
	left: 490px;
}
.interviewFlow .txt03{
	position: absolute;
	top:50px;
	left: 791px;
}
.interviewArea01{
	background: url(./img/interview/bg_interviewArea01.jpg) center 15px  no-repeat;
	padding: 25px 0 0 0;
}
.interviewArea02{
}
.interviewArea02Bg{
	background: #F4F9FE url(./img/interview/bg_interviewArea02.jpg) center 15px no-repeat;
	padding: 45px 0 0;
}
.interviewArea03{
	background: url(./img/interview/bg_interviewArea03.jpg) center 20px  no-repeat;
	padding: 25px 0 0 0;
}
.interviewArea .block{
	position: relative;
	height: 530px;
	margin: 45px auto 0 auto;
}
.interviewArea03 {
	height: 500px!important;
}
.interviewArea .img{
	display: block;
}
.interviewArea .img p{
	position: absolute;
	left: -38px;
}

.interviewArea .txt{
	position: absolute;
}
.interviewArea01 .img{
	width: 453px;
}

.interviewArea01 .txt{
	width: 545px;
	left: 458px;
}
.interviewArea02 .txt{
	width: 545px;
	left: 458px;
}
.interviewArea03 .txt{
	width: 700px;
	left: 322px;
}
.interviewArea h2{
	border-bottom :1px solid #2E66B1;
	padding: 25px 0 15px 0;
	color:#2E66B1;
	font-size: 15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.interviewArea h2 .big{
	font-size: 25px;
}
.interviewArea .check{
	font-size: 25px;
	padding: 15px 0 15px 0;
}
.interviewArea .check p{
	background: url(./img/interview/icon_check01.png) left top no-repeat;
	border-bottom:1px solid #999;
	padding: 15px 0 15px 50px;
	line-height: 1.7;
}
.interviewArea .check .uline{
	background-color: #FEF88A;
}
.interviewArea .check .bottomTxt{
    font-size: 13px;
    line-height: 1.8;
}

.interviewRecommend{
    margin-bottom: 50px;
    padding: 20px 0 0 0;
}
.interviewRecommend h3{
	background: url(./img/interview/icon_interviewRecommend01.png) left center no-repeat;
	font-size: 23px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 0 15px 55px;
	border-bottom: 1px solid #2d65b1;
	margin: 0 0 25px 0;
}
.interviewRecommend h4 {
    color: #2d65b1;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.interviewRecommend td {
    vertical-align: top;
    width: 310px;
}
.interviewRecommend td.left {
    border-right: 1px solid #bfbfbf;
    padding-right: 15px;
}
.interviewRecommend td.center {
    border-right: 1px solid #bfbfbf;
    padding-left: 15px;
    padding-right: 15px;
}
.interviewRecommend td.right {
    padding-left: 15px;
}

.interviewComment {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #2d65b1;
    padding: 3px;
}
.interviewComment .inner {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2d65b1;
    padding: 14px;
}
.interviewComment .photo{
    float: left;
    width: 340px;
}
.interviewComment .text {
    float: right;
    width: 590px;
}
.interviewComment .text h4 {
    margin-bottom: 24px;
    border-bottom: 1px solid #2d65b1;
    padding: 0 0 5px 0;
    font-size: 21px;
 	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: 	#2d65b1;
}
.interviewComment .text h4 .smallfont{
	font-size: 14px;
}
.interviewComment .text h5 {
    margin-bottom: 23px;
    font-size: 24px;
 	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.interviewComment .text p.name {
    font-size: 15px;
    margin-bottom: 10px;
}
.interviewArrow{
	position: relative;
	height: 46px;
}
.interviewArrow img{
	top:0;
	left: 45px;
	display: block;
	position: absolute;
}
/*================================================
19-company(office)
================================================*/

.servicePriceTxt{
    background: rgba(0, 0, 0, 0) url("./img/price/bg_h3.png") no-repeat scroll left 8px;
    color: #2e66b2;
    font-size: 22px;
    padding: 0 0 10px 40px;
}

.servicePriceDec span.strong{background: linear-gradient(transparent 70%, #ffff90 50%); font-weight: bold;}
.servicePriceDec{font-size: 16px;}
.servicePriceDec a{color: #2f66b0;}


.companyContents .companyInfo.office{
	margin: 60px 0;
}
.companyContents .companyInfo.office table{
    width: 100%;
    margin: 0 0 50px ;
}
.companyContents .companyInfo.office #gmap{
    width: 100%;
    height: 450px;
    background-color: #ddd;
}
.companyContents .service{
	padding: 50px 0;
}
.companyContents .tit{
	padding: 0 0 25px 0;
}
.companyContents .serviceBox{
	padding: 0 0 40px 0;
}
.companyContents .serviceBox h2,.jireih2{
    border-bottom: 1px dashed #2e67b8;
    color: #2e67b8;
    font-size: 25px;
    margin: 0 0 30px;
    padding: 0 0 5px;
}
.companyContents .serviceBox .banner{
	padding: 0 0 15px 0;
	text-align: center;
}
.companyContents .serviceBox .banner a:hover{
	opacity: 0.8;
}

.companyContents .serviceBox p{
	margin:0 auto 10px;
	width: 800px;
}

.companyContents .serviceBox .txt{
	padding: 0 0 15px 0;
	text-align: center;
	font-size: 15px;
}
.companyContents .serviceBox .txt a{
	color:#2f66b0;
}
.companyContents .serviceBox .txt a:hover{
	text-decoration: underline;
}

.companyContents .blogfeed{
	padding: 50px 0;
}

.companyContents .blogfeed h2{
	background: #dcefff url(./img/company/tit_blogfeed01.png) 15px 0 no-repeat;
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    padding: 15px 10px 20px 70px;
    text-align: left;
}
.companyContents .blogfeed h2 span{
    font-size: 15px;
    vertical-align: middle;
}
.companyContents .blogfeed h3{
    font-size: 17px;
    margin: 10px 0;
    font-weight: bolder;
    color: #025EB7;
    text-align: center;
}
.companyContents .blogfeed ul{
	padding: 0 0 45px 0;
}
.companyContents .blogfeed ul li{
	width: 312px;
	float: left;
	margin-right: 32px;
}
.companyContents .blogfeed ul li.last{
	margin-right: 0px;
}
.companyContents .blogfeed .thumb:hover{
	opacity: 0.8;
}

/*category-jirei-result*/
.result_gyoshumei{font-size: 17px; margin: 0 0 10px 0;}
.result_gyoshumei a{margin: 0 0 0px 10px;font-size: 14px;background: #2e66b2;color: white;padding: 5px 10px;border-radius: 5px;}
h2.workCompanyGyoshu,h3.workCompanyGyoshu{padding: 10px 0;}
.workCompanyName{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.workGyoshuBadge {margin: 0 0 0px 10px;font-size: 14px;background: #2e66b2;color: white!important;padding: 5px 10px;border-radius: 5px;}
.globalPageNav{text-align: center; margin: 50px 0;}
.current{color: white; background: #2e66b2;}
.apolloContainer{width: 1000px; margin: 0 auto;}
.childCat{overflow: hidden; margin-bottom: 20px;}
.childCat li{float: left; margin: 0 10px 10px 0; border-radius: 5px; background: #2e66b2;}
.childCat li a{display: block; color: white; padding: 10px;}
.catDes{margin: 20px 0; text-align: center;}

/*================================================
page-case.php
================================================*/
#caseMainArea{background: url(img/case/bg_main_case01.jpg) no-repeat center top; padding: 100px 0 58px 0;}
.caseMainTit{font-size: 100px; color:#0064b4; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: -5px; text-align: center;}
.caseMainTit span{font-size: 70px;}
.caseMainText{font-size: 65px; color:#0064b4; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: -5px;}
#caseMainArea h1{background: url(img/case/bg_main_case02.png) no-repeat center; font-size:38px; color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-top: 5px;}
#caseMainArea h1 span{font-size: 42px;}

.caseVoiceArea{margin: 28px 0 35px;}
.caseVoiceBox{background: url(img/case/bg_catch_case01.png) no-repeat;background-position: 50% 0%; padding:0 0 15px 0;}
.caseVoiceTit{max-width: 840px; margin: 0 auto;font-size: 36px; color: #0064b4; text-align: left; padding:5px 0 52px 50px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.caseVoiceBox ul{max-width: 840px; margin: 0 auto;}
.caseVoiceList{font-size: 27px; background: url(img/case/icon_catch_case02.png) no-repeat; text-align: left; padding:0 0 15px 40px; font-weight: bold;}
.caseVoiceList span{color: #ed4b13; background: linear-gradient(transparent 60%, #fff100 60%);}
.caseVoiceTextBox{background: url(img/case/bg_catch_case02.png)no-repeat top center; padding-top: 20px;}
.caseVoiceText1{font-size: 18px; font-weight: bold;}
.caseVoiceText2{font-size: 24px;font-weight: bold;}
.caseVoiceText2 span{color: #ed4b13;}
.caseVoiceText3{font-size: 60px; font-weight: bold; color: #ed4b13; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.caseMeritArea{margin-bottom: 20px;}
.caseMeritTit{background: url(img/case/bg_merit_case04.png) no-repeat top center; text-align: center;}
.caseMeritTit h2{font-size: 26px; padding-top: 5px;}
.caseMeritTit h2 span{font-size: 43px; color:#0064b4;}
.caseMeritBox{padding-bottom:10px; background: #efefef; }
.caseMeritBox ul{overflow: hidden; max-width: 960px; margin: 0 auto;}
.caseMeritBox li{float: left; max-width: 300px; margin:0 10px;}
.caseMeritBox p{font-size: 15px; text-align: left;}
.eachCaseMeritBox1{background: url(img/case/bg_merit_case01.jpg) no-repeat; padding: 15px 15px; position: relative; margin-top: 30px;}
.eachCaseMeritBox1 img{position: absolute; top:-30px; left:5px;}
.eachCaseMeritBox2{background: url(img/case/bg_merit_case02.jpg) no-repeat; padding: 15px 15px; position: relative; margin-top: 30px;}
.eachCaseMeritBox2 img{position: absolute; top:-30px; left:5px;}
.eachCaseMeritBox3{background: url(img/case/bg_merit_case03.jpg) no-repeat; padding: 15px 15px; position: relative; margin-top: 30px;}
.eachCaseMeritBox3 img{position: absolute; top:-30px; left:5px;}
.eachCaseMeritTit{font-size: 16px; color: #fff; padding-bottom: 200px;}
.eachCaseMeritTit span{font-size:26px; font-weight:bold;}
.caseaMeritTextBox{background: url(img/case/bg_merit_case05.png) no-repeat top center; padding-top: 15px;}
.caseaMeritText1{font-size: 21px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding-bottom: 20px;}
.caseaMeritText2{font-size: 28px; color: #ed4b13; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.caseaMeritText2 span{font-size: 60px;}

.caseContactArea{padding: 20px; width: 960px; margin: 0 auto;border:solid 5px #0064b4;background: #f4f9fc;}
.caseContactInner{overflow: hidden;width: 820px;margin: 0 auto;}
.caseContact_box{float: left;width:83%;}
.badge_free{float: left;width: 17%;}
.badge_free img{width: 100%;}
.caseContactNum{font-size: 60px; color: #0064b4;font-family: serif;background: url(img/case/bg_cotact.png)no-repeat center left;padding-left: 230px;}
.caseContactDetail{font-size: 15px;}
.caseContactText{font-size: 19px; color: #ed4b13;}
.caseContactBtn{text-align: center; background:url(img/case/btn_contact_case01.png) no-repeat; max-width: 860px; margin:17px auto 0; padding: 22px 0; display: block;}
.caseContactBtn a{font-size: 38px; color: #ffffff;}
.caseContactBtn i{font-size: 45px; padding-right: 5px;}
.caseContactNote{font-size: 12px; padding:10px 0 0 630px;}

.caseInfoArea{background: url(img/case/bg_place_case01.jpg) no-repeat top center;  text-align: center; margin: 70px auto 110px; max-width: 960px; padding:20px;}
.caseInfoArea h2{font-size: 43px; color: #ffffff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding-bottom: 20px;}
.caseInfoWhiteArea{background: #fff; padding: 30px 20px; max-width: 860px; margin: 0 auto;}

.caseInfoDetail h3{background: #e8edf4; font-size: 29px; color: #0064b4; border-left: solid 7px #0064b4; padding: 10px; max-width: 845px; margin: 0 auto; text-align: left;}
.caseInfoDetail p{font-size: 14px; text-align: left; padding: 12px 18px;}

.caseInfoBox{overflow: hidden; max-width: 845px; text-align: center;}
.caseInfoLeft{float: left; width: 580px;}
.caseInfoRight{float: left; width: 265px;}
.eachCaseInfo{overflow: hidden; padding: 20px 30px; border-bottom: 1px #c9caca dashed; position: relative; }
.eachCaseInfoTit{float: left;font-size: 16px; color: #0064b4; float: left; max-width: 100px; border-top:solid 1px #0064b4; border-right:solid 1px #0064b4; border-left:solid 1px #0064b4; border-bottom:solid 2px #0064b4; padding: 4px 12px;}
.eachCaseInfoTit p{font-size: 16px;}
.eachCaseInfoTitGuest{float: left;font-size: 16px; color: #0064b4; float: left; max-width: 100px; border-top:solid 1px #0064b4; border-right:solid 1px #0064b4; border-left:solid 1px #0064b4; border-bottom:solid 2px #0064b4; padding: 4px 4px;}
.eachCaseInfoChild{float: left; font-size: 25px; padding-left: 17px; max-width: 410px;text-align: left!important;}
.eachCaseInfo:last-child{border-bottom: none;}
.caseDate{font-size:22px; color:#ccaa11; text-align: left;}
.caseDate span{font-size: 30px;}
.caseTime span{font-size: 15px;}
.receptiontime{margin-left: 10px;}
.caseAdress{font-size: 12px;}
.caseCompany{font-size: 15px; text-align: left;}
.caseName{font-size: 14px; text-align: left;}
.caseUrl {font-size: 12px; color: #0064b4; text-align: left;}
.caseUrl a{color: #0064b4;}
.caseName{font-size: 12px; text-align: left;}
.caseNote{font-size: 14px; text-align: left;}
.iframeWrapper{padding:30px 0 0 30px;}
.mapInfo{background: #0064b4; max-width: 230px; padding: 10px 7px;}
.mapInfo p{font-size: 15px; color: #fff; font-weight: bold;}
.caseInfoBtn{text-align: center; background:url(img/case/btn_place_case01.jpg) no-repeat; max-width: 450px; margin:17px auto 0; padding: 17px 0; display: block;}
.caseInfoBtn a{font-size: 20px; color: #ffffff;}
.caseInfoBtn i{font-size: 30px; padding-right: 5px;}
.caseIcon{position: absolute; right: 160px; top: 10px; }
/*caseページ問い合わせ*/
.caseContactTitle{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #ffffff; background: #0064b4; text-align: center; font-size: 39px; text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);padding: 20px; margin-bottom: 40px; }
		.caseFormBox{max-width: 940px;margin: 50px auto; text-align: left;}
		.caseFormBox .tela{margin:0 0 45px; padding:0 0 25px; border-bottom:1px solid #cccccc;}
		.caseFormBox .progress{margin:0 0 25px;}
		.caseFormBox p{margin:0 0 15px;}
		.caseFormBox table{ border:1px solid #a6a6a6; margin:0 0 35px; text-align: left;}
		.caseFormBox th{ color:#0064b4; font-size:18px; font-weight:bold; padding:20px; border-bottom:1px solid #a6a6a6; width:142px; background:#e8eef5; vertical-align:top;}
		.caseFormBox td{}
		.caseFormBox td.w3em{ width:3em; border-right:1px dashed #a6a6a6;}
		.caseFormBox td.bbd{border-bottom:1px dashed #a6a6a6;}
		.caseFormBox td span.black{color:#333;}
		.caseFormBox table{width: 100%;}
			.caseFormBox table .err th{ color:#f00;}
			.caseFormBox table .err td{ color:#f00;}
			.caseFormBox table td{ padding:15px 25px; border-bottom:1px solid #a6a6a6; color:#0064b4; font-weight:bold; font-size:14px;}
				.caseFormBox table td label{margin-right:30px;}
				.caseFormBox table td input{padding:5px; color:#300; font-weight:normal; font-size:14px;}
				.caseFormBox table td textarea{width:700px; height:140px; padding:5px; font-size:14px;}
				.caseFormBox table td input.full{width:700px;}
				.caseFormBox table td input.zip{width:180px;}
				.caseFormBox table td input.date{width:90px;}
				.caseFormBox table td input.div{width:315px;}
				.caseFormBox table td input.rank{width:233px;}
				.caseFormBox table td input.name{width:560px;}
				.caseFormBox table td input.tel{width:500px;}
				.caseFormBox table td.div1{border-bottom:none; padding:15px 25px 5px 25px;}
				.caseFormBox table td.name1{padding:5px 25px 15px 25px;}
				.caseFormBox table .div2 td{ padding-top:0px; padding-bottom:0px; border-bottom:none;}
				.caseFormBox table .div3 td{ padding-top:5px; padding-bottom:5px; border-bottom:none;}
				.caseFormBox table td.name2{padding:5px 25px 10px 25px;}
				.caseFormBox table ul{}
					.caseFormBox table ul li{margin:0 0 5px;}
						.caseFormBox table ul li a{margin:0 0 0 10px;}
.caseFormBox input.wpcf7c-conf,
.caseFormBox textarea.wpcf7c-conf{border:0;padding:0;background:#fff;}
.caseContactImg{text-align: center;}
.formButton2 td input.error {
    background-color: #fff3e8;
}
.formButton2 {
    text-align: center;
    padding: 40px 0 80px 0;
}

.formButton2 li {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}
.formBox input.wpcf7c-conf,
.formBox textarea.wpcf7c-conf{
    border:0;
    padding:0;
    background:#fbfbfb;
}
div.wpcf7-mail-sent-ok {
	display: none!important;
}
.formButton2 button {
  padding: 0;
  border: none;
  background: transparent;
}

.formButton2 button img {
  display: block;
}
.formButton2 button:hover{
  opacity: 0.9;
}
.formButton2 button:active,
.formButton2 button img {
  position: relative;
}




/*================================================
eigyoujuku
================================================*/
.eigyoujuku_o{max-width: 1400px;}
.contain{width: 960px;margin: 0 auto;}
/*ヘッダー*/
.position-relative{position: relative;height: 600px; width: 100%;}
.header-juku{width: 100%; margin: 0 auto; overflow:hidden; position:absolute; z-index: 10;top: 0px;}
.header-juku div{float: left; width: 50%;}
/*contain*/
#toContactJuku{position: fixed; z-index: 100; right: 0; top: 100px;}
#pointJuku .contain-juku01{padding: 14px 0 6px;background:url(img/eigyoujuku/bg_foot.jpg) no-repeat center top; }
#pointJuku .contain{background:white; border-radius:3px;}
#pointJuku .contain img{padding-top:30px; }
#pointJuku .contain p{padding:20px 30px 30px; text-align:left; }

.contain-juku02 .contain{box-shadow:0px 8px 10px 0px}
#recomenJuku{margin-bottom: 50px;}
#recomenJuku .recomenTypeJuku{overflow: hidden;}
#recomenJuku .recomenTypeJuku div{width:50%; float: left;}
#recomenJuku .recomenTypeJuku .typeJuku01 p{background:url(img/eigyoujuku/img_type01.jpg) no-repeat center top;}
#recomenJuku .recomenTypeJuku .typeJuku02 p{background:url(img/eigyoujuku/img_type02.jpg) no-repeat center top;}
#recomenJuku .recomenTypeJuku div p{padding:120px 40px 208px;text-align: left;}
#missJuku{background:url(img/eigyoujuku/bg_section03.jpg) no-repeat center bottom; padding-bottom:25px; }
#missJuku .contJuku{background:url(img/eigyoujuku/bg_section02.jpg) repeat-y center top; text-align: left;}
#missJuku .contJuku div{padding:0 64px 0 60px;  padding-bottom: 15px; }
#missJuku h2{height: 155px;}
#missJuku .contJuku .resoMissJuku{padding:33px 26px 23px 138px; border-radius: 8px;}
#missJuku .contJuku .resoMissJuku01{background:url(img/eigyoujuku/bg_miss01.jpg) no-repeat left top #ededed; }
#missJuku .contJuku .resoMissJuku02{background:url(img/eigyoujuku/bg_miss02.jpg) no-repeat left top #ededed; }
#missJuku .contJuku .resoMissJuku03{background:url(img/eigyoujuku/bg_miss03.jpg) no-repeat left top #ededed; margin-bottom: 20px;}
#missJuku .contJuku .borderDash{width: 85%; border-bottom: #ededed dashed 2px; margin-bottom: 15px; height: 15px; margin-bottom: 15px;}
#missJuku .contJuku h3 ,#missJuku .contJuku .expMissJuku{margin-bottom:20px; }
.padding-bottomJuku{padding-bottom: 30px;}
#contactJuku {position: relative;}
#contactJuku .contactJukuBtn{position: absolute;left: 654px;top: 162px;}

#sixContJuku{background:url(img/eigyoujuku/bg_section03.jpg) no-repeat center bottom,url(img/eigyoujuku/bg_section02.jpg) repeat-y center top; padding-bottom:25px; }
.sixContJukuOUt{background:url(img/eigyoujuku/bg_section01.jpg) no-repeat center top;}
#sixContJuku h2{padding: 20px; margin-bottom: 40px;}
#sixContJuku .sixContJukuIn{padding: 0 60px;}
#sixContJuku .eachContJuku{overflow: hidden; border:solid 2px #f1f1f1; border-radius: 8px; padding:15px; margin-bottom:20px; }
#sixContJuku .textContJuku{float: left;width: 36%; padding-right: 15px;}
#sixContJuku .imgContJuku{float: left; width: 62%;}

#voiceJuku{background:url(img/eigyoujuku/bg_voice05.jpg) no-repeat center bottom; padding-bottom:35px; }
#voiceJuku h2{height: 170px;}
#voiceJuku .contJuku{background:url(img/eigyoujuku/bg_voice04.jpg) repeat-y center top; text-align: left; padding: 0 90px;}
#voiceJuku .contJuku .eachVoiceJuku{padding:30px 0 15px; border-bottom: 2px dashed #CCCCCC;}
#voiceJuku .contJuku .eachVoiceJuku ul{font-weight: bold; border-left:6px solid #FAC953; padding-left: 8px;font-size: 13px; margin-bottom: 15px;}
#voiceJuku .contJuku .voicejuku01{background:url(img/eigyoujuku/bg_voice01.jpg) no-repeat center right;}
#voiceJuku .contJuku .voicejuku02{background:url(img/eigyoujuku/bg_voice02.jpg) no-repeat center right;}
#voiceJuku .contJuku .voicejuku03{background:url(img/eigyoujuku/bg_voice03.jpg) no-repeat center right; border: none;}
#voiceJuku .contJuku .eachVoiceJuku h3{margin-bottom: 10px;}

#contactformJuku .contactJuku{overflow: hidden; text-align:left; margin-bottom: 10px;}
#contactformJuku h2{margin-bottom: 20px;}
#contactformJuku p{text-align: left;padding: 0 30px; margin-bottom: 20px;}
#contactformJuku .queJuku{width:33%;float: left; }
#contactformJuku .queJuku .queJukuIn{background:url(img/eigyoujuku/bg_contents.png); padding: 12px 16px; width: 220px; border-radius:5px; font-weight: bold; color: white;margin-left: 65px;}
#contactformJuku .ansJuku{width:66%;float: left; }
#contactformJuku .ansJuku .wpcf7-form-control-wrap{margin-left: 10px;}
#contactformJuku .ansJuku input{width: 570px;height: 39px; background: #f2f2f2; border: solid 1px #e5e5e5;}
#contactformJuku .ansJuku span span span label input{width:15px; height: initial; margin-left: 20px;}
#contactformJuku .ansJuku span span span label span{margin-left: 10px;}
#contactformJuku .ansJuku span span span label{display: block;}
#contactformJuku .ansJuku .wpcf7-form-control-wrap{margin: none;}
.wpcf7-form-control{padding-left: 5px;}
#contactformJuku .ansJuku textarea{background: #f2f2f2; border: solid 1px #e5e5e5; width:570px; padding: 5px;}
#contactformJuku .ansJuku  .img-responsive{text-align: center;}
#contactformJuku .queTextJuku{height: 130px;}
#contactformJuku .ansJuku .submitJuku{text-align: center;}
.wpcf7-form.invalid{padding-bottom: 20px;}

/*フッター*/
.footerJuku{background:url(img/eigyoujuku/bg_foot.jpg) no-repeat center top; padding:36px 0 0 ;max-width: 1200px; margin: 0 auto;}
.footerJuku div{padding-bottom: 36px;}
.footerJuku .address { border-top: 1px solid #2686D9; line-height: 35px; height: 35px; text-align: center; color: #fff; font-size: 11px; padding: 14px 0;}

.ctachJukuImg{position: absolute;top:60px;}
.ctachJukuText{width:360px;position: absolute;top:375px; left: 875px; z-index: 20; font-size:19px; font-weight: bold;line-height: 33px; text-align: left;}
.ctachJukuText a img{vertical-align: middle;}

/*お問い合わせ完了ページ*/
.contactThanksTxt{margin: 20px 0 40px;}
.thanksDescriptionTop{font-size: 20px; color: #2e66b2; margin-bottom: 20px;}
.thanksDescriptionBottom{font-size: 14px;}

/* PAGER */

.bx-wrapper .bx-pager {
	position: relative;
	width: 1000px;
	margin: 23px auto 0 auto;
	text-align: right;
	z-index: 99;
}

.bx-wrapper .bx-controls {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 15px;
	margin: 0 auto;
	text-align: center;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: 9999px;
	display: block;
	width: 25px;
	height: 5px;
	margin: 0 5px;
	outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2f66b2;
}

/*20200925__固定CTA*/
.cta-fixed{
  position:fixed;
  background: linear-gradient(to bottom,#1C2731,#1B3558);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
  right:0;
	bottom:40px;
	z-index: 999;
	width:400px;
	height:225px;
	transition: transform .3s;
	transform: translateX(100%);
}
@media screen  and  (max-width: 768px) {
	.cta-fixed{
		display: none;
	}
}
.cta-fixed.is-visible{
	transform: translateX(0%);
}
.cta-fixed__inner{
	text-align: center;
	color: #fff;
	padding-left: 95px;
	padding-top: 24px;
	width:270px;
}
.cta-fixed__subtitle{
	font-size: 14px;
	display: inline-block;
	font-weight: bold;
	color: #ffe600;
	border: 1px solid #fff;
	letter-spacing: 0.5px;
	padding:0 8px;
	margin: 3px 0;
}
.cta-fixed__title{
	font-size:18px;
	margin-bottom: 10px;
	font-weight: bold;
}
.cta-fixed__title span{
	font-size:20px;
}
.cta-fixed__list li{
	font-size:13px;
	margin-bottom: 10px;
	padding-left:24px;
	background:url(img/cta/cta-fixed__listicon.svg) no-repeat left center / 20px;
	font-weight: bold;
	text-align: left;
}
.cta-fixed__btn:hover{
	opacity: 0.8;
}
.cta-fixed__man{
	position: absolute;
	left:0;
	bottom:0;
	width: 170px;
  z-index: -1;
}
.cta-fixed__close{
  border-radius: 50%;
  width:30px;
  height:30px;
  position: absolute;
  top:-15px;
  right:15px;
  background-color: #000;
  z-index:2;
}
.cta-fixed__close::before{
  content:"";
  height: 2px;
  width: 15px;
  background:#fff;
  display: block;
  transform:translate(-50%,-50%) rotate(45deg);
  position: absolute;
  top:50%;
  left:50%;
}
.cta-fixed__close::after{
  content:"";
  height: 2px;
  width: 15px;
  background:#fff;
  display: block;
  transform:translate(-50%,-50%) rotate(-45deg);
  position: absolute;
  top:50%;
  left:50%;
}

/* 20230208 LINE固定CTA */
.cta-line{
	position: fixed;
	right: 0;
	bottom: 285px;
	width: 400px;
	z-index: 999;
	transition: transform .3s;
	transform: translateX(100%);
}
.cta-line.is-visible{
	transform: translateX(0%);
}
.cta-line img{
	width: 100%;
	height: auto;
}

.cta-line__close{
  border-radius: 50%;
  width:30px;
  height:30px;
  position: absolute;
  top:-15px;
  right:15px;
  background-color: #000;
  z-index:2;
}
.cta-line__close::before{
  content:"";
  height: 2px;
  width: 15px;
  background:#fff;
  display: block;
  transform:translate(-50%,-50%) rotate(45deg);
  position: absolute;
  top:50%;
  left:50%;
}
.cta-line__close::after{
  content:"";
  height: 2px;
  width: 15px;
  background:#fff;
  display: block;
  transform:translate(-50%,-50%) rotate(-45deg);
  position: absolute;
  top:50%;
  left:50%;
}

/* 20230208 CTA（コンテンツ） */
.top .cta-contents{
	padding-top: 40px!important;
}

.cta-contents{
	padding: 40px 0;
}

/* 余白 */
.cta-contents.--pdg-top-none{
	padding-top: 0;
}
.cta-contents.--pdg-bottom-none{
	padding-bottom: 0;
}

.cta-contents.--bg-gradient{
	background: linear-gradient(90deg, #E4E9FF 0%, #E0F1FB 100%);
}

.cta-contents.--bg-black{
	background-color: #333;
}

.cta-contents.--bg-light-blue{
	background-color: #EDF0F8;
}

.cta-contents__inner{
	max-width: 1000px;
	margin: auto;
}

.cta-contents__grid{
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
}

.cta-contents__link{
	transition: box-shadow 0.3s;
	align-self: flex-start;
}

.cta-contents__link:hover{
	box-shadow: 0 8px 25px 0px rgb(0 0 0 / 25%)
}

/* .cta-contents__link.--border{
	border: solid 6px #fff;
} */

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


/*================================================
20230219_本田さんインタビュー
================================================*/

/* パンクズリスト */
.interview ol.devedBreadcrumbs{
	margin-bottom: 0;
}

.pageTitle.interview {
	background: none;
	padding-bottom: 10px;
}


/* タイトル */
.interview-head{
	background-color: #D8E9F4;
	position: relative;
	padding: 80px 0;
}

.interview-head__content{
	text-align: left;
	font-family: serif;
	color: #2E66B2;
}

.interview-head__title{
	font-size: 20px;
	font-weight: bold;
}

.interview-head__ja{
	margin-top: 40px;
	font-size: 24px;
	font-weight: bold;
}

.interview-head__en{
	font-size: 56px;
	letter-spacing: 0.05em;
	font-style: italic;
	font-weight: bold;
}

.interview-head__description{
	font-size: 14px;
	max-width: 480px;
	margin-top: 40px;
}

.interview-head__img{
	position: absolute;
	bottom: 0;
	right: 0;
}

.interview-head__photo{
	width: 447px;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
}

.interview-head__rect{
	position: absolute;
	height: 100%;
	top: 0;
	left:51%;
}

/* 本文 */
.interview-content{
	text-align: left;
	margin: 80px auto 120px;
}

.interview-content__intro{
	margin-bottom: 40px;
	font-size: 16px;
}

.interview-content__qa{
	margin-top: 24px;
}

.interview-content__qa dt{
	font-weight: bold;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
}

.interview-content__qa dt::before{
	content: "Q";
	font-size: ;
	color: #fff;
	background-color: #2E66B2;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: serif;
	font-weight: bold;
}

.interview-content__qa dd{
	font-size: 16px;
}

.interview-content__qa dd .-name{
	color: #2E66B2;
	font-weight: bold;
}

.interview-content__photo{
	text-align: center;
	margin-top: 24px;
}

.interview-content__photo img{
	max-width: 560px;
}

.interview-content__link{
	text-align: center;
	margin: 40px 0;
}

.interview-content__link img{
	width: 480px;
}


/*================================================
20230219_本田さん写真集
================================================*/

.gallery{
	margin: 40px auto 120px;
}

.gallery__intro{
	text-align: left;
}

.gallery__link{
	text-align: center;
	margin: 40px 0;
}

.gallery__link img{
	width: 480px;
	filter: drop-shadow(0px 4px 24px rgba(0,0,0,0.15));
}

.gallery__row{
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	max-width: 800px;
	margin: auto;
}

.gallery__photo{
	flex-basis: calc(50% - 20px);
}

.gallery__photo.-full{
	flex-basis: 100%;
}

.gallery__photo img{
	width: 100%;
}

/* 個人情報保護方針 */
.policy{
	text-align: left;
	margin: 40px auto;
}

.policy p{
	margin-top: 2em;
}
/* compornet */
.indexWorksimg{
	position: relative;
	height: 382px;
	min-width: 1000px;
    width: 1000px;
    margin: 0 auto;
}

.modListPrice{
	background: #2E66B2;
	margin: 50px auto 35px;
	width: 1000px;
	position: relative;
	padding: 32px 22px;
	display: flex;
	justify-content: right;
	box-sizing: border-box;
}
.modListPrice::before{
	content: "";
	width: 226px;
	height: 317px;
	background:  url(./img/index/list_img01.png) center center/contain no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
.modListPrice::after{
	content: "";
	width: 130px;
	height: 130px;
	background:  url(./img/index/list_img02.png) center center/contain no-repeat;
	position: absolute;
	bottom: -15px;
	left: 120px;
}
.modListPrice__list{
	padding: 10px 16px;
	background: #fff;
	border-radius: 5px;
}
.modListPrice__list__item{
	font-size: 17px;
	font-weight: bolder;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 15px 35px;
	margin-bottom: 20px;
	position: relative;
}
.modListPrice__list__item::after{
	content: "";
	width: 28px;
	height: 30px;
	background:  url(./img/index/list_icon.png) center center/contain no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.modListPrice__list__item--last{
	margin-bottom: 0;
	border-bottom: none;
}
	.modListPrice__list__item span{
		font-size: 22px;
		color: #EC4B13;
		background-color: #FFFF90;
	}

	.modSection{
		/* background-color: #DAEAF6; */
		background-color: #fff;
		padding: 50px 0;
	}
	.modSection .modSection__title{
			background: url("./img/common/bg_otherpageLink01.gif") no-repeat scroll 0 center;
			border-bottom: 1px solid #2e66b2;
			color: #2e66b2;
			font-size: 25px;
			padding: 0 0 0px 40px;
			margin: 0 0 20px 0;
			font-weight: bolder;
		}



/*================================================
20230531_レスポンシブ対応
================================================*/

.sp{
	display: none;
}
.screen-reader-text{
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px,1px,1px,1px);
}

@media screen  and  (max-width: 1000px) {

	/* 共通
	--------------------------------------------------- */
	body{
		width: 100%;
		min-width: 0;
	}

	img{
		max-width: 100%;
	}

	.block{
		min-width: 0;
		width: 100%;
		max-width: 1000px;
	}

	/* header
	--------------------------------------------------- */
	#header{
		width: 100%;
	}
	.headerInner .tel{
		/* float: none; */
		width: 54%;
	}

	.headerInner .tel li.telNum{
		width: 100%;
	}
	.headerInner .tel li.btn{
		top: 20px;
	}
	.headerInner{
		height: auto;
	}
	.headerInner .gnavi{
		position: static;
		display: flex;
	}
	.headerInner .gnavi li{
		float: none;
	}


	.FixedMenu{
		width: 100%;
	}
	.headerInner .headerTop{
		width: 100%;
	}
	.FixedMenu ul{
		display: flex;
	}
	.FixedMenu ul li{
		float: none;
	}
	.FixedMenu ul li.l5{
		margin-top: 0;
	}

	/* footer
	--------------------------------------------------- */
	.footerCompany{
		width: calc(100% - 40px);

	}
	.footerCompany .block{
		width: 100%;
		/* width: calc(100% - 40px); */
		margin: 0;
	}
	.copyRight{
		width: 100%;
	}
	.footSitemapLink .left{
		float: none;
		width: 100%;
	}

	.footContact .footContactTel h3{
		font-size: 24px;
	}
	.footContact .footContactTel{
		background-size: auto 250px;
		height: 250px;
		background-color: #fff;
	}
	.footContact .footContactTel ul{
		top: 150px;
		width:calc(100% - 220px);
		display: flex;
	}
	.footContact .footContactTel ul li{
		flex: 1;
	}
	/* .footContact .footContactTel ul{
		position: static;
		display: flex;
		flex-direction: column;
		gap: 12px;
		position: relative;
		top: 120px;
		width: 230px;
	} */
	.footContact .footContactTel::after{
		width: 150px;
		height: 192px;
		bottom: 0;
	}

	.otherpageLink{
		margin-bottom: 30px;
	}

	/* CTA
	--------------------------------------------------- */
	.top .cta-contents, .cta-contents{
		padding: 20px!important;
	}
	.cta-contents__grid{
		gap: 20px;
	}
	.footer  .cta-contents, .cta-contents{
		padding: 0px!important;
	}


	/* TOP
	--------------------------------------------------- */
	/* sldier */

	.bx-wrapper .bx-pager{
		width: 100%;
	}

	.top .container .mainImg img{
		width: 100%;
	}

	/* newsArea */

	.top .container .newsArea .tab{
		display: flex;
		top: auto;
		bottom: 100%;
		left: 0;
	}
	.top .container .newsArea .tab li{
		float: none;
		flex: 1;
	}
	.top .container .newsArea .tab img{
		max-width: 100%;
		height: auto;
	}
	.top .container .newsArea.hk .newsBox{
		height: auto;
		padding-top: 0;
	}
	.top .container .wrap_list{
		padding-top: 40px;
	}
	.top .container .newsArea .newsBox .inner .post_list01{
		width: calc(100% - 40px);
		padding: 20px;
		float: none;
		margin: 0;
	}
	.post_list01{
		float: none;
	}
	.post_list01 .list_inner01{
		float: none;
		width: 100%;
	}
	.post_list01 .list_inner02{
		float: none;
		width: 100%;
	}
	.fix_tonews{
		float: none;
		width: calc(100% - 40px);
		margin-right: auto;
		margin-left: auto;
		display: flex;
    align-items: center;
    justify-content: space-between;
	}
	.fix_tonews p:first-child br{
		display: none;
	}
	.fix_tonews p:first-child{
		margin: 0;
		padding: 10px 20px;
	}

	/* to Agency */
	.toAgency{
		padding: 40px 0;
	}
	.toAgency a{
		font-size: 20px;
		padding: 10px 20px;
		width: 80%;
	}

	.footerBanners{
		padding: 0 20px;
		width: calc(100% - 40px);
	}

	/* indexAbout */
	.wraph2{
		padding-right: 20px;
		padding-left: 20px;
		max-width: calc(100% - 40px);
	}
	.wraph2 .h2_right{
		padding-right: 20px;
		padding-left: 20px;
		max-width: calc(100% - 40px);
	}

	.top .indexAbout .indexAboutTxt .txt{
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}

	.top .indexAbout .indexAboutTxt{
		padding-right: 20px;
		padding-left: 20px;
		max-width: calc(100% - 40px);
	}

	.top .indexAbout .btnOrange02{
		width: 100%;
	}

	/* Work */
	.indexWorksimg{
		min-width: 0;
		width: 100%;
		height: auto;
	}
	.indexWorksimg img{
		width: 100%;
		padding: 0px;
    box-sizing: border-box;
	}
	.top .indexWorks .btnOrange02{
		width: calc(100% - 40px);
		max-width: 866px;
		padding: 45px 20px;
	}


	/* Price */
	.top .indexPrice{
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px;
	}
	.top .indexPrice h3{
		width: calc(100% - 30px);
	}

	.modListPrice{
		width: 100%;
		padding-left: 150px;
	}
	.modListPrice::before{
		width: 135px;
		height: 190px;
	}
	.modListPrice::after{
		width: 100px;
		height: 100px;
	}
	.top .indexWorks .indexWorksBox,
	.top .indexWorks .indexWorksBox.bottomLine{
		width: 100%;
		display: flex;
	}
	.top .indexWorks .indexWorksBox li{
		flex: 1;
		width: auto;
		min-height: 300px;
	}
	.top .indexWorks .indexWorksBox li .name{
		font-size: 28px;
	}
	.top .indexWorks .indexWorksBox li .name span{
		padding-left: 30px;
		background: url(img/index/icon_indexWorksBox01.gif) no-repeat top left / 20px auto;
		padding-top: 0;
		padding-left: 24px;
		font-size: 20px;
	}
	.top .indexWorks .indexWorksBox li .name span small{
		font-size: 14px;
	}
	.top .indexWorks .indexWorksBox li.noSmall .price{
		padding: 10px 0;
	}
	.top .indexWorks .indexWorksBox li .price{
		font-size: 15px;
	}
	.top .indexWorks .indexWorksBox li .price span{
		font-size: 18px;
	}


	.top .indexPrice .priceTxt{
		width: calc(100% - 90px);
	}

	.linkbanner img{
		width: 100%;
	}


	/* Common
	--------------------------------------------------- */
	.pageTitle .block{
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}


	/* Company
	--------------------------------------------------- */
	.companySide{
		position: static !important;
		margin-left: 0;
		margin-top: 40px;
	}
	.companySide ul{
		display: flex;
		gap: 10px;
	}
	.companySide ul li{
		flex: 1;
		margin: 0;
	}
	.companyBlock{
		width: calc(100% - 40px);
		padding: 60px 20px;
	}
	.companyInfo table{
		width: 100%;
	}
	.companyContents h2{
		margin-bottom: 40px;
	}
	.toAgency .companyBlock a{
		width: calc(100% - 40px);
	}
	.companyGreeting .greetingHead .companyBlock{
		padding-left: 0;
		height: auto;
	}
	.companyGreeting .greetingHead .companyBlock p{
		width: 100%;
		bottom: 0;
		left: 0;
		position: static;
	}
	.companyGreeting .greetingTxt{
		width: calc(100% - 40px);
		padding: 40px 20px;
	}

	.otherpageLink.companyBlock{
		padding: 0 20px ;
	}
	.footerCompany{
		padding: 30px 20px;
	}
	.companyPublicity .newsArea ul{
		display: flex;
	}
	.companyPublicity .newsArea ul li{
		float: none;
	}
	.news0 .post_list01{
		width: 100%;
		padding-left: 0;
	}
	.companyHistory dl{
		display: flex;
		margin-bottom: 15px;
	}
	.companyHistory dt{
		flex-basis: 80px;
		flex-shrink: 0;
	}

	/* About
	--------------------------------------------------- */
	.modSection{
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}
	.about .aboutBox div.cf{
		display: flex;
		justify-content: space-between;
	}
	.about .aboutBox .txt{
		width: calc(100% - 340px);
		float: none;
		display: block;
	}
	.about .aboutBox .list{
		padding: 0 10px;
		display: flex;
		width: calc(100% - 20px);
		/* grid-template-columns: repeat(4,1fr); */
		/* width: fit-content; */
		margin-right: auto;
		margin-left: auto;
	}
	.about .aboutBox .cf:before,
	.about .aboutBox .cf:after{
		content: none;
	}
	.about .aboutBox .list li{
		display: block;
		float: none;
	}

	.reasonHead{
		height: auto;
	}
	.reasonHead img{
		position: static;
	}
	.reasonHead div{
		position: static;
	}
	.reasonTableArea img{
		height: auto;
	}
	.reason .reasonTable01{
		border-bottom: none;

	}
	.reason .reasonTable02 {
		border-collapse: collapse;
		border: 1px solid #97b2d8;
	}
	.reason .reasonTable02 tr{
		display: contents;
	}
	.reason .reasonTable02 tbody{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.reason .reasonTable02 td{
		border: 1px solid #97b2d8;
		padding: 40px 20px 38px;
	}
	.reason .reasonTable02 td.line_r_none{
		border: 1px solid #97b2d8;
	}


	.flow .flowBox{
		background: rgba(0, 0, 0, 0) url("./img/flow/bg_num.gif") repeat-y scroll 30px 0 / 40px auto;
	}
	.flow .flowBox .stepNum{
		width: 100px;
	}
	.flow .flowBox .stepNum img{
		height: auto;
	}
	.flow .flowBox .right_box{
		width: calc(100% - 120px);
		padding-bottom: 40px;
	}
	.flow .flowBox .right_box .txt{
		width: calc(100% - 300px);
	}
	.flow .flowBox .right_box .img{
		width: 280px;
	}
	.flow .flowBox .right_box .img img{
		height: auto;
	}

	.footerFaq{
		padding-right: 20px;
		padding-left: 20px;
	}
	.indexChecks ul.left,
	.indexChecks ul.right{
		float: none;
	}

	.footContact .footContactTitle{
		background-position: top center;
		padding-top: 40px;
	}
	.footContact .footContactTitle .logo{
		top: 50%;
		left: calc(50% - 250px);
		transform: translate(0 , -50%);
	}
	.footContact .footContactTitle .tit01{
		left: calc(50% + 20px);
	}
	.footContact .footContactTitle .tit02{
		left: calc(50% + 20px);
	}

	.priceExample .prices{
		display: flex;
		width: calc(100% - 20px);
		padding-left: 0;
		padding-right: 10px;
		padding-left: 10px;
	}
	.priceExample .prices dd{
		width: 50%;
	}
	.priceExample .prices dt{
		width: 50%;
	}
	.priceExample .prices dt em{
		font-size: 38px;
	}


.otherpageLink02 ul{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 40px);
}
.otherpageLink02 ul::before{
	content: none;
}


	/* price
	--------------------------------------------------- */
	.priceHead {
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}
	.priceHead h2{
		max-width: 100%;
		height: auto;
	}
	.priceHead h2 img{
		position: static;
		display: block;
	}
	.priceHead h2 > span{
		position: static;
		margin-top: 16px;
		display: block;
	}
	.priceExample h3{
		width: calc(100% - 30px);
	}

	.priceFlow{
		background: none;
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
		height: auto;
	}
	.priceFlow ul{
		display: flex;
		justify-content: space-between;
		gap: 25px;
		padding: 40px 40px 40px 20px;
		background: #fafafa;
	}
	.priceFlow ul li{
		background: #4174BA;
		flex: 1;
		position: relative !important;
		font-size: 14px;
		box-sizing: border-box;
		padding: 20px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 0;
		left: 0;
	}
	.priceFlow .flow01,
	.priceFlow .flow02,
	.priceFlow .flow03,
	.priceFlow .flow04,
	.priceFlow .flow05{
		top: 0;
		left: 0;
	}
	.priceFlow li::after{
		content: '';
		display: block;
		width: 15px;
		height: 100%;
		background: #4174BA;
		-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		position: absolute;
		right: -15px;
		top: 0;
		bottom: 0;
	}
	.priceFlow .bikou{
		position: static;
		margin: 20px;
	}

	.priceFlow .price{
		margin-top: 20px;
		position: static;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding: 20px;
		background: #dbeaf6;
		position: relative;
		top: 0;
		left: 0;
	}
	.priceFlow .price::before{
		content: '';
		display: block;
		width: 30px;
		height: 15px;
		-webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);
		clip-path: polygon(50% 0, 0% 100%, 100% 100%);
		background: #dbeaf6;
		position: absolute;
		bottom: calc(100% - 1px);
		left: calc(50% - 15px);
	}
	.priceFlow .bikou{
		max-width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}



	/* jirei
	--------------------------------------------------- */
	.apolloContainer{
		width: 100%;
	}
	.childCat li{
		font-size: 12px;
	}
	.worksPost{
		width:calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}


	.worksSingle .worry h2{
		position: static;
	}
	.worksSingle .pdca table{
		width: calc(100% - 40px);
	}
	.worksSingle .pdca table th img{
		height: auto;
	}

	.worksSingle .pdca h3{
		text-align: center;
		display: block;
		float: none;
	}
	.worksSingle02 h3	{
		position: static;
	}
	.worksSingle02 .seika{
		width: calc(100% - 40px);
		margin-left: 20px;
	}


	/* ニュース一覧
	--------------------------------------------------- */
	.newsList{
		width: calc(100% - 40px);
	}
	.newsList h2{
		width: 100%;
		padding: 0;
	}

	.newsSingle .postArea{
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}

	.newsSingleFoot{
		width: calc(100% - 40px);
	}
	.newsSingleFoot .left{
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.postArea .wrap_infomation{
		max-width: 100%;
	}
	.newsSingleFoot .right{
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.newsHeadTab{
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}
	.newsHeadTab ul{
		width: 100%;
		display: flex;
	}
	.newsHeadTab ul li{
		width: 25%;
		float: none;
	}
	.newsHeadTab ul li a{
		width: 100%;
	}
	.newsHeadTab ul::before,
	.newsHeadTab ul::after{
		content: none;
	}

	.magazineContents{
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px;
	}
	.magazineContents .file-list{
		width: 100%;
	}
	.magazineContents .file-list ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.magazineContents .file-list ul::before,
	.magazineContents .file-list ul::after{
		content: none;
	}
	.magazineContents .file-list li{
		margin-right: 0;
		width: 48%;
	}
	.movieList{
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px;
	}
	.movieList ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		gap: 30px 20px;
	}
	.movieList ul::before,
	.movieList ul::after{
		content: none;
	}
	.movieList li{
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.movieList li .ph{
		width: 100%;
		height: auto;
	}
	.movieList li .ph img{
		width: 100%;
		height: auto;
	}


	/* プライバシーポリシー
	--------------------------------------------------- */
	.privacyContents{
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px;
	}

	/* インタビュー
	--------------------------------------------------- */
	.interview-head__photo{
		position: relative;
		margin-left: auto;
		margin-right: 0;
		display: block;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
	.interview-head{
		padding-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	.interview-head__rect{
		top: auto;
    bottom: 0;
    height: auto;
    right: 0;
    left: auto;
	}
	.interview-content{
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}
	.interview-content__photo img{
		max-width: 100%;
	}

	/* 採用情報
	--------------------------------------------------- */
	.recruitContents{
		max-width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}

	/* ギャラリー
	--------------------------------------------------- */
	.gallery__intro{
		padding-left: 20px;
		padding-right: 20px;
	}

	/* お問い合わせフォーム
	--------------------------------------------------- */
	.contactPrivacy{
		max-width:calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}


}

.button-hamburger{
	display: none;
}
.sp-gnavi{
	display: none;
}


@media screen  and  (max-width: 768px) {
	.sp{
		display: block;
	}

	/* header
	--------------------------------------------------- */
	.headerInner .logo{
		width: 50%;
	}
	.headerInner .tel{
		display: none;
	}
	.headerInner .gnavi{
		display: none;
	}
	.FixedMenu{
		/* display: none; */
	}
	.FixedMenu ul li,
	.FixedMenu ul li a{
		height: auto;
	}
	.FixedMenu ul li.l4{
		display: none;
	}
	.FixedMenu ul li.l5{
		display: none;
	}
	.headTxt{
		font-size: 10px;
    height: auto;
    padding: 0 10px;
		width: calc(100% - 20px);
	}

	.mega{
		display: none;
	}

	.sp-gnavi{
		display: block;
		position: fixed;
		top: 75px;
		right: 0;
		width: calc(100% - 40px);
		padding: 40px 20px;
		background: #fff;
		z-index: 1000;
		transform: translateX(100%);
		opacity: 0;
		transition: all .3s;
	}
	.is-spnavOpen .sp-gnavi{
		opacity: 1;
		transform: translateX(0);
	}
	.sp-gnavi_list li{
		border-bottom: 1px solid #3375B7;
	}
	.sp-gnavi_list a{
		display: block;
		padding: 15px 0;
		font-weight: bold;
	}

/* Button */
.button-hamburger {
	display: block;
  position: absolute;
  top: 0;
  right: 2.5%;
  bottom: 0;
  z-index: 1;
  width: 24px;
  height: 24px;
  margin: auto 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none; /* Chrome, Safari, Opera, Android */
     -moz-appearance: none; /* Firefox */
          appearance: none; /* IE非対応 */
}

.hamburger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 2px;
  margin: auto;
  border-radius: 4px;
  background-color: #263238;
	transition: all .3s;
}

.hamburger:before,
.hamburger:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: inherit;
  content: '';
	transition: all .3s;
}

.hamburger:before {
  top: -5px;
}

.hamburger:after {
  top: 5px;
}

.is-spnavOpen .hamburger{
	background: transparent;
}
.is-spnavOpen .hamburger::before,
.is-spnavOpen .hamburger::after{
	background: #000;
	top: 0;
}
.is-spnavOpen .hamburger::before{
	transform: rotate(45deg);
}
.is-spnavOpen .hamburger::after{
	transform: rotate(-45deg);
}


	/* footer
	--------------------------------------------------- */

	/* CTA */
	.footContact{
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}

	/* footer */
	.footNavi00 ul li{
		border: none;
		padding: 7px 10px;
	}
	.footNavi00 ul li a{
		font-size: 14px;
	}
	.footSitemapLink .left .sitemap1{
		margin-bottom: 0;
	}
	.footSitemapLink .left .sitemap1 ul{
		margin-bottom: 0;
	}

	.footSitemapLink .left{
		padding: 30px 20px;
		width: calc(100% - 40px);
	}
	.footerCompany p{
		margin: 0 auto;
		float: none;
		width: fit-content;
	}
	.footerCompany p + p{
		margin-top: 20px;
	}
	.footerCompany .last{
		margin-right: auto;
	}
	.footerCompany .logo{
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.copyRight{
		text-align: center;
	}

	.cta-fixed{
		bottom: 0;
	}
	.footContact.noTitle{
		padding: 220px 20px 35px;
		position: relative;
	}
	.footContact .footContactTel{
		/* height: auto; */
		background: url(./img/common/cta__btn-phone.png) no-repeat top 50px center/ auto  43px, #fff;
		padding:  20px 16px;
		border-radius: 8px;
		height: auto;
	}
	.footContact .footContactTel h3{
		font-size: 0;
		height: 23px;
		width: 100%;
		background: url(./img/common/cta__copy.png) no-repeat top center/ auto 19px;
		position: static;
	}
	.footContact .footContactTel::after{
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
	.footContact .footContactTel ul{
		position: static;
		width: 100%;
		display: block;
		margin-top: 70px;
	}
	.footContact .footContactTel ul::before{
		content: none;
	}
	.footContact .footContactTel ul img{
		width: 100%;
	}
	.footContact .footContactTel ul li{
		float: none;
		max-width: 300px;
		margin-right: auto;
		margin-left: auto;
	}
	.footContact .footContactTel ul li:nth-child(1){
		/* padding-left: 6px; */
	}
	.footContact .footContactTel ul li:nth-child(2){
		margin-top: 12px;
		/* padding-right: 6px; */
	}


	/* Common
	--------------------------------------------------- */
	ol.devedBreadcrumbs{
		font-size: 12px;
	}
	.pageTitle span.smallFont{
		border: none;
		padding-left: 0;
		display: block;
		margin-top: 20px;
	}


	/* TOP
	--------------------------------------------------- */

	.bx-viewport{
		height: 53.6vw !important;
	}
	.nagoya .container .mainImg .bg01{
		background-size: auto 100%;
	}
	.top .container .mainImg.hk .bg03{
		background-size: 128% auto;
		background-position: center top 20px;
	}

	.mainImg.hk .bg03 .btnlist.hk{
		bottom: 40px;
		display: flex;
		align-items: center;
		left: 25px;
		transform: translateX(0);
	}
	.mainImg.hk .bg03 .btnlist.hk .btn01, .mainImg.hk .bg03 .btnlist.hk .btn02{
		width: 130px;
		display: block;
	}


	.top .indexPrice .priceTxt dd{
		width: 100%;
		padding: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.top .indexPrice .priceTxt dt{
		width: 100%;
		padding: 0;
		font-size: 20px;
		float: none;
		padding-top: 20px;
		border-right: none;
		border-bottom: 4px solid #daeaf6;
	}
	.top .indexPrice .priceTxt dt em{
		font-size: 40px;
	}
	.indexChecks h2 span.logo{
		position: static;
		width: 100px;
		display: block;
	}
	.indexChecks h2 span.tit01{
		position: static;
		font-size: 32px;
	}
	.indexChecks h2 span.tit02{
		position: static;
		font-size: 24px;
		display: block;
	}

	.toAgency a{
		font-size: 16px;
	}



	.footContact .footContactTitle{
		text-align: center;
		padding-bottom: 50px;
	}
	.footContact .footContactTitle .logo{
		width: 120px;
		margin-left: auto;
		margin-right: auto;
		position: static;
		transform :translate(0, 0);
	}
	.footContact .footContactTitle .tit01{
		position: static;
		display: inline-block;
		font-size: min(40px ,7.5vw);
		font-weight: bold;
	}
	.footContact .footContactTitle .tit01 .smallFont{
		font-size: 0.75em;
	}
	.footContact .footContactTitle .tit02{
		position: static;
		display: inline-block;
		font-size: 32px;
		font-size: min(32px, 6.8vw);
		font-weight: bold;
	}

	.top .indexAbout{
		position: relative;
	}
	.wraph2{
		position: relative;
		z-index: 1;
	}
	.wraph2 .h2_left img{
		width: 120px;
	}
	.wraph2 .h2_right  img{
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: -1;
	}
	.top .indexAbout .h2_right span.blue{
		font-size: 20px;
	}
	.top .indexAbout .wraph2 .h2_left{
		float: none;
	}
	.top .indexAbout .wraph2 .h2_right{
		padding-left: 0;
		padding-right: 0;
		float: none;
		width: 100%;
		max-width: 100%;
	}

	.top .indexAbout .indexAboutTxt .txt{
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.top .indexAbout .indexAboutTxt p{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.top .indexAbout .btnOrange02{
		padding-bottom: 40px;
	}
	.indexAbout .aboutBox .img{
		float: none;
		width: 100%;
		display: block;
		margin-top: 20px;
	}
	.indexAbout .aboutBox .img img{
		width: 100%;
	}
	.btnOrange02 a{
		font-size: 16px;
		box-sizing: border-box;
		padding: 15px 10px;
	}
	.btnOrange02 a i{
		font-size: 20px;
	}
	.top .indexWorks .indexWorksBox.bottomLine{
		border: none;
	}
	.top .indexWorks .indexWorksBox li{
		margin-right: auto;
		margin-left: auto;
		border: 1px solid #2E66B2;
		width: 291px;
	}
	.top .indexWorks .indexWorksBox li + li{
		border-top: none;
	}

	.top .indexPrice p{
		font-size: 14px;
	}

	.top .indexPrice h2{
		font-size: 38px;
	}
	.top .indexPrice .txtBlue{
		font-size: 20px;
	}
	.top .indexWorks .priceBox{
		height: auto;
	}
	.modListPrice{
		padding-top:212px;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 8px;

	}
	.modListPrice::before{
		bottom: auto;
		top: 20px;
		left: 50%;
		transform: translateX(-100%);
	}
	.modListPrice::after{
		bottom: auto;
		top: 120px;
		left: calc(50% + 20px);
	}
	.modListPrice__list{
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.modListPrice__list__item{
		font-size: 15px;
	}
	.modListPrice__list__item--last{
		padding-bottom: 0;
	}
	.modListPrice__list__item span{
		font-size: 18px;
	}
	.top .indexPrice .priceTxt{
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px;
	}

	.top .indexPrice h3 span{
		padding-right: 0;
    display: block;
    padding-bottom: 50px;
    background-position: left top 40px;
	}

	.indexChecks{
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}
	.indexChecks ul.check li{
		font-size: 18px;
	}

	.indexAbout .about01::before,
	.indexAbout .about01::after,
	.indexAbout .about02::before,
	.indexAbout .about02::after,
	.indexAbout .about03::before,
	.indexAbout .about03::after{
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 89px;
    font-family: 'EB Garamond', serif;
    font-weight: 100;
    line-height: 1;
    color: #999;
    letter-spacing: -5px;
	}
	.indexAbout .about01::after,
	.indexAbout .about02::after,
	.indexAbout .about03::after{
		color: #f2f2f2;
    transform: rotateX(180deg);
    top: 60px;
	}

	.indexAbout .about01{
		background: none;
		position: relative;
	}
	.indexAbout .about01::before,
	.indexAbout .about01::after{
    content: '01';

	}
	.indexAbout .about02{
		position: relative;
		background: none;
	}
	.indexAbout .about02::before,
	.indexAbout .about02::after{
    content: '02';
	}
	.indexAbout .about03{
		position: relative;
		background: none;
	}
	.indexAbout .about03::before,
	.indexAbout .about03::after{
    content: '03';
	}

	.indexAbout .aboutBox h4{
		padding-left: 90px;
	}

	.top .indexWorks .indexWorksBox{
		width: 100%;
		display: flex;
		flex-direction: column;
		width: fit-content;
		margin-right: auto;
		margin-left: auto;
	}
	.top .indexWorks .indexWorksBox li{
		float: none;
	}

	.top .footContact .footContactTitle{
		padding-bottom: 200px;
		height: auto;
	}



	/* Company
	--------------------------------------------------- */
	.companyPolicy p{
		font-size: min(24px,4.2vw) !important;
	}

	.toAgency .companyBlock a{
		font-size: 16px;
	}
	.toAgency .companyBlock{
		padding-bottom: 0;
	}


	/* price
	--------------------------------------------------- */
	.pageTitle h1{
		font-size: min(30px, 7vw);
	}

	.priceHead h2 img{
		width: 150px;
	}
	.priceHead p{
		margin-top: 1rem;
		font-size: 14px;
	}

	.modListPrice{
		margin-top: 0;
	}

	.priceExample .prices{
		flex-direction: column;
		margin-bottom: 30px;
	}
	.priceExample h3{
		width: 100%;
		box-sizing: border-box;
		padding-right: 20px;
		padding-left: 40px;
		background-position: top 8px left 15px;
	}
	.priceExample h3 span{
		display: inline-block;
		text-align: left;
		font-size: 12px;
		margin-left: 0;
	}
	.priceExample .prices dt{
		width: 100%;
		box-sizing: border-box;
		padding: 20px 16px;
	}
	.priceExample .prices dd{
		width: 100%;
		box-sizing: border-box;
		padding: 20px 16px;
	}

	.priceFlow ul{
		flex-direction: column;
		gap: 30px 0;
		padding: 40px 20px;
	}
	.priceFlow ul li{
		flex: none;
		width: 100%;
		padding-bottom: 0;
	}
	.priceFlow li::after{
		width: 100%;
		height: 20px;
		-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
		clip-path: polygon(50% 100%, 0 0, 100% 0);
		top: calc(100% - 1px);
		left: 0;
	}
	.priceFlow .price{
		max-width: calc(100% - 40px);
		font-size: 14px;
	}
	.priceFlow .bikou{
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		max-width: 100%;
	}
	.footerFaq h3{
		font-size: 20px;
	}


	/* Company
	--------------------------------------------------- */
	.companySide ul{
		grid-template-columns: repeat(2, 1fr);
		display: grid;
		width: fit-content;
		margin-right: auto;
		margin-left: auto;
	}
	.companyInfo table th{
		width: 70px;
	}
	.companyBook h3{
		font-size: 24px;
	}
	.companyBook dl dd{
		font-size: 14px;
	}
	.companyBook div{
		width: 47.5%;
	}
	.companyBlock{
		margin-bottom: 50px;
	}
	.otherpageLink p{
		font-size: 20px;
	}


	/* About
	--------------------------------------------------- */
	.about .aboutBox div.cf{
		display: flex;
		flex-direction: column;
	}
	.about .aboutBox .txt{
		width: 100%;
	}
	.about .aboutBox .img{
		margin-top: 20px;
		float: none;
		width: 100%;
		display: block;
	}
	.about .aboutBox .img img{
		width: 100%;
		height: auto;
	}
	.about .aboutBox .list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		text-align: center;
	}
	.about .aboutBox .list img{
		height: 90px;
		margin-right: auto;
		margin-left: auto;
		width: auto;
	}

	.reasonHead img{
		width: 150px;
	}
	.reasonHead div{
		font-size: 18px;
	}
	.reason .reasonTableArea tr{
		display: flex;
		flex-direction: column;
	}
	.reason .reasonTableArea td{
		width: 100%;
		box-sizing: border-box;
	}
	.reasonTable02 tbody{
		grid-template-columns: repeat(1, 1fr);
	}

	.flow .flowBox .stepNum{
		width: 60px;
	}
	.flow .flowBox .right_box{
		width: calc(100% - 80px);
		padding-bottom: 0;
	}
	.flow .flowBox .right_box .txt{
		display: block;
		width: 100%;
		float: none;
	}
	.flow .flowBox .right_box .img{
		width: 100%;
		float: none;
		margin-top: 20px;
		display: block;
	}
	.flow .flowBox .right_box .img img{
		width: 100%;
	}
	.flow .flowBox .right_box .txt h2{
		font-size: 20px;
	}
	.flow .flowBox {
		margin-left: 0;
		background: rgba(0, 0, 0, 0) url(./img/flow/bg_num.gif) repeat-y scroll 10px 0 / 40px auto;
	}

	.reason .reasonTable01 {
		border-collapse: collapse;
		border: 1px solid #97b2d8;
	}
	.reason .reasonTable01 td{
		border: 1px solid #97b2d8;
		padding-left: 20px;
		padding-right: 20px;
	}
	.reason .reasonTable01 td p{
		padding-right: 0;
	}
	.reasonTable02{
		border-collapse: collapse;
	}
	.reasonTable02 tbody{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.reasonTable02 tr{
		display: contents;
	}
	.reason .reasonTable02 tbody{
		grid-template-columns: repeat(1, 1fr);
	}
	.reason .reasonTable02 td{
		padding: 32px 20px;
	}
	.reason .reasonTable02{
		margin-bottom: 0;
	}
	.reason .reasonTable02,
	.reason .reasonTable02 td,
	.reason .reasonTable01 td.line_r_none,
	.reason .reasonTable02 td.line_r_none{
		border: 1px solid #97b2d8;
		overflow: hidden;
	}
	.reason .reasonTable01 td.line_r_none h2 img{
		position: relative;
		left: -30px;
	}
	.reason .reasonTable01 td.line_r_none p{
		padding-left: 0;
	}
	.reason .reasonTable02 td.leftCell p{
		padding-right: 0;
	}
	.reason .reasonTableArea td.reasonTableCell04 img{
		position: relative;
		left: -20px;
	}
	.reason .reasonTable02 td.reasonTableCell04 p{
		padding: 20px 123px 5px 0;
		background: url(./img/reason/img_reasonTable04.gif) 182px top no-repeat;
	}
	.reason .reasonTable02 td.reasonTableCell05 img{
		position: relative;
		left: -30px;
	}
	.reason .reasonTable02 td.reasonTableCell05{
		background: url(./img/reason/img_reasonTable05.gif)  no-repeat right 20px bottom / 70px auto;
	}
	.reason .reasonTable02 td.reasonTableCell05 p{
		padding: 20px 105px 5px 0;
	}
	.reason .reasonTable02 td.reasonTableCell06 p{
		padding-right: 120px;
	}
	.reason .reasonTable02 td.reasonTableCell07 img{
		position: relative;
		left: -20px;
	}
	.reason .reasonTable02 td.reasonTableCell07 p{
		padding: 10px 117px 5px 0;
    background: url(./img/reason/img_reasonTable07.gif) no-repeat top right / 87px auto;
	}
	.reason .reasonTable02 td.reasonTableCell08 img{
		position: relative;
		left: -20px;
	}
	.reason .reasonTable02 td.reasonTableCell08 p{
		padding: 10px 117px 5px 0;
    background: url(./img/reason/img_reasonTable08.gif) no-repeat top right / 87px auto;
	}
	.reason .reasonTable02 td.reasonTableCell09 p{
		padding: 10px 117px 5px 0;
		background: url(./img/reason/img_reasonTable09.gif) no-repeat center right / 80px auto;
	}
	.reason .reasonTable02 td.reasonTableCell10  img{
		position: relative;
		left: -20px;
	}
	.reason .reasonTable02 td.reasonTableCell10 p{
		padding: 10px 117px 5px 0;
		background: url(./img/reason/img_reasonTable10.gif) no-repeat center right / 80px auto;
	}
	.reason .reasonTable02 td.reasonTableCell11 img{
		position: relative;
		left: -20px;
	}
	.reason .reasonTable02 td.reasonTableCell11 p{
		padding-left: 0;
		padding-right: 0;
	}
	.reason .reasonTable02 td.reasonTableCell13 img{
		position: relative;
		left: -30px;
	}
	.reason .reasonTable02 td.reasonTableCell13 p{
		padding: 10px 117px 5px 0;
		background: url(./img/reason/img_reasonTable13.gif) no-repeat center right / 80px auto;
	}
	.reason .reasonTable02 td.reasonTableCell14 img{
		position: relative;
		left: -30px;
	}
	.reason .reasonTable02 td.reasonTableCell14 p{
		padding: 10px 117px 5px 0;
		background: url(./img/reason/img_reasonTable14.gif) no-repeat center right / 80px auto;
	}

	.flowContents{
		padding-top: 20px;
	}

	.about .footContact{
		padding-left: 20px;
		padding-right: 20px;
		max-width: calc(100% - 40px);
	}
	.about .footContact .footContactTitle{
		padding-bottom: 200px;
		height: auto;
	}

	.otherpageLink{
    padding-right: 20px;
    padding-left: 20px;
    width: calc(100% - 40px);
}
	.otherpageLink li + li{
		margin-top: 20px;
	}

	.about .about01::before,
	.about .about01::after,
	.about .about02::before,
	.about .about02::after,
	.about .about03::before,
	.about .about03::after{
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 89px;
    font-family: 'EB Garamond', serif;
    font-weight: 100;
    line-height: 1;
    color: #999;
    letter-spacing: -5px;
	}
	.about .about01::after,
	.about .about02::after,
	.about .about03::after{
		color: #f2f2f2;
    transform: rotateX(180deg);
    top: 60px;
	}

	.about .about01{
		background: none;
		position: relative;
	}
	.about .about01::before,
	.about .about01::after{
    content: '01';

	}
	.about .about02{
		position: relative;
		background: none;
	}
	.about .about02::before,
	.about .about02::after{
    content: '02';
	}
	.about .about03{
		position: relative;
		background: none;
	}
	.about .about03::before,
	.about .about03::after{
    content: '03';
	}
	.about .aboutBox h2{
		padding-left: 100px;
		padding-top: 0;
		font-size: 20px;
	}
	.reasonHead{
		background-position: top 50px left -50px;
	}


	/* price
	--------------------------------------------------- */
	.priceHead h2{
		background-position: top left -51px;
	}
	.priceHead h2 span{
		font-size: 20px;
	}
	.priceExample .prices dt{
		border-right: none;
	}
	.price .modListPrice{
		border-radius: 0;
	}


	/* jirei
	--------------------------------------------------- */
.worksHead{
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 40px);
}
.childCat li a{
	padding: 4px 12px ;
}
.worksPost{
	width: calc(100% - 80px);
	padding-left: 20px;
	padding-right: 20px;
}

.worksPost .resultBox ul li{
	width: calc(100% - 40px);
	margin-left: 0;
	margin-right: 0;
}
.workGyoshuBadge{
	font-size: 12px;
	margin-left: 5px;
	display: inline-block;
}
.worksPost .problem h3{
	font-size: 20px;
	padding-left: 0;
	background-size: 80px auto;
	background-position: center top;
	padding-top: 90px;
	border: none;
}
.worksPost .resultBox{
	padding-top: 120px;
	background-size: 100px auto;
	background-position: top center;
	padding-left: 0;
	margin-top: 0;
}
.worksPost .problem{
	margin-bottom: 0;
	background-position: center bottom;
}
h3.onSeika{
	text-align: center;
	padding-left: 0;
	padding-bottom: 10px;
	display: none;
}
.worksPost .resultBox ul li{
	height: auto;
}
.worksSingle{
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
}
.worksSingle .worry{
	background-size: auto 120px;
	background-position: bottom -19px left;
	padding-top: 100px;
	background: url("./img/works/bg_problem01.png") no-repeat top center / 80px auto;
	min-height: inherit;
}
.worksSingle02{
	background-size: 150%;
	background-position: top right;
	padding-top: 0;
}
.worksSingle02 .block{
	border: none;
}
.worksSingle h1{
	font-size: 32px;
}
.worksSingle .worry h2{
	font-size: 20px;
}
.worksSingle .pdca table{
	float: none;
}
.worksSingle .point p{
	font-size: 16px;
}
.worksSingle .pdca h3 img{
	width: 100px;
	height: auto;
}
.worksSingle .pdca table th{
	padding: 0 16px;
}
.worksSingle .pdca table th img{
	width: 80px;
}
.WorksSingleBtn{
	text-align: center;
}
.worksSingle02 .seika h4{
	font-size: 20px;
}
.worksSingle02 .seika dt{
	font-size: 16px;
}
.worksSingle02 .seika dd{
	font-size: 14px;
}
.worksSingle02 h3 img{
	width: 120px;
	height: auto;
}

/* Faq
	--------------------------------------------------- */
.faqArea{
	width: calc(100% - 40px);
	padding-right: 20px;
	padding-left: 20px;
}
.faqArea .faqList h2{
	font-size: 16px;
}


	/* form
	--------------------------------------------------- */
	.formBox{
		max-width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px;
	}
	.contactTxt{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.formBox table tr{
		display: flex;
		flex-wrap: wrap;
	}
	.formBox table th{
		width: 75%;
		box-sizing: border-box;
		padding: 10px 1rem;
		vertical-align: middle;
	}
	.formBox table th.other-top{
		height: auto;
		padding-bottom: 10px;
	}
	.formBox table th.other-btm{
		display: none;
	}
	.formBox table th.formLabel{
		width: 25%;
	}
	.formBox table th.formLabel img{
		width: 50px;
		vertical-align: bottom;
	}
	.formBox table th.oter-top{
		height: auto;
	}
	.formBox table th br{
		display: none;
	}
	.formBox table td{
		width: 100%;
		box-sizing: border-box;
		padding-right: 50px;
	}
	.formBox img.okng{
		right: 6px;
	}
	.formBox input.text-long, .formBox textarea.text-long{
		width: 100%;
		box-sizing: border-box;
	}
	.formButton{
		padding-top: 0;
		padding-bottom: 0;
	}
	.formButton.wpcf7c-elm-step2{
		display: flex;
	}

	.formBox span.wpcf7-list-item{
		margin-left: 0;
		display: block;
	}
	.formBox .wpcf7-form-control{
		display: block;
	}

	.formButton input{
		max-width: 100%;
	}

	.contactPrivacy{
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}


	/* News
	--------------------------------------------------- */
	.newsSingleHead{
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}
	.newsList .new,
	.newsSingleHead .new{
		width: auto;
		padding: 0;
		margin: 2px 10px 2px 0px;
	}
	.newsList .new,
	.newsSingleHead .new{
		width: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    background-color: #EC8840;
    color: #fff;
    text-align: center;
	}
	.newsSingleHead .date{
		padding-left: 0;
	}
	.newsSingle h1{
		padding-right: 20px;
		padding-left: 20px;
		width: calc(100% - 40px);
		text-align: left;
	}
	.postArea .wrap_infomation{
		text-align: left;
	}
	.newsHeadTab{
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.newsHeadTab ul li{
		float: none;
		width: 100%;
		border-left: 2px solid #2E66B2;
	}
	.newsHeadTab ul.second li:nth-last-child(1),
	.newsHeadTab ul.second li:nth-last-child(2){
		border-bottom: 2px solid #2E66B2;

	}
	.newsHeadTab ul{
		display: contents;
		width: 100%;
	}
	.newsHeadTab ul::before,
	.newsHeadTab ul::after{
		content: none;
	}
	.newsHeadTab ul li a{
		width: 100%;
		font-size: 12px;
	}

	.newsListArea{
		padding-top: 30px;
	}
	.newsList .date{
		width: 80px;
		font-size: 12px;
	}
	.newsList .icon a{
		font-size: 12px;
	}
	.newsList h2{
		margin-top: 8px;
	}
	.magazineHead div{
		width: 100%;
	}
	.magazineTitle h1{
		padding-left: 100px;
	}
	.magazineContents .file-list ul{
		flex-direction: column;
	}
	.magazineContents .file-list li{
		width: 100%;
	}
	.movieHeadTab ul{
		width: 100%;
		display: flex;
	}
	.movieHeadTab ul li{
		flex: 1;
		width: auto;
		font-size: 12px;
	}
	.movieHeadTab{
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}
	.movieHeadTab ul li a{
		width: 100%;
	}

	/* Interview
	--------------------------------------------------- */
	.interview-head__title{
		font-size: 14px;
	}
	.interview-head__ja{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.interview-head__en{
		line-height: 1;
	}
	.interview-head__description{
		margin: 20px 0;
	}
	.interview-content__qa dt::before{
		flex-shrink: 0;
	}
	.interview-head{
		padding: 40px 20px 0;
	}
	.interview-content{
		margin-bottom: 40px;
	}

	/* Gallery
	--------------------------------------------------- */
	body.gallery{
		margin-top: 0;
	}
	.gallery{
		margin-bottom: 40px;
	}
	.gallery__link{
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery__row{
		gap: 8px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery__photo{
		flex-basis: calc(50% - 4px);
	}

	/* 採用情報
	--------------------------------------------------- */
	.recruitContents{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.recruit-box .btn{
		float: none;
		order: 2;

		margin-top: 10px;
	}
	.recruit-box h2,.recruit-box .txt{
		float: none;
	}
	.recruit-box{
		display: flex;
		flex-direction: column;
	}
	.recruit-box h2{
		order: 0;
	}
	.recruit-box .txt{
		order: 1;
	}
}



*{
	/* outline: 1px solid red; */
}

/* タグ非表示
	--------------------------------------------------- */
	.cat-item-61,.cat-item-69,.cat-item-78,
	.cat-item-47,.cat-item-75,.cat-item-66,
	.cat-item-71,.cat-item-64,.cat-item-77,
	.cat-item-55,.cat-item-48,.cat-item-52,
	.cat-item-53,.cat-item-72,.cat-item-62,
	.cat-item-60,.cat-item-70{
		display: none;
	}

	.mainImgSp{
		display: none;
	}
	@media screen  and  (max-width: 768px) {
		.mainImgPc{
			display: none;
		}
		.mainImgSp{
			display: block;
			position: relative;
		}
		.mainImgSp .btnlist{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-75%,97%);
		}
	}