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

*{box-sizing: border-box;}

/* ==========================================================================
Common
========================================================================== */
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.inline-flex { display: -webkit-flex; display: inline-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-center  { justify-content:center; -webkit-justify-content:center; }
.flex-txt-center{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
figure img{width: 100%; height: auto;}
img{ -webkit-backface-visibility: hidden; }

html{
	}
body {
  	font-family: 'Roboto', "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:16px;
	margin: 0;
  	padding: 0;
	position:relative;
	font-feature-settings: "palt"!important;
	}
ul,li{
	margin:0; padding:0;
	}

h1,h2,h3,h4,h5,h6{
	margin:0;
	font-weight:normal;
	line-height:1.4em;
	}

.content-area{
	width:92%;
	margin:0 auto;
	padding: 40px 0 60px 0;
	position:relative;
	}
#white_wrap{
	background: #FFF;
	padding-top: 170px;
}
section{
	position:relative;
	}

.sp_off{
	display:block;
	}	
.sp_on{
	display:none;
	}
	
.btn_area01{
	width: 100%;
	border-top: 5px solid #DDD;
	border-bottom: 5px solid #DDD;
	padding-top: 50px;
	padding-bottom: 50px;
}
.btn_area01 h4{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 18px;
}

.btn_area01 a{
	display: block;
	position: relative;
	width: 70%;
	height: 60px;
	line-height: 60px;
	border: 1px solid #f15a24;
	background: #f15a24;
	color: #FFF;
	font-size: 18px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
}
.btn_area01 a img{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
}
.btn_area01 a:hover{
	color: #f15a24;
	background: #FFF;
	letter-spacing: 0.1em;
}

.centering{
	text-align: center;
}
.mb0{
	margin-bottom: 0!important;
}

.more-btn{
	text-align: center;
}
.more-btn a{
	display: block;
	width: 80%;
	margin: 0 auto;
	border: 3px solid #6FBA2C;
	color: #6FBA2C;
	background: #FFF;
	line-height: 40px;
	font-weight: bold;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.more-btn a i{
	padding-left: 8px;
}
.more-btn a:hover{
	color: #FFF;
	background: #6FBA2C;
}

.more-btn2{
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDD;
}
.more-btn2 a{
	display: block;
	width: 80%;
	margin: 0 auto;
	border: 3px solid #6FBA2C;
	background: #6FBA2C;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.more-btn2 a i{
	padding-right: 8px;
}
.more-btn2 a:hover{
	color: #6FBA2C;
	background: #FFF;
}


/*Pagenation*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* ==========================================================================
タイトル
========================================================================== */
.mincho{
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
.gothic{
	font-family: 'Roboto', "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.uline{
	background: url("../images/main/ttl_line.png") repeat-x left bottom;
	padding-bottom: 10px;
}

/* ==========================================================================
画像読み込み
========================================================================== */
figure.fade-in img {
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

figure.fade-in.lazyloaded img.lazyloaded {
	opacity: 1;
}


/* ==========================================================================
Header
========================================================================== */
header{
	background: #132359;
	width: 100%;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 99;
	height: 70px;
}
header h2{
	color: #FFF;
	z-index: 100;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	top:20px;
	left: 300px;
}
h1#top_logo{
	position: fixed;
	width: 300px;
	height: 70px;
	background: #FFF;
	transform:skewX(-15deg);
	left: -30px;
	top: 0;
	padding-left: 50px;
	z-index: 9999;
}
h1#top_logo a{
	display: block;
	width: 200px;
	height: 100%;
	line-height: 0;
	padding-top: 20px;
}
h1#top_logo img{
	width: 100%;
	height: auto;
	transform:skewX(15deg);
}

#main_content{
	padding: 30px 0 80px 0;
	position: relative;
}
.sec_margin{
	margin-bottom: 80px;
}


/* ==========================================================================
footer
========================================================================== */
footer{
	background:#e8e8e8;
	color: #FFF;
	}
footer #logo_back{
	text-align:center;
	padding:30px 0 30px 0;
	}
footer #logo_back .logo img{
	width:180px;
	}
footer #logo_back .address{
	font-size: 13px;
}

