@charset "utf-8";
/* ------------------------------------------------
 * Style Name  :  layout.css
 * --------------------------------------------- */

h2 {
	text-align:center;
	padding-bottom:25px;
	margin:0 !important;
}

p a {
	color:#00C9D8;
}

.col-md-6 p {
	text-align:left;
}

.planliarea .col-md-6 {
	padding:0 5% 60px 5%;
}

.planliarea .col-md-6 span {
	float:right;
}

.planliarea .col-md-6 li {
	border-bottom:dotted 1px #dedede;
	padding:10px;
	text-align:left;
}

.planliarea  b {
    font-size: 20px;
    padding-top: 6px;
    padding-bottom:10px;
    display: block;
	text-align:center;
}

.col-md-6 u {
	text-decoration:none;
	font-size:15px;
}

.aomoji {
	text-align:center;
}

.aomoji span {
	text-align:center;
	color:#00C9D8;
}

.midasiareaa {
	text-align:center;
	padding-top:50px;
}

.jireiarea {
	text-align:center;
	margin-top:40px;
}

.jireiarea p {
	width:80%;
	margin:30px 10%;
}

.midasiareaa img {
	margin-bottom:40px;
}

.midasiareaa span {
	font-size:16px;
	padding-bottom:10px;
	display:block;
}

.nagareareaa {
	text-align:left;
}

.nagareimg {
	text-align:center;
	padding:40px;
}

.nagaremoji b {
	display:block;
	text-align:center;
	padding-bottom:10px;
	font-size:18px;
}

.newsareaa {
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	background:#ffff00;
}

.newsareaa a {
	 color:#337ab7;
	 font-weight:bold;
}

.newsareaa a:hover {
	 color: #ff6600;
	 font-weight:bold;
}
 
@media screen and (min-width:1200px)  {
 .waku1200 {
 margin: 0 auto;
 width:1200px;
}
 .areaa {
 margin: 0 auto;
 width:1200px;
}

 .navipc {
 margin: 0 auto;
 width:1200px;
}

.kinou_haco {
    display:table;
	 padding-left:10%;
	 padding-right:10%;
}

.kinou_haco p {
	 color: #ffffff;
	 font-size:16px;
    display:table-cell;
    vertical-align:middle;
}

.nagareareaa {
	margin-left:60px;
	margin-right:30px;
}

}

@media screen and (min-width:768px) and ( max-width:1199px) {

.kinou_haco {
    display:table;
	 padding-left:20px;
	 padding-right:20px;
}

.kinou_haco p {
	 color: #ffffff;
	 font-size:16px;
    display:table-cell;
    vertical-align:middle;
}

}

@media screen and (max-width:990px)  {
.mousikomi {
	width:90%;
	margin:5%;
}
	
.kinouimg {
	display: none;
}
	
.kinoumoji {
	text-align: center;
	margin:10%;
	font-size:22px;
	font-weight: bold;
}
	
}

@media screen and (min-width:991px)  {
.kinoumoji {
	display: none;
}
}

@media screen and (max-width:400px)  {
.img400 {
	width: 100%;
}
}


/* ------------------------------------------------
 * スマホ用スタイル / 767px以下
 * --------------------------------------------- */

@media screen and (max-width:767px)  {
 
 .waku1200 {
 margin:20px;
}

.spnone {
	display:none;
}
	
select {
	width:100%;
}

#img_jirei {
	display:none;
}

#header {
 background:#000000;
 width:100%;
 }
 
.kinou p {
	 color: #ffffff;
	 padding:14px;
	font-size:16px;
}
 
.kinou span {
	font-size:20px;
	padding-bottom:4px;
	display:block;
	font-weight:bold;
}
.navipc {
	display:none;
}

.mbbtn {
	float:left;
	margin:8px 15px;
}

.menu-btn {
    cursor: pointer;
}
 
#menu-list {
    display: none;
}

.lists {
	margin:0 !important;
}

.lists li {
	width:100%;
	color:#ffffff;
	background:#000000;
	border-top: 1px solid #ffffff;
	text-align:center;
	line-height:70px;
	font-size:18px;
	font-weight:bold;
}

