@charset "utf-8";
/*======================================

	1-0.YUI Reset CSS
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt

=======================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
abbr, acronym {
  border: 0;
}
/*---------------------------------------
*	
*	00.GLOBAL TAGS
*	01.BASIC_STRUCTURE
*		01-01.HEADER
*		01-02.CONTENTS
*		01-03.FOOTER
*	02.PAGES
*		
*	03.PARTS
*		03-01.LIST
*		03-05.IMAGES
*		03-06.TEXT
*
*	MODULES
*		MO_01.CLEARFIX
*
*--------------------------------------*/
/**--------------------------------------
	00.GLOBAL TAGS
---------------------------------------**/
* {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, arial, helvetica, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #333;
  line-height: 1.75;
}
a {
  color: #036;
  text-decoration: underline;
}
a:hover {
  color: #F60;
  /*text-decoration: underline;*/
}
/* hover透過 */
a:hover img {
  /*モダンブラウザ用*/
  opacity: 0.65;
  /*IE7以下用*/
  filter: alpha(opacity=65);
  /*IE8用*/
  -ms-filter: "alpha(opacity=65)";
}
u {
  text-decoration: underline;
}
/**--------------------------------------
	01.BASIC_STRUCTURE
---------------------------------------**/
#container {
  margin: 3.5rem auto;
  border: 1px solid #CCC;
  width: 910px;
  background-color: #FFF;
}
/*----- 01-01.HEADER -----**/
#header {
  margin-top: 2rem;
}
/*----- 01-01.nav -----**/
#nav {
  padding: 20px;
}

/*----- 01-02.CONTENTS -----**/
#contents {
  padding: 1rem 4rem;
  margin-bottom: 4rem;
}
/*----- 01-03.FOOTER -----**/
#footer {
  padding: 20px;
  border-top: solid 1px #CCC;
}
/*-- Totop --*/
#pageTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 10%;
  border-radius: 10%;
  background: #999;
  text-decoration: none;
  position: relative;
}
#pageTop a span {
  position: absolute;
  top: 18px;
  left: 14px;
  width: 13px;
  height: 13px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/**--------------------------------------
	02.PAGES
---------------------------------------**/
.title--sec1 {
  font-size: 1.5rem;
  margin: 1.5rem 0 2rem;
  padding: .25rem 1rem;
  background-color: #f18700;
  color: #fff;
}
.title--sec2 {
  position: relative;
  font-size: 1.2rem;
  margin-bottom: 1em;
  padding: .5rem 0 .5rem 1.5rem;
  background-color: #f0f8ff;
  box-shadow: 1px 1px 4px #ccc;
}
.title--sec2::before {
  position: absolute;
  top: 1.3rem;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 1rem;
  height: 4px;
  background-color: #4496d3;
}
.m-btm--1 {
  margin-bottom: 1rem;
}
.m-btm--2 {
  margin-bottom: 2rem;
}
.m-btm--3 {
  margin-bottom: 3rem;
}
/*-- Top --*/
.conv {
  margin: 3rem 0;
}
/*----- 法人概要 -----**/
.prof {
  margin: 0 1rem 4rem;
}
.prof > dt {
  font-size: 1.1rem;
  color: #008080;
  margin-bottom: .5em;
}
.prof > dd {
  margin: 0 0 2em 2em;
}
.prof > dd table tr th, .prof > dd table tr td {
  padding: .25em 1em .25em 0;
}
.prof__history dt {
  float: left;
}
.prof__history dd {
  padding: 0 0 .25em 7em;
}
.prof > dd .link {
  margin-top: .5rem;
  display: flex;
}
.prof > dd .link li {
  width: 50%;
}
/**--------------------------------------
	03.PARTS
---------------------------------------**/
/*----- 03-01.LIST -----**/
/*ul.link li {
  margin: .5em 0 1em;
}*/
ul.link li a {
  display: inline-block;
  padding: 4px 0 4px 42px;
}
/*ul.link li a[href$=".pdf"] {
  background: url(../images/icon_pdf.gif) left center no-repeat;
}
ul.link li a[href^="http://"], ul.link li a[href^="https://"] {
  background: url(../images/icon_link.png) left center no-repeat;
}*/
/*----- 03-02.DL -----**/
/*----- 03-03.TABLE -----**/
/*----- 03-04.LAYOUT -----**/
/*----- 03-05.IMAGES -----**/
/*----- 03-06.TEXT -----**/
.ft-s--S {
  font-size: .85rem;
  font-size: .85rem;
}
.ft-s--L {
  font-size: 1.15rem;
}
.ft-c--R {
  color: #f00;
}
.ft-c--Blu {
  color: #1A4198;
}
.ft-w--bold {
  font-weight: bold;
}
.ft--italic {
  font-style: italic;
}
.txt--center {
  text-align: center;
}
.txt--right {
  text-align: right;
}
/*----- 03-07.BUTTON -----**/
.btn {
  display: inline-block;
  padding: 1rem;
  min-width: 12rem;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #00c0c0;
  color: #fff;
  text-decoration: none;
  transition: .4s;
/*	cursor:pointer;*/
}
.btn.btn-s {
  padding: .5rem 1.5rem;
}
.btn:hover {
  background-color: #fff;
  border-color: #f18700;
  color: #f18700;
  box-shadow: 2px 8px 16px #aaa;
}
/*---------------------------------------

	MODULES
	
---------------------------------------**/
/*---------------------------------------
	MO_01.CLEARFIX
---------------------------------------**/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
/*プルダウンメニュー*/
.menu {
  display: flex;
  justify-content: space-around;
	align-items: flex-start;
}
.menu input {
  display: none;
}
.menu label::before {
  content: '▼ ';
}

.menu > li > a {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.btn > .ft-s--L{
	color: #fff;
}

.btn > .ft-s--L:hover{
	color: #f18700;
}

.menu > li, .menu label {
  display: block;
  /*width: 100%;*/
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.menu__select > ul {
  height: 0;
  opacity: 0;
  transition: .5s;
	display: none;
}

.menu__select input:checked + ul {
	display: block;
  height: auto;
  opacity: 1;
}

.menu__select a {
  display: block;
  border-top: 1px solid #fff;
  background-color: #78bfbf;
  text-align: left;
  padding: 1rem;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}

.menu__select a:hover {
  opacity: 0.5;
}

/*.menu__select .select__sec::before {
  content: '▼ ';
}*/

/*.menu__select .select__item {
  display: none;
  width: 100%;
}*/

