@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*{
    background-image: url(url);
    width: auto;
}

img{
    vertical-align: middle;
}



a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #333333;
	text-decoration: none;
	transition : all 0.5s;
 /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
    color: #333333;
    text-decoration: underline;
    text-align: center;
}


a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
    font-size: auto;
    color: #D90000;
    text-decoration: none;
    text-align: center;
}


body, html, main {
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 27px;
    color: #333333;
    width: 100%;
    float: left;
} 


/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}

p {
	padding-right: 0px;
	padding-left: 0px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.area {
    width: 100%;
    float: left;
}

.area_gray {
    width: 100%;
    float: left;
    background-color: #EEEEEE;
    margin-top: 100px;
}





h1{
    font-size: 145%;
    margin-bottom: 30px;
}
h2{
    font-size: 110%;
    color: #FF5093;
    margin-top: 10px;
}
h3{
    font-size: 110%;
    color: #555555;
    margin-top: 10px;
}

html {
	-webkit-font-smoothing: antialiased;
}


main {
    width: 100%;
    float: left;
}

a:link {
	color: #000000;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	transition: 0.4s ;
}
a:visited {
    color: #000000;
    text-decoration: underline;
    text-align: center;
}

a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
    color: #e95513;
    text-decoration: none;
    text-align: center;
}
.gotop {
    width: 80px;
    opacity: 1;
    clear: right;
    float: right;
}	

#pagetop {
    position: fixed;
    bottom: 50px;
    width: 80px;
    overflow: auto;
    z-index: 1000;
    height: 57px;
    text-align: center;
    float: right;
}


 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.container {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.container_news {
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 80px;
}

@media only screen and (max-width:420px) {
.container_top {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    margin-bottom: 100px;
}
.container_in{
    width: 88%;
    margin-right: 6%;
    margin-left: 6%;
    float: left;
}
.container_page {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    margin-top: 80px;
    padding-bottom: 70px;
}
.contents_tit {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 180%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 225px;
}
.contents_tit2 {
    display: none;
}
.contents_tit2_s {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 170%;
    color: #FF5093;
    width: 90%;
    text-align: left;
    opacity: 1;
    margin-left: 5%;
    margin-right: 5%;
    font-weight: bold;
    margin-top: 190px;
    text-shadow: 2px 2px 3px #FFFFFF;
    line-height: 40px;
}
}

@media only screen and (min-width:420px)  and (max-width:650px){
.container_top {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    margin-bottom: 100px;
}
.container_in{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    float: left;
}
.container_page {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    margin-top: 80px;
    padding-bottom: 0px;
}
.contents_tit {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 180%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 225px;
}
.contents_tit2 {
    display: none;
}
.contents_tit2_s {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 170%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    text-shadow: 2px 2px 3px #FFFFFF;
    line-height: 40px;
    position: absolute;
    top: 190px;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
.container_top {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    margin-bottom: 100px;
}
.container_in{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    float: left;
}
.container_page {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    margin-top: 80px;
    padding-bottom: 50px;;
}
.contents_tit {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 180%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 245px;
}
.contents_tit2 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 180%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 245px;
}
.contents_tit2_s {
    display: none;
}
}
	
@media only screen and (min-width:851px)  and (max-width:1200px){
.container_top {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    margin-bottom: 100px;
}
.container_in{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    float: left;
}
.container_page {
    width: 100%;
    float: left;
    clear: left;
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    margin-top: 80px;
    padding-bottom: 80px;
}
.contents_tit {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 200%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 215px;
}
.contents_tit2 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 200%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 215px;
}
.contents_tit2_s {
    display: none;
}
}
	
@media only screen and (min-width:1201px) {
.container_top {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    margin-bottom: 100px;
}
.container_page {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 80px;
    padding-bottom: 150px;
    border-top: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
.container_link {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 150px;
    padding-bottom: 150px;
    border-top: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
.container_in{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    float: left;
    background-color: #FFFFFF;

}
.contents_tit {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 200%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 215px;
    text-shadow: 2px 2px 3px #FFFFFF;
}
.contents_tit2 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 200%;
    color: #FF5093;
    width: 80%;
    text-align: left;
    opacity: 1;
    margin-left: 10%;
    margin-right: 10%;
    font-weight: bold;
    margin-top: 215px;
    text-shadow: 2px 2px 3px #FFFFFF;
}
.contents_tit2_s {
    display: none;
}
}

.container_inin{
    width: 100%;
    float: left;
    margin-top: 50px;
}
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナー・見出しここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナー・見出しここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナー・見出しここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */







 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリア・見出しここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリア・見出しここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリア・見出しここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



@media only screen and (max-width:420px) {
#headerArea {
    width: 100%;
    height: 110px;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-width: 0px;
}
#logo01{
    display: none;
}

