charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:900');







/*-----------------------
 サイドメニュー
-----------------------*/
.module {
}
.lv1 a{
    color: #fff;
	margin-bottom: 10px;
	display: inline-block;
	padding: 5px 15px;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.8rem;
	background: #03004c;
	/*background: #888;*/
	font-weight: 300;
}
.lv2 {
    color: #000;
    padding: 2px 10px !important;
    font-size: 1.4rem;
    background: url("../images/list_black.png") no-repeat 10px 13px;
}

.lv2 a{
	color: #000;
}
.lv3{
	padding-bottom: 10px;
	font-size: 1.2rem;
	padding: 2px 10px !important;
}
.lv3::before{
	content: "・";
	padding-left: 10px;
	margin-bottom: 10px;
}

ol.numlist{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 1.5em;
}
ol.numlist li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 10px 30px;
  padding: 10px 15px;
  background: #fff;
}
ol.numlist li::before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -50px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  background: #e29367;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font: 18px/2.0 'arial narrow', sans-serif;
}
ol.numlist li::after{
  content:"";
  display: block;
  position: absolute;
  left: -20px;
  height: 0;
  width: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 17px solid #e29367;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



/*-----------------------
 汎用ページ
-----------------------*/
#hanyou {
	padding-top: 50px;
}
/* 見出しタイトル */
#ttl {
	width: 100%;
	position: relative;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:767px) {
#ttl {
	width: 100%;
}
}
#ttl h2 {
	position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
	left: 0px;
	padding: 5px 40px;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
}
#ttl img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: -8px;
}
/* メインカラム */
#left_col {
	width: 73%;
}
/* サイドバナー */
#right_col {
	width: 20%;
}
/* h3～h6 */
h2,h3,h4,h5,h6 {
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
line-height: 1.3;
}

.title {
}

.h3 h3 {
	font-size: 3.6rem;
	font-weight: bold;
	letter-spacing: 2px;
	padding-bottom: 20px;
	color: #534741;
	text-align: center;
background-image: url("../images/h3_bg.png");
background-repeat: no-repeat;
background-position: bottom center;
}
.h3 {
    position: relative;
    margin-bottom:50px;
	margin-top: 100px;
	text-align: center;
}
.h3::before {

}

.h3 i {
	margin-right: 10px;
}
.h3 .h3_sub {
display: inline-block;
font-size: 16px;
letter-spacing: 2px;
color: #fff;
background-color: #009fec;
text-align: center;
padding: 2px 30px;
border-radius: 50px;
margin-bottom: 10px;
font-family: 'Questrial', sans-serif;
font-weight: normal;
}
#steps .h3 .h3_sub {
background-color: #e75296;
}
#hands .h3 .h3_sub {
background-color: #f8bb00;
}
#contact .h3 .h3_sub {
background-color: #a7c870;
}

.h3:first-of-type {
	margin-top: 0px;
}
.h5 {
	position: relative;
	padding: 0px;
	margin-bottom: 20px;
background-image: url("../images/h5_bg.png");
background-size: 28px auto;
background-position: center left 12px;
background-repeat: no-repeat;
padding: 10px 10px 5px 50px;
}
.h5 h5 {
	letter-spacing: 1px;
font-size: 2rem;
color: #534741;
font-weight: bold;
}
/*
.h5:after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
height: 4px;
width: 100%;
background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #03004c 2px, #03004c 4px);
background: repeating-linear-gradient(45deg, #fff, #fff 2px, #03004c 2px, #03004c 4px);
}
*/
.h5 i {
	margin-right: 10px;
}
.h5:first-of-type {
	margin-top: 0px;
}
.h3 + .h4 {
	margin-top: 0px;
}
.h4 {
position: relative;
margin-top: 20px;
margin-bottom: 30px;
border: inherit;
border-radius: 8px;
padding: 8px 10px;
background-image: url(../images/h4_bg.png);
background-repeat: repeat-y;
background-position: left 10px top;
}
.h4::before {
	content: "";
	position: absolute;
width: 100px;
height: 100px;
top: -50px;
right: 0;
left: 0;
margin: auto;
}
.h4 h4{
/*	letter-spacing: 3px;*/
	font-size: 2.0rem;
	font-weight: 200;
	font-weight: bold;
/*	color: #4D4D4D;*/
color: #534741;
/*
text-align: center;
text-shadow: 1px 1px 2px #000;
*/letter-spacing: 1px;
z-index: 99;
position: relative;
padding-left: 18px;
}
.h4 h4 span {
z-index: 99;
position: relative;
}
/*.h5::before {
	content: "\f111";
	position: absolute;
	top: 10px;
	left: 5px;
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #03004c;
	font-size: 60%;
}*/

.h4 i {
	margin-right: 10px;
}
.h4:first-of-type {
	margin-top: 0px;
}
.h4 + .h5 {
	margin-top: 0px;
}
.h6 {
	display: block;
	padding: 5px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 100%;
	font-weight: bold;
	color: #e7284c;
	border-bottom: 2px solid;
}
/* テキストエリア */
.text{
}
.text_area {
	padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.text_area2 {
    padding-bottom: 10px;
padding-right: 20px;
padding-left: 20px;
}
/* リストエリア */
.list_area {
	margin-left: 10px;
	padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.list_area ul {
}
.list_area li {
	position: relative;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 100%;
}
.list_area li::before {
	content: "\f111";
	position: absolute;
	top: 2px;
	left: 0px;
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #03004c;
	font-size: 60%;
	text-shadow: 0 0 2px #888;
}
#knocks .list_area li::before {
color: #69a8ec;
}
#steps .list_area li::before {
color: #ef97ca;
}
#hands .list_area li::before {
color: #ffb533;
}
#contact .list_area li::before {
color: #a7c870;
}


.list_area li:last-of-type {
	padding-bottom: 0;
}
/* リストエリア2 */
.list_area2 {
	margin-left: 10px;
	padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #534741;
}
.list_area2 ul {
}
.list_area2 li {
	position: relative;
	padding-bottom: 10px !important;
	padding-left: 30px !important;
}
.list_area2 li:last-of-type {
	padding-bottom: 0px !important;
}
.list_area2 li::before {
text-shadow: 0 0 2px #888;
	content: "\f45c" !important;
	/*content: "\f14a" !important;*/
	position: absolute;
	top: 3px !important;
	left: 0px;
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #03004c;
font-size: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#knocks .list_area2 li::before {
color: #69a8ec;
}
#steps .list_area2 li::before {
color: #ef97ca;
}
#hands .list_area2 li::before {
color: #ffb533;
}
#contact .list_area2 li::before {
color: #a7c870;
}



