@charset "utf-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
/*body {
  line-height:1;
}*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
ul {
  list-style:none;
}
li {
  list-style:none;
}
img{max-width:100%;}

blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. コンテンツ

******************************************************************************* */

/* ==

　01. 基本

=============================================================================== */

h1,
h3 {
	text-align: center;
	border-bottom: none;
	margin-bottom: 0;
}
h2 {
	font-size: 40px;
	background-color: transparent;
}

/* ==

　02. コンテンツ

=============================================================================== */
/*
	メインヴィジュアル
*/
#tLocationMainVisual {
	background: url(../../images/mv01.jpg) no-repeat center center;
	height: 290px;
}

/*
	リード
*/
#tLead {
	padding-top: 80px;
	padding-bottom: 100px;
}



#tLead .subnavi {
    padding: 20px 0 0px 0;
    text-align: center;
}
#tLead .subnavi li {
    display: inline-block;
}


.column {
    font-family: "Noto Serif JP","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","Sawarabi Mincho","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-feature-settings: "palt";
}

.column .st{
    background:#24394a;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 35px;
}
.column_inner {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left !important;
}
.column_inner .q {
	font-size: 24px;
	border-bottom: 2px solid #313131;
	padding:40px 0 40px 180px;
	text-align: left !important;
	margin-bottom:25px;
}
.column_inner .q.q01 {
	background:url(../../column/images/q01.jpg) no-repeat left center;
}
.column_inner .q.q02 {
	background:url(../../column/images/q02.jpg) no-repeat left center;
}
.column_inner .q.q03 {
	background:url(../../column/images/q03.jpg) no-repeat left center;
}
.column_inner .img1 {
	text-align: center;
	margin-bottom:20px;
}
.column_inner .img1 p {
	text-align: right;
	padding:4px 0 0 0;
	font-size:13px;
}
.column_inner .a_box {
	margin-bottom: 40px;
}
.column_inner .a_box:after {
	content:" ";
	display:block;
	clear:both;
}
.column_inner .a_box .inn {
	background: #edeade;
	padding: 30px 5%;
	border-radius: 20px;
}
.column_inner .a_box .inn.r {
	width:56%;
	float:right;
}
.column_inner .a_box .left {
	width:30%;
	float:left;
}
.a_box .text:after {
	content:" ";
	display:block;
	clear:both;
}
.a_box .text p {
	float: left;
	width: 74%;
	padding-top:20px;
}
.a_box .text .img {
	float: right;
	width: 26%;
	text-align: right;
}
.a_box .cap {
	padding-top: 8px;
	text-align:right;
}
.column_inner .a_box h4 {
	font-size: 21px;
	border-bottom: 2px solid #cac2b5;
	padding-bottom: 18px;
	margin-bottom: 25px;
}
.column_inner .kome {
	font-size: 12px;
	padding-top: 8px;
	clear: both;
}
.column_inner .solar {
	max-width:900px;
	margin:0 auto 60px;
}
.column_inner .solar h3 {
	color: #FFF;
	background: #263A49;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 30px;
	margin-bottom: 25px;
	border-radius:20px;
}
.column_inner .solar .img {
	margin-bottom: 20px;
}



@media only screen and (max-width: 640px){
#tLead {
	padding-top: 30px;
	padding-bottom: 30px;
}
#tLead h1 img {
    width: 90px;
    text-align: center;
    margin: 0 auto;
}

#tLead .subnavi {
    padding: 20px 0 0px 0;
    text-align: center;
}
#tLead .subnavi li {
    display: inline-block;
    width: 43%;
}

.column .st{
    background:#24394a;
    text-align: center;
    padding: 13px 5%;
    margin-bottom: 35px;
}
.column_inner {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left !important;
	padding: 0 5%;
}
.column_inner .q {
	font-size: 15px;
	border-bottom: 2px solid #313131;
	padding: 10px 0 10px 100px;
	text-align: left !important;
	margin-bottom:25px;
}
.column_inner .q.q01 {
	background:url(../../column/images/q01.jpg) no-repeat left center;
	background-size: 90px;
}
.column_inner .q.q02 {
	background:url(../../column/images/q02.jpg) no-repeat left center;
	background-size: 90px;
}
.column_inner .q.q03 {
	background:url(../../column/images/q03.jpg) no-repeat left center;
	background-size: 90px;
}
.column_inner .img1 {
	text-align: center;
	margin-bottom:20px;
}
.column_inner .img1 p {
	text-align: right;
	padding:4px 0 0 0;
	font-size:13px;
}
.column_inner .a_box {
	margin-bottom: 40px;
}
.column_inner .a_box:after {
	content:" ";
	display:block;
	clear:both;
}
.column_inner .a_box .inn {
	background: #edeade;
	padding: 30px 5%;
	border-radius: 20px;
}
.column_inner .a_box .inn.r {
	width:56%;
	float:right;
}
.column_inner .a_box .left {
	width:30%;
	float:left;
}
.a_box .text:after {
	content:" ";
	display:block;
	clear:both;
}
.a_box .text p {
	float: left;
	width: 64%;
	padding-top: 4px;
}
.a_box .text .img {
	float: right;
	width: 32%;
	text-align: right;
}
.a_box .cap {
	padding-top: 8px;
	text-align:right;
}
.column_inner .a_box h4 {
	font-size: 16px;
	border-bottom: 2px solid #cac2b5;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
.column_inner .kome {
	font-size: 12px;
	padding-top: 8px;
	clear: both;
}
.column_inner .solar {
	max-width:900px;
	margin:0 auto 60px;
}
.column_inner .solar h3 {
	color: #FFF;
	background: #263A49;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	margin-bottom: 25px;
	border-radius:20px;
}
.column_inner .solar .img {
	margin-bottom: 20px;
}

}