/* 全体の設定 */
body{
    text-align: center;
	margin: 0;
    font-family: 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
    font-style:normal;/*文字のスタイル：普通*/
    font-weight:normal;/*文字の太さ：普通*/
    font-size:16px;/*文字の大きさ：ちょっと小さい*/
    text-align:left;/*文字の寄せ方：左寄せ*/
	line-height:150%;/*行間の単位*/
    color:#000000;/*文字の色：黒*/
    background-color:#ffffff;/* 背景の色：白 */
}

img{/* 画像表示のデザイン設定 */
	border:0px;
}

/* リンク関係 */
#logo a:link {/*リンクされた文字の色*/
    color:#000000;/*文字の色：黒*/
    font-style:normal;
    text-decoration:none;/* 装飾なし */
}
#logo a:visited {/*訪問後の色*/
    color:#000000;/*文字の色：黒*/
    text-decoration:none;/* 装飾なし */
}
#logo a:hover {/*カーソルを合わせたときの色*/
    color:#999999;/*文字の色：グレー*/
    font-style:normal;
    text-decoration:none;/* 装飾なし */
}
#logo a:active {/*クリック中の色*/
    text-decoration:none;/* なし */
}

 a:link {/*リンクされた文字の色*/
    color:#000000;/*文字の色：黒*/
    font-style:normal;
    text-decoration:underline;/* 下線 */
}
 a:visited {/*訪問後の色*/
    color:#000000;/*文字の色：黒*/
    text-decoration:underline;/* 装飾なし */
}
 a:hover {/*カーソルを合わせたときの色*/
    color:#999999;/*文字の色：グレー*/
    font-style:normal;
    text-decoration:underline;/* 装飾なし */
}
 a:active {/*クリック中の色*/
    text-decoration:none;/* なし */
}

/* タイトル */
h1{
    text-align:left;/*文字を左へ寄せる*/
    font-size:xx-large;/*文字の大きさ：非常に大きい*/
    margin-top:0px;/*上方向の余白無し*/
}
h2{
    text-align:left;/*文字を左へ寄せる*/
    font-size:120%;/*文字の大きさ：大きい*/
    margin:0px;/*余白無し*/
}

h3{
    text-align:left;/*文字を左へ寄せる*/
    font-size:110%;/*文字の大きさ：通常*/
    margin:0px;/*余白無し*/
}

/* 文章 */
p{
    padding-top:0em;/*上の詰め0文字分*/
    padding-bottom:0em;/*下の詰め0文字分*/
    padding-left:7em;/*左の詰め7文字分*/
    padding-right:7em;/*右の詰め7文字分*/
}

/* ドロップダウンメニュー */
.nav {
  width: 960px;
  height: 28px;
  margin-top: auto;
  background-color: #1e1e1e;
}

.nav a:hover {
  background-color: #454545;
  height: 28px;
}

.nav a {
  display: block;
  padding: auto;
  color: #f6f6f6;
  line-height: 2;
  text-align:center;/*文字位置：中央*/
  text-decoration: none;/* 装飾なし */
  font-size: 14px
}

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav > ul:after {
  display: block;
  clear: both;
  content: "";
}

.nav > ul > li {
  position: relative;
  float: left;
  width: 160px;
}

.children {
  position: absolute;
  width: 100%;
  visibility: hidden;
  -webkit-perspective: 500px;
  perspective: 500px;
}

.nav > ul > li:hover .children {
  visibility: visible;
}

.children a {
  background-color: #1e1e1e;
}

.children a:hover {
  background-color: #454545;
}

.children li {
  opacity: 0;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: 0.25s linear;
  transition: 0.25s linear;
}

:-o-prefocus,
.children li {
  transition: none;
}

.nav > ul > li:hover .children li {
  opacity: 1;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.children li:nth-child(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.children li:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.children li:nth-child(4) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.children li:nth-child(5) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.children li:nth-child(6) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.children li:nth-child(7) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/**********　id　**********/
#logo{
    text-align: left;
    margin:0px auto;
	width: 960px;
}

#top{
    text-align: left;
    margin:0px auto;
	width: 960px;
}

/**　メイン　**/
#main{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

.chokuhan{
    width: 920px;
    margin: 0 auto;
    text-align: left;
}

.main1{
    width: 860px;
    margin: 0 auto;
    text-align: left;
}

.main2{
    width: 760px;
    margin: 0 auto;
    text-align: left;
}