.lists a {
	color:#ffffff;
	text-decoration:none;
}

.kinouicon b {
	font-size:20px;
	padding-top:6px;
	padding-bottom:4px;
	display:block;
 }
 
.kinouicon p {
	width:80%;
	overflow:hidden;
	margin:0 10%;
	padding-bottom:35px;
 }
 
.kinouicon {
	text-align:center;
	margin-bottom:80px;
 }

.planarea {
	background:#000000;
	color:#FFFFFF;
	padding:40px 20px;
	margin-bottom:60px;
	text-align:center;
}

.planarea p {
	line-height:50px;
}

.planarea span {
	border:1px solid #FFFFFF;
	padding:10px 20px;
	line-height:50px;
}

.planarea b {
	vertical-align:bottom;
	padding-left:10px;
	font-size:26px;
	line-height:50px;
}

.qalist dl {
	border-bottom:solid 1px #EEEEEE;
	padding:25px 15px 5px 15px;
}

.kinou_saisinimg {
	background:url(../img/img_saisin.jpg) center;
	background-size:cover;
	height:400px;
}

.kinou_saisin {
	 background:#00D9A3;
}

.kinou_dokujiimg {
	background:url(../img/img_dokuji.jpg) center;
	background-size:cover;
	height:400px;
}

.kinou_dokuji {
	 background:#49C600;
}

.kinou_mailimg {
	background:url(../img/img_mail.jpg) center;
	background-size:cover;
	height:400px;
}

.kinou_mail {
	 background:#00C9D9;
}

.kinouu {
	margin-bottom:30px;
}

.kinouu p {
	 color: #ffffff;
	 padding:20px;
	 font-size:16px;
}
 
 .kinouu span {
	font-size:28px;
	padding-bottom:4px;
	display:block;
 }
 
.qalist p {
	display:inline-block;
	vertical-align:middle;
	width:90%;
}

.qalist img {
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
	margin-top:14px;
	width:8%;
}

.nagaremoji {
	font-size:16px;
	line-height:26px;
	padding-top:30px;
}

.nagaremoji li {
	padding-top:20px;
}

.nagaremoji img {
	display:block;
	margin:0 auto;
}

.nagaremoji p {
	width:80%;
	margin:10px 10%;
	text-align:center;
}

.jireiarea {
	margin-bottom:70px;
}
	
.footunei span {
	display: block;
	margin:0;
	line-height:0px !important;
	font-size: 14px;
}
	
.footunei {
	margin-bottom:40px;
}

#pageTop {
	position: fixed;
	left: auto;
	right: 0;
 bottom: 0;
 z-index: 9999;
	padding-right:10px;
	padding-bottom:10px;
}

.qaarea dl {
	border-bottom:solid 1px #EEEEEE;
	padding:25px 15px 5px 15px;
}
 
.qaarea p {
	display:inline-block;
	vertical-align:middle;
	width:88%;
}

.qaarea img {
	display:inline-block;
	vertical-align:top;
	margin-right:4%;
	width:8%;
	padding-top:10px;
}

.qaarea2 dl {
	border-bottom:solid 1px #EEEEEE;
	padding:25px 15px 5px 15px;
}
 
.qaarea2 p {
	display:inline-block;
	vertical-align:middle;
	width:88%;
}

.qaarea2 img {
	display:inline-block;
	vertical-align:top;
	margin-right:4%;
	width:8%;
	padding-top:10px;
}

}


/* ------------------------------------------------
 * PC用スタイル / 768px以上
 * --------------------------------------------- */
 
@media screen and (min-width:768px)  {

#container {
 width:100%;
 padding-top:50px;
}
	
.pcnone {
	display:none;
}
	
	
.formareaa dl {
	width:550px;
	padding:5px;
	text-align:left;
	clear:both;
	margin:10px auto;
}

.formareaa dt {
	font-weight:100;
  float:left;
  clear:left;
  width:150px;
}

.formareaa dd {
  float:left;
  width:350px;
}