#logo02{
    width: 200px;
    height: auto;
    position: fixed;
    float: left;
    margin-top: 10px;
    text-align: left;
}
#logo02 img{
    width: 100%;
    height: auto;
}
}

@media only screen and (min-width:420px)  and (max-width:650px){
#headerArea {
    width: 100%;
    height: 110px;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-width: 0px;
}
#logo01{
    width: 380px;
    height: auto;
    position: fixed;
    float: left;
    margin-top: 10px;
    text-align: left;
}
#logo01 img{
    width: 100%;
    height: auto;
}
#logo02{
    display: none;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
#headerArea {
    width: 100%;
    height: 120px;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#logo01{
    width: 400px;
    height: auto;
    position: fixed;
    float: left;
    margin-top: 10px;
    text-align: left;
}
#logo01 img{
    width: 100%;
    height: auto;
}
#logo02{
    display: none;
}
}

@media only screen and (min-width:851px)  and (max-width:1200px){
#headerArea {
    width: 100%;
    height: 145px;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#logo01{
    width: 400px;
    height: auto;
    position: fixed;
    float: left;
    margin-top: 10px;
    text-align: left;
}
#logo01 img{
    width: 100%;
    height: auto;
}
#logo02{
    display: none;
}
}


@media only screen and (min-width:1201px)  and (max-width:1500px){
#headerArea {
    width: 100%;
    height: 135px;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
} 
#header-top{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
#logo01{
    width: 400px;
    height: auto;
    position: fixed;
    float: left;
    margin-top: 10px;
    text-align: left;
}
#logo01 img{
    width: 100%;
    height: auto;
}
#logo02{
    display: none;
}
}

@media only screen and (min-width:1501px) {
#headerArea {
    width: 100%;
    height: 120px;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
} 
#header-top{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
#logo01{
    width: 400px;
    height: auto;
    position: fixed;
    float: left;
    margin-top: 10px;
    text-align: left;
}
#logo01 img{
    width: 100%;
    height: auto;
}
#logo02{
    display: none;
}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダー上メニュー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:951px){
#h_menu	{
	display: none;
}
}

@media only screen and (min-width:951px)  and (max-width:1200px){
#h_menu	{
    width: auto;
    float: right;
    text-align: right;
    font-size: 85%;
    letter-spacing: 0.5px;
    font-family: 'Josefin Sans', sans-serif;
}
}

@media only screen and (min-width:1201px) {
#h_menu	{
    width: auto;
    float: right;
    text-align: right;
    font-size: 85%;
    letter-spacing: 0.5px;
    font-family: 'Josefin Sans', sans-serif;
}
}

#h_menu a	{
	color: #000;
	border-right: solid 1px #AAA;
	padding-right: 6px;
	margin-right: 3px;
	text-decoration: none;
}

#h_menu ul	{
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	padding: 3px 0 0;
}

#h_menu li	{
	display: inline;
	list-style-type: none;
}


#h_menu a:hover {
	color: #e95513;
	text-decoration: none;
}


#h_menu li:last-child a	{
	border: none;
}

