@charset "utf-8";
/*
Theme Name: 東京新生法律事務所様／労災サイト
Theme URI: http://c-tpl.com/
Description: responsive_242
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
	position: relative;
	font-family: "Meiryo","メイリオ","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",arial, helvetica, sans-serif;
	background: url("images/base/BgTop.jpg") bottom 430px center / 100% auto no-repeat;
	font-size: 18px;
	line-height: 1.5;
	color:#333;
	-webkit-text-size-adjust: none;
}

.pc { display: block; }
.sp { display: none; }

/* リンク設定
------------------------------------------------------------*/
a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #33487b;
}

a:hover, a:active{
	outline: none;
	color: #33487b;  
	opacity: 0.8;
	text-decoration: underline;
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

/*見出し
*****************************************************/
#content h1:not(.style_none),
#content_page h1:not(.style_none) {
	clear: both;
	position: relative;
	background: #526dad;
	margin: 0 0 30px;
	padding: 15px 35px 20px;
	color: #fff;
	font-size: 24px;
	line-height: 1.3;
	box-sizing: border-box;
}
#content h1:not(.style_none):after,
#content_page h1:not(.style_none):after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: -7px;
	left: -7px;
	border: 3px solid #33487b;
	box-sizing: border-box;
}
#content h2:not(.style_none),
#content_page h2:not(.style_none) {
	clear: both;
	position: relative;
	background: #33487b;
	margin: 20px 0;
	padding: 10px 25px;
	color: #fff;
	font-size: 22px;
}
#content h2:not(.style_none):after,
#content_page h2:not(.style_none):after {
	position: absolute;
	content: "";
	display: block;
	background: #fff;
	width: 100%;
	height: 2px;
	bottom: 4px;
	left: 0;
}
#content h2:not(.style_none) a,
#content_page h2:not(.style_none) a { color: #fff; }
#content h3:not(.style_none),
#content_page h3:not(.style_none) {
	clear: both;
	margin: 20px 0;
	padding: 5px 20px 2px;
	color: #666;
	font-size: 20px;
	border-bottom: 2px solid #a0a0a0;
}

/* 下層ページリンクスタイル　※h3と揃える */
.plist { margin: 20px 0 50px; }
.plist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.plist > ul > li {
	clear: both;
	margin: 20px 0;
	padding: 5px 20px 2px;
	color: #666;
	font-size: 20px;
	border-bottom: 2px solid #a0a0a0;
}
.plist > ul > li > ul { padding: 0 30px; }

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
	vertical-align:middle;
	max-width:90%;
	line-height:30px;
	height:30px;
	padding:1px 5px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
}

textarea{
	height:auto;
	line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
	padding:3px 10px;
	background: #878787;
	background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
	background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
	background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
	background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
	border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:1.5;
	font-size:120%;
	color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #878787;
	background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
	background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
	background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
	background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
	cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
	width:1200px;
	margin:0 auto;
	box-sizing: border-box;
}

#content .inner {
	width:880px;
	margin:0 auto;
	box-sizing: border-box;
}

#header {
	overflow:hidden;
	background: #fff;
	padding: 20px 0 15px;
}

#content,
#content_page {
	float: right;
	width: 880px;
	padding: 50px 0;
}

#sidebar{
	float: left;
	width: 290px;
	padding: 50px 0 80px;
}

#sidebar h1:not(.style_none) {
	clear: both;
    position: relative;
    background: #526dad;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
    box-sizing: border-box;
}
#sidebar h1:not(.style_none):after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: -4px;
    left: -4px;
    border: 2px solid #33487b;
    box-sizing: border-box;
}

#sidebar .side_nav { margin-bottom: 60px; }
#sidebar .side_nav div > ul {
	background: #fff;
	margin: 0;
	padding: 0;
}

/*第一階層*/
#sidebar .side_nav div > ul > li {
	position: relative;
	border-bottom: 1px dotted #333;
}
#sidebar .side_nav div > ul > li:hover { background: #d8f0fc; }
#sidebar .side_nav div > ul > li > a {
	position: relative;
	display: block;
	padding: 12px 10px 10px 30px;
	text-decoration: none;
	background: url(images/base/Arrow1.png) 10px 50% no-repeat;
	box-sizing: border-box;
	color: #333;
}
#sidebar .side_nav div > ul > li a:hover{
	opacity: 1;
	text-decoration: none;
}

/*第二階層*/
#sidebar .side_nav div > ul > li > ul { padding: 0 10px 10px 20px; }
#sidebar .side_nav div > ul > li > ul > li a {
	position: relative;
	display: block;
	padding: 5px 0 3px 30px;
	text-decoration: none;
	background: url(images/base/Arrow1.png) 10px 50% no-repeat;
	box-sizing: border-box;
	color: #333;
}
#sidebar .side_nav div > ul > li > ul > li a:hover{ text-decoration: underline; }

#sidebar .side_bn1 { margin-bottom: 60px; }
#sidebar .side_bn1 .title {
	background: #ff842e;
	padding: 7px 7px 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#sidebar .side_bn1 .side_bn1_1 {
	margin-bottom: 40px;
	padding: 15px 10px 20px;
	border: 2px solid #ff842e;
}
#sidebar .side_bn1 .side_bn1_1 .tel {
	position: relative;
    display: block;
    margin-bottom: 5px;
    color: #ff842e;
    font-size: 32px;
    font-weight: bold;
    text-align: right;
    line-height: 1.2;
    letter-spacing: -1px;
    border-bottom: 1px solid #333;
}
#sidebar .side_bn1 .side_bn1_1 .tel:after {
    position: absolute;
    content: "";
    display: block;
    background: url(images/base/BgTel.png) 0 0 / 100% 100% no-repeat;
    width: 16px;
    height: 28px;
    top: 2px;
    left: 10px;
}
#sidebar .side_bn1 .side_bn1_1 .time {
	margin-bottom: 20px;
	font-size: 18px;
    text-align: center;
}
#sidebar .side_bn1 div > ul li { margin-top: 10px; }
#sidebar .side_bn1 form { margin-bottom: 40px; }
#sidebar .side_bn1 form input {
	height: 40px;
	width: 210px;
	border: 1px solid #33487b;
	box-sizing: border-box;
}
#sidebar .side_bn1 form button {
	margin: 0 0 0 -3px;
	width: 75px;
	height: 40px;
	padding: 0;
	background: #33487b;
	border: none;
	color: #fff;
	font-size: 18px;
}
#sidebar .side_bn2 .side_bn2_1 { padding: 20px 15px; }
#sidebar .side_bn2 .side_bn2_1 .name {
	position: relative;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.2;
}
#sidebar .side_bn2 .side_bn2_1 .address {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","MS PGothic", arial, helvetica, sans-serif;
	margin: 10px 0;
	font-size: 16px;
}
#sidebar .side_bn2 .side_bn2_1 .tel {
	position: relative;
	display: block;
	margin-bottom: 5px;
	color: #ff842e;
	font-size: 32px;
	font-weight: bold;
	text-align: right;
	line-height: 1.2;
	letter-spacing: -1px;
	border-bottom: 1px solid #333;
}
#sidebar .side_bn2 .side_bn2_1 .tel:after {
    position: absolute;
    content: "";
    display: block;
    background: url(images/base/BgTel.png) 0 0 / 100% 100% no-repeat;
    width: 16px;
    height: 28px;
    top: 2px;
    left: 5px;
}
#sidebar .side_bn2 .side_bn2_1 .time {
	font-size: 18px;
	text-align: center;
}

/* ヘッダー
*****************************************************/
/* サイト説明文
----------------------------------*/
#header h1{
	padding: 5px 0;
	font-weight: normal;
}

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2 {
	font-family:"Meiryo","メイリオ",arial, helvetica, sans-serif;
	position: relative;
	margin-top: 10px;
	clear: both;
	float: left;
	padding: 0;
	font-size: 15px;
	line-height: 1.0;
	font-weight: normal;
}
#header h2 a {
	text-decoration: none;
	color: #2f3647;
}
#header h2 .logo {
	margin-top: 25px;
	font-size: 40px;
	font-weight: bold;
}
#header h2 .logo .orange { color: #ff842e; }

/* コンタクト
----------------------------------*/
#header .contact {
	float: right;
	display: flex;
	justify-content: flex-end;
	padding: 0;
}
#header .contact .tel {
	width: 300px;
	margin: 0 15px;
}
#header .contact .tel .CP1 {
	background: #add8f9;
	padding: 7px 5px 4px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
#header .contact .CP2 {
	position: relative;
	padding-bottom: 3px;
	margin: 8px 0 6px;
	color: #ff842e;
	font-size: 35px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #333;
	line-height: 1.0;
}
#header .contact .CP2:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTel.png") 0 0 / 100% 100% no-repeat;
	width: 18px;
	height: 30px;
	top: -2px;
	left: 5px;
}
#header .contact .CP3 {
	position: relative;
	padding: 0;
	font-size: 20px;
	text-align: center;
	line-height: 1.1;
}

/* トップページ　メイン画像
----------------------------------*/
#mainImg {
	background: url("images/base/BgMv1.jpg") top 0 center / cover no-repeat;
	width: 100%;
	margin: 0;
	clear:both;
	overflow: hidden;
}
#mainImg .inner {
	position: relative;
	height: 625px;
}
#mainImg .inner .img1 {
	position: absolute;
	bottom: 0;
	left: -30px;
}
#mainImg .inner .img2 {
	position: absolute;
	top: 60px;
	left: 340px;
}
#mainImg .inner .name {
	position: absolute;
	bottom: 55px;
	left: 160px;
	width: 250px;
	color: #fff;
	text-align: center;
	line-height: 1.3;
}
#mainImg .inner .name .large { font-size: 24px; }
#mainImg .inner .block {
	position: absolute;
	content: "";
	display: block;
	top: 65px;
	right: 10px;
}
#mainImg .inner .block .box {
	position: relative;
	background: #fff;
	width: 630px;
	padding: 35px 60px 20px;
	font-size: 50px;
	font-weight: bold;
	border: 5px solid #ff842e;
	line-height: 1.2;
	box-sizing: border-box;
}
#mainImg .inner .block .box .title {
	position: absolute;
	content: "";
	display: block;
	background: #ff842e;
	width: 520px;
	padding: 10px 5px 5px;
	top: -35px;
	left: 50%;
	margin-left: -260px;
	color: #fff;
	font-size: 36px;
	text-align: center;
	line-height: 1.0;
	letter-spacing: 5px;
	box-sizing: border-box;
}
#mainImg .inner .block .box .line {
	display: inline-block;
	background: linear-gradient(180deg, rgba(255, 239, 62, 0.0) 0%, rgba(255, 239, 62, 0.0) 70%, rgba(255, 239, 62, 1.0) 70%, rgba(255, 239, 62, 1.0) 100%);
	padding: 0 5px;
	color: #ff5156;
	line-height: 1.0;
}
#mainImg .inner .block .box .small { font-size: 42px; }
#mainImg .inner .text {
	position: absolute;
	content: "";
	display: block;
	width: 550px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	top: 265px;
	right: 50px;
	line-height: 1.2;
	text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
	/*filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);*/
}

