@charset "utf-8";

@media screen and (max-width: 640px){

body,h1,ul,li { margin:0; padding:0; }
img{ max-width: 100%; min-width: 100%; height: auto; width /***/:auto; vertical-align:bottom;}

body,h1,ul,li { margin:0; padding:0; -webkit-text-size-adjust: 100%; }
body { margin: 0 0 0 0; }
img{ max-width: 100%; min-width: 100%; height: auto; width /***/:auto; }

#wrapper {
width: 80%;
height: auto;
margin: 0 auto;
}

#eyecatch {
width: 100vw;
height: 75vh;
background-image: url(../img/bg_img.jpg);    /* 背景画像指定 */
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
background-position: center center;
}

#logo {
width: 80%;
height: 10vh;
margin: 0 auto;
  display: flex;
  align-items: center;
}

#wrapper_page {
width: 90%;
height: auto;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 40px;
}

.homebuttun {
width:80%;
font-size:10px;
margin: 0 auto;
font-family: rift-soft, sans-serif; 
font-weight: 700;
font-style: normal;
text-decoration:none;
display:block;
text-align:center;
padding:8px 0 10px;
color:#ffffff;
background-color: #000000;
border: 1px solid;
border-radius:5px;
margin-bottom: 40px;
}

.homebuttun:link { color: #ffffff; text-decoration: none;}
.homebuttun:visited  { color: #ffffff; text-decoration: none;}
.homebuttun:hover { color: #ffffff; text-decoration: none;}
.homebuttun:active { color: #ffffff; text-decoration: none;}

.dotted {
width: 100%;
border-top: 1px dotted #000000;
}

.item_wrapper{
width: 100%;
height: auto;
display: flex;/*FLEXを指定*/
flex-wrap: wrap;/*内包するかどうか*/
justify-content: space-between;/*左右に割付*/
margin-bottom: 40px;
}

.item{
width: calc(33.3% - 5px);/*横幅とマージン*/
height: auto;
margin-bottom: 10px;/*マージンの倍取る*/
}
    
.item_large{
width: 100%;
height: auto;
margin-bottom: 30px;
}

.entry_img_top {
width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 40px;
}

.entry_img_full {
width: 100%;
height: auto;
}

.entry_img_large {
width: 100%;
height: auto;
margin: 0 auto;
}

.entry_img_small {
width: 80%;
height: auto;
margin: 0 auto;
}

.entry_txt {
width: 80%;
height: auto;
margin: 0 auto;
}

#footer {
width: 80%;
height: auto;
margin: 0 auto;
}

.entry_txt_wrapper {
width: 80%;
height: auto;
margin: 0 auto;
}

.entry_txt_01 {
width: 100%;
height: auto;
}

.entry_txt_02 {
width: 100%;
height: auto;
}

.share {
width: auto;
height: auto;
}

.form_contact {
width: 80%;
height: auto;
margin: 0 auto;
}

.txt_01, .txt_01small, .entry_img_full, .entry_img_large, .entry_img_small, .entry_txt, .entry_txt_wrapper, .entry_txt_01, .share  {
margin-bottom: 20px;
}

p.txt_logo {
font-family: 'arial black','helvetica','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size: 70%;
line-height: 1em;
letter-spacing: 0.1em;
margin-bottom: 40;
}

p.txt_00 {
font-family: rift-soft, sans-serif; 
font-weight: 500;
font-style: normal;
font-size: 140%;
line-height: 1.8em;
letter-spacing: 0.05em;
margin-bottom: 20;
-webkit-text-size-adjust: 100%; 
}

p.txt_01 {
font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 50%;
line-height: 1.8em;
letter-spacing: 0.05em;
margin-bottom: 20;
-webkit-text-size-adjust: 100%; 
}

span.emph {
width:60%;
font-size:10px;
margin: 0 auto;
font-family: rift-soft, sans-serif; 
font-weight: 700;
font-style: normal;
text-decoration:none;
text-align:center;
padding:0px 24px;
color:#ffffff;
background-color: #000000;
border-radius:5px;
margin-top: 20px;
}

.sns {
width:30%;
font-size:10px;
font-family: rift-soft, sans-serif; 
font-weight: 700;
font-style: normal;
text-decoration:none;
text-align:center;
padding:0px 24px;
color:#ffffff;
background-color: #000000;
border-radius:4px;
margin-bottom: 40px;
}


p.txt_01small {
font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 50%;
line-height: 1.8em;
letter-spacing: 0.05em;
margin-bottom: 40;
-webkit-text-size-adjust: 100%; 
}

p.txt_01 span {
font-family: rift-soft, sans-serif; 
font-weight: 700;
font-style: normal;
font-size: 120%;
}

p.logo {
font-family: rift-soft, sans-serif; 
font-weight: 700;
font-style: normal;
font-size: 140%;
letter-spacing: 0.05em;
}

p.txt_main {
font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 70%;
line-height: 1.8em;
letter-spacing: 0.1em;
}

.slash {
color : #000000;
font-weight: 900; 
}

p.txt_copyrights {
font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 70%;
line-height: 1.8em;
letter-spacing: 0.1em;
}

p.txt_copyrights_small {
font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 48%;
line-height: 1.8em;
letter-spacing: 0.1em;
margin-bottom: 100px;
}

p.caption_small {
font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 30%;
line-height: 1.8em;
letter-spacing: 0.05em;
margin-bottom: 5;
-webkit-text-size-adjust: 100%; 
}

::selection {color: #000000; background: #eeff00; }
::-moz-selection {color: #000000; background: #eeff00; }

a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover { color: #000000; text-decoration: none;}
a:active { color: #000000; text-decoration: none;}

}
}