.main2-g{
    width: 740px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    background-color: #eaeaea; /* 背景の色：グレー */
}

.main3{
    width: 660px;
    margin: 0 auto;
    text-align: left;
}

.main3-g{
    width: 640px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    background-color: #eaeaea; /* 背景の色：グレー */
}

.main4{
    width: 550px;
    margin: 0 auto;
    text-align: left;
}

.main4-g{
    width: 530px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    background-color: #eaeaea; /* 背景の色：グレー */
}

.main5{
    width: 500px;
    margin: 0 auto;
    text-align: left;
}

.main-home{
    width: 700px;
    margin: 0 auto;
    text-align: center;
}

.main-home2{
    width: 630px;
    margin: 0 auto;
    text-align: left;
}

.main-sumaho{
    width: 280px;
    margin: 0 auto;
    text-align: left;
}

.main-home2-g{
    width: 630px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    background-color: #eaeaea; /* 背景の色：グレー */
}

/**　タイトル　**/
.title2{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

.title3{
    width: 900px;
    margin: 0 auto;
    text-align: left;
}

/**　画像　**/
.image{
    width: 960px;
    margin: 0 auto;
    padding: auto;
    text-align: right;
}

.image2{
    width: 960px;
    margin: 0 auto;
    padding: auto;
    text-align: center;
}

/**　リンク　**/
.linkzone{
    width: 900px;
    margin: 0 auto;
    padding: auto;
    text-align: right;
}
/* ラッパーの設定：サイトが崩れないため
この中に左側・右側・footを入れる*/
#wrap{
    position:relative;
    width:960px;
	margin: 0 auto;
	text-align: left;
}

/**　左側の設定　**/
#left{
    width:460px;
    float:left;
    margin: 0 auto;
    text-align: left;
    padding-top:0em;/*上の詰め0文字分*/
    padding-bottom:0em;/*下の詰め0文字分*/
    padding-left:1em;/*左の詰め1文字分*/
}
/**　右側の設定　**/
#right{
    width:460px;
    float:right;
    margin: 0 auto;
    text-align: left;
    padding-top:0em;/*上の詰め0文字分*/
    padding-bottom:0em;/*下の詰め0文字分*/
    padding-left:1em;/*左の詰め1文字分*/
}

/**　左側の設定　**/
#left2{
    width:460px;
    float:left;
    margin: 0 auto;
    text-align: left;
    padding-top:0em;/*上の詰め0文字分*/
    padding-bottom:0em;/*下の詰め0文字分*/
    padding-left:1em;/*左の詰め1文字分*/
}
/**　右側の設定　**/
#right2{
    width:460px;
    float:right;
    margin: 0 auto;
    text-align: left;
    padding-top:0em;/*上の詰め0文字分*/
    padding-bottom:0em;/*下の詰め0文字分*/
    padding-left:1em;/*左の詰め1文字分*/
}

#foot{
    margin:0px auto;
	width: 960px;
    padding-bottom: 30px;
}


body {    background:;} /* 1024px以上の幅の場合に適用される */
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適用される */
    main {
        background-color:;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適用される */
     main {
        background-color:;
        font-size: ;
    }
}@media screen and (max-width: 600px) {
/* 600pxまでの幅の場合に適用される */
#logo{
    text-align: center;
    margin:5px auto;
	width: 320px;
}
.image2{
    width: 320px;
    margin: 0 auto;
    padding: auto;
    text-align: center;
}
.main-home2{
    width: 270px;
    margin:5px left;
    text-align: left;
}
.main-sumaho{
    width: 280px;
    margin: 0 auto;
    text-align: left;
}
#foot{
    margin:5px auto;
	width: 320px;
    padding-bottom: 30px;
}
.title3{
    width: 320px;
    margin:5px auto;
    text-align: center;
}
    .container {
        background-color: ;
        font-size: ;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;        
    }
        .item {
        background-color:;
        width: 320px;
        height: 300px;

    }
}
@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適用される */
    main {
        background-color:;
        font-size: ;
    }
}

    .container {
        background-color:;
        display: flex;

    }
    .item {
        background-color:;
        width: 330px;
        height: 300px;

    }

/*******************************　FAQ　***********************************/
#accordion {width:700px; margin:50px auto}
.accordion {width:700px; font:13px Verdana,Arial; line-height:150%; color:#033}
.accordion dt {width:685px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion dt:hover {background:url(images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion span {display:block; width:625px; border:2px solid #9ac1c9; border-top:none; padding:15px}