/* リンクボタン1 */
.link_bnr {
	margin-top: 30px;
	text-align: right;
}
.link_bnr a {
	display: inline-block;
	padding: 10px 40px;
	letter-spacing: 2px;
	text-decoration: none !important;
	color: #fff;
	background: #03004c;
	border-radius: 30px;
	box-shadow: 5px 5px 5px #ccc;
	text-align: center !important;
	color: #fff !important;
}
#knocks .link_bnr a {
	background: #009fec;
}

.link_bnr a::before {
	padding-right: 10px;
	content: url(../images/list_wht.png);
}
.link_bnr a:hover {
	background: #ccc;
	transition: background 0.5s;
}
.link_bnr a img {
	max-width: 100%;
	height: auto;
}
/* リンクボタン2（全幅） */
.link_bnr2 {
	margin-top: 100px;
	margin-bottom: 60px;
	text-align: center;
}
.link_bnr2 a {
	display: block;
	padding: 60px 5px;
	font-size: 180%;
	letter-spacing: 2px;
	color: #fff;
	background: #03004c;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #ccc;
}
.link_bnr2 a::before {
	content: "\f101";
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
.link_bnr2 a:hover {
	background: #ccc;
	transition: background 0.5s;
}
.link_bnr2 a img {
	max-width: 100%;
	height: auto;
}
/* リンクボタン3（背景画像入り全幅） */
.link_bnr3 {
	position: relative;
	margin-top: 100px;
	padding-bottom: 40px;
	text-align: center;
}
.link_bnr3 img {
	width: 100%;
	height: auto;
	object-fit: cover;
	box-shadow: 5px 5px 5px #ccc;
	border-radius: 5px;
}
.link_bnr3 a {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	height: 80%;
	font-size: 180%;
	letter-spacing: 2px;
	text-shadow: 2px 2px 2px #000;
	color: #fff !important;
}
.link_bnr3 a::before {
	content: "\f101";
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
.link_bnr3 a:hover {
	background: rgba(255,255,255,0.5);
	transition: background 0.5s;
}
/* float右画像 */
.float_r {
	padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.float_r a {
	text-decoration: underline;
}
.float_r::after {
	content: " ";
	display: block;
	clear: both;
}
.float_r img {
	max-width: 100%;
	height: auto;
}
.float_r .in_r {
	width: 45%;
	float: right;
}
.float_r .in_r .img_area {
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 20px;
}
.float_r .in_r .img_area a {
	max-width: 100%;
}
/* float左画像 */
.float_l {
	padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.float_l::after {
	content: " ";
	display: block;
	clear: both;
}
.float_l a {
	text-decoration: underline;
}
.float_l .in_l {
	width: 45%;
	float: left;
}
.float_l .in_l .img_area {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}
 .float_l ..in_l img_area a {
max-width: 100%;
}
.float_l img {
	max-width: 100%;
	height: auto;
}
/* 2カラムBOX */
.box_2col {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}
.box_2col a {
	text-decoration: underline;
}
.box_2col .in {
	width: 50%;
	padding-bottom: 20px;
}
.box_2col .in img {
	max-width: 100%;
	height: auto;
}
.box_2col a {
	display: inline-block;
}
.box_2col .img_area {
	margin-bottom: 10px;
padding-right: 20px;
padding-left: 20px;
	text-align: center;
}
.box_2col .img_area a {
/*	border: 1px solid #d96e8f;*/
}
.box_2col .bnr_area a {
	max-width: 100%;
	height: auto;
}
.box_2col .bnr_area img {
	max-width: 100%;
	height: auto;
}
.box_2col .img_area img {
	max-width: 100%;
	height: auto;
}
.box_2col .in .ttl {
	margin-bottom: 8px;
padding-right: 20px;
padding-left: 20px;
}
.box_2col .in .text {
	padding-right: 20px;
	padding-left: 20px;
}
.box_2col .in .link_bnr {
padding-right: 20px;
padding-left: 20px;
}
/* 3カラムBOX */
.box_3col {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}
.box_3col a {
	text-decoration: underline;
}
.box_3col .in {
	width: 33.3333%;
	padding-bottom: 20px;
}
.box_3col .in img {
	max-width: 100%;
	height: auto;
}
.box_3col .in a {
	display: block;
}
.box_3col .in .img_area {
padding-right: 20px;
padding-left: 20px;
}
.box_3col .in .img_area a {
}
.box_3col .img_area {
	margin-bottom: 10px;
}
.box_3col .img_area img {
	max-width: 100%;
	height: auto;
}
.box_3col .ttl {
	margin-bottom: 8px;
padding-right: 20px;
padding-left: 20px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #f90;
}
.box_3col .text {
	padding-right: 20px;
	padding-left: 20px;
}
.box_3col .in .link_bnr {
padding-right: 20px;
padding-left: 20px;
}
/* 4カラムBOX */
.box_4col {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}
.box_4col a {
	text-decoration: underline;
}
.box_4col .in {
	width: 25%;
	padding-bottom: 20px;
}
.box_4col .in .img_area {
padding-right: 20px;
padding-left: 20px;
}
.box_4col .in img {
	max-width: 100%;
	height: auto;
}
.box_4col .in a {
	display: block;
}
.box_4col .img_area {
	margin-bottom: 10px;
	text-align: center;
padding-right: 20px;
padding-left: 20px;
}
.box_4col .img_area img {
	max-width: 100%;
	height: auto;
}
.box_4col .text {
	padding-right: 20px;
	padding-left: 20px;
}
/* img_box */
.img_box {
padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
text-align: center;
}
.img_box img {
max-width: 100%;
height: auto;
}
.img_box2 {
padding-right: 20px;
padding-left: 20px;
text-align: center;
}
.img_box img {
max-width: 100%;
height: auto;
}

.img_bd img {
border: 4px solid #fff;
box-shadow: 2px 2px 5px #ccc;
}

/* テーブル */
.tbl_area,
.tbl_area2 {
padding-right: 20px;
padding-left: 20px;
	padding-bottom: 60px;
font-size: 15px;
line-height: 1.3;
}
.tbl_area table,
.tbl_area2 table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.tbl_area2 table {
table-layout: fixed; 
}
.tbl_area span,
.tbl_area2 span {
}
.tbl_area tr,
.tbl_area2 tr {
}
.tbl_area th,
.tbl_area2 th {
	font-weight: normal;
	text-align: left;
	background: #eee;
	border: 1px solid #ccc;
}
.tbl_area th {
width: 200px;
padding: 10px;
}
.tbl_area2 th {
text-align: center;
padding: 5px 10px;
}
.tbl_area td,
.tbl_area2 td {
	padding: 10px 20px;
	background: #fff;
		border: 1px solid #ccc;
}

/* バナーリンク */
.bnrlink_area {
	padding-bottom: 60px;
}
.bnrlink_area a {
text-decoration: none;
}
.bnrlink_area ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.bnrlink_area li {
width: 33.333333%;
padding-right: 20px;
padding-left: 20px;
}
.bnrlink_area li a {
display: block;
margin-bottom: 40px;
padding: 20px 5px;
text-align: center;
letter-spacing: 2px;
color: #fff;
background: #03004c;
border-radius: 40px;
box-shadow: 2px 3px 5px #ccc;
font-weight: bold;
text-decoration: none;
}
#knocks .bnrlink_area li a {
background: #009fec;
}
#steps .bnrlink_area li a {
background: #e75296;
}
#hands .bnrlink_area li a {
background: #f8bb00;
}
#contact .bnrlink_area li a {
background: #a7c870;
}