footer .main_copyright{
	text-align:center;
	font-size:12px;
	line-height:39px;
	color: #FFF;
	background: #132359;
	}
	
/* ==========================================================================
トップページ
========================================================================== */
#wrap{
	padding-top: 70px;
}
@media screen and (min-width:1000px){
	nav.gnav{
		width: 240px;
		height: auto;
	}
	nav.gnav ul{
		padding-top: 10px;
	}
	nav.gnav ul li a{
		color: #222;
		display: block;
		width: 100%;
		height: auto;
		padding: 10px 20px;
	}
	nav.gnav ul li a:hover{
		background: #DDD;
	}
	nav.gnav ul li a i{
		color: #3e55a3;
		width: 30px;
		text-align: center;
	}
	nav.gnav ul li.movie_btn{
		font-weight: bold;
	}
	nav.gnav ul li.contact_btn a{
		color: #222;
		background: #EEE;
	}
	nav.gnav ul li.contact_btn a:hover{
		background: #DDD;
	}
	
}

main{
	width: calc(100%);
	background: #F9F9F6;
}

.box-fadein img {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.box-fadein.lazyloaded img.lazyloaded {
  opacity: 1;
}
#toppage .content-area{
	width:1140px;
	}
#toppage .content-area h3{
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 24px;
	color: #3e55a3;
	
}
#toppage .content-area ul.list li{
	width: 31%;
	height: auto;
}
#toppage .content-area ul.list li a{
	display: block;
	color: #222;
	margin-bottom: 50px;
}
#toppage .content-area ul.list li a:hover{
	color:#2CA6E0;
}
#toppage .content-area ul.list li figure{
	margin-bottom: 10px;
}

#toppage .content-area ul.list li a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

.flexContent3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}
.flexContent3:before {
  content: '';
  display: block;
  width: 31%;
  height: 0;
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.flexContent3:after {
  content: '';
  display: block;
  width: 31%;
  height: 0;
}

#toppage .content-area ul.list li .ttl{
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#toppage .content-area ul.list li .catname{
	color: #e39000;
	font-weight: bold;
	line-height: 1.6em;
	font-size: 13px;
}
#toppage .content-area ul.list li .caption p{
	width: 50%;
	color: #222;
}
#toppage .content-area ul.list li .caption p span{
	background: #777;
	font-size: 13px;
	color: #FFF;
	line-height: 1.2em;
	padding: 6px 10px;
	display: inline-block;
	margin-right: 8px;
}


/* ==========================================================================
下層ページ
========================================================================== */
#movie .youtubemovie {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
#movie .youtubemovie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
#movie .moviearea{
	width: calc(100% - 340px);
}
#movie .movie-box{
	padding: 40px 0 60px 0;
    max-width: 1280px;
}

#movie .listarea{
	width: 300px;
}
#movie .listarea figure{
	margin-bottom: 30px;
}
#movie .listarea h3{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border-top: 2px solid #DDD;
	border-bottom: 2px solid #DDD;
	margin-bottom: 15px;
	padding: 5px 0;
}
#movie .listarea li{
	margin-bottom: 6px;
}
#movie .listarea li .secList {
	display: block;
	width: 100%;
	padding: 8px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	background: #5ab4bd;
	border: solid 2px #5ab4bd;
	border-radius: 3px;
	transition: .4s;
}
#movie .listarea li .secList:hover {
	background: #568094;
	border: solid 2px #568094;
}

#movie .listarea li:first-child .secList {
	color: #5ab4bd;
	background: #FFF;
	border: solid 2px #5ab4bd;
}
#movie .listarea li:first-child .secList:hover {
	background: #568094;
	border: solid 2px #568094;
    color: #FFF;
}

#movie .listarea .koushi .name{
	font-weight: bold;
}
#movie .listarea .koushi span{
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}

#movie .moviearea .desc-box .catname{
	color: #e39000;
	font-weight: bold;
	line-height: 1.6em;
	font-size: 13px;
}
#movie .moviearea .desc-box .desc-tbl{
	width: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}