/* メイン画像下
----------------------------------*/
/* main1 */
.main1 { margin: -270px 0 150px; }
.main1 .inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 800px;
	margin: 0 0 0 auto;
}
.main1 .inner ul li {
	position: relative;
	margin-bottom: 25px;
}
.main1 .inner ul li:before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgMain1_1.png") 0 0 / 100% 100% no-repeat;
	width: 71px;
	height: 47px;
	top: 10px;
	left: 50%;
	margin-left: -35px;
	z-index: 2;
}
.main1 .inner ul li:nth-of-type(2):before {
	background: url("images/base/BgMain1_2.png") 0 0 / 100% 100% no-repeat;
	width: 61px;
	height: 59px;
	top: 8px;
	margin-left: -30px;
}
.main1 .inner ul li:nth-of-type(3):before {
	background: url("images/base/BgMain1_3.png") 0 0 / 100% 100% no-repeat;
	width: 51px;
	height: 65px;
	top: 10px;
	margin-left: -25px;
}
.main1 .inner ul li:nth-of-type(4):before {
	background: url("images/base/BgMain1_4.png") 0 0 / 100% 100% no-repeat;
	width: 102px;
	height: 50px;
	top: 15px;
	margin-left: -51px;
}
.main1 .inner ul li:nth-of-type(5):before {
	background: url("images/base/BgMain1_5.png") 0 0 / 100% 100% no-repeat;
	width: 29px;
	height: 43px;
	top: 50%;
	left: 40px;
	margin-top: -21px;
	margin-left: 0;
}
.main1 .inner ul li a {
	display: block;
	background: #fff;
	width: 190px;
	height: 140px;
	padding-top: 65px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	border: 2px solid #2f3647;
	box-sizing: border-box;
	filter: drop-shadow(2px 2px 0 #2f3647);
}
.main1 .inner ul li:nth-of-type(2) a,
.main1 .inner ul li:nth-of-type(3) a,
.main1 .inner ul li:nth-of-type(4) a { padding-top: 80px; }
.main1 .inner ul li:nth-of-type(5) a {
	width: 800px;
	height: 60px;
	padding: 13px 10px 13px 60px;
	font-size: 20px;
}
.main1 .inner ul li a .orange { color: #ff842e; }
.main1 .inner ul li a .large1 { font-size: 42px; }
.main1 .inner ul li a .large2 { font-size: 22px; }
.main1 .inner ul li a .large3 { font-size: 24px; }
.main1 .inner ul li a .large4 { font-size: 28px; }
.main1 .inner ul li a:hover {
	background: #fffabf;
	opacity: 1.0;
	text-decoration: none;
}

/* main2 */
.main2 {
	background: #2f3647;
	width: 1200px;
	margin: 0 auto 60px;
	padding: 20px;
	border-radius: 15px;
	box-sizing: border-box;
}
.main2 .inner {
	background: #fff;
	width: 100%;
	padding: 40px;
}
.main2 .inner .block {
	position: relative;
	top: -90px;
	left: 0;
}
.main2 .inner .block:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgMain2_1.png") 0 0 / 100% 100% no-repeat;
	width: 143px;
	height: 134px;
	bottom: 2px;
	left: 180px;
}
.main2 .inner .block .title {
	position: relative;
	background: #2f3647;
	width: 850px;
	margin: 0 auto;
	padding: 17px 10px 14px 180px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 35px;
	box-sizing: border-box;
}
.main2 .inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0 10px;
	margin-top: 0;
	line-height: 1.1;
}
.main2 .inner ul li { position: relative; }
.main2 .inner ul li:before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgMain2_2.png") 0 0 / 100% 100% no-repeat;
	width: 73px;
	height: 57px;
	top: -43px;
	left: 50%;
	margin-left: -36px;
	z-index: 2;
}
.main2 .inner ul li:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgMain2_3.png") 0 0 / 100% 100% no-repeat;
	width: 40px;
	height: 40px;
	top: 50%;
	right: -33px;
	margin-top: -20px;
	z-index: 2;
}
.main2 .inner ul li:last-child:after { display: none; }
.main2 .inner ul li a {
	position: relative;
	display: block;
	background: #e9e9e9;
	width: 245px;
	height: 190px;
	padding: 25px 10px 10px;
	color: #333;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.main2 .inner ul li:nth-of-type(2) a { background: #c2e3ff; }
.main2 .inner ul li:nth-of-type(3) a { background: #99c9ee; }
.main2 .inner ul li:last-child a { background: #aebdcb; }
.main2 .inner ul li a:hover { text-decoration: none; }
.main2 .inner ul li a .step {
	padding: 8px;
	font-size: 20px;
	border-bottom: 2px solid #333;
}
.main2 .inner ul li a .CP1 {
	margin: 50px 0 0;
	font-size: 24px;
	color: #2f3647;
}
.main2 .inner ul li:nth-of-type(3) a .CP1 { margin: 20px 0 15px; }
.main2 .inner ul li:last-child a .CP1 { margin: 7px 0 2px; }
.main2 .inner ul li a .CP2 {
	background: #fff;
	padding: 10px 0;
	font-size: 15px;
}

/* main3 */
.main3 {
	background: #33487b;
	padding: 45px 0 60px;
}
.main3 .inner {
	background: #fff;
	padding: 30px 50px 50px;
	box-sizing: border-box;
}
.main3 .inner .block1 {
	position: relative;
	margin-bottom: 30px;
}
.main3 .inner .block1:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgMain3.png") 0 0 / 100% 100% no-repeat;
	width: 205px;
	height: 232px;
	bottom: 15px;
	left: 80px;
}
.main3 .inner .block1 .box {
	position: relative;
	background: #c2e3ff;
	padding: 30px 20px 30px 360px;
	font-size: 24px;
	font-weight: bold;
	border: 15px solid #fff;
	box-sizing: border-box;
}
.main3 .inner .block1 .box:before {
	position: absolute;
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	border-top: 5px solid #33487b;
	border-left: 5px solid #33487b;
	top: -15px;
	left: -15px;
	box-sizing: border-box;
}
.main3 .inner .block1 .box:after {
	position: absolute;
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	border-right: 5px solid #33487b;
	border-bottom: 5px solid #33487b;
	right: -15px;
	bottom: -15px;
	box-sizing: border-box;
}
.main3 .inner .block1 .box .large {
	font-size: 34px;
	line-height: 1.0;
}
.main3 .inner .block1 .box .red {
	color: #eb4b2d;
	font-size: 42px;
	line-height: 1.0;
}
.main3 .inner .block1 .box .line {
	display: inline-block;
	background: linear-gradient(180deg, rgba(255, 239, 62, 0.0) 0%, rgba(255, 239, 62, 0.0) 65%, rgba(255, 239, 62, 1.0) 65%, rgba(255, 239, 62, 1.0) 100%);
	padding: 0 3px;
	line-height: 1.0;
}
.main3 .inner .block1 .box br.CB1 { display: none; }
.main3 .inner .block2 { overflow: hidden; }
.main3 .inner .block2 img {
	float: right;
	margin-top: 25px;
}
.main3 .inner .block2 .text_area {
	width: 520px;
	float: left;
	font-size: 16px;
}
.main3 .inner .block2 .text_area .text {
	margin-top: 25px;
	line-height: 1.3;
}

/* メインコンテンツ部分
*****************************************************/

/* top_block1 */
.top_block1 {
	background: #e5e5e5;
	margin-bottom: 80px;
	padding: 60px 20px;
	box-sizing: border-box;
	filter: drop-shadow(6px 6px 0 #acacac);
}
.top_block1 .inner { width: 100% !important; }
.top_block1 .inner > img {
	display: block;
	margin: -80px auto 0;
}
.top_block1 .inner .text {
	margin-top: 30px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 2px;
}
.top_block1 .inner .block {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.top_block1 .inner ul li {
	margin-top: 15px;
	border: 2px solid #333;
}
.top_block1 .inner ul li:first-child {
	position: relative;
	background: #33487b;
	padding: 15px 10px 12px;
	margin-top: 25px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border: none;
}
.top_block1 .inner ul li:first-child:after {
    position: absolute;
    content: "";
    display: block;
	background: #33487b;
	width: 20px;
	height: 20px;
    bottom: -10px;
    right: 50%;
	margin-right: -10px;
	transform: rotate(45deg);
}
.top_block1 .inner ul.right li:first-child,
.top_block1 .inner ul.right li:first-child:after { background: #ff842e; }
.top_block1 .inner ul li a {
	position: relative;
	display: block;
	background: #fff;
	width: 400px;
	height: 116px;
	padding: 22px 0 22px 140px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	box-sizing: border-box;
}
.top_block1 .inner ul.left li:nth-of-type(2) a { padding: 33px 0 33px 140px; }
.top_block1 .inner ul.right li:nth-of-type(2) a { padding: 33px 0 33px 140px; }
.top_block1 .inner ul.right li:nth-of-type(3) a { padding: 33px 0 33px 140px; }
.top_block1 .inner ul li a:before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop1_1.jpg") 0 0 / 100% 100% no-repeat;
	width: 116px;
	height: 116px;
	top: 0;
	left: 0;
}
.top_block1 .inner ul.left li:nth-of-type(3) a:before {background: url("images/base/BgTop1_2.jpg") 0 0 / 100% 100% no-repeat;}
.top_block1 .inner ul.left li:nth-of-type(4) a:before {background: url("images/base/BgTop1_3.jpg") 0 0 / 100% 100% no-repeat;}
.top_block1 .inner ul.right li:nth-of-type(2) a:before {background: url("images/base/BgTop1_4.jpg") 0 0 / 100% 100% no-repeat;}
.top_block1 .inner ul.right li:nth-of-type(3) a:before {background: url("images/base/BgTop1_5.jpg") 0 0 / 100% 100% no-repeat;}
.top_block1 .inner ul.right li:nth-of-type(4) a:before {background: url("images/base/BgTop1_6.jpg") 0 0 / 100% 100% no-repeat;}
.top_block1 .inner ul li a:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop1_7.png") 0 0 / 100% 100% no-repeat;
	width: 11px;
	height: 17px;
	top: 50%;
	right: 10px;
	margin-top: -9px;
}
.top_block1 .inner ul li a:hover {
	background: #d8f0fc;
	opacity: 1.0;
	text-decoration: none;
}
.top_block1 .inner ul.right li a:hover { background: #fffabf; }
.top_block1 .inner ul li a .large { font-size: 30px; }
.top_block1 .inner ul.left li a .large { color: #33487b; }
.top_block1 .inner ul.left li:nth-of-type(3) a .large { font-size: 26px; }
.top_block1 .inner ul.right li a .large { color: #ff842e; }
.top_block1 .inner ul.right li:nth-of-type(4) a .large { font-size: 28px; }

/* top_block2 */
.top_block2 { margin-bottom: 80px; }
.top_block2 .inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_block2 .inner ul li { margin-top: 15px; }
.top_block2 .inner ul li a {
	position: relative;
	display: block;
	background: #fff;
	width: 210px;
	height: 110px;
	padding: 34px 0 0 100px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	border: 2px solid #33487b;
	box-sizing: border-box;
	filter: drop-shadow(1px 1px 0 #33487b);
}
.top_block2 .inner ul li:nth-of-type(2) a { padding: 24px 0 0 100px; }
.top_block2 .inner ul li:nth-of-type(3) a { padding: 34px 0 0 93px; }
.top_block2 .inner ul li:nth-of-type(4) a { padding: 45px 0 0 100px; }
.top_block2 .inner ul li:nth-of-type(6) a { padding: 34px 0 0 95px; }
.top_block2 .inner ul li:nth-of-type(7) a { padding: 34px 0 0 105px; }
.top_block2 .inner ul li:nth-of-type(8) a { padding: 34px 0 0 105px; }
.top_block2 .inner ul li a:before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop2_1.png") 0 0 / 100% 100% no-repeat;
	width: 79px;
	height: 79px;
	top: 50%;
	left: 7px;
	margin-top: -39px;
}
.top_block2 .inner ul li:nth-of-type(2) a:before { background: url("images/base/BgTop2_2.png") 0 0 / 100% 100% no-repeat; }
.top_block2 .inner ul li:nth-of-type(3) a:before { background: url("images/base/BgTop2_3.png") 0 0 / 100% 100% no-repeat; }
.top_block2 .inner ul li:nth-of-type(4) a:before { background: url("images/base/BgTop2_4.png") 0 0 / 100% 100% no-repeat; }
.top_block2 .inner ul li:nth-of-type(5) a:before { background: url("images/base/BgTop2_5.png") 0 0 / 100% 100% no-repeat; }
.top_block2 .inner ul li:nth-of-type(6) a:before { background: url("images/base/BgTop2_6.png") 0 0 / 100% 100% no-repeat; }
.top_block2 .inner ul li:nth-of-type(7) a:before { background: url("images/base/BgTop2_7.png") 0 0 / 100% 100% no-repeat; }
.top_block2 .inner ul li:nth-of-type(8) a:before { background: url("images/base/BgTop2_8.png") 0 0 / 100% 100% no-repeat; }
.top_block2 .inner ul li a:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop2_9.png") 0 0 / 100% 100% no-repeat;
	width: 15px;
	height: 15px;
	bottom: 5px;
	right: 5px;
}
.top_block2 .inner ul li a:hover {
	background: #d8f0fc;
	opacity: 1.0;
	text-decoration: none;
}

/* top_block3 */
.top_block3 {
	margin-bottom: 80px;
	box-sizing: border-box;
}
.top_block3 .inner ul li { border-bottom: 2px solid #333; }
.top_block3 .inner ul li a {
	position: relative;
	display: block;
	padding: 30px 50px 30px 85px;
	color: #333;
	line-height: 1.2;
}
.top_block3 .inner ul li a:before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop3_1.png") 0 0 / 100% 100% no-repeat;
	width: 60px;
	height: 62px;
	top: 50%;
	left: 5px;
	margin-top: -31px;
}
.top_block3 .inner ul li a:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop3_2.png") 0 0 / 100% 100% no-repeat;
	width: 37px;
	height: 37px;
	top: 50%;
	right: 5px;
	margin-top: -19px;
}
.top_block3 .inner ul li a:hover {
	background: #d8f0fc;
	opacity: 1.0;
	text-decoration: none;
}

/* top_block4 */
.top_block4 { margin-bottom: 80px; }
.top_block4 .inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_block4 .inner ul li {
	margin-top: 20px;
	border: 5px solid #bdc9e5;
	background: url("images/base/BgTop4_1.jpg") 0 0 / 260px 136px no-repeat,#fff;
}
.top_block4 .inner ul li:nth-of-type(2) { background: url("images/base/BgTop4_2.jpg") 0 0 / 260px 136px no-repeat,#fff; }
.top_block4 .inner ul li:nth-of-type(3) { background: url("images/base/BgTop4_3.jpg") 0 0 / 260px 136px no-repeat,#fff; }
.top_block4 .inner ul li:nth-of-type(4) { background: url("images/base/BgTop4_4.jpg") 0 0 / 260px 136px no-repeat,#fff; }
.top_block4 .inner ul li:nth-of-type(5) { background: url("images/base/BgTop4_5.jpg") 0 0 / 260px 136px no-repeat,#fff; }
.top_block4 .inner ul li:nth-of-type(6) { background: url("images/base/BgTop4_6.jpg") 0 0 / 260px 136px no-repeat,#fff; }
.top_block4 .inner ul li:nth-of-type(7) { background: url("images/base/BgTop4_7.jpg") 0 0 / 250px 148px no-repeat,#fff; }
.top_block4 .inner ul li:nth-of-type(8) { background: url("images/base/BgTop4_8.jpg") 0 0 / 250px 148px no-repeat,#fff; }
.top_block4 .inner ul li a {
	position: relative;
	display: block;
	width: 420px;
	height: 136px;
	padding: 42px 0 0 180px;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 1px;
	box-sizing: border-box;
	text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff;
}
.top_block4 .inner ul li:nth-of-type(1) a { padding: 20px 0 0 250px; }
.top_block4 .inner ul li:nth-of-type(2) a { padding: 28px 0 0 230px; }
.top_block4 .inner ul li:nth-of-type(8) a { padding: 55px 0 0 190px; }
.top_block4 .inner ul li a:after {
	position: absolute;
    content: "";
    display: block;
    bottom: 0;
    right: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #33487b;
    border-bottom: 8px solid #33487b;
    border-left: 8px solid transparent;
}
.top_block4 .inner ul li a:hover { text-decoration: none; }
.top_block4 .inner ul li a .large1 {
	font-size: 72px;
	padding-left: 15px;
}
.top_block4 .inner ul li a .large2 { font-size: 30px; }
.top_block4 .inner ul li a .orange { color: #ff842e; }
.top_block4 .inner ul li a .CS1 {
	display: inline-block;
	background: #8b8951;
	padding: 5px 20px 3px;
	margin-bottom: 7px;
	color: #fff;
	text-shadow: none;
}

/* top_block5 */
.top_block5 {
	position: relative;
	background: #33487b;
	margin-bottom: 80px;
	padding: 25px 50px 60px;
	box-sizing: border-box;
}
.top_block5 .inner {
	width: 100% !important;
	margin: 0;
}
.top_block5 .inner .block {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0 10px 20px 50px;
}
.top_block5 .inner .block .text_area {
	width: 400px;
	margin-top: 30px;
	color: #fff;
}
.top_block5 .inner .block .text_area .CP1 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.top_block5 .inner .block .text_area img { margin: 20px 0; }
.top_block5 .inner .item {
	display:table;
	width: 100% !important;
	box-sizing: border-box;
	border-bottom: 1px dotted #fff;
}
.top_block5 .inner .item:last-child { border-bottom: none; }
.top_block5 .inner .item .wpcf7_th,
.top_block5 .inner .item .wpcf7_td {
	display:table-cell;
	padding: 20px;
	background: #fff;
	vertical-align: middle !important;
}
.top_block5 .inner .item .wpcf7_th {
	background: #add8f9;
	text-align: left;
	width: 30%;
	vertical-align: top;
}
.top_block5 .inner .item p { margin-top: 20px; }
.top_block5 .wpcf7_td input[type=radio] {
	width: auto;
	margin: 3px 3px 0px 15px !important;
}
.top_block5 .wpcf7 form.sent .wpcf7-response-output { background: #fff; }
.top_block5 .inner .button {
	position: relative;
	width: 380px;
	margin: 60px auto 0;
}
.top_block5 .inner .button input[type="submit"] {
	display: block;
	background: #ffef3e;
	width: 100%;
	padding: 13px 30px;
	border: 0;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 4px;
	border-radius: 0;
	box-sizing: border-box;
}
.top_block5 .inner .button:before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/Arrow1.png") 0 0 / 100% 100% no-repeat;
	width: 12px;
	height: 14px;
	top: 23px;
	right: 10px;
}
.top_block5 .inner .button:hover { opacity: 0.8; }
.top_block5 p { margin-top: 0 !important; }

/* top_block6 */
.top_block6 { margin-bottom: 80px; }
.top_block6 .inner .block1 {
	position: relative;
	display: block;
	margin-top: 15px;
}
.top_block6 .inner .block1:nth-of-type(1) { margin-top: 0; }
.top_block6 .inner .block1:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop6.png") 0 0 / 100% 100% no-repeat;
	width: 42px;
	height: 56px;
	bottom: -56px;
	left: 50%;
	margin-left: -21px;
}
.top_block6 .inner .block1:nth-of-type(4):after { display: none; }
.top_block6 .inner .block1:nth-of-type(2):before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop6_2.png") 0 0 / 100% 100% no-repeat;
	width: 123px;
	height: 123px;
	top: 10px;
	right: 0;
	z-index: 2;
}
.top_block6 .inner .block1 .item {
	position: relative;
	background: #fff;
	padding-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #33487b;
	filter: drop-shadow(2px 2px 0 #33487b);
	overflow: auto;
}
.top_block6 .inner .block1 .item img {
	float: left;
	margin: 20px 30px 0 50px;
}
.top_block6 .inner .block2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_block6 .inner .block2 .item {
	position: relative;
	margin-top: 15px;
}
.top_block6 .inner .block2 .item:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop6.png") 0 0 / 100% 100% no-repeat;
	width: 42px;
	height: 56px;
	top: -15px;
	left: 50%;
	margin-left: -21px;
}
.top_block6 .inner .block2 .item:nth-of-type(1):before {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTop6_5.png") 0 0 / 100% 100% no-repeat;
	width: 123px;
	height: 123px;
	top: 10px;
	right: 5px;
	z-index: 2;
}
.top_block6 .inner .block2 .item .box {
	width: 420px;
	background: #fff;
	padding-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #33487b;
	filter: drop-shadow(2px 2px 0 #33487b);
}
.top_block6 .inner .title {
	background: #33487b;
	padding: 10px 15px 10px 160px;
	color: #fff;
	font-size: 22px;
}
.top_block6 .inner .step {
	position: relative;
	content: "";
	display: inline-block;
	background: #ff842e;
	padding: 8px 15px 5px;
	top: 30px;
	left: 15px;
	color: #fff;
	font-size: 22px;
	line-height: 1.0;
	letter-spacing: 2px;
	z-index: 2;
}
.top_block6 .inner .step:after {
    position: absolute;
    content: "";
    display: block;
    bottom: -12px;
    right: 3px;
    border-top: 8px solid #ff842e;
    border-right: 5px solid #ff842e;
    border-bottom: 8px solid transparent;
    border-left: 5px solid transparent;
	transform: rotate(-20deg);
}
.top_block6 .inner .step .large { font-size: 30px; }
.top_block6 .inner .block1 .text_area .text { margin: 45px 50px 0 50px; }
.top_block6 .inner .block2 .text_area .text { margin: 20px 30px 10px; }
.top_block6 .inner .block2 .box img {
	display: block;
	margin: 40px auto 0;
}

/* top_contact */
.top_contact {
	margin-bottom: 80px;
	box-sizing: border-box;
}
#content_page .top_contact {
	margin: 60px 0 0 !important;
}
.top_contact .inner {
	position: relative;
	width: 100%;
}
.top_contact .inner .tel {
	position: absolute;
	content: "";
	display: block;
	top: 105px;
	left: 170px;
}
.top_contact .inner .tel a {
	pointer-events: none;
	position: relative;
	display: block;
	padding-left: 50px;
	color: #ff842e;
	font-size: 54px;
	font-weight: bold;
	line-height: 1.0;
	border-bottom: 2px solid #333;
}
.top_contact .inner .tel a:after {
	position: absolute;
	content: "";
	display: block;
	background: url(images/base/BgTel.png) 0 0 / 100% 100% no-repeat;
	width: 31px;
	height: 53px;
	top: -5px;
	left: 10px;
}
.top_contact .inner .time {
	position: absolute;
	content: "";
	display: block;
	bottom: 30px;
	left: 190px;
	font-size: 28px;
	letter-spacing: 3px;
}

/* top_info */
#top_info {
	background: #fff;
	margin: 0 auto 80px;
	box-sizing: border-box;
}
#top_info .inner { width: 100%; }
#top_info .inner .block {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px dashed #bfbfbf;
	box-sizing: border-box;
}
#top_info .inner .block .news_date {
	width: 150px;
	text-align: center;
}
#top_info .inner .block .news_text {
	width: 720px;
	box-sizing: border-box;
}
#top_info .inner .block .news_text a {
	color: #333;
	text-decoration: none;
}
#top_info .inner .block .news_text a:hover {
	color: #33487b;
	text-decoration: underline;
}

/* 記事ループ
*****************************************************/
.list{ padding:10px 0; }
.list:last-child{border:0;}
.post .list p{padding:0;}
.list span{padding-left:10px;}

/* タイポグラフィ
*****************************************************/
.dateLabel{
	text-align:right;
	font-weight:bold;
	color:#858585;
}

.post p { padding-bottom: 15px; }
.post ul li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(images/bullet.png) no-repeat 0 8px;
}
.post ol { margin: 0 0 10px 30px; }
.post ol li { list-style:decimal; }
.post h1 {
	margin: 20px 0;
	padding: 5px 0;
	font-size: 150%;
	color: #000;
}
.post h2 {
	margin: 10px 0;
	padding-bottom: 2px;
	font-size: 130%;
	color: #333;
}
.post h3 {
	margin: 10px 0;
	font-size: 100%;
	color: #2e2c2c;
}
.post blockquote {
	clear: both;
	padding: 10px 0 10px 15px;
	margin: 10px 0 25px 30px;
	border-left: 5px solid #ccc;
}
.post blockquote p { padding:5px 0; }
.post table {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 20px;
}
.post table th {
	padding: 10px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	background: #efede7;
}
.post table td {
	padding: 10px;
	border: 1px #ccc solid;
	border-width: 0 0 1px 1px;
	background: #fff;
}
.post dt { font-weight:bold; }
.post dd { padding-bottom:10px; }
.post img { max-width:100%;height:auto; }

img.aligncenter {
	display: block;
	margin:5px auto;
}

img.alignright, img.alignleft{
	margin: 10px 10px 15px 15px;
	display:inline;
}

img.alignleft { margin:10px 15px 15px 10px; }
.alignright { float:right; }
.alignleft { float:left; }

#gallery-1 img {
	border: 1px solid #eaeaea !important;
	padding: 5px;
	background: #fff;
}
#gallery-1 img:hover{background:#fffaef;}

/* サイドバー　ウィジェット
*****************************************************/
#searchform input[type="text"]{
	line-height:1.7;
	height:24px;
	width:90px;
	vertical-align:bottom;
}

/* お問い合わせフォーム
*****************************************************/
.wpcf7 {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
} 
.wpcf7 .inner {
	display:table;
	width: 100% !important;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-top: none;
}
.wpcf7_th, .wpcf7_td {
	display:table-cell;
	padding: 10px;
	background: #fff;
}
.wpcf7_th {
	background: #efeff1;
	text-align: left;
	width: 30%;
	vertical-align: top;
}
.wpcf7 p { margin-top: 20px; }
.wpcf7_th .red { color: #f00; }
.wpcf7 .tableWide { width:100% !important; } 
.wpcf7 .tableWide tr { display:inline; }
.wpcf7 .tableWide th, .wpcf7 .tableWide td {
	display:block; 
	width: 100% !important; 
	box-sizing: border-box;
}
.wpcf7 .confirmation .last input { display: none; }
.wpcf7 .confirmation .last span {
	display: inline-block;
	margin-left:26px;
}
.wpcf7_td span.wpcf7-list-item { margin: 0; }

/* パンくずリスト
*****************************************************/
.breadcrumbs { margin-bottom: 20px; }

/* フッター
*****************************************************/
#footer {
	clear:both;
	background: #33487b;
}
#footer iframe { display: block; }

#footer .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 80px;
}
#footer .inner .footer_logo { overflow: hidden; }
#footer .inner .footer_logo h2 {
	font-family:"Meiryo","メイリオ",arial, helvetica, sans-serif;
	position: relative;
	margin-top: 10px;
	clear: both;
	float: left;
	padding: 0;
	font-size: 15px;
	line-height: 1.0;
	font-weight: normal;
}
#footer .inner .footer_logo h2 a {
	text-decoration: none;
	color: #fff;
}
#footer .inner .footer_logo h2 .logo {
	margin-top: 25px;
    font-size: 40px;
    font-weight: bold;
}
#footer .inner .footer_logo h2 .logo .small { font-size: 28px; }
#footer .inner .footer_logo h2 .CP1 {
	margin-bottom: 8px;
	font-size: 20px;
}