.bnrlink_area li a:hover {
	background: #7875C1;
	transition: background 0.5s;
text-decoration: none;
}
.bnrlink_area li img {
}
/* 赤文字 */
.red_text {
	color: #e63535
}
/* フォーム要素 */
form {
}

input[type="text"],
input[type="email"] {
width: 100%;
padding: 5px 10px;
background: #eaeaea;
border: none;
}

form .tel,
form .postal_code {
width: 200px;
}

form .small {
margin: 0 11px;
width: 100px;
}

form .small2 {
margin: 0 11px 0 0;
width: 100px;
}

select {
width: 200px;
margin-bottom: 5px;
padding: 2px;
background: #eaeaea;
border: none;
}

textarea {
width: 100%;
padding: 5px 10px;
background: #eaeaea;
border: none;
}

.form_btn {
margin-top: 40px;
padding-bottom: 100px;
text-align: center;
}
input{
	border: none;
}
input[type="submit"] {
cursor: pointer;
cursor: hand;
width: 200px;
padding: 10px 5px;
font-size: 100%;
font-weight: bold;
color: #fff;
background: #e75296;
border-radius: 30px;
letter-spacing: 2px;
}

input[type="reset"] {
cursor: pointer;
cursor: hand;
width: 200px;
margin-right: 40px;
padding: 10px 5px;
font-weight: bold;
font-size: 100%;
color: #888;
background: #fff;
border-radius: 30px;
border: 2px solid #888;
letter-spacing: 2px;
}

input[type="submit"]:hover {
background: #ff9cc9;
transition: background 0.5s;
}

input[type="reset"]:hover {
background: #eee;
transition: background 0.5s;
}

.checkbox_area {
}

.checkbox_area p {
margin-right: 30px;
float: left;
}



/* フォーム用テーブル */
.form_tbl {
}

.form_tbl tr {
border: none;
}

.form_tbl th {
width: 200px;
text-align: right;
line-height: 1.2em;
}

/**************************************************************/
@media screen and (max-width: 767px) {


input[type="submit"] {
width: 200px;
display: block;
margin-right: auto;
margin-left: auto;
}

input[type="reset"] {
width: 200px;
margin-bottom: 10px;
display: block;
margin-right: auto;
margin-left: auto;
}
.form_btn {
    margin-top: 20px;
    padding-bottom: 40px;
}
#ttl {
	margin-bottom: 40px;
}
#ttl img {
    width: 100%;
    height: auto;
}
/* h3～h6 */
.title {
}
.h3 h3 {
font-size: 2.5rem;
letter-spacing: 0;
}
.h3 {
	margin-top: 50px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
.h3 p {
	padding: 10px 10px 0 10px;
	letter-spacing: 2px;
}
.h3:first-of-type {
}
.h4 {
	margin-top: 50px;
	margin-bottom: 20px;
}
.h4 h4 {
font-size: 2rem;
	letter-spacing: 0;
}
.h5 {
	margin-top: 20px;
background-position: 5px 8px;
padding-left: 30px;
padding: 10px 10px 5px 40px;
background-position: center left 12px;
}
.h5 h5 {
font-size: 2rem;
	letter-spacing: 0;
	padding: 5px 10px;
}
/* テキストエリア */
.text_area {
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 40px;
	padding-right: 10px;
	padding-left: 10px;
}
/* リストエリア */
.list_area {
margin-right: 0px;
margin-left: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 40px;
}
.list_area ul {
}
.flex-container.sp_cl li .list_area li,
.list_area li {
	padding-left: 20px !important;
	padding-top: 0 !important;
}
/* リストエリア2 */
.list_area2 {
margin-right: 0px;
margin-left: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 40px;
font-size: 17px;
letter-spacing: 0;
}
.list_area2 ul {
}
.flex-container.sp_cl li .list_area2 li,
.list_area2 li {
	padding-bottom: 20px !important;
	padding-left: 30px !important;
	padding-top: 0 !important;
}
/* リンクボタン1 */
.link_bnr {
	margin-right: 0;
	margin-left: 0;
}
/* リンクボタン3（背景画像入り全幅） */
.link_bnr3 {
	margin-top: 30px;
}
.link_bnr3 a {
	height: 60%;
	font-size: 140%;
	letter-spacing: 0;
}
.link_bnr3 a::before {
	content: "\f101";
}
/* float右画像 */

.float_r .in_l {
	padding-bottom: 0;
}
.float_r .in_r {
	float: none;
	width: 100%;
	padding-bottom: 0px;
}
.float_r .in_r .img_area {
	padding-left: 0;
padding-bottom: 10px;
padding-top: 0;
}
/* float左画像 */


.float_l .in_l {
	float: none;
	width: 100%;
	padding-bottom: 0px;
}
.float_l .in_l .img_area {
	padding-right: 0;
padding-bottom: 10px;
padding-top: 0;
}
.float_l .in_r {
	padding-bottom: 0;
}
/* 2カラムBOX */
.box_2col {
	display: block;
	margin-right: 0;
	margin-left: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 40px;
}
.box_2col .in {
	width: 100%;
}
.box_2col .img_area {
	padding-right: 0;
	padding-left: 0;
}
.box_2col .in .ttl {
	padding-right: 0;
	padding-left: 0;
}
.box_2col .in .text {
	padding-right: 0;
	padding-left: 0;
}
.box_2col .in .link_bnr {
	padding-right: 0;
	padding-left: 0;
}
/* 3カラムBOX */
.box_3col {
	display: block;
	margin-right: 0;
	margin-left: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 40px;
}
.box_3col .in {
	width: 100%;
}
.box_3col .in:last-of-type {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.box_3col .in .img_area {
	padding-right: 0;
	padding-left: 0;
}
.box_3col .in .img_area a {
}
.box_3col .img_area {
	margin-bottom: 10px;
	text-align: center;
}
.box_3col .img_area img {
}
.box_3col .ttl {
	padding-right: 0;
	padding-left: 0;
}
.box_3col .text {
	padding-right: 0;
	padding-left: 0;
}
.box_3col .in .link_bnr {
	padding-right: 0;
	padding-left: 0;
}
/* 4カラムBOX */
.box_4col {
	display: block;
	margin-right: 0;
	margin-left: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 40px;
}
.box_4col .in {
	width: 100%;
}
.box_4col .img_area {
padding-right: 0 !important;
padding-left: 0 !important;
margin-bottom: 10px !important;
}
.box_4col .ttl {
	padding-right: 0;
	padding-left: 0;
}
.box_4col .text {
	padding-right: 0;
	padding-left: 0;
}
.box_4col .in .link_bnr {
	padding-right: 0;
	padding-left: 0;
}
/* テーブル */
.tbl_area {
	margin-right: 0;
	margin-left: 0;
padding-bottom: 40px;
padding-right: 10px;
padding-left: 10px;
}
.tbl_area table {
	width: 100%;
	border: none;
}

.tbl_area th:not(.tbl_area2) {
	display: block;
	width: auto;
	padding: 10px;
	text-align: left;
	font-weight: bold;
border-bottom: 0 !important;
}
.tbl_area td {
	display: block;
	width: auto;
	margin-bottom: 5px;
padding: 10px !important;
}
.event_tbl tr {
border-bottom: 1px solid #ccc;
}
/* バナーリンク */

.bnrlink_area {
	padding-top: 20px;
	padding-bottom: 30px;
}
.bnrlink_area ul {
	display: block;
}
.bnrlink_area li {
	width: 100%;
}
#right_col {
	width: 100%;
}
}