#h_menu li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li a	{
	border: none;
}

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリア ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリア ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリア ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　電話／問い合わせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　電話／問い合わせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　電話／問い合わせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 
  @media only screen and (max-width:420px) {
 .contact {
    width: 81%;
    height: 275px;
    border: 5px solid #FF5C26;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 27px;
    padding-left: 20px;
    background-color: #FFFFFF;
    border-radius: 30px;
    min-height: 0px;
    margin-left: 10px;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
 }
  .contact_tel {
	width: 80%;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
 }
   .contact_tel img {
	width: 100%;
	height: auto;
 }
 
.contact_mail {
	width: 80%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
 }
   .contact_mail img {
	width: 100%;
	height: auto;
 }
  .contact_title {
    display: none;
 }
  .contact_title_s {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    margin-bottom: 10px;
    clear: left;
    line-height: 30px;
 }
 .contact_text {
	width: 100%;
	float: left;
	font-size: 100%;
	clear: left;
	text-align: left;
	margin-bottom: 20px;
 }
 } 
 
 
 @media only screen and (min-width:421px)  and (max-width:650px){
 .contact {
    width: auto;
    margin-right: 20px;
    height: auto;
    border: 5px solid #FF5C26;
    padding-top: 23px;
    padding-right: 10px;
    padding-bottom: 21px;
    padding-left: 10px;
    background-color: #FFFFFF;
    border-radius: 30px;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
 }
  .contact_tel {
	width: 240px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
 }
   .contact_tel img {
	width: 240px;
	height: auto;
 }
 
.contact_mail {
	width: 240px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
    cursor: pointer;
}

   .contact_mail img {
	width: 240px;
	height: auto;
 }
  .contact_title {
	width: 100%;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 10px;
	clear: left;
 }
  .contact_title_s {
    display: none;
 }
 .contact_text {
	width: 100%;
	float: left;
	font-size: 90%;
	clear: left;
	text-align: center;
	margin-bottom: 20px;
 }
 } 
 
  @media only screen and (min-width:651px)  and (max-width:850px){
 .contact {
    width: 580px;
    margin-right: auto;
    height: 155px;
    border: 5px solid #FF5C26;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #FFFFFF;
    border-radius: 105px;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 30px;
 }
 .contact_tel {
    width: 240px;
    float: left;
    margin-top: 20px;
    margin-left: 45px;
    margin-bottom: 0px;
 }
 .contact_tel img {
 	width:100%;
	height: auto;	
 }
 .contact_mail {
    width: 240px;
    float: right;
    margin-top: 20px;
    margin-right: 45px;
    margin-left: 0px;
    cursor: pointer;
}

  .contact_mail img {
 	width:240px;
	height: auto;	
 }
   .contact_title {
	width: 100%;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 10px;
	clear: left;
 }
  .contact_title_s {
    display: none;
 }
  .contact_text {
	width: 100%;
	float: left;
	font-size: 100%;
	clear: left;
	text-align: center;
 }
 } 
 
 
 @media only screen and (min-width:851px)  and (max-width:1200px){
 .contact {
    width: 760px;
    margin-right: auto;
    height: 190px;
    border: 5px solid #FF5C26;
    background-color: #FFFFFF;
    border-radius: 105px;
    margin-left: auto;
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
 }
 .contact_tel {
    width: 285px;
    float: left;
    margin-top: 20px;
    margin-left: 70px;
    margin-bottom: 0px;
 }
 .contact_title {
	width: 100%;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 10px;
	clear: left;
 }
  .contact_title_s {
    display: none;
 }
.contact_mail {
    width: 285px;
    float: right;
    margin-top: 20px;
    margin-right: 70px;
    cursor: pointer;
}

  .contact_text {
	width: 100%;
	float: left;
	font-size: 100%;
	clear: left;
	text-align: center;
 }
 }
 
 @media only screen and (min-width:1201px) {
 .contact {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    height: 190px;
    border: 6px solid #e95513;
    padding-top: 32px;
    padding-right: 23px;
    padding-bottom: 20px;
    padding-left: 23px;
    background-color: #FFFFFF;
    border-radius: 130px;
    margin-top: 50px;
    margin-bottom: 50px;
 }
 .contact_tel {
    width: 285px;
    float: left;
    margin-top: 20px;
    margin-left: 85px;
    margin-bottom: 0px;
 }
 
.contact_mail {
    width: 285px;
    float: right;
    margin-top: 20px;
    margin-right: 85px;
    cursor: pointer;
}
.contact_title {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 170%;
    margin-bottom: 10px;
    clear: left;
 }
  .contact_title_s {
    display: none;
 }
 .contact_text {
    width: 100%;
    float: left;
    font-size: 120%;
    clear: left;
    text-align: center;
 }
 }

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　電話／問い合わせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　電話／問い合わせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　電話／問い合わせ　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */