@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*-------------------------------------------------------------- */

a{ text-decoration: none; color:#333;}
a:hover { text-decoration: none; color:#333;}
a.btn:hover,
a:hover img {opacity: 0.5;-webkit-opacity: .5;-moz-opacity: .5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=50)";}
a.btn,
a img {-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-ms-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
a:active { text-decoration: none; color:#333;opacity:1;}
.row:after,
article:after,
section:after,
header:after,
main:after,
.clearfix:after {content: "";display: block;clear: both;height: 0;visibility: hidden;}


body{color:#000;font:100% verdana,"ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1em;-webkit-text-size-adjust: none;}

#wrap{margin:0px 0px;padding:0px 0px;width:100%;}

header{border-bottom:6px solid #574100;background:#FDF6E4;padding:10px 0px;}
header p{width:100%;padding:0px 0px;max-width:960px;margin:0px auto;}
header p img{width:60%;max-width:300px;}

.visual{border-bottom:6px solid #574100;width:100%;background:url(./images20161118/hbg.jpg) right center no-repeat;background-size:cover;}
.visual h1{width:100%;max-width:960px;margin:0px auto;padding:30px 0px 20px;}
.visual h1 img{max-width:537px;display:block;height:auto;width:58%;}

main{}

article{}
div.bg{width:100%;}
div.bg.bg1{background:url(./images/bg1.png) left top repeat-x;}
div.bg.bg2{background:#C7B299 url(./images/bg2.png) left top repeat-x;}
div.bg.bg3{background:url(./images/bg3.png);}
div.bg.bg4{background:#FDF6E4;}
div.conv{background:#574100;padding:23px;}
div.conv > p{width:100%;max-width:913px;}
div.conv > div{width:100%;margin:0px auto;max-width:913px;}
div.conv > a{text-align:center;display:block;margin:0px auto;max-width:575px;width:70%;}
div.conv > a img{display:block;width:100%;height:auto;}
div.conv > div img{width:50%;height:auto;max-width:456px;display:block;float:left;}
article > p,
div > p{width:100%;max-width:960px;margin:0px auto;}
article > p img,
div > p img{display:block;margin:0px auto;width:100%;height:auto;}

div.gmap{width:100%;max-width:940px;margin:0px auto;padding:0px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;}

.komi{width:100%;max-width:960px;margin:0px auto;box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px 0px;}
.komi li{margin:0px 20px 60px;padding:15px;border:2px solid #a1a1a1;border-radius:15px;background:#FFF;position:relative;line-height:160%;font-size:90%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.komi li:nth-child(1){color:#495C9D;margin-left:177px;}
.komi li:nth-child(1):before{content:"";display:block;background:url(./images/f1.png);position:absolute;left:-177px; top:-20px;width:177px;height:222px;background-size:contain;}
.komi li:nth-child(2){color:#C51C3F;margin-right:177px;margin-bottom:80px;}
.komi li:nth-child(2):before{content:"";display:block;background:url(./images/f2.png);position:absolute;right:-177px; top:-20px;width:177px;height:222px;background-size:contain;}
.komi li:nth-child(3){color:#E16011;margin-left:177px;}
.komi li:nth-child(3):before{content:"";display:block;background:url(./images/f3.png);position:absolute;left:-177px; top:-20px;width:177px;height:222px;background-size:contain;}
.komi li:nth-child(4){color:#00926E;margin-right:177px;}
.komi li:nth-child(4):before{content:"";display:block;background:url(./images/f4.png);position:absolute;right:-177px; top:-20px;width:177px;height:222px;background-size:contain;}

footer{text-align:center;padding:20px 0px;}
footer small{font-size:80%;}


/* タブレット横 */
@media screen and (max-width: 960px) {
}
/* タブレット縦 */
@media screen and (max-width: 640px) {
.komi li:nth-child(1){margin-left:100px;}
.komi li:nth-child(1):before{content:"";display:block;background:url(./images/f1.png) center top no-repeat;position:absolute;left:-100px; top:0px;width:100px;height:222px;background-size:contain;}
.komi li:nth-child(2){margin-right:100px;}
.komi li:nth-child(2):before{content:"";display:block;background:url(./images/f2.png) center top no-repeat;position:absolute;right:-100px; top:0px;width:100px;height:222px;background-size:contain;}
.komi li:nth-child(3){margin-left:100px;}
.komi li:nth-child(3):before{content:"";display:block;background:url(./images/f3.png) center top no-repeat;position:absolute;left:-100px; top:0px;width:100px;height:222px;background-size:contain;}
.komi li:nth-child(4){margin-right:100px;}
.komi li:nth-child(4):before{content:"";display:block;background:url(./images/f4.png) center top no-repeat;position:absolute;right:-100px; top:0px;width:100px;height:222px;background-size:contain;}
}

/* スマホ縦 */
@media screen and (max-width: 480px) {
}