.contact-img9 p {
margin-bottom: 10px;
}


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

header .inner {
max-width: none;
}

.inner {
max-width: inherit;
margin: auto;
padding: 0;
}

.fb-box iframe {
    width: 100% !important;
}


footer {
    min-width: 0;
    }


.wrap_hd {
    min-width: 0;

}


.pt110 {
    min-width: 0;
}

#ttl .container {
    min-width: 0;
}





}

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

#sub_navi .flex-container {
    display: block;
}


#sub_navi > ul > li:nth-child(1) {
    width: 100%;
    display: block;
}

#sub_navi > ul > li:nth-child(2) {
    width: 100%;
    display: block;
    padding-bottom: 15px;
}



}

@media screen and (max-width:767px) {
.fb-box iframe {
}

#sub_navi > ul > li:nth-child(2) {
    display: none;
}

.contents {
width: 92%;
    padding: 0;
    margin: auto;
}

.sidemenu {
    width: 290px;
    padding: 10px;
    margin: auto;
}



}



.event_tbl {
}
.event_tbl table {
border: none;
}
.event_tbl th:first-of-type,
.event_tbl td:first-of-type {
border-top: 1px solid #ccc;
}
.event_tbl th,
.event_tbl td {
padding: 20px 10px;
background: none;
border-bottom: 1px solid #ccc;
border-right: 0;
border-left: 0;
}




.bnr_4col {
padding-right: 10px;
padding-left: 10px;
}
.bnr_4col a {
text-decoration: none !important;
}
.bnr_4col .in {
position: relative;
padding-bottom: 0;
margin-bottom: 20px;
}
.bnr_4col .img_area {
margin-bottom: 0;
padding-right: 5px !important;
padding-left: 5px !important;
}
.bnr_4col .img_area img {
border: 4px solid #f8bb00;
border-radius: 2px;
-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
.bnr_4col .text {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-60%) translateX(-50%);
-webkit- transform: translateY(-60%) translateX(-50%);
font-size: 20px;
line-height: 1.3;
text-align: center;
color: #fff;
text-shadow: 0 0 5px #000;
font-weight: bold;
padding: 0;
width: 100%;
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
}



.news_area {
height: 200px;
overflow-y: scroll;
margin-bottom: 40px;
margin-left: 0;
padding: 10px;
}
.news_area dl {
font-size: 15px;
padding: 10px 10px;
border-bottom: 1px solid #ccc;
}
.news_area dl:first-of-type {
border-top: 1px solid #ccc;
}
.news_area dt {
margin-bottom: 5px;
}
.news_area dt .date {
font-weight: bold;
/*color: #f8bb00;*/
color: #534741;
margin-right: 10px;
line-height: 1;
}
.news_area dt .tag1,
.news_area dt .tag2,
.news_area dt .tag3,
.news_area dt .tag4 {
    display: none;
font-weight: normal;
background: #f8bb00;
color: #fff;
padding: 2px 10px;
font-size: 12px;
border-radius: 3px;
}
.news_area dt .tag2 {
background: #009fec;
}
.news_area dt .tag3 {
background: #e75296;
}
.news_area dt .tag4 {
background: #439246;
}


.news_area dd {
}



.columBox {
display: flex;
padding: 20px;
align-items: center;
background: #fce4f8;
border-radius: 5px;
}
.columBox .in {
}
.columBox .in1 {
width: 45%;
padding: 10px;
text-align: center;
}
.columBox .in2 {
width: 10%;
}
.columBox .in2 img {
width: 50%;
height: auto;
margin: auto;
text-align: center;
display: block;
}
.columBox .in3 {
width: 45%;
padding: 10px;
font-weight: bold;
text-align: center;
}
.columBox .in3 .line {
border-bottom: 2px dotted #e75296;
line-height: 2.5;
}