/* コンタクト
----------------------------------*/
#footer .inner .footer_logo .contact {
	float: right;
	display: flex;
	justify-content: flex-end;
	padding: 0;
}
#footer .inner .footer_logo .contact .tel {
	width: 300px;
	margin: 0 15px;
}
#footer .inner .footer_logo .contact .tel .CP1 {
	background: #add8f9;
	padding: 7px 5px 4px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
#footer .inner .footer_logo .contact .CP2 {
	position: relative;
	padding-bottom: 3px;
	margin: 8px 0 6px;
	color: #ff842e;
	font-size: 35px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #fff;
	line-height: 1.0;
}
#footer .inner .footer_logo .contact .CP2:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgTel.png") 0 0 / 100% 100% no-repeat;
	width: 18px;
	height: 30px;
	top: -2px;
	left: 5px;
}
#footer .inner .footer_logo .contact .CP3 {
	position: relative;
	padding: 0;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 1.1;
}
#footer .inner .footer_menu {
	clear: both;
	width: 100%;;
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
	margin-top: 30px;
}
#footer .inner .footer_menu .footer_list { width: 260px; }
#footer .inner .footer_menu .footer_list .title {
	display: table-cell;
	width: 260px;
	height: 65px;
	padding: 5px;
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	vertical-align: bottom;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
}
#footer .inner .footer_menu .footer_list ul {
	margin-top: 20px;
	padding: 0 5px;
}
#footer .inner .footer_menu .footer_list ul li { margin-top: 10px; }
#footer .inner .footer_menu .footer_list ul li a { color: #fff; }
#footer .inner .footer_menu .footer_list ul li a:hover { opacity: 1.0; }