#img_jirei {
	background:url(../img/img_jirei.jpg) center;
	background-size:cover;
	height:330px;
}

#header {
 background:#000000;
 width:100%;
 padding-top:10px;
 padding-bottom:5px;
 position:fixed;
 z-index:20000;
 }

.midasiareaa {
	margin-bottom:90px;
}

.jireiarea {
	margin-bottom:90px;
}
 
 .kinou {
	 padding:0 !important;
	 margin:0 !important;
 }
 
 .kinou li {
	 float:left;
	  width:50%;
 }
 
 .kinou p {
	 color: #ffffff;
	 padding:55px 40px;
	font-size:16px;
 }
 
 .kinou span {
	font-size:28px;
	padding-bottom:4px;
	display:block;
 }
 
.headnavimb {
	display:none;
}

.kinouicon b {
	font-size:20px;
	padding-top:6px;
	padding-bottom:4px;
	display:block;
 }
 
.kinouicon p {
	width:80%;
	overflow:hidden;
	margin:0 10%;
 }
 
.kinouicon {
	text-align:center;
	margin-bottom:100px;
	margin-top:10px;
 }

.nagaremoji {
	font-size:16px;
	line-height:26px;
	padding-top:30px;
}

.nagaremoji li {
	float:left;
	width:20%;
}

.nagaremoji img {
	width:100%;
}

.nagaremoji p {
	margin:10px;
}

.planarea {
	background:#000000;
	color:#FFFFFF;
	padding:80px 100px 70px 100px;
	margin-bottom:60px;
	text-align:center;
}

.planarea p {
	line-height:50px;
}

.planarea span {
	border:1px solid #FFFFFF;
	padding:10px 20px;
	line-height:50px;
}

.planarea b {
	vertical-align:bottom;
	padding-left:10px;
	font-size:40px;
	line-height:50px;
}

.kinou_saisinimg {
	background:url(../img/img_saisin.jpg) center;
	background-size:cover;
	 float:left;
	 width:50%;
	 height:400px;
}

.kinou_saisin {
	 float:left;
	 width:50%;
	 background:#00D9A3;
	 height:400px;
}

.kinou_dokujiimg {
	background:url(../img/img_dokuji.jpg) center;
	background-size:cover;
	 float:right;
	 width:50%;
	 height:400px;
}

.kinou_dokuji {
	 float:right;
	 width:50%;
	 background:#49C600;
	 height:400px;
}

.kinou_mailimg {
	background:url(../img/img_mail.jpg) center;
	background-size:cover;
	 float:left;
	 width:50%;
	 height:400px;
}

.kinou_mail {
	 float:left;
	 width:50%;
	 background:#00C9D9;
	 height:400px;
}

.kinouu {
	margin-top:30px;
	margin-bottom:30px;
}
 
 .kinouu span {
	font-size:28px;
	padding-bottom:4px;
	display:block;
 }

.qalist dl {
	border-bottom:solid 1px #EEEEEE;
	padding:10px;
	margin:10px 35px;
}

.qalist2 p {
	display:inline-block;
	vertical-align:middle;
	width:90%;
}

.qalist2 img {
	display:inline-block;
	vertical-align:middle;
	margin-right:2%;
	margin-bottom:10px;
	width:8%;
}

.qalist p {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

.qalist img {
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
	
.mousikomibtn {
	width:450px;
	margin:10px auto;
}

#pageTop {
	position: fixed;
	right: 0;
 bottom: 0;
 z-index: 9999;
 padding:40px;
 _text-align: right;
}

.qaarea dl {
	border-bottom:solid 1px #EEEEEE;
	padding:10px;
	margin:10px 35px;
}

.qaarea p {
	display:inline-block;
	vertical-align:middle;
	width:90%;
}

.qaarea span {
	margin-right:2%;
	width:8%;
}

.qaarea img {
	display:inline-block;
	vertical-align:middle;
	margin-bottom:10px;
}

.qaarea2 dl {
	border-bottom:solid 1px #EEEEEE;
	padding:10px;
	margin:10px 35px;
}

.qaarea2 p {
	display:inline-block;
	vertical-align:middle;
	width:90%;
}

.qaarea2 span {
	margin-right:2%;
	width:8%;
}

.imgtop img {
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
	margin-bottom:10px;
}

.imgmiddle img {
	display:inline-block;
	vertical-align:middle;
	margin-bottom:10px;
}

}