/*
#autolink {
position: relative;
border: 4px solid #a4a4a4;
border-radius: 10px;
padding: 40px 0 0 0;
background: #a4a4a4;
}
#autolink::before {
position: absolute;
content: "Content Menu";
top: 10px;
text-align: center;
margin: auto;
width: 100%;
font-weight: bold;
color: #fff;
font-family: 'Century Gothic', sans-serif;
letter-spacing: 1px;
}
#autolink li {
background: #fff;
padding: 10px;
}
#autolink li:last-of-type {
border-radius: 0px 0px 5px 5px;
}
*/
.lv1 a {
    color: #fff;
    background: #fff;
color: #595959;
/*font-weight: bold;*/
}
.lv1,
.lv2,
.lv3 {
position: relative;

}
.lv1 a,
.lv2 a,
.lv3 a {
padding: 0;
margin: 0;
width: 100%;
display: block;
}
.lv1 a {
padding-left: 20px;
font-size: 15px;
border-top: 1px dashed #ccc;
padding-top: 8px;
margin-top: 8px;
}
#autolink .lv1:first-of-type a {
border-top: inherit;
}
.lv2 a {
padding-left: 20px;
width: 90%;
padding-top: 2px;
padding-bottom: 2px;
}
.lv3 a {
padding-left: 30px;
width: inherit;
    color: #000;
line-height: 1.3;
padding-top: 2px;
padding-bottom: 2px;
}
.lv1::before,
.lv2::before,
.lv3::before {
    position: absolute;
}
.lv1::before {
content: "";
background-image: url(../images/side_lv1Bg.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center left;
width: 15px;
height: 15px;
position: absolute;
top: 13px;
}
.lv2::before {
content: "";
background-image: url(../images/side_lv2Bg.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center left;
width: 13px;
height: 13px;
position: absolute;
top: 4px;
left: 5px;
}
.lv3::before {
    content: "・";
padding-left: 17px;
}

@media screen and (max-width: 767px) {
#ttl img {
height: 170px;
object-fit: cover;
}
}


.box_3col .tbl_area th {
    width: 50%;
    }


.gmap {
}
.gmap iframe {
width: 100%;
height: 300px;
display: block;
}


.colorbox1 {
background-color: #eee;
padding: 15px;
border-radius: 10px;
}

.knocks_01_unit01 {
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
/*box-shadow: 0 0 10px #ccc;*/
}
.knocks_01_unit01 ul {
padding: 20px;
background: repeating-linear-gradient(45deg, #f6f6f6 , #f6f6f6 2px, #eee 2px, #eee 4px) !important;
display: flex;
position: relative;
}
.knocks_01_unit01 ul::after {
content: "";
background-image: url(../images/arrow1.png);
background-repeat: no-repeat;
width: 50px;
height: 30px;
position: absolute;
right: 0;
left: 0;
margin: auto;
bottom: -15px;
}
.knocks_01_unit04 ul::after {
display: none;
}
.knocks_01_unit01 ul li:nth-of-type(1) {
width: 15% !important;
}
.knocks_01_unit01 ul li:nth-of-type(2) {
width: 85% !important;
}
.knocks_01_unit02 {
}
.step.knocks_01_unit01 .num {
background: #fff;
border: 3px solid #009fec;
}
.step.knocks_01_unit01 .num div {
color: #009fec;
}
.step.knocks_01_unit02 .num {
background: #bfe2f3;
}
.step.knocks_01_unit03 .num {
background: #69bbe4;;
}
.step.knocks_01_unit04 .num {
background: #009fec;
}
.step.knocks_01_unit03 .num div,
.step.knocks_01_unit04 .num div {
color: #fff;
}
.knocks_01_unit01 .box {
background: #fff;
padding: 15px 20px;
border-radius: 15px;
margin-bottom: 20px;
}
.knocks_01_unit01 .txt1 {
margin-bottom: 10px;
font-size: 24px;
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
color: #009fec;
font-weight: bold;
letter-spacing: 3px;
}
.knocks_01_unit01 .txt2 {
margin-bottom: 20px;
}
.knocks_01_unit01 .txt3 {
font-size: 14px;
background-color: #fff;
padding: 10px;
border-radius: 10px;
}


.h3_2 {
background-image: url(../images/ribbon1.png),url(../images/bg3.jpg);
background-repeat: no-repeat;
background-position: top center,bottom center;
padding: 150px 0 100px 0;
background-size: 450px auto,100% auto;
}
.knocks_01_unit05 {
}
.knocks_01_unit05 .box {
}
.knocks_01_unit05 .box_3col {
}
.knocks_01_unit05 .in {
padding: 20px;
}
.knocks_01_unit05 .in .ttl,
.knocks_01_unit05 .in .text {
padding-right: 0px;
padding-left: 0px;
}

.knocks_01_unit05 .in .inbg {
}

.knocks_01_unit05 .in .ttl {
color: #7bcaf4;
font-size: 22px;
}
.knocks_01_unit05 .in2 .ttl {
/*color: #b9d38e;*/
color: #9cbc67;
}
.knocks_01_unit05 .in3 .ttl {
/*color: #ffafae;*/
color: #ea8cb7;
}
.knocks_01_unit05 .text {
}

.knocks_unit06 {
}
.knocks_unit06 .in {
padding: 20px;
position: relative;
}
.knocks_unit06 .in::after {
content: "";
background-image: url(../images/arrow2.png);
background-repeat: no-repeat;
width: 30px;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: -15px;
}
.knocks_unit06 .in:last-of-type::after {
display: none;
}
.knocks_unit06 .box {
background: repeating-linear-gradient(45deg, #f6f6f6 , #f6f6f6 2px, #eee 2px, #eee 4px) !important;
border-radius: 5px;
padding-bottom: 20px;
}
.knocks_unit06 .ttl_blue {
margin-bottom: 20px;
color: #FFF !important;
padding: 10px;
line-height: 1.3;
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
}
.knocks_unit06.box_3col .in .img_area {
margin-bottom: 20px;
}
.knocks_unit06.box_3col .in .text {
font-size: 15px;
}


.knocks_unit07_wrap {
background-color: #ea8cb7;
margin-bottom: 30px;
border-radius: 20px;
margin-right: 20px;
margin-left: 20px;
padding: 30px 30px 0 30px;
position: relative;
}
.knocks_unit08_wrap {
background-color: #9cbc67;
}
.knocks_unit09_wrap {
background-color: #7bcaf4;
}
.knocks_unit07_wrap::after {
content: "";
background-image: url(../images/arrow1.png);
background-repeat: no-repeat;
width: 50px;
height: 30px;
position: absolute;
right: 0;
left: 0;
margin: auto;
bottom: -20px;
}
.knocks_unit09_wrap::after {
display: none;
}
.knocks_unit07_ttl {
color: #fff;
font-size: 24px;
font-weight: bold;
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
margin-bottom: 20px;
letter-spacing: 2px;
}
.knocks_unit07_ttl i {
margin-right: 10px;
}
.knocks_unit07_ttl p {
background-image: url(../images/line1.png);
background-repeat: repeat-x;
background-position: bottom left;
padding-bottom: 15px;
}

.knocks_unit07 {
}

.knocks_unit07 th {
background: inherit;
border: 0;
color: #fff;
}
.knocks_unit07 table {
border: 0 !important;
table-layout: auto;
}
.knocks_unit07 td {
color: #534741;
border: 0;
border-bottom: 2px solid #ea8cb7;
}
.knocks_unit07 td:nth-of-type(1) {
width: 30%;
font-weight: bold;
border-radius: 5px 0 0 5px;
}
.knocks_unit07 td:nth-of-type(2) {
border-radius: 0 5px 5px 0;
}
.knocks_unit08_wrap td {
border-bottom: 2px solid #9cbc67;
}
.knocks_unit09_wrap td {
border-bottom: 2px solid #7bcaf4;
}



.knocks_unit10 {
}
.knocks_unit10 .inner {
display: flex;
align-items: center;
}
.knocks_unit10 .li {
}
.knocks_unit10 .img_area {
width: 25%;
}
.knocks_unit10 .text_area {
width: 50%;
padding: 0 10px;
font-size: 15px;
}
.knocks_unit10 .box1 {
margin-bottom: 60px;
}
.knocks_unit10 .box2 {
}
.knocks_unit10 .ttl {
background-color: #009fec;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 30px;
margin-bottom: 10px;
}
.knocks_unit10 .text {
}

.knocks_unit11 {
}
.knocks_unit11 .box {
}
.knocks_unit11 .box table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
}
.knocks_unit11 .box th {
    font-weight: normal;
    text-align: left;
    background: #eee;
    border: 1px solid #ccc;
text-align: center;
padding: 5px 10px;
}
.knocks_unit11 .box th {
    font-weight: normal;
    text-align: left;
    background: #eee;
    border: 1px solid #ccc;
text-align: center;
padding: 5px 10px;
}





.knocks_unit12 {
}
.knocks_unit12 .text {
}
.knocks_unit12 .tbl {
width: 100%;
font-size: 15px;
}
.knocks_unit12 .tbl th {
border: 1px solid #ccc;
display: block;
padding: 10px;
background-color: #eee;
border-bottom: 0;
}
.knocks_unit12 .tbl td {
border: 1px solid #ccc;
display: block;
padding: 10px;
margin-bottom: 10px;
}


.knocks_unit13 {
}
.knocks_unit13 a {
    text-decoration: none;
}
.knocks_unit13 .in1 {
width: 70%;
}
.knocks_unit13 .in2 {
width: 30%;
}


.teigi3 {
}
.teigi3 .in1 {
width: 65%;
}
.teigi3 .in2 {
width: 35%;
}
.teigi3 dl {
font-size:15px;
padding: 10px 10px;
display: flex;
width: 100%;
box-sizing: border-box;
background: #fff;
}
.teigi3 dl:nth-child(2n+1) {
    background-color: #ececec;
}
.teigi3 dt {
    width: 30%;
}
.teigi3 dd {
    width: 70%;
}



.hands_unit01 {
}

.pcNone {
display: none;
}




.flow_unit {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 60px;
}
.flow_unit ul {
background-color: #eee;
border-radius: 10px;
margin-bottom: 30px;
position: relative;
display: flex;
padding: 15px;
}
.flow_unit ul::after {
content: "";
background-image: url(../images/arrow1.png);
background-repeat: no-repeat;
width: 50px;
height: 30px;
position: absolute;
right: 0;
left: 0;
margin: auto;
bottom: -20px;
}
.flow_unit ul:last-of-type::after {
display: none;
}
.flow_unit ul li {
}
.flow_unit ul .ttl {
width: 25%;
padding: 0;
}
.flow_unit ul .sub {
padding: 10px;
border-radius: 10px;
background-color: #fff;
font-weight: bold;
color: #534741;
letter-spacing: 2px;
}
.flow_unit ul .txt {
padding-left: 20px;
width: 45%;
}
.flow_unit ul .imgarea {
width: 30%;
}
.flow_unit .inner {
}
.flow_unit .inner1 {
}
.flow_unit .inner2 {
}



.faq {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 60px;

}

.contact_box {
padding-right: 20px;
padding-left: 20px;
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
}
.contact_box .inner {
padding: 50px 30px;
border-radius: 5px;
background-image: url(../images/contact.png);
background-repeat: no-repeat;
background-size: cover;
}
.contact_box .name {
color: #fff;
font-size: 27px;
letter-spacing: 2px;
text-align: center;
margin: 10px 0 5px 0;
font-weight: bold;
text-shadow: 0 0 5px #000;
}
.contact_box .logo {
text-align: center;
margin-bottom: 5px;
}
.contact_box .logo img {
background-color: #fff;
padding: 15px 50px 5px 50px;
border-radius: 50px;
}
.contact_box .box1 {
font-family: 'arial', sans-serif;
font-weight: bold;
text-align: center;
color: #fff;
text-shadow: 0 0 5px #000;
}
.contact_box .tel {
font-size: 40px;
letter-spacing: 3px;
line-height: 1;
margin-bottom: 8px;
}
.contact_box .tel .in {
display: inline-block;
position: relative;
margin-left: 60px;
}
.contact_box .tel .in:before {
position: absolute;
content: "TEL";
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
left: -60px;
font-size: 25px;
letter-spacing: 1px;
}
.contact_box .fax {
font-size: 25px;
letter-spacing: 3px;
line-height: 1;
}
.contact_box .fax .in {
display: inline-block;
position: relative;
margin-left: 20px;
}
.contact_box .fax .in:before {
position: absolute;
content: "FAX";
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
left: -50px;
font-size: 20px;
letter-spacing: 1px;
}
.contact_box .box2 {
text-align: center;
color: #fff;
text-shadow: 0 0 5px #000;
font-size: 18px;
margin: 5px 0 30px 0;
}
.contact_box .box2 p {
}
.contact_box .bnr {
text-align: center;
margin-top: 50px;
}

.bg2 {
}

.bg2>p,
.bg2>div,
.bg2>ul {
padding: 20px;
background: repeating-linear-gradient(45deg, #fffdf7, #fff 2px, #fef6e1 2px, #fef6e1 10px) !important;
border-radius: 10px;
box-shadow: 0 0 8px #ddd;
}

.bg3 {
padding-right: 10px !important;
padding-left: 10px !important;
margin-left: 0;
}

.bg3>p,
.bg3>div,
.bg3>ul {
background: repeating-linear-gradient(45deg, #fffdf7, #fff 2px, #fef6e1 2px, #fef6e1 10px) !important;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 8px #ddd;
}

.module,
.shudou_link {
padding-right: 10px;
padding-left: 10px;

}

.linkmenu {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 60px;
}
.linkmenu a:hover {
text-decoration: none;
}
.linkmenu dl {
margin-bottom: 10px;
}
.linkmenu dt {
}
.linkmenu dt:hover {
}
.linkmenu dt a {
box-shadow: 2px 3px 5px #ccc;
background-color: #009fec;
border-radius: 30px;
color: #fff;
padding: 10px 10px 10px 44px;
font-weight: bold;
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
line-height: 1.3;
text-decoration: none;
color: #fff;
width: 100%;
display: block;
height: 100%;
position: relative;
}
#steps .linkmenu dt a {
background-color: #e75296;
}
#hands .linkmenu dt a {
background-color: #f8bb00;
}
.linkmenu dt a::before {
content: "\f13a" !important;
position: absolute;
position: absolute;
top: 7px;
left: 15px;
padding-right: 10px;
font-family: "Font Awesome 5 Free";
font-weight: bold;
color: #fff;
font-size: 20px;
}
.linkmenu dt:hover a {
}
.linkmenu dt a:hover {
}
.linkmenu dd {
padding: 10px 30px;
font-size: 15px;
}


.box_2col .list_area,
.box_2col .list_area2 {
padding-bottom: 0px;
padding-right: 0 !important;
padding-left: 0 !important;
}


.teigi {
padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.teigi i {
margin-right: 5px;
}
.teigi dl {
margin-bottom: 10px;
}
.teigi dt {
border-bottom: 2px solid #009fec;
padding: 10px 5px 0px 5px;
color: #009fec;
font-weight: bold;
}
#steps .teigi dt {
color: #e75296;
border-bottom: 2px solid #e75296;
}
#hands .teigi dt {
color: #f9a410;
border-bottom: 2px solid #f9a410;
}
.teigi dd {
padding: 10px;
}



.teigi2 {
padding-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.teigi2 dl {
margin-bottom:20px;
}
.teigi2 dt {
background-color: #fef6e1;
padding: 15px 20px;
font-weight: bold;
border-radius: 10px 10px 0 0;
}
.teigi2 dd {
/*
background-image: url(../images/bg2.jpg);
background-position: top left;
*/
background-color: #eee;
padding: 15px 20px;
font-size: 15px;
border-radius: 0 0 10px 10px;
}
.teigi2 .ttl {
font-size: 12px;
display: inline-block;
padding: 0 10px;
border-radius: 3px;
}
.teigi2 .text {
}
.teigi2 dt .ttl {
margin-right: 10px;
background-color: #009fec;
color: #fff;
}
#steps .teigi2 dt .ttl {
background-color: #e75296;
}
#hands .teigi2 dt .ttl {
background-color: #f8bb00;
}