/* 固定バナー */
.footer_fix { display: none; }

#copyright {
	clear:both;
	background: #fff;
	padding: 25px 0;
	color: #333;
	font-size: 14px;
	text-align: center;
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
	clear:both;
	width: 100%;
	height: 30px;
	margin: 30px 0;
}
.prev{float:left}
.next{float:right;}
.pagenav a{
	background: #ff842e;
	padding: 10px;
	color: #fff;
}
#pageLinks{
	clear:both;
	color:#4f4d4d;
	text-align:center;
}

/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{ padding:0; }
ul.post li{
	margin:0 10px;
	padding:20px 0 15px;
	border-bottom:1px dashed #dcdcdc;
}
ul.post li:last-child{border:0;}
ul.post img{
	float:left;
	margin:0 15px 5px 10px;
}
ul.post h3{
	margin:0 0 10px 10px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	border:0;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1200px){
	/* #mainNav */
	nav#mainNav {
		z-index: 200;
		width: 100%;
		filter: drop-shadow(0 2px 1px #ccc);
	}
	nav#mainNav .inner { width: 100%; }
	
	/* menu1 */
	nav#mainNav .inner .menu1 {
		background: #2f3647;
		height: auto;
	}
	nav#mainNav .inner .menu1 > div > ul {
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	nav#mainNav .inner .menu1 > div > ul > li {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	nav#mainNav .inner .menu1 > div > ul > li:before {
		position: absolute;
		content: "";
		display: block;
		background: #acafb5;
		width: 1px;
		height: 45px;
		top: 5px;
		left: 0;
	}
	nav#mainNav .inner .menu1 > div > ul > li:last-child:after {
		position: absolute;
		content: "";
		display: block;
		background: #acafb5;
		width: 1px;
		height: 45px;
		top: 5px;
		right: 0;
	}
	nav#mainNav .inner .menu1 > div > ul > li > a {
		position: relative;
		display: table-cell;
		height: 55px;
		padding: 0 12px;
		color: #fff;
		text-align: center;
		font-size: 16px;
		vertical-align: middle;
		line-height: 1.1;
		box-sizing: border-box;
	}
	
	/* menu2 */
	nav#mainNav .inner .menu2 {
		background: #fff;
		height: auto;
	}
	nav#mainNav .inner .menu2 > div > ul {
		width: 900px;
		margin: 0 auto;
		display: flex;
	}
	nav#mainNav .inner .menu2 > div > ul > li {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	nav#mainNav .inner .menu2 > div > ul > li:before {
		position: absolute;
		content: "";
		display: block;
		background: #828691;
		width: 1px;
		height: 50px;
		top: 5px;
		left: 0;
	}
	nav#mainNav .inner .menu2 > div > ul > li:last-child:after {
		position: absolute;
		content: "";
		display: block;
		background: #828691;
		width: 1px;
		height: 50px;
		top: 5px;
		right: 0;
	}
	nav#mainNav .inner .menu2 > div > ul > li > a {
		position: relative;
		display: table-cell;
		width: 180px;
		height: 60px;
		padding: 0 12px;
		color: #333;
		text-align: center;
		font-size: 16px;
		vertical-align: middle;
		line-height: 1.1;
		box-sizing: border-box;
	}
	
	nav#mainNav .inner ul > li > a:hover,
	nav#mainNav .inner ul > li.current-menu-parent > a {
		opacity: 1.0;
		box-sizing: border-box;
	}
	nav div.panel { display:block !important; }
	a#menu { display:none; }
	
	/* グローバルナビ固定
	------------------------------------------------------------*/
	.fixed {
		position: fixed !important;
		top: 0;
		width: 100%;
		margin-bottom: -5px;
		z-index: 10000;
	}
}