/* ------------------------------------------------
 * 共通スタイル
 * --------------------------------------------- */

.kvarea {
 text-align: center;
 padding-bottom:40px;
}

.formareaa {
 text-align: center;
}

.formareaa .formtel {
	padding-top:15px;
	padding-bottom:20px;
	background:#000000;
	color:#ffffff;
	width:100%;
	margin-top:20px;
}

.formareaa .formtel b {
	display:block;
	font-size:40px;
	line-height:38px;
}

.kvarea .limgg {
 margin-bottom:20px;
}
.kvarea .limgg2 {
 margin-bottom:20px;
}
.kvarea p {
 margin-bottom:20px;
}

.noticemoji {
 padding-top:20px;
 text-align: center;
 padding-bottom:20px;
}

.creditt img {
	width:100%;
	border:solid 1px #dddddd;
}

.titmoji {
	margin-top:40px;
}

#wrapper {
 width: 100%;
 clear: both;
}

 
.oneline {
	/*line-height:60px;*/
	 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

#header .headnavi ul li {
	float:left;
	margin-left:20px;
}

.tyusyaku {
	color:#6C6C6C;
	font-size:14px !important;
	margin:10px 0 40px 0;
}

.btn_aoo {
	color:#ffffff;
	background:#00D9A3;
	text-align:center;
	line-height:60px;
	margin-top:20px;
}

.submit input {
    text-align: center;
	color:#ffffff;
	background:#00D9A3;
    display: block;
    padding:10px 0;
    width:100%;
    text-decoration: none;
}

.check label {
	font-weight:100;
}

.check2 label {
	font-weight:100;
}

.formareaa {	
	background:#EEEEEE;
	padding-top:40px;
	padding-bottom:40px;
}

.qalist {
	border-top:solid 1px #EEEEEE;
	margin-bottom:80px;
}

.qalist span {
	color:#00C9D8;
}

.qalist dt {
	font-weight:100;
	margin-bottom:10px;
	vertical-align:middle;
}

.qalist dd {
}

.nagareareaa {
	margin-bottom:60px;
}

#footer {
 width: 100%;
 clear: both;
 text-align: center;
 font-size:80%;
 line-height: normal;
 color: #ffffff;
 display: block;
 margin: 0 auto;
 padding: 30px 0 10px 0;
 background:#000000;
}

#footer a {
 color: #ffffff;
}

.footmoji {
	text-align: center;
	margin-bottom:20px;
}

.footmoji li {
	display: inline;
	margin:0 10px;
}

#pageTop a {
	width:80px;
 height:80px;
	display: block;
}

p.iPadPageTop { display: none; }

.noticelist li {
	padding-top:10px;
	font-size:16px;
}


/*--------------------

	margin-bottom

--------------------*/

.mgb40 {
	margin-bottom:40px;
}



/*--------------------

	Font Size

--------------------*/
.nav,
.gm,
h2,
#SECTION8 ul {
 font-size: 0;
 line-height: 0;
}



/*--------------------

	Clearfix

--------------------*/


.header ul:after;
.nav ul:after,
.gm ul:after,
#SECTION6 ul.listThumb:after,
#SECTION6 ul.listWorks:after;
#SECTION6 .CollapsiblePanelTab:after;
#SECTION7 table td dl.officer:after,
#SECTION7 .privacyMark:after,
#SECTION8 ul:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
 overflow: hidden;
}

* html .header ul,
* html .nav ul,
* html .gm ul,
* html #SECTION6 ul.listThumb,
* html #SECTION6 ul.listWorks,
* html #SECTION6 .CollapsiblePanelTab,
* html #SECTION7 table td dl.officer,
* html #SECTION7 .privacyMark,
* html #SECTION8 ul {
 height: 1em;
 overflow: visible;
}