#movie .moviearea .desc-box .desc-tbl th{
	color: #FFF;
	padding: 5px 10px;
	background: #666;
}
#movie .moviearea .desc-box .desc-tbl td{
	padding: 5px 20px;
}
#movie .moviearea .desc-box h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 15px;
}
#movie .moviearea .desc-box h3{
	font-size: 18px;
	font-weight: bold;
	color: #900;
	margin-bottom: 8px;
}
#movie .moviearea .desc-box .desc01{
	margin-bottom: 40px;
}
#movie .moviearea .desc-box .desc01 p,#movie .moviearea .desc-box .desc02 p{
	margin-bottom: 16px;
}
#movie .moviearea .desc-box .desc02 h4.ttl{
	background: #132359;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 8px 20px;
	margin-bottom: 15px;
}

#movie .moviearea .desc_inner{
    margin-bottom: 30px;
}
#movie .moviearea .desc_inner p{
    margin-bottom: 16px;
}

#movie .moviearea .caution{
    border: 1px solid #CCC;
    padding: 20px 20px 20px 40px;
    border-radius: 8px;
    font-weight: bold;
    margin-bottom: 30px;
}
#movie .moviearea .caution span{
    font-weight: normal;
}
#movie .moviearea .caution strong{
    color: #C00;
}
#movie .moviearea .caution h3,#movie .moviearea .mokuji h3{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    color: #132359;
}
#movie .moviearea .mokuji {
    background: #FFF;
    border-radius: 8px;
    padding: 20px;
}
#movie .moviearea .mokuji li{
    margin-bottom: 16px;
}
#movie .moviearea .mokuji li strong{
    display: block;
}
#movie .moviearea .mokuji li span{
    display: block;
    padding-left: 1.5em;
}
#movie .moviearea .mokuji li span.span02{
    padding-left: 3em;
}
#movie .listarea .dl_box{
    border: 2px solid #132359;
    padding: 15px 20px;
}
#movie .listarea .dl_box h3{
    border: none;
    padding: 0;
    color: #132359;
}
#movie .listarea .dl_box ul{
    border-top: 1px dotted #CCC;
}

#movie .listarea .dl_box li{
    border-bottom: 1px dotted #CCC;
    margin: 0;
}
#movie .listarea .dl_box li a{
    display: block;
    padding: 8px 0;
    font-weight: bold;
}
#movie .listarea .dl_box li a i{
    padding-right: 8px;
    color: #132359;
}
#movie .moviearea .mo_ttl{
    font-weight: bold;
    margin-bottom: 5px;
    color: #132359;
}

.seminar_desc .desc_inner{
    margin-bottom: 30px;
}
.seminar_desc .desc_inner p{
    margin-bottom: 16px;
}
.seminar_desc .mokuji {
    background: #FFF;
    border-radius: 8px;
    padding: 20px;
}
.seminar_desc .mokuji li{
    margin-bottom: 16px;
}
.seminar_desc .mokuji li strong{
    display: block;
}
.seminar_desc .mokuji li span{
    display: block;
    padding-left: 1.5em;
}
.seminar_desc .mokuji li span.span02{
    padding-left: 3em;
}
.seminar_desc .caution{
    border: 1px solid #CCC;
    padding: 20px 20px 20px 40px;
    border-radius: 8px;
    font-weight: bold;
    margin-bottom: 30px;
}
.seminar_desc .caution span{
    font-weight: normal;
}
.seminar_desc .caution strong{
    color: #C00;
}
.seminar_desc{
    margin-bottom: 50px;
}
.seminar_desc h2{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 15px;
}


/* ==========================================================================
会社案内
========================================================================== */
#company .content-area{
	width:1140px;
	}
#company h1{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #3e55a3;
}
#company section{
	margin-bottom: 60px;
}
#company h2{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.about_table{
	width:100%;
	border-top:1px solid #CCC;
	}
.about_table th{
	padding:10px;
	border-bottom:1px solid #CCC;
	font-weight:normal;
	background:#EEE;
	}
.about_table td{
	padding:20px;
	border-bottom:1px solid #CCC;
	}
.about_table td p{
	margin-bottom: 10px;
	}
.about_table td ol{
	padding-left: 30px;
}
.about_table td .btn_area01 a{
	margin: 0;
}

