@charset "UTF-8";

/* ★★★★★★★★★★★★ 
 お問い合わせ 共通
★★★★★★★★★★★★ */

/* @@@@@@@@@@@@@@@@@@@@ 
 ページの基本設定
@@@@@@@@@@@@@@@@@@@@ */

html {
 font-size: 62.5%;
 scroll-behavior: smooth;
 }


body {  
   margin: 0px auto; 
   background-color:rgb(236,230,230);
   font-size: 1.6em;
   -webkit-text-size-adjust: 100%;
   font-family:'メイリオ', 'Meiryo','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ ゴシック',sans-serif;
 }


.container {
  margin:auto;
  height:auto;
  /*border:1px solid red;*/
  max-width:1000px;
  background-color:rgb(236,230,230);
  padding:10px;
 }



/* @@@@@@@@@@@@@@@@@@@@ 
 TOP_banner
@@@@@@@@@@@@@@@@@@@@ */

.hwrapper{
   width: 100%;
   background-color:white;
}

.header{
  margin: auto;
  max-width: 980px;
  padding: 10px;
}

#topimg {
 margin:0px auto;
 width:950px;
 height:250px;
 background-image:url(../../img/title_a.png);
 background-repeat:no-repeat;
 }


/* @@@@@@@@@@@@@@@@@@@@ 
 上部の帯　HOME
@@@@@@@@@@@@@@@@@@@@ */

/* 外側 */
.top_a {
 display: flex;
 height: 25px;
 width: 100%;
 padding: 5px 0px; 
 background-color: rgb(240,240,240);
 border-top: 10px solid rgb(102,80,77);
 border-bottom: 1px solid rgb(127,127,127);
 }

/* 内側 */
.top_a_txt {
 max-width:1020px;
 width:100%;
 min-width:800px;
 margin:auto;
 color: rgb(102,80,77);
 font-weight: bold;
 letter-spacing: 0.1em; 
 }

/* 帯内h1 */
h1 {
 font-size:100%;
 color:white;
 letter-spacing: 0.05em;
 margin-top:1px;
 margin-left:20px;
}



/* @@@@@@@@@@@@@@@@@@@@ 
 右サイドの設定
@@@@@@@@@@@@@@@@@@@@ */

/* 全体 */
#A {
 /*border:1px solid blue;*/
 width:250px;
 height:auto;
 float:right;
 }

/* ブロック見出し */
.obi_a {
  width:240px;
  height:30px;
  color:white;
  background-color:rgb(192,80,77);
  padding:5px 0px 0px 10px;
  font-weight:bold; 
  font-size:105%;
  letter-spacing: 0.1em;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
 }

/* ブロック内のテキスト全体 */
.obi_a_txt {
 /*border:1px solid red;*/
 width:240px;
 height:auto;
 margin-bottom:20px;
 padding:5px 5px 5px 5px;
 font-size:98%;
 color:rgb(39,39,39);
 letter-spacing: 0.05em;
 line-height: 1.7;
 background-color:white;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 }

/* ブロック内のテキスト全体 SSL*/
.obi_b_txt {
 /*border:1px solid red;*/
 width:240px;
 height:auto;
 margin-bottom:20px;
 padding:5px 5px 5px 5px;
 font-size:98%;
 color:rgb(39,39,39);
 letter-spacing: 0.05em;
 line-height: 1.7;
 background-color:white;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 text-align:center;
 }



/* @@@@@@@@@@@@@@@@@@@@ 
 左サイドの設定
@@@@@@@@@@@@@@@@@@@@ */

#B {
 width:730px;
 height:auto;
 /*margin-top:0px;*/
 letter-spacing:0.05em;
 }


/*----- フォーム -----*/
form {
 margin-top:10px;
 margin-left:10px;
 width:680px;
 background-color:rgb(246,246,246);
 }

#tit_a
 {
 margin-top:0px;
 margin-left:0px;
 padding-left:100px;
 color:rgb(51,51,51);
 font-weight:bold;
 font-size:130%;
 background-color:rgb(236,230,230);
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:gray;
 }

input {
 width: 300px;
 height:25px;
 font-size:105%;
 }

/*----- フォームここまで -----*/



/* @@@@@@@@@@@@@@@@@@@@ 
 下サイドの設定
@@@@@@@@@@@@@@@@@@@@ */

.fwrapper{
   width: 100%;
   background-color:rgb(102,80,77);/* #FDE9FB;*/
}


.footer{
  text-align:center;
  margin: auto;
  max-width: 800px;
  color:white;
  font-weight:bold;
  padding: 10px;/* 重要:これを書かないとフッターの下に余白ができてしまう */
}


/* @@@@@@@@@@@@@@@@@@@@ 
 リンクの設定
@@@@@@@@@@@@@@@@@@@@ */

/* 通常リンク */
a {
 transition:color 0.3s;
 color:white;
 }

a:visited {
 color:white;
 }

a:hover {
 color:orange;
 }

a:active {
 color:red;
 }

.type_a {
 color:blue;
 transition:color 0.3s;

 }

.type_a:visited {
 color:brown;
 }

.type_a:hover {
 color:orange;
 }

.type_a:active {
 color:red;
 }

/* :::::::::: スクロール時で現れるボタンの設定 :::::::::: */
main {
  position: relative;
}

/* 右下のTOPへ戻るボタン */
.pagetop{
    display: none;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #373737;/*FFF;*/
    border: 1px solid #999;
    border-radius: 10% 10%; 
    padding-top: 10px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 95%;
    text-decoration: none;
    color:#fff;
    opacity: 0.7;
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 10000;
}
.pagetop::after{
    content: "";
    display: block;
   /* border-top: 2px solid #FFF; */
   /* border-right: 2px solid #FFF;*/
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}


/* 右下のHOMEへ戻るボタン */
.gohome{
    display: none;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background:#373737;/*FFF;*/
    border: 1px solid #999;
     border-radius: 10% 10%; 
    padding-top: 10px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 95%;
    text-decoration: none;
    color:#fff;
    opacity: 0.7;
    position: fixed;
    bottom: 90px;
    right: 85px;
    z-index: 10000;
}
.gohome::after{
    content: "";
    display: block;
   /* border-top: 2px solid #FFF;*/
   /* border-right: 2px solid #FFF;*/
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
   }


/* 右下のアイマニへ戻るボタン */
.goaimani{
    display: none;
    width: 125px;
    height: 60px;
    box-sizing: border-box;
    background:blue;/*FFF;*/
    border: 1px solid #999;
    border-radius:10% 10%; 
    padding-top: 10px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 95%;
    text-decoration: none;
    color:#fff;
    opacity: 0.7;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.goaimani::after{
    content: "";
    display: block;
   /* border-top: 2px solid #FFF;*/
   /* border-right: 2px solid #FFF;*/
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
   
}




/* 右矢印 Aパターン */
.yaji_R {
width: 10px;
height: 0;
margin-top:4px;
margin-left:10px;
border-style: solid;
border-width: 7px 0 7px 12.1px;
border-color: transparent transparent transparent #ffffff;
 }


/* 右矢印 Bパターン */
.yaji_Rb {
width: 10px;
height: 0;
color:black;
margin-top:4px;
margin-left:10px;
border-style: solid;
border-width: 7px 0 7px 12.1px;
border-color: transparent transparent transparent gray;
 }



/* @@@@@@@@@@@@@@@@@@@@ 
 その他、設定
@@@@@@@@@@@@@@@@@@@@ */

/* 回り込み解除 */
.clear_element{
	clear:both;
}