.teigi2 dt .text {
}
.teigi2 dd .ttl {
margin-bottom: 10px;
background-color: #fff;
}
.teigi2 dd .text {
}


.knocks_unit40 {
}
.knocks_unit40 .box {
background-color: #eee;
padding: 20px 0;
border-radius: 10px;
margin-right: 20px;
margin-left: 20px;
}
.knocks_unit40 .img_area {
}
.knocks_unit40 .img_area img {
border-radius: 50%;
}
.knocks_unit40 .text {
}








@media screen and (max-width: 1300px) {
.inner {
    max-width: 100%;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.inner>div {
padding-right: 30px;
padding-left: 30px;
}
.inner .contents {
}
.sidemenu {
}
.sidemenuinner {
}

footer>.inner {
margin-right: 30px;
margin-left: 30px;
width: auto;
padding-right: 0 !important;
padding-left: 0 !important;
}

.sidenavi img {
    width: 80px;
}

.knocks_01_unit05 .in {
}

.sidenavi {
    top: 210px;
}

#sub_navi > ul > li:nth-child(2) {
    padding-bottom: 0px;
}






}
@media screen and (max-width: 999px) {
.inner > div {
    display: block;
}
.inner .contents {
width: inherit;
padding: 30px 10px;
}
.sidemenu {
min-width: 400px;
padding: 0;
margin: auto;
margin-bottom: 100px;
}

#sub_navi .flex-container {
display: block;
/*margin-top: -20px;*/
padding: 10px 30px;
text-align: left !important;
}
#sub_navi .flex-container li {
width: 100% !important;
}
#sub_navi .pc_navi ul {
    justify-content: left;
}
#sub_navi .pc_navi li {
    text-align: left;
    width: inherit !important;
}