#company .mapimg figure{
	width: 49%;
	float: left;
}
#company .mapimg figure img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#company .mapimg .access_detail{
	width: 49%;
	float: right;
	font-size: 90%;
	line-height: 1.8em;
}
#company .mapimg .access_detail th{
	display: block;
	width: 100%;
	text-align: left;
}
#company .mapimg .access_detail td{
	display: block;
	width: 100%;
}

a.btn01{
	display:inline-block;
	color: #FFF;
	font-size: 80%;
	line-height: 1em;
	box-sizing: border-box;
	padding: 8px 15px;
	background: #f09424;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
a.btn01:hover{
	background: #BC6300;
}
a.btn01 i{
	margin-left: 8px;
}

/* ==========================================================================
お問い合わせ
========================================================================== */
#contact .content-area{
	width:1140px;
	}

/******************************************************
フォームスタイル
*******************************************************/
/**Common***/
*{box-sizing:border-box;}
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.inline-flex { display: -webkit-flex; display: inline-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-start{ justify-content: flex-start; -webkit-justify-content: flex-start;}
.flex-center  { justify-content:center; -webkit-justify-content:center; }
.flex-txt-center{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

/**フォーム部分***/
.form_block{ padding: 0 0 0 0; line-height: 1.9em; }
.form_block{ width: 100%;margin: 0 auto; font-size: 16px; }
.form_block .form table{ width:100%; }
	
.form_block table.form_table{ width:100%; border-top:1px solid #DDD; border-collapse: collapse; border-spacing: 0; }
.form_block table.form_table tr{ border-bottom:1px solid #DDD; }
.form_block table.form_table th{ font-weight:normal; color: #222; width:25%; min-width:120px; text-align:left; padding:15px 20px; background: #EFEFEF; }
.form_block table.form_table th span, table.form_table td span.required{ font-size:16px; color:#EE0000; margin-left:5px; font-weight: bold;background: none;}
.form_block table.form_table td{ padding:15px 20px; position: relative; }
.form_block table.form_table .position .parts { width: 100%; position: relative; }
.form_block table.form_table .name .parts {width: 49%; position: relative; }
.form_block table.form_table .address_parts {width: 100%; position: relative;}
.form_block table.form_table .position .parts label, table.form_table .name .parts label, table.form_table .address_parts label
	{position: absolute; top:0; left: 0; z-index: 1;padding: 6px 10px;border: 1px solid #999; width: 75px; background: #999; color: #FFF;border-radius: 5px 0 0 5px;}
.form_block table.form_table .position .parts input{padding-left: 90px; margin: 0 0 10px 0; line-height: 1.7em;}
.form_block table.form_table .name .parts input{padding-left: 90px;margin: 0;line-height: 1.7em;}
.form_block table.form_table .address_parts input{padding-left: 130px!important; margin: 0 0 10px 0;line-height: 1.7em;}
.form_block table.form_table .address_parts label{width: 120px!important;}
.form_block input#zip1{ width:220px; line-height: 1.7em;}
.form_block input#zip2{ width:100px;padding-left: 8px!important; line-height: 1.7em;}
.form_block table.form_table .second_user{ border: 1px solid #999; padding: 15px; margin-top: 15px;}
.form_block table.form_table .second_user p{width: 100%; margin:0 0 10px 0; font-weight: bold;}
.form_block table.form_table .second_user p span{font-size: 14px; font-weight: normal;}

.form_block input, .form_block textarea, .form_block select { font-family: inherit; font-size: 16px; color: inherit; box-sizing:border-box;line-height: 1.7em;}
.form_block select[multiple] { height: 50px;}

.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"], .form_block select, .form_block textarea{
	width:100%; padding:8px; border-radius: 5px; border:1px solid #999; background-color:#EFEFEF; }
.form_block  input[type="submit"] { font-weight: bold; cursor: pointer; font-size:22px; padding:10px 0; width:280px; color:#FFF; background-color:#900; border:none; transition: 0.3s; border-radius: 5px;}
.form_block  .wpcf7-submit:disabled{ background-color: #CCC;cursor: not-allowed;}
.form_block #submit_box{ text-align:center; padding:35px 0 50px 0; }
.form_block input[type="checkbox"], .form_block input[type="radio"] { display: inline-block; margin: 0 2px; padding: 0; vertical-align: middle; position: relative; top: -1px; cursor: pointer;}
.form_block .caution{text-align: right;margin: 0 0 10px 0;}
.form_block .caution span{color: #EE0000; font-weight: bold;}
.form_block .caption{padding:20px; border: 1px solid #CCC;border-radius: 5px;line-height: 1.8em;}
.form_block .caption ul{margin: 0;padding: 0;}
.form_block .caption ul li{ list-style: none; padding-left: 1em; text-indent: -1em; font-size: 14px;}

.form_block .service_desc span.wpcf7-list-item{width: 45%;}
.form_name_hidden{display: none;}
.form_caption{
	border: 1px solid #CCC;
	padding: 20px;
	font-size: 16px;
	line-height: 1.8em;
}

@media screen and (max-width:959px){
    .form_block table.form_table th{ display: block; width:100%; padding:8px 10px;}
    .form_block table.form_table td{ display: block; width: 100%; padding:10px 10px 30px 10px;}
    .form_block table.form_table .second_user p span{font-size: 13px;}
    .form_block table.form_table .second_user{ padding: 12px;}
	.form_block .service_desc span.wpcf7-list-item{width: 100%;}
}


@media screen and (max-width:1420px){
	.content-area{ width:92%; }
	#toppage .content-area{ width:92%; }
	#contact .content-area{ width:92%; }
	#company .content-area{ width:92%; }
	.content-inner{ width:92%; }
}

@media screen and (max-width:1000px){
	main{ width:100%; }
	header{ height: 60px; }
	h1#top_logo{ height: 60px; }
	h1#top_logo a{ padding-top: 15px; }
	#wrap{ padding-top: 60px; }
	header h2{ display: none; }
}

@media screen and (max-width:960px){
	.sp_off{ display:none; }	
	.sp_on{ display:block; }
	
	.content-area{ padding: 20px 0 40px 0; }
	
	/* ==========================================================================
	Header
	========================================================================== */
	#wrap{ padding-top: 50px; }
	header{ height: 50px; }
	h1#top_logo{ width: 240px; height: 50px; }
	h1#top_logo a{ width: 150px; padding-top: 14px; }
	
	/* ==========================================================================
	トップページ
	========================================================================== */
	#toppage .content-area h3{ font-size: 20px; }
	#toppage .content-area ul.list li{ width: 100%; }

	/* ==========================================================================
	下層ページ
	========================================================================== */
	#movie .moviearea{ width: 100%; margin-bottom: 30px; }
	#movie .movie-box{ padding: 20px 0 0 0; }

	#movie .listarea{ width: 100%; margin-bottom: 40px; }
	#movie .listarea figure{ display: none; }
	#movie .listarea li .secList { font-size: 15px; }

	#movie .moviearea .desc-box .desc-tbl{ font-size: 14px; }
	#movie .moviearea .desc-box h2{ font-size: 16px; }
	#movie .moviearea .desc-box h3{ font-size: 16px; }
	#movie .moviearea .desc-box .desc01{ margin-bottom: 30px; }
	#movie .moviearea .desc-box .desc02 h4.ttl{ padding: 8px 15px; }
	
	/* ==========================================================================
	会社案内
	========================================================================== */
	.about_table th{ display: block; width: 100%; text-align: left; padding:5px 15px; }
	.about_table td{ display: block; width: 100%; padding:8px 15px 20px 15px; }
	#company .mapimg figure{ width: 100%; float: none; margin-bottom: 20px;}
	#company .mapimg .btn_area{text-align: center;}
	#company .mapimg .access_detail{ width: 100%; float: none; }

	/* ==========================================================================
	フォーム
	========================================================================== */
	#contact h1{ font-size: 20px; }
	#contact .caption{ line-height: 1.8em; }
	#contact .tel_box_in{ padding: 20px; filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1)); }
	#contact .tel_box_in .tel_no{ font-size: 220%; }
	#contact .tel_box_in .tel_no img{ width: 40px; }
	#contact .tel_box_in p{ font-size: 90%; }
	table.form_table th{ display: block; width:100%; padding:5px 15px; }
	table.form_table td{ display: block; width:100%; padding:10px 15px 15px 15px; }
	input#submit_button{ font-size:20px; width:80%; }
	.form_caption{ padding: 15px; font-size: 14px; }
	
}