@charset "utf-8";
/*----------------------------****リセット*****-----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
}
body {
     line-height: 1;
}
ol, ul {
     list-style: none;
}
blockquote, q {
     quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
     content: '';
     content: none;
}
figure{
     margin: 0;
     padding: 0;
}

/* remember to define focus styles! */
:focus {
     outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
     text-decoration: none;
}
del {
     text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
     border-collapse: collapse;
     border-spacing: 0;
}


/*-----------------------------------  共通 ------------------------------------*/
.fw_b{
     font-weight:bold;
}

.km{
     border-radius:100vh;
     -moz-border-radius:100vh;
     -webkit-border-radius:100vh;
     -ms-border-radius:100vh;
     -o-border-radius:100vh;
}
.km_t_l{
     border-top-left-radius:10px;
     -moz-border-top-left-radius:10px;
     -webkit-border-top-left-radius:10px;
     -ms-border-top-left-radius:10px;
     -o-border-top-left-radius:10px;
}
.km_t_r{
     border-top-right-radius:10px;
     -moz-border-top-right-radius:10px;
     -webkit-border-top-right-radius:10px;
     -ms-border-top-right-radius:10px;
     -o-border-top-right-radius:10px;
}
.km_top{
     border-top-left-radius:5px;
     -moz-border-top-left-radius:5px;
     -webkit-border-top-left-radius:5px;
     -ms-border-top-left-radius:5px;
     -o-border-top-left-radius:5px;
     border-top-right-radius:5px;
     -moz-border-top-right-radius:5px;
     -webkit-border-top-right-radius:5px;
     -ms-border-top-right-radius:5px;
     -o-border-top-right-radius:5px;
}
.km_b_l{
     border-bottom-left-radius:5px;
     -moz-border-bottom-left-radius:5px;
     -webkit-border-bottom-left-radius:5px;
     -ms-border-bottom-left-radius:5px;
     -o-border-bottom-left-radius:5px;
}
.km_b_r{
     border-bottom-right-radius:5px;
     -moz-border-bottom-right-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     -ms-border-bottom-right-radius:5px;
     -o-border-bottom-right-radius:5px;
}

.km_bottom{
     border-bottom-left-radius:5px;
     -moz-border-bottom-left-radius:5px;
     -webkit-border-bottom-left-radius:5px;
     -ms-border-bottom-left-radius:5px;
     -o-border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
     -moz-border-bottom-right-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     -ms-border-bottom-right-radius:5px;
     -o-border-bottom-right-radius:5px;
}

.km-right{
     border-bottom-left-radius: 5px;
     -moz-border-bottom-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -ms-border-bottom-left-radius: 5px;
     -o-border-bottom-left-radius: 5px;
     border-bottom-right-radius: 50px;
     -moz-border-bottom-right-radius: 50px;
     -webkit-border-bottom-right-radius: 50px;
     -ms-border-bottom-right-radius: 50px;
     -o-border-bottom-right-radius: 50px;
 }
.km-left{
     border-top-left-radius: 50px;
     -moz-border-top-left-radius: 50px;
     -webkit-border-top-left-radius: 50px;
     -ms-border-top-left-radius: 50px;
     -o-border-top-left-radius: 50px;
     border-top-right-radius: 5px;
     -moz-border-top-right-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -ms-border-top-right-radius: 5px;
     -o-border-top-right-radius: 5px;
 }
 .km-list{
     border-bottom-left-radius: 5px;
     -moz-border-bottom-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -ms-border-bottom-left-radius: 5px;
     -o-border-bottom-left-radius: 5px;
     border-bottom-right-radius: 50px;
     -moz-border-bottom-right-radius: 50px;
     -webkit-border-bottom-right-radius: 50px;
     -ms-border-bottom-right-radius: 50px;
     -o-border-bottom-right-radius: 50px;
     border-top-left-radius: 50px;
     -moz-border-top-left-radius: 50px;
     -webkit-border-top-left-radius: 50px;
     -ms-border-top-left-radius: 50px;
     -o-border-top-left-radius: 50px;
     border-top-right-radius: 5px;
     -moz-border-top-right-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -ms-border-top-right-radius: 5px;
     -o-border-top-right-radius: 5px;
     box-shadow: 5px 5px 10px #efefef;
 }


.fl{
     float:left;
}
.fr{
     float:right;
}
.gray_line{
     margin:0;
     color:#EAEAEA;
}
.clear{
     clear:both;
}
.mo:hover{
     box-shadow:2px 2px 20px #3CF;
     -moz-box-shadow:2px 2px 20px #3CF;
     -webkit-box-shadow:2px 2px 20px #3CF;
     -ms-box-shadow:2px 2px 20px #3CF;
     -o-box-shadow:2px 2px 20px #3CF;
     cursor:pointer;
}
h3{
	letter-spacing:0.03em;
}
h4{
	letter-spacing:0.03em;
}

/*------------------------------------------------------------------------------------------*/
html{
/*background: url(../img/background.png) fixed repeat center 0;
*/
background-color:white;
}
body{
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	 letter-spacing:0.05em;
	 line-height:1.8;
	 color:#444;
	 font-size:16px;
}
a:link{    
     text-decoration:none; /*-- 未訪問のリンク --*/
     color:#666;
}
a:visited{
     color: #666;  /*-- 訪問済みのリンク --*/
}
a:active {
     text-decoration:none; /*-- 選択中のリンク --*/

}
/*--------------------------------------------------------------------------------------------*/


/*-- アイコンフォント --*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?w11x3');
  src:  url('../fonts/icomoon.eot?w11x3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?w11x3') format('truetype'),
    url('../fonts/icomoon.woff?w11x3') format('woff'),
    url('../fonts/icomoon.svg?w11x3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
  padding-right:5px;
font-size: 1.1em;
    vertical-align: text-top;
}
.icon-mail:before {
  content: "\e901";
  padding-right:5px;
font-size: 1.1em;
    vertical-align: text-top;
}
.icon-map:before {
  content: "\e902";
  padding-right:5px;
font-size: 1.1em;
    vertical-align: text-top;
}

.icon-sche:before {
  content: "\e903";
  padding-right:5px;
font-size: 1.03em;
    vertical-align: text-top;
}

.icon-smile:before {
  content: "\e904";
  padding-right:5px;
font-size: 1.2em;
    vertical-align: text-top;
}





/*-- リンク折り返し --*/
.break{
	word-break: break-all;
}


/*-- ロゴタイプゴシック --*/
@font-face {
	font-family: '07LogoTypeGothic7';
	src: url('../fonts/07LogoTypeGothic7.otf');
	src: local('../fonts/07LogoTypeGothic7.otf'), local('../fonts/07LogoTypeGothic7.otf'),
	url('../fonts/07LogoTypeGothic7.otf') format('opentype'),
	url('../fonts/07LogoTypeGothic7.woff') format('woff'),
	url('../fonts/07LogoTypeGothic7.woff2') format('woff2');
	
}
/*-- フォント --*/
.font{ 
	font-family:"Midashi Go MB31"/*"07LogoTypeGothic7"*/ , "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	
	
	letter-spacing:0.05em;
}

.sp{
     display: none;
}
.pad{
     display: none;
}
.pc{
     display: block;
     }


/*-- ページ内リンク調整 --*/


@media screen and (max-width: 768px){
.pad{
     display: block;
}
.pc{
     display: none;
}
}

@media screen and (max-width: 767px){
.sp{
display: block;
}
.pc{
     display: none;
}
body{
     font-size: 15px;
}

}