/* メインメニュー 1200pxサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1200px) {
	nav#mainNav .pc { display: none; }
	nav#mainNav a.menu{
		position: absolute;
		display: block;
		width: fit-content;
		height: 37px;
		top: 20px;
		right: 2.5%;
		text-align: left;
	}
	nav#mainNav a#menu span { padding-left: 35px; }
	nav#mainNav a#menu:hover { cursor: pointer; }
	nav .panel {
		position: relative;
		display: none;
		width: 100%;
		right: 0;
		top: 0;
		z-index: 1;
	}
	nav#mainNav ul {
		margin: 0;
		padding: 0;
	}
	nav#mainNav ul li {
		float: none;
		clear: both;
		width: 100%;
		height: auto;
		line-height: 1.0;
	}
	nav#mainNav ul li a,
	nav#mainNav ul li.current-menu-item li a {
		display: block;
		background: #2f3647;
		padding: 15px 10px;
		color: #fff;
		text-align:left;
		font-size: 15px;
		font-weight: bold;
		border-top:1px solid #acafb5;
	}
	nav#mainNav ul li a:hover,
	nav#mainNav ul li a:active {
		background: #bed1f8;
		color: #000;
		text-decoration: none;
	}
	nav#mainNav .inner .menu1 div > ul > li > ul { display: none; }
}

/* 1200px以下の調整
------------------------------------------------------------*/
@media only screen and (max-width: 1200px){
	
	body{ background: none; }

	img { width: 100%; height: auto; }
	#wrapper, .inner { width:100%; }

	#header {
		width: 100%;
		padding: 35px 100px 35px 30px;
		box-sizing: border-box;
	}
	#header h2 { margin-top: 0; }
	#header h2 .logo { margin-top: 10px; }
	#header .contact { display: none; }
	nav#mainNav { width:100%; }
	nav#mainNav ul { margin:0 auto; }
	nav#mainNav ul ul { padding:0; }
	nav div.panel { float:none; }
	
	/* トップページ　メイン画像
	----------------------------------*/
	#mainImg .inner { width: 960px; }
	#mainImg .inner .img1 {
		width: 464px;
		bottom: -50px;
		left: 0;
	}
	#mainImg .inner .img2 {
		width: 196px;
		top: auto;
		bottom: 50px;
		left: auto;
		right: 5%;
	}
	#mainImg .inner .name {
		bottom: 30px;
		left: 470px;
		width: 200px;
		text-shadow: 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744, 0 0 4px #162744;
	}
	#mainImg .inner .block .box {
		width: 540px;
		padding: 35px 30px 20px;
		font-size: 46px;
	}
	#mainImg .inner .block .box .small { font-size: 34px; }
	#mainImg .inner .block .box .title {
		width: 480px;
		margin-left: -240px;
		font-size: 34px;
	}
	#mainImg .inner .text {
		width: 480px;
		font-size: 26px;
		top: 255px;
		right: 45px;
	}
	
	/* メイン画像下
	----------------------------------*/
	/* main1 */
	.main1 {
		background: #d8f0fc;
		margin: 0 0 140px;
		padding: 50px 0 30px;
	}
	.main1 .inner {
		width: 100% !important;
		margin: 0 auto;
	}
	.main1 .inner ul { margin: 0 auto; }
	
	/* main2 */
	.main2 { width: 880px; }
	.main2 .inner { padding: 0 40px 20px; }
	.main2 .inner .block { top: -50px; }
	.main2 .inner .block:after { left: 40px; }
	.main2 .inner .block .title {
		width: 750px;
		padding: 17px 10px 14px 150px;
		font-size: 22px;
	}
	.main2 .inner ul {
		display: block;
		width: 450px;
		margin: 0 auto;
	}
	.main2 .inner ul li { margin-bottom: 30px; }
	.main2 .inner ul li:before {
		top: 50%;
		left: -50px;
		margin-left: 0;
		margin-top: -28px;
		transform: rotate(-90deg);
	}
	.main2 .inner ul li:after {
		top: inherit;
		bottom: -35px;
		right: 50%;
		margin-top: 0;
		margin-right: -20px;
		transform: rotate(90deg)
	}
	.main2 .inner ul li a {
		display: flex;
		justify-content: space-around;
		flex-wrap: nowrap;
		align-items: center;
		width: 100%;
		height: auto;
		padding: 20px 10px;
	}
	.main2 .inner ul li a .step {
		width: 130px;
		padding: 12px 10px;
		border-bottom: none;
		border-right: 2px solid #333;
		box-sizing: border-box;
	}
	.main2 .inner ul li a .CP1 {
		width: 240px;
		margin: 0;
	}
	.main2 .inner ul li:nth-of-type(3) a .CP1,
	.main2 .inner ul li:nth-of-type(4) a .CP1 { margin: 10px 0; }
	.main2 .inner ul li a .box { width: 250px; }
	.main2 .inner ul li:nth-of-type(4) a .pc { display: none; }
	
	/* main3 */
	.main3 {
		padding: 50px 0 60px;
		box-sizing: border-box;
	}
	.main3 .inner {
		width: 900px;
		padding: 20px 30px 40px;
	}
	.main3 .inner .block1:after { left: 60px; }
	.main3 .inner .block1 .box { padding: 30px 20px 30px 300px; }
	.main3 .inner .block1 .box .large {
		font-size: 34px;
		line-height: 1.2;
	}
	.main3 .inner .block1 .box .red { line-height: 1.4; }
	.main3 .inner .block1 .box .line { display: inline; }
	.main3 .inner .block1 .box br.CB1 { display: block; }
	.main3 .inner .block2 img {
		display: block;
		width: 545px;
		height: 100%;
		margin: 20px auto 50px;
		float: inherit;
	}
	.main3 .inner .block2 .text_area {
		width: 720px;
		margin: 0 auto;
		float: inherit;
	}
	
	#content {
		clear: both;
		width: 100%;
		float: none;
		padding: 50px 0;
	}
	#content_page {
		clear: both;
		width: 94%;
		float: none;
		margin: 0 auto;
		padding: 50px 0;
	}
	
	#sidebar {
		float: none;
		width: 680px;
		margin: 0 auto;
	}
	#sidebar .pc { display: none; }
	#sidebar .sp { display: block; }
	#sidebar .side_bn1 { margin-bottom: 60px; }
	#sidebar .side_bn1 div > ul {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#sidebar .side_bn1 div > ul li {
		width: 292px;
		margin-top: 0;
	}
	#sidebar .side_bn1 > a {
		display: block;
		width: 290px;
		margin: 0 auto;
	}
	#sidebar .side_bn1 form input { width: 600px; }
	#sidebar .side_bn2 .side_bn2_1 {
		display: flex;
		justify-content: space-around;
		flex-wrap: nowrap;
		padding: 30px;
	}
	#sidebar .side_bn2 .side_bn2_1 > img {
		width: 260px;
		height: 100%;
	}
	#sidebar .side_bn2 .side_bn2_1 .block {
		width: 260px;
		padding: 50px 0;
		box-sizing: border-box;
	}
	#sidebar .side_bn2 .side_bn2_1 .name { margin-bottom: 0; }
	#sidebar .side_bn2 .side_bn2_1 .address { margin: 30px 0; }
	
	/* メインコンテンツ部分
    *****************************************************/
	section.widget_search{text-align:center;}
	
	/* top_block1 */
	.top_block1 {
		width: 880px;
		margin: 0 auto 80px;
	}
	.top_block1 .inner > img { width: 403px; }
	
	/* top_block5 */
	.top_block5 { padding: 25px 30px 60px; }
	.top_block5 .inner { width: 780px !important; }
	.top_block5 .inner .block > img { width: 278px; }
	
	/* top_block6 */
	.top_block6 .inner img { width: 288px; }
	
	/* top_info */
	#top_info { width: 880px; }
	#top_info .inner .block .news_text { width: 700px; }
	
	/* フッター
	*****************************************************/
	#footer .pc { display: none; }
	#footer .sp { display: block; }
	#footer .inner {
		display: block;
		width: 100%;
	}
	#footer .inner .footer_logo h2 {
		width: 100%;
		margin: 30px 0 60px;
		text-align: center;
	}
	#footer .inner .footer_logo h2 .logo { margin-top: 0; }
	
	/* コンタクト
	----------------------------------*/
	#footer .inner .footer_logo .contact { display: none; }
	#footer .inner .footer_menu {
		display: block;
		width: 680px;
		margin: 0 auto;
	}
	#footer .inner .footer_menu .footer_list {
		width: 100%;
		margin-bottom: 40px;
	}
	#footer .inner .footer_menu .footer_list .title {
		display: block;
		width: 100%;
		height: auto;
	}
	
}