.tbl_list dl {
display: block;
}
.tbl_list dt {
font-size:14px;
width: 100%;
padding: 10px 10px 5px 10px;
}
.tbl_list dd {
font-size:14px;
width: 100%;
padding: 5px 10px 10px 10px;
}


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

.spNone {
display: none;
}
.pcNone {
display: inline-block;
}


.inner > div {
    padding-right: 20px;
    padding-left: 20px;
}

.h3_2 {
background-size: 300px auto,90% auto;
padding: 80px 0 50px 0;
}

.list_num ol>li {
    font-size: 17px;
    font-weight: normal;
}
.list_num2 ol>li {
    font-size: 17px;
    font-weight: normal;
}

.box_3col .tbl_area th {
    width: 100%;
}

.text_area2 {
    padding-right: 10px;
    padding-left: 10px;
padding-bottom: 10px;
}

.knocks_01_unit01 ul li:nth-of-type(1) {
    width: 20% !important;
}
.knocks_01_unit01 ul li:nth-of-type(2) {
    width: 80% !important;
    padding-left: 20px;
}

.knocks_01_unit01 .txt1 {
    margin-bottom: 5px;
    font-size: 20px;
}
.knocks_01_unit01 .txt2 {
    margin-bottom: 10px;
}

.flow_unit ul {
    flex-wrap: wrap;
}
.flow_unit ul .ttl {
    width: 35%;
}
.flow_unit ul .txt {
width: 65%;
}
.flow_unit ul .imgarea {
    width: 100%;
    text-align: center;
}
.flow_unit ul .imgarea img {
    width: 70%;
    padding: 10px;
}

.bg2 p, .bg2 ul {
    padding: 20px;
}

.float_r {
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}

.float_l {
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}


.img_box,
.img_box2 {
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}

.bg3 p, .bg3 ul {
    padding: 20px;
}

.list_area2 li::before {
    left: 5px;
    font-size: 13px;
}

.tbl_area2 {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 40px;
}

tbl_area table, .tbl_area2 table {
    border: 1px solid #ccc;
}
.tbl_area2 td {
    padding: 5px 10px;
}

.sidemenu {
min-width: 100%;
    margin-top: 50px;
}

.ttl_blue {
    font-size: 18px;
}


.knocks_unit06 .in {
    padding: 0 0 20px 0;
    }
.knocks_unit06.box_3col .in .text {
    padding-right: 20px;
    padding-left: 20px;
}
.knocks_unit06 .in::after {
content: "";
background-image: url(../images/arrow1.png);
background-repeat: no-repeat;
width: 50px;
height: 30px;
position: absolute;
right: 0;
left: 0;
margin: auto;
bottom: 10px;
top: inherit;
transform: inherit;
-webkit- transform: inherit;
}
.knocks_unit06 .in:last-of-type::after {
display: none;
}