/* 幅950px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 950px) {
	body { font-size: 14px; }
	.pc { display: none; }
	.sp { display: block; }
	#wrapper, .inner { width: 100%; }
	#content .inner { width: 100%; }
	#header {
		width: 100%;
		padding: 0;
	}
	#content {
		width: 100%;
		padding: 8% 0;
	}
	#content_page {
		width: 94%;
		margin: 0 auto;
		padding: 8% 0;
	}
	
	/* ロゴ (サイトタイトル)
	----------------------------------*/
	#header h2 {
		width: 82%;
		padding: 15px 0 15px 2%;
		line-height: 1.2;
	}
	#header h2 .logo {
		padding: 0 0 3px;
		margin-top: 2.0vw;
		font-size: 5.3vw;
	}
	#header h2 .logo .small { font-size: 3.8vw; }
	#header h2 .CP1 { font-size: 2.8vw; }
	
	/* トップページ　メイン画像
	----------------------------------*/
	#mainImg { background: url("images/base/Sp_BgMv1.jpg") top center / 100% 100% no-repeat;}
	#mainImg .inner {
		width: 100%;
		height: 100.0vw;
		font-size: 0;
	}
	#mainImg .inner .img1 {
		width: 50.0vw;
		height: auto;
		bottom: -15.0vw;
		left: 0;
	}
	#mainImg .inner .img2 {
        width: 28.0vw;
        bottom: 17.0vw;
        right: 5.0vw;
    }
	#mainImg .inner .block {
		width: 85%;
		top: 10.0vw;
		right: 7.5vw;
	}
	#mainImg .inner .block .box {
		width: 100%;
		padding: 6.5vw 8.5vw 2.5vw;
		font-size: 6.5vw;
		border: 3px solid #ff842e;
	}
	#mainImg .inner .block .box .title {
        width: 80%;
		padding: 2.0vw 1.0vw 1.0vw;
		top: -5.0vw;
        margin-left: -40%;
        font-size: 5.0vw;
		letter-spacing: 3px;
    }
	#mainImg .inner .block .box .small { font-size: 5.5vw; }
	#mainImg .inner .block .box .line { padding: 0; }
	#mainImg .inner .text {
		width: 85%;
		top: 40.0vw;
		right: 7.5vw;
		font-size: 4.8vw;
	}
	#mainImg .inner .name {
        bottom: 1.5vw;
        left: 50%;
        width: 30.0vw;
		font-size: 2.6vw;
		letter-spacing: 1px;
    }
	#mainImg .inner .name .large { font-size: 4.0vw; }
	
	/* メイン画像下
	----------------------------------*/
	/* main1 */
	.main1 {
		margin: 0 0 13.0vw;
		padding: 7.0vw 0 5.0vw
	}
	.main1 .inner { width: 85% !important; }
	.main1 .inner ul { width: 100%; }
	.main1 .inner ul li {
		width: 48%;
		margin-bottom: 2.5vw;
	}
	.main1 .inner ul li:last-child { width: 100%; }
	.main1 .inner ul li:before {
		width: 10.0vw;
		height: 6.5vw;
		top: 50%;
		left: 2.5vw;
		margin-left: 0;
		margin-top: -3.2vw;
	}
	.main1 .inner ul li:nth-of-type(2):before {
		width: 9.0vw;
		height: 8.5vw;
		top: 50%;
		left: 2.0vw;
		margin-left: 0;
		margin-top: -4.2vw;
	}
	.main1 .inner ul li:nth-of-type(3):before {
		width: 7.0vw;
		height: 9.0vw;
		top: 50%;
		left: 3.0vw;
		margin-left: 0;
		margin-top: -4.5vw;
	}
	.main1 .inner ul li:nth-of-type(4):before {
		width: 10.0vw;
		height: 5.0vw;
		top: 50%;
		left: 1.5vw;
		margin-left: 0;
		margin-top: -2.5vw;
	}
	.main1 .inner ul li:nth-of-type(5):before {
		width: 4.6vw;
		height: 7.2vw;
		left: 11.0vw;
		margin-top: -3.6vw;
	}
	.main1 .inner ul li a {
		width: 100%;
		height: 17.0vw;
		padding: 4.8vw 0 4.8vw 10.0vw;
		font-size: 2.8vw;
		line-height: 1.2;
		border: 1px solid #2f3647;
	}
	.main1 .inner ul li:nth-of-type(2) a,
	.main1 .inner ul li:nth-of-type(3) a,
	.main1 .inner ul li:nth-of-type(4) a { padding: 4.8vw 0 4.8vw 10.0vw; }
	.main1 .inner ul li:nth-of-type(5) a {
		width: 100%;
		height: 12.0vw;
		padding: 1.5vw 0;
		font-size: 3.0vw;
		line-height: 1.1;
	}
	.main1 .inner ul li a .large1 { font-size: 6.0vw; }
	.main1 .inner ul li a .large2 { font-size: 3.5vw; }
	.main1 .inner ul li a .large3 { font-size: 3.8vw; }
	.main1 .inner ul li a .large4 { font-size: 4.0vw; }
	
	/* main2 */
	.main2 {
        width: 90%;
		margin: 0 auto 10.0vw;
		padding: 2.0vw;
		border-radius: 10px;
    }
	.main2 .inner { padding: 0 4.0vw 2.0vw; }
	.main2 .inner .block { top: -8.0vw; }
	.main2 .inner .block:after {
		width: 16.0vw;
		height: 15.0vw;
		bottom: 0;
		left: 5.0vw;
	}
	.main2 .inner .block .title {
        width: 100%;
        padding: 2.2vw 3.0vw 1.2vw 25.0vw;
		font-size: 3.3vw;
		text-align: left;
		line-height: 1.3;
		letter-spacing: 0;
		border-radius: 25px;
    }
	.main2 .inner ul {
		width: 85%;
		padding: 0;
		margin: 0 3.0vw 0 auto;
	}
	.main2 .inner ul li { margin-bottom: 6.0vw; }
	.main2 .inner ul li:nth-of-type(3) a .CP1,
	.main2 .inner ul li:nth-of-type(4) a .CP1 { margin: 1.0vw 0 1.5vw; }
	.main2 .inner ul li:before {
		width: 11.0vw;
		height: 8.5vw;
		left: -7.5vw;
		margin-top: -4.2vw;
	}
	.main2 .inner ul li:after {
		width: 6.0vw;
		height: 6.0vw;
        bottom: -6.0vw;
        margin-right: -3.0vw;
    }
	.main2 .inner ul li a {
		justify-content: space-between;
		width: 100%;
		height: auto;
		padding: 3.0vw 2.0vw 3.0vw 3.0vw ;
	}
	.main2 .inner ul li a .step {
		padding: 2.0vw 1.0vw;
		font-size: 3.0vw;
		width: 30%;
	}
	.main2 .inner ul li a .CP1 {
		width: 67%;
		font-size: 3.5vw;
	}
	.main2 .inner ul li a > .box {
		width: 67%;
		font-size: 4.0vw;
	}
	.main2 .inner ul li a > .box .CP1 { width: 100%; }
	.main2 .inner ul li a .CP2 {
		padding: 3.0vw 0;
		font-size: 2.6vw;
	}
	
	/* main3 */
	.main3 { padding: 10.0vw 0; }
	.main3 .inner {
		width: 94%;
		margin: 0 auto;
		padding: 5.0vw 2.0vw;
	}
	.main3 .inner .block1 { margin: 0 0 4.0vw; }
	.main3 .inner .block1:after {
		width: 19.0vw;
		height: 22.0vw;
		left: 5.0vw;
		bottom: 10px;
	}
	.main3 .inner .block1 .box {
        width: 100%;
        padding: 2.0vw 2.0vw 2.0vw 24.0vw;
        font-size: 3.6vw;
		text-align: center;
		border: 10px solid #fff;
    }
	.main3 .inner .block1 .box:before {
		width: 8.0vw;
		height: 16.0vw;
		border-top: 3px solid #33487b;
		border-left: 3px solid #33487b;
		top: -10px;
		left: -10px;
	}
	.main3 .inner .block1 .box:after {
		width: 8.0vw;
		height: 16.0vw;
		border-right: 3px solid #33487b;
		border-bottom: 3px solid #33487b;
		right: -10px;
		bottom: -10px;
	}
	.main3 .inner .block1 .box .large { font-size: 4.8vw; }
	.main3 .inner .block1 .box .red { font-size: 4.8vw; }
	.main3 .inner .block2 { width: 100%; }
	.main3 .inner .block2 img {
        width: 95%;
        margin: 0 auto 6.0vw;
    }
	.main3 .inner .block2 .text_area {
		width: 95%;
		font-size: 14px;
	}
	.main3 .inner .block2 .text_area .text {
		width: 100%;
		margin-top: 4.5vw;
		line-height: 1.2;
	}
	
	nav#mainNav{ width:100%; }
	
	img.alignright,
	img.alignleft {
		display: block;
		margin:5px auto;
	}
	
	.alignright,.alignleft { float:none; }
	
	nav#mainNav a.menu {
		position: absolute;
		width: 12%;
		top: 10px;
		right: 2%;
	}
	nav#mainNav a.menu img { width:100%; }
	
	/*見出し
	*****************************************************/
	#content h1:not(.style_none),
	#content_page h1:not(.style_none) {
		margin: 0 0 5%;
		padding: 2% 5% 3%;
		font-size: 18px;
	}
	#content h1:not(.style_none):after,
	#content_page h1:not(.style_none):after {
		top: -5px;
		left: -4px;
		border: 2px solid #33487b;
	}
	#content h2:not(.style_none),
	#content_page h2:not(.style_none) {
		margin: 4% 0;
		padding: 2% 3% 1%;
		font-size: 16px;
	}
	#content h2:not(.style_none):after,
	#content_page h2:not(.style_none):after {
		height: 1px;
		bottom: 3px;
	}
	#content h3:not(.style_none),
	#content_page h3:not(.style_none) {
		margin: 4% 0;
		padding: 1% 3%;
		font-size: 14px;
	}
	
	/* 下層ページリンクスタイル　※h3と揃える */
	.plist { margin: 5% 0; }
	.plist > ul > li {
		margin: 20px 0;
		padding: 1% 2% 0;
		font-size: 14px;
		font-weight: bold;
	}
	.plist > ul > li:after { width: 25%; }
	.plist > ul > li > ul { padding: 0 5%; }
	
	#sidebar {
		width: 94%;
		padding: 0 0 7%;
	}
	#sidebar h1:not(.style_none) {
		padding: 2% 5% 3%;
        font-size: 18px;
	}
	#sidebar h1:not(.style_none):after {
        top: -5px;
        left: -4px;
        border: 2px solid #33487b;
    }
	
	#sidebar .side_nav { margin-bottom: 10%; }
	#sidebar .side_bn1 { margin-bottom: 10%; }
	#sidebar .side_bn1 form {
		width: 80%;
		margin: 0 auto 10%;
	}
	#sidebar .side_bn1 form input {
		width: 75%;
		height: 8.0vw;
	}
	#sidebar .side_bn1 form button {
		width: 24%;
		height: 8.0vw;
		font-size: 4.0vw;
	}
	#sidebar .side_bn1 > a { width: 60%; }
	#sidebar .side_bn2 .side_bn2_1 { padding: 5.0vw 3.0vw; }
	#sidebar .side_bn2 .side_bn2_1 > img { width: 40%; }
	#sidebar .side_bn2 .side_bn2_1 .block {
		width: 50%;
		padding: 3.0vw 0;
		margin-left: 5.0vw;
	}
	#sidebar .side_bn2 .side_bn2_1 .name {
		margin: 0 0 5.0vw;
		font-size: 4.0vw;
	}
	#sidebar .side_bn2 .side_bn2_1 .address {
		margin: 5.0vw 0;
		font-size: 2.8vw;
	}
	#sidebar .side_bn2 .side_bn2_1 .tel {
		margin-bottom: 1.5vw;
		font-size: 5.5vw;
		letter-spacing: -1px;
	}
	#sidebar .side_bn2 .side_bn2_1 .tel:after {
		width: 3.0vw;
		height: 4.5vw;
		top: 0.5vw;
		left: 1.0vw;
	}
	#sidebar .side_bn2 .side_bn2_1 .time { font-size: 3.0vw; }
	
	/* メインコンテンツ部分
    *****************************************************/
	
	/* top_block1 */
	.top_block1 {
		width: 94%;
		margin: 0 auto 12%;
		padding: 8.0vw 2.0vw 10.0vw;
		filter: drop-shadow(4px 4px 0 #acacac);
	}
	.top_block1 .inner > img {
		width: 65%;
		margin: -11.0vw auto 0;
	}
	.top_block1 .inner .text {
		margin-top: 6.0vw;
		font-size: 3.8vw;
		letter-spacing: 0;
	}
	.top_block1 .inner .block {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.top_block1 .inner ul { margin-top: 6.0vw; }
	.top_block1 .inner ul li {
		margin-top: 2.5vw;
		border: 1px solid #333;
	}
	.top_block1 .inner ul li:first-child {
		padding: 2.2vw 3.0vw;
		margin-top: 5.0vw;
		margin-bottom: 4.2vw;
		font-size: 3.6vw;
	}
	.top_block1 .inner ul li:first-child:after {
		width: 3.0vw;
		height: 3.0vw;
		bottom: -1.5vw;
		margin-right: -1.5vw;
	}
	.top_block1 .inner ul li a {
		width: 100%;
		height: 15.0vw;
		padding: 4.2vw 2.0vw 4.2vw 20.0vw;
		font-size: 2.8vw;
	}
	.top_block1 .inner ul.left li:nth-of-type(2) a,
	.top_block1 .inner ul.right li:nth-of-type(2) a,
	.top_block1 .inner ul.right li:nth-of-type(3) a { padding: 6.0vw 2.0vw 6.0vw 20.0vw; }
	.top_block1 .inner ul li a:before {
		width: 15.0vw;
		height: 15.0vw;
	}
	.top_block1 .inner ul li a:after {
		width: 8px;
		height: 12px;
		top: 50%;
		right: 2.0vw;
		margin-top: -6px;
	}
	.top_block1 .inner ul li a .large { font-size: 3.8vw; }
	.top_block1 .inner ul.left li:nth-of-type(3) a .large { font-size: 3.5vw; }
	.top_block1 .inner ul.right li:nth-of-type(4) a .large { font-size: 3.5vw; }
	
	/* top_block2 */
	.top_block2 {
		width: 94%;
		margin: 0 auto 12% !important;
	}
	.top_block2 .inner ul {
		width: 90%;
		margin: 0 auto;
	}
	.top_block2 .inner ul li {
		width: 46%;
		margin-top: 3.3vw;
	}
	.top_block2 .inner ul li a {
		width: 100%;
		height: 17.0vw;
		padding: 5.0vw 0 5.0vw 17.0vw;
		font-size: 3.0vw;
		border: 1px solid #33487b;
	}
	.top_block2 .inner ul li:nth-of-type(2) a { padding: 3.2vw 0 3.2vw 17.0vw; }
	.top_block2 .inner ul li:nth-of-type(3) a { padding: 5.0vw 0 5.0vw 16.0vw; }
	.top_block2 .inner ul li:nth-of-type(4) a { padding: 7.0vw 0 7.0vw 17.0vw; }
	.top_block2 .inner ul li:nth-of-type(5) a { padding: 5.0vw 0 5.0vw 17.0vw; }
	.top_block2 .inner ul li:nth-of-type(6) a { padding: 5.0vw 0 5.0vw 17.0vw; }
	.top_block2 .inner ul li:nth-of-type(7) a { padding: 5.0vw 0 5.0vw 17.0vw; }
	.top_block2 .inner ul li:nth-of-type(8) a { padding: 5.0vw 0 5.0vw 17.0vw; }
	.top_block2 .inner ul li a:before {
		width: 12.0vw;
		height: 12.0vw;
		left: 2.0vw;
		margin-top: -6.0vw;
	}
	.top_block2 .inner ul li a:after {
		width: 3.0vw;
		height: 3.0vw;
		bottom: 1.0vw;
		right: 1.0vw;
	}
	
	/* top_block3 */
	.top_block3 {
		width: 94%;
		margin: 0 auto 12% !important;
	}
	.top_block3 .inner ul li a {
		padding: 4.0vw 6.5vw 4.0vw 12.0vw;
		font-size: 3.3vw;
	}
	.top_block3 .inner ul li a:before {
		width: 9.0vw;
		height: 9.0vw;
		left: 0;
		margin-top: -4.5vw;
	}
	.top_block3 .inner ul li a:after {
		width: 5.0vw;
		height: 5.0vw;
		right: 0;
		margin-top: -2.5vw;
	}
	
	/* top_block4 */
	.top_block4 {
		width: 94%;
		margin: 0 auto 12% !important;
	}
	.top_block4 .inner ul li {
		background: url(images/base/BgTop4_1.jpg) 0 0 / 65% 100% no-repeat, #fff;
		width: 47%;
		margin-top: 3.0vw;
		border: 3px solid #bdc9e5;
	}
	.top_block4 .inner ul li:nth-of-type(2) { background: url("images/base/BgTop4_2.jpg") 0 0 / 65% 100% no-repeat,#fff; }
	.top_block4 .inner ul li:nth-of-type(3) { background: url("images/base/BgTop4_3.jpg") 0 0 / 65% 100% no-repeat,#fff; }
	.top_block4 .inner ul li:nth-of-type(4) { background: url("images/base/BgTop4_4.jpg") 0 0 / 65% 100% no-repeat,#fff; }
	.top_block4 .inner ul li:nth-of-type(5) { background: url("images/base/BgTop4_5.jpg") 0 0 / 65% 100% no-repeat,#fff; }
	.top_block4 .inner ul li:nth-of-type(6) { background: url("images/base/BgTop4_6.jpg") 0 0 / 65% 100% no-repeat,#fff; }
	.top_block4 .inner ul li:nth-of-type(7) { background: url("images/base/BgTop4_7.jpg") 0 0 / 65% 100% no-repeat,#fff;  }
	.top_block4 .inner ul li:nth-of-type(8) { background: url("images/base/BgTop4_8.jpg") 0 0 / 65% 100% no-repeat,#fff; }
	.top_block4 .inner ul li a {
		width: 100%;
		height: 17.5vw;
		padding: 5.7vw 0 0 14.0vw;
		font-size: 3.0vw;
		text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
	}
	.top_block4 .inner ul li:nth-of-type(1) a { padding: 3.5vw 0 0 25.0vw; }
	.top_block4 .inner ul li:nth-of-type(2) a { padding: 4.0vw 0 0 21.0vw; }
	.top_block4 .inner ul li:nth-of-type(3) a { padding: 5.8vw 0 0 12.5vw; }
	.top_block4 .inner ul li:nth-of-type(8) a { padding: 7.0vw 0 0 16.0vw; }
	.top_block4 .inner ul li a .large1 {
		padding-left: 2.0vw;
		font-size: 9.0vw;
	}
	.top_block4 .inner ul li a .large2 { font-size: 3.8vw; }
	.top_block4 .inner ul li a:after {
		border-top: 4px solid transparent;
		border-right: 4px solid #33487b;
		border-bottom: 4px solid #33487b;
		border-left: 4px solid transparent;
	}
	
	/* top_block5 */
	.top_block5 {
		margin-bottom: 12% !important;
		padding: 5.0vw 0 8.0vw;
	}
	.top_block5 .inner { width: 100% !important; }
	.top_block5 .inner .block {
		width: 100%;
		padding: 0 4.0vw 2.0vw 6.0vw;
		box-sizing: border-box;
	}
	.top_block5 .inner .block > img {
		width: 35.0vw;
		height: 100%;
	}
	.top_block5 .inner .block .text_area {
		width: 55%;
		margin-top: 3.0vw;
	}
	.top_block5 .inner .block .text_area .CP2 { font-size: 2.6vw; }
	.top_block5 .inner .block .text_area .CP1 { font-size: 4.0vw; }
	.top_block5 .inner .block .text_area img { margin: 2.0vw 0; }
	.top_block5 .inner .item .wpcf7_th,
	.top_block5 .inner .item .wpcf7_td {
		padding: 3.0vw 2.0vw;
		font-size: 2.8vw;
	}
	.top_block5 .inner .item .wpcf7_th { width: 35%; }
	.top_block5 .inner .item .wpcf7_td { width: 65%; }
	.top_block5 .inner .button {
		width: 60%;
		margin: 6.0vw auto 0;
	}
	.top_block5 .inner .button input[type="submit"] {
		padding: 2.0vw 4.0vw;
		font-size: 3.5vw;
		letter-spacing: 2px;
	}
	.top_block5 .inner .button:before {
		width: 8px;
		height: 10px;
		right: 2.0vw;
		top: 4.0vw;
	}
	
	/* top_block6 */
	.top_block6 {
		width: 94%;
		margin: 0 auto 12% !important;
	}
	.top_block6 h1 { margin-bottom: 2% !important; }
	.top_block6 .inner .block1 { margin-top: 2.0vw; }
	.top_block6 .inner .block1:after {
		width: 6.5vw;
		height: 8.5vw;
		bottom: -8.9vw;
		margin-left: -3.2vw;
	}
	.top_block6 .inner .block1:nth-of-type(2):before {
		width: 18.0vw;
		height: 18.0vw;
		top: 2.0vw;
		right: 0;
	}
	.top_block6 .inner .block1 .item { padding-bottom: 3.0vw; }
	.top_block6 .inner .block1 .item img {
		width: 40%;
		margin: 3.0vw 3.0vw 1.5vw 3.0vw;
	}
	.top_block6 .inner .block2 .item {
		width: 48%;
		margin-top: 2.5vw;
	}
	.top_block6 .inner .block2 .item:after {
		width: 6.5vw;
		height: 8.5vw;
		top: -2.0vw;
		margin-left: -3.2vw;
	}
	.top_block6 .inner .block2 .item:nth-of-type(1):before {
		width: 15.0vw;
		height: 15.0vw;
		top: 4.0vw;
		right: -3.0vw;
		z-index: 2;
	}
	.top_block6 .inner .block2 .item .box {
		width: 100%;
		padding-bottom: 3.0vw;
	}
	.top_block6 .inner .title {
		padding: 1.8vw 2.0vw 1.8vw 19.0vw;
		font-size: 3.3vw;
	}
	.top_block6 .inner .step {
		padding: 2.0vw 2.0vw 1.0vw;
		top: 5.5vw;
		left: 1.0vw;
		font-size: 3.0vw;
	}
	.top_block6 .inner .step:after {
		bottom: -7px;
		right: 2px;
		border-top: 4px solid #ff842e;
		border-right: 2px solid #ff842e;
		border-bottom: 4px solid transparent;
		border-left: 2px solid transparent;
	}
	.top_block6 .inner .step .large { font-size: 3.8vw; }
	.top_block6 .inner .text_area { font-size: 3.0vw; }
	.top_block6 .inner .block1 .text_area .text { margin: 5.0vw 5.0vw 0 5.0vw; }
	.top_block6 .inner .block2 .text_area .text { margin: 3.0vw 3.0vw 0; }
	.top_block6 .inner .block2 .box img {
		width: 80%;
		margin: 5.0vw auto 0;
	}
	
	/* top_contact */
	.top_contact {
		width: 94%;
		margin: 0 auto 12% !important;
	}
	#content_page .top_contact {
		width: 100%;
		margin: 10% auto 0 !important;
	}
	.top_contact .inner .tel {
		top: 15.0vw;
		left: 19.5vw;
		font-size: 8.5vw;
	}
	.top_contact .inner .tel a {
		pointer-events: auto;
		padding-left: 4.8vw;
		font-size: 6.0vw;
		border-bottom: 1px solid #333;
		letter-spacing: -1px;
	}
	.top_contact .inner .tel a:after {
		width: 3.1vw;
		height: 5.5vw;
		top: -0.5vw;
		left: 1.0vw;
	}
	.top_contact .inner .time {
		bottom: 3.5vw;
		left: 21.5vw;
		font-size: 3.0vw;
		letter-spacing: 1px;
	}
	
	/* top_info */
	#top_info {
		width: 94%;
		margin: 0 auto 12%;
	}
	
	#top_info .inner .block {
		padding: 3% 0;
		margin: 0;
	}
	#top_info .inner .block .news_date {
		width: 25%;
		text-align: left;
	}
	#top_info .inner .block .news_text {
	  width: 70%;
	  padding-right: 0;
	}
	
	/*　お問い合わせフォーム　*/
	.wpcf7 {
		margin-bottom: 10px;
		border-top: 1px solid #ccc;
	} 
	.wpcf7 .inner {
		display:table;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-top: none;
	}
	.wpcf7_th, .wpcf7_td {
		display:table-cell;
		padding: 10px;
		background: #fff;
	}
	.wpcf7_th {
		background: #efeff1;
		text-align: left;
		width: 30%;
		vertical-align: top;
	}
	.wpcf7_td { width: 200px; }
	.wpcf7_td [type="checkbox"] { width: 30px; }
	.wpcf7_td_1 {
		display: block;
		padding: 10px;
		border-bottom:1px solid #ccc;
		background: #fff;
	}
	.wpcf7_td_1_last { border-bottom: none; }
	.wpcf7_td_1 [type="number"] { width: 30px; }
	.wpcf7 .wpcf7_text1 {
		font-size: 90%;
		color: #73573c;
	}
	.wpcf7 .wpcf7_text2 { font-size: 90%; }
	.wpcf7_td textarea,.wpcf7_td input { width: 200px; }
	.wpcf7_td input[type=radio] { width: auto; }
	.wpcf7_td label{ display: inline-block; }
	.wpcf7 p { margin-top: 5px; }
	.wpcf7 .tableWide { width:100% !important; }
	.wpcf7 .tableWide tr { display:inline; }
	.wpcf7 .tableWide th,
	.wpcf7 .tableWide td {
		display:block; 
		width: 100% !important; 
		box-sizing: border-box;
	}
	.wpcf7 .confirmation .first { margin-top:2%; }
	.wpcf7 .confirmation .last { margin-bottom:2%; }
	.wpcf7 .confirmation .first input {
		display:inline-block;
		margin:1% 0 0 0;
		width:10%;
		min-height:15px;
		vertical-align:top;
	}
	.wpcf7 .confirmation .first span {
		display:inline-block;
		width:90%;
	}
	.wpcf7 .confirmation .last input { display: none; }
	.wpcf7 .confirmation .last span {
		display:block;
		margin-left:10%;
	}
	
	/* フッター
	*****************************************************/
	#footer .office {
    padding: 1.5vw 0 0.5vw;
    font-size: 4.5vw;
}
	#footer iframe { height: 200px; }
	#footer .inner {
		width: 100%;
		padding: 8% 4% 3%;
	}
	
	#footer .inner .footer_logo { width: 100%; }
	#footer .inner .footer_logo h2 {
		margin: 3.0vw 0 5.0vw;
		font-size: 3.5vw;
	}
	#footer .inner .footer_logo h2 .logo {
		margin-bottom: 2.0vw;
		font-size: 5.3vw;
	}
	#footer .inner .footer_logo h2 .logo .small { font-size: 4.0vw; }
	#footer .inner .footer_logo h2 .CP1 {
		margin-bottom: 1.0vw;
		font-size: 3.5vw;
	}
	#footer .inner .footer_menu {
		width: 90%;
		margin: 0 auto;
	}
	#footer .inner .footer_menu .footer_list { margin-bottom: 5.5vw; }
	#footer .inner .footer_menu .footer_list .title {
		padding: 2.0vw;
		font-size: 3.5vw;
		border-bottom: 1px solid #fff;
	}
	#footer .inner .footer_menu .footer_list ul {
		margin-top: 3.0vw;
		padding: 0 1.0vw;
	}
	#footer .inner .footer_menu .footer_list ul li {
		margin-top: 1.5vw;
		font-size: 3.0vw;
	}
	
	/* ロゴ (サイトタイトル)
	----------------------------------*/
	/* 固定バナー */
	.footer_fix {
		display: block;
		position: fixed;
		background: #33487b;
		width: 100%;
		bottom: 0;
		left: 0;
		border-top: 1px solid #add8f9;
		z-index: 100;
	}
	.footer_fix ul {
		display: table;
		width: 100%;
		margin: 0;
		padding: 5px 0 0;
		border-spacing: 15px 7px;
		box-sizing: border-box;
	}
	.footer_fix li {
		display: table-cell;
		vertical-align: top;
	}
	.footer_fix li:first-child {
		position: relative;
		width: 24%;
	}
	.footer_fix li:nth-of-type(2) .CP1 {
		background: #add8f9;
		padding: 1.5vw 0 0.5vw;
		margin-bottom: 1.0vw;
		color: #333;
		font-size: 2.8vw;
		font-weight: bold;
		text-align: center;
		line-height: 1.0;
	}
	.footer_fix li:nth-of-type(2) .CP2 {
		position: relative;
		padding: 0.5vw 0 1.0vw;
		margin: 2.5vw 0 1.5vw;
		font-size: 6.3vw;
		font-weight: bold;
		text-align: right;
		border-bottom: 1px solid #fff;
		line-height: 1.0;
	}
	.footer_fix li:nth-of-type(2) .CP2:after {
		position: absolute;
		content: "";
		display: block;
		background: url(images/base/BgTel.png) 0 0 / 100% 100% no-repeat;
		width: 3.7vw;
        height: 6.0vw;
        top: 0;
        left: 0;
	}
	.footer_fix li:nth-of-type(2) .CP2 a { color: #ff842e; }
	.footer_fix li:nth-of-type(2) .CP3 {
		position: relative;
		padding: 0;
		color: #fff;
		font-size: 3.6vw;
		text-align: center;
		line-height: 1.1;
	}
	.footer_fix li:last-child {
		position: relative;
		width: 12%;
	}
	
	#copyright{
		margin-bottom: 26%;
		padding: 15px 0 25px;
		font-size: 12px;
	}
}