.knocks_unit07_wrap {
    margin-right: 10px;
    margin-left: 10px;
    padding: 20px 20px 0 20px;
}
.knocks_unit07_ttl {
    font-size: 20px;
}

.knocks_unit07 th,
.knocks_unit07 td {
    width: 100%;
display: block;
}
.knocks_unit07 td:nth-of-type(1) {
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px dashed #ea8cb7;
}
.knocks_unit07 td:nth-of-type(2) {
    border-radius: 0 0 5px 5px;
margin-bottom: 5px;
}
.knocks_unit08_wrap td:nth-of-type(1) {
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px dashed #9cbc67;
}
.knocks_unit09_wrap td:nth-of-type(1) {
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px dashed #7bcaf4;
}


.teigi3 {
}
.teigi3 .in1 {
width: 100%;
}
.teigi3 .in2 {
width: 100%;
}




.teigi {
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}
.list_num ,
.list_num2 {
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}
.knocks_unit13 {
}
.linkmenu {
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}

.linkmenu dd {
    padding: 10px;
}

.teigi2 {
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 10px;
}


.contact_box {
    padding-right: 10px;
    padding-left: 10px;
    line-height: 1.3;
}
.contact_box .inner {
    padding: 20px;
}
.contact_box .name {
    font-size: 18px;
    letter-spacing: 0;
}
.contact_box .box2 {
    font-size: 15px;
    margin: 5px 0 20px 0;
}
.contact_box .box1 {
    width: 100%;
    margin: 0;
}
.contact_box .tel .in {
    display: block;
    margin-left: 0;
}
.contact_box .tel {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 1;
    padding-top: 20px;
    margin-bottom: 5px;
}
.contact_box .tel .in::before {
top: -24px;
    transform: inherit;
    -webkit- transform: inherit;
    font-size: 20px;
    letter-spacing: 1px;
left: 0;
right: 0;
}
.contact_box .fax .in {
    display: block;
    margin-left: 0;
}
.contact_box .fax {
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1;
    padding-top: 25px;
    margin-bottom: 5px;
}
.contact_box .fax .in::before {
    top: -18px;
    transform: inherit;
    -webkit- transform: inherit;
    font-size: 15px;
    letter-spacing: 1px;
left: 0;
right: 0;
}

.contact_box .bnr {
    margin-top: 20px;
}



.teigi2 dt {
    padding: 10px 20px;
}

.teigi2 dt .txt {
display: block;
margin-top: 5px;
}

.teigi3 dl {
    display: block;
}
.teigi3 dt {
    width: 100%;
}
.teigi3 dd {
    width: 100%;
}

.bnrlink_area li {
    padding-right: 10px;
    padding-left: 10px;
}

.bnrlink_area li a {
    margin-bottom: 10px;
}

.box_3col .tbl_area {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0px;
    padding-left: 0px;
}

.knocks_unit40 .box {
    padding: 15px 0;
    margin-right: 0px;
    margin-left: 0px;
}
.knocks_unit40 .img_area {
    margin-right: 20px;
    margin-left: 20px;
}
.knocks_unit40 .text {
    margin-right: 20px;
    margin-left: 20px;
}


.knocks_01_unit01 {
    margin-right: 10px;
    margin-left: 10px;
}
.knocks_01_unit01 ul {
    display: block;
}
.knocks_01_unit01 ul li:nth-of-type(1) {
    width: 100% !important;
}
.knocks_01_unit01 ul li:nth-of-type(2) {
    width: 100% !important;
    padding-left: 0px;
}
.knocks_01_unit01 .txt1 {
    letter-spacing: 0;
    text-align: center;
}

.step .num {
    width: 100px;
    height: 40px;
    border-radius: 50px;
}
.step .num div strong {
    display: inline-block;
    font-size: 20px;
    margin-left: 5px;
}

.flow_unit ul {
    display: block;
}
.flow_unit ul .ttl {
    width: 100%;
    margin-bottom: 20px;
}
.flow_unit ul .sub {
    padding: 5px;
}
.flow_unit ul .txt {
    padding-left: 0px;
    width: 100%;
}

.flow_unit ul .imgarea img {
width: auto;
max-width: 100%;
}


.knocks_unit06.box_3col .in .img_area {
    padding-right: 20px;
    padding-left: 20px;
}

.knocks_unit07_wrap {
    padding: 10px 20px 20px 20px;
    border-radius: 10px;
}
.knocks_unit07_ttl p {
    padding-bottom: 10px;
    font-size: 18px;
    letter-spacing: 0;
}
.knocks_unit07_wrap .tbl_area2 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
.knocks_unit07 td:nth-of-type(2) {
    padding: 10px;
}

.knocks_unit10 .img_area {
    display: none;
}
.knocks_unit10 .text_area {
    width: 100%;
    padding: 0;
}

.knocks_unit10 .ttl {
    border-radius: 5px;
}
.knocks_unit10 .box1 {
    margin-bottom: 20px;
}
.knocks_unit11 .box {
    overflow-x: scroll;
}
.knocks_unit11 .box table {
    width: 680px;
}

.knocks_unit13 .in1 {
    width: 100%;
}
.knocks_unit13 .in2 {
    width: 100%;
}


.columBox .in3 .line {
    line-height: inherit;
}

.event_tbl tr {
    border-bottom: 0;
}
 .event_tbl th {
border-bottom:1px dashed #ccc !important;
padding: 10px 10px 5px 10px !important;
}
 .event_tbl td {
 padding: 5px 10px 10px 10px !important;
    margin-bottom: 0;
    border-bottom: 0;
    border-top: 0 !important;
}
 .event_tbl tr:last-of-type td {
    border-bottom: 1px solid #ccc;
}

.linkmenu dt a {
    border-radius: 20px;
}

.flow_unit {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 40px;
}

.faq {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 40px;
}



.knocks_01_unit05 .box_3col {
    padding-right: 0;
    padding-left: 0;
}
.knocks_01_unit05 .in {
padding: 0 0 20px 0;
}
.knocks_01_unit05 .in .ttl {
    font-size: 19px;
}






}
@media screen and (max-width: 400px) {
.h3_2 {
background-size: 240px auto,90% auto;
padding: 80px 0 50px 0;
}



}



/*---------------------------------------------------------------------
 Google MAP
---------------------------------------------------------------------*/
.gMap {
position: relative;
}
.gMap iframe {
width: 100% !important;
height: 500px !important;
border: 0 !important;
}
.gMmap img {
width: 100% !important;
height: auto !important;
}
@media screen and (max-width: 767px) {
	.gMap {
	}

	.gMap iframe {
	height: 300px !important;
	}
}
#pagetop .text_area iframe {
	width: 100%;
}