@charset "UTF-8";
/* --------------------------------------------------------------------------- */
@font-face { font-family: NotoSans-Light; src: url('fonts/NotoSans-Light-subset.eot'); src: url('fonts/NotoSans-Light-subset.woff') format("woff"), url('fonts/NotoSans-Light-subset.ttf') format("truetype"); }
@font-face { font-family: NotoSans-Medium; src: url('fonts/NotoSans-Medium-subset.eot'); src: url('fonts/NotoSans-Medium-subset.woff') format("woff"), url('fonts/NotoSans-Medium-subset.ttf') format("truetype"); }
.notoL { font-family: NotoSans-Light; src: url('fonts/NotoSans-Light-subset.eot'); src: url('fonts/NotoSans-Light-subset.woff') format("woff"), url('fonts/NotoSans-Light-subset.ttf') format("truetype"); }
.notoM { font-family: NotoSans-Medium; src: url('fonts/NotoSans-Medium-subset.eot'); src: url('fonts/NotoSans-Medium-subset.woff') format("woff"), url('fonts/NotoSans-Medium-subset.ttf') format("truetype"); }
.font400 { font-weight: 400; }
.font700 { font-weight: 700; }
body { color: #000; font-size: 16px; line-height: 1.7; background: #f0eae0; min-width: 960px; letter-spacing: .03em; font-weight: 400; -webkit-text-size-adjust: 100%; }
.inner { width: 960px; margin: 0 auto; }
.pc { display: block; }
.sh { display: none; }
.ss {font-size: 80%;}
.kome { text-indent: -1em; margin-left: 1em; display: inline-block; margin-top: 1em;}

.hidden { visibility: hidden; }
h2{font-size: 188%;}
.deco {text-align: center;  font-size: 188%; color: #7e6047; margin-bottom: 50px; }
.deco span { display: block;font-weight: 400; letter-spacing: 1px; background: url(../img/deco-line.gif) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px; }
/* ----------------------------------------------- */
@media screen and (max-width: 1000px) {
  body { min-width: 1000px; overflow-x: hidden; }
}
@media screen and (max-width: 460px) {
* { box-sizing: border-box; }
body { min-width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; margin: auto; display: block; }
.inner { width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.pc { display: none; }
.sh { display: block; }
h2{font-size: 157%;}
.deco {text-align: center;  font-size: 157%; color: #7e6047; margin-bottom: 20px; }
}
/* ---------------------------------------------------------------------------
//  header
--------------------------------------------------------------------------- */
header { height: 145px; }
header .inner { width: 960px; margin: 0 auto; }
header h1 { font-size: 87%; font-weight: normal; padding-top: 5px; }
header .logo { float: left; margin: 22px 0 0; text-align: center; width: 416px; font-family: YuMincho, 'Yu Mincho', serif; font-size: 93%; }
header .logo img { max-width: 416px; }
header .head-tel { float: right; margin-top: -10px; }
.sp-h1 { display: none; }

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
header { width: 100%; height: auto; background: none; }
header .inner { width: 100%; padding-left: 0; padding-right: 0; }
header h1 { display: none; }
header .logo { float: none; margin: 0; max-width: 213px; padding: 12px 0 0 20px; font-size: 87%; padding-bottom: 10px; line-height: 1.33; }
header .logo img { max-width: 213px; padding-bottom: 5px; }
header .head-tel { display: none; }
.sp-h1 { display: block; width: 100%; background-color: #a67e5e; padding: 10px 15px; color: #fff; text-align: center; font-size: 87%; line-height: 1.33; font-weight: bold;}
}
/* ---------------------------------------------------------------------------
//  footer
--------------------------------------------------------------------------- */
footer { }
footer .inner { width: 960px; padding-top: 100px; text-align: center; }
footer .inner h2 + p {color: #666;}
.foot-bnr { padding-bottom: 50px; }
.foot-bnr li { display: inline-block; padding: 5px 0; }
.foot-bnr li img { vertical-align: middle;  max-width: 185px; }
.foot-sec { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #b3b3b3; padding: 40px 0; margin-top: 60px; }
.foot-sec-main { float: left; text-align: left; }
.foot-sec-main .logo-f span { display: block; font-family: YuMincho, 'Yu Mincho', serif; padding-top: 5px; font-size: 113%; }
.foot-sec-main .pc img { padding: 15px 0; }
.foot-sec-main p { color: #555; }
.foot-sec-nav { float: right; text-align: left; }
.foot-sec-nav .col1 { border-left: 1px solid #b3b3b3; width: 450px; padding-left: 20px; }
.foot-sec-nav dl { font-size: 93%; }
.foot-sec-nav dl dt { display: block; height: 0; overflow: hidden; text-decoration: none; text-indent: 100%; width: auto; white-space: nowrap; }
.foot-sec-nav dl dd { }
.foot-sec-nav a { color: #000; }
.foot-sec-nav a:hover { color: #555; }
.foot-sec-nav dl dd ul li { position: relative; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; font-size: 93%; }
.foot-sec-nav dl dd ul li:before, .foot-sec-nav dl dd ul li:after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
.foot-sec-nav dl dd ul li:before { left: 3px; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.f-copy { clear: both; text-align: center; color: #666; }
.f-copy .inner { padding: 25px 0 65px; }
.f-copy p small { font-size: 87%; }

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
footer {  }
footer .inner { width: 100%; padding-top: 50px; text-align: center; }
.foot-bnr { padding-bottom: 30px; }
.foot-bnr li { padding: 5px 0; }
.foot-bnr li img { vertical-align: middle; max-width: 100%; }
.foot-sec { border-top: none; border-bottom: none; padding: 20px 0; margin-top: 30px; }
.foot-sec-main { clear: both; float: none; text-align: center; }
.foot-sec-main .logo-f span { display: block; font-family: YuMincho, 'Yu Mincho', serif; padding-top: 5px; font-size: 113%; }
.foot-sec-main .sh span { padding: 0 0; font-size: 175%; }
.foot-sec-main p { color: #555; }
.foot-sec-nav { clear: both; float: none; margin-top: 30px; }
.foot-sec-nav .col1 { border-left: none; width: 100%; padding-left: 0; }
.foot-sec-nav dl { font-size: 100%; }
.foot-sec-nav dl dt { display: block; padding: 0; margin-bottom: 5px; border-bottom: none; text-align: center; }
.foot-sec-nav dl dd { border-top: 1px solid #eaeaea; text-align: left; }
.foot-sec-nav dl dd ul li { font-size: 4vw; display: block; background: #fff; border-bottom: 1px solid #eaeaea; padding: 8px 0 8px 24px; }
.foot-sec-nav dl dd ul li a { display: block; }
.foot-sec-nav dl dd ul li:before { left: 10px; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.f-copy .inner { padding: 0 0 25px; }
.f-copy p small { font-size: 87%; }
}
/* ---------------------------------------------------------------------------
//  nav
--------------------------------------------------------------------------- */
nav { clear: both; background: url(../img/nav-bg.png); z-index: 501; width: 100%;min-width: 960px; }
nav .menu-container { width: 960px; margin: 0 auto; }
nav ul { height: 68px; width: 960px; margin: 0 auto; }
nav ul li { float: left; height: 60px; border-left: 1px solid #fff; margin: 5px auto; width: 191px;/*font-family: NotoSans-Medium; src: url('fonts/NotoSans-Medium-subset.eot'); src: url('fonts/NotoSans-Medium-subset.woff') format("woff"), url('fonts/NotoSans-Medium-subset.ttf') format("truetype");*/ }
nav ul li:first-child { border-left: none; }
nav ul li a { display: block; white-space: nowrap; color: #fff; text-align: center; line-height: 60px; }
nav ul li a:hover { color: #fff; background: url(../img/trans10.png); height: 68px; margin-top: -4px; line-height: 68px; }
.toppage nav { position: absolute; z-index: 501; width: 100%; }

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
nav { min-width: 100%;}
nav .menu-container { width: 100%; }
nav ul { height: auto; }
nav ul li { float: none; border-left: none; border-bottom: 1px solid #ddd; padding: 0; margin: 0; width: 100%; height: auto; }
nav ul li:last-child { border-bottom: none; }
nav ul li a { text-align: left; line-height: normal; color: #000; white-space: normal; width: 100%; }
nav ul li a:hover { height: auto; margin-top: 0; line-height: normal; }
.toppage nav { position: static; }
}
/* ---------------------------------------------------------------------------
//  slide
--------------------------------------------------------------------------- */
#slide { width: 100%; }

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
#slide { }
}

/* ---------------------------------------------------------------------------
//  toppage sec01
--------------------------------------------------------------------------- */
.toppage .sec01 .inner { text-align: center; margin-bottom: 100px;}
.toppage .sec01 h1 { font-size: 188%; margin: 80px 0 30px;  }
.toppage .sec01 h3 { font-size: 113%; color: #a67e5e;}
.toppage .sec01 h4 { font-size: 26px;}
.toppage .sec01 ul {margin: 20px 0 30px; }
.toppage .sec01 ul li { width: 25%; float: left; text-align: center; padding-top: 110px; font-size: 87%; }
.toppage .sec01 ul li:nth-child(1){background: url(../img/top-feature1.jpg) center 10px no-repeat;}
.toppage .sec01 ul li:nth-child(2){background: url(../img/top-feature2.jpg) center 10px no-repeat;}
.toppage .sec01 ul li:nth-child(3){background: url(../img/top-feature3.jpg) center 10px no-repeat;}
.toppage .sec01 ul li:nth-child(4){background: url(../img/top-feature4.jpg) center 10px no-repeat;}

.toppage .sec01 .img {margin: 50px 0; }
.toppage .sec01 .layout {display: flex;justify-content: space-between; text-align: left; }
.toppage .sec01 .photo {}
.toppage .sec01 .txt {padding-left: 60px;}
.toppage .sec01 .morebtn { margin: 20px auto 0 0; text-align: left;}

.streetview_bg{ background-color: #54514b; padding: 65px 0; text-align: center;}
.streetview iframe{ width: 100%; margin: 30px auto 20px;height: 350px; border:none;}
.streetview_bg p{color: #fff;}
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.toppage .sec01 .inner { text-align: center; margin-bottom: 0;}
.toppage .sec01 h1 { font-size: 157%; font-weight: 400; margin: 10px 0 20px;  }
.toppage .sec01 h3 { font-size: 113%; color: #a67e5e;}
.toppage .sec01 ul {margin: 20px 0 30px; }
.toppage .sec01 ul li { width: 50%; float: left; text-align: center; padding-top: 110px; font-size: 100%; line-height: 1.5; min-height: 170px;}
.toppage .sec01 ul li:nth-child(1){border-bottom: 1px solid #fff;border-right: 1px solid #fff; padding-right: 10px; }
.toppage .sec01 ul li:nth-child(2){border-bottom: 1px solid #fff; padding-left: 10px; }
.toppage .sec01 ul li:nth-child(3){border-right: 1px solid #fff; padding-right: 10px; }
.toppage .sec01 ul li:nth-child(4){padding-left: 10px;}
.toppage .sec01 p {margin-bottom: 30px; }
  
.toppage .sec01 .img {margin: 30px 0; }
.toppage .sec01 .layout {flex-flow: column nowrap; text-align: center;}
.toppage .sec01 .txt {padding-left: 0; margin-top: 20px;}
.toppage .sec01 .morebtn { margin: 20px auto 40px; text-align: center;}
  
.streetview_bg{ background-color: #54514b; padding: 65px 0; text-align: center;}
.streetview iframe{ width: 100%; margin: 0 auto 30px;height: 300px; border:none;}
}

/* ---------------------------------------------------------------------------
//  toppage reason
--------------------------------------------------------------------------- */
.toppage .reason {padding: 90px 0 70px; text-align: center;}
.toppage .reason .catch a{ background-color: #d90c0d; font-weight: bold;color:#fff; font-size: 30px; text-align: center; padding: 10px; border-radius: 6px; display: block;}
.toppage .reason .catch a:hover{ opacity: .7; }
.toppage .reason h3{margin-top: 30px; margin-bottom: 15px;}
.toppage .reason p{margin-bottom: 15px;}
@media screen and (max-width: 460px) {
  .toppage .reason {padding: 60px 0 50px;}
}
/* ---------------------------------------------------------------------------
//  toppage imgbg sec02 sec06
--------------------------------------------------------------------------- */
.toppage .imgbg {  margin: 0 auto;position: relative; height: 476px;}
.toppage .imgbg .inner { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.toppage .imgbg h2 { font-size: 188%;text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);}
.toppage .imgbg.sec02 { background: url(../img/slide98.jpg) center center no-repeat; background-size: cover; }
.toppage .imgbg.sec02 h2 {color: #fff;}
.toppage .imgbg.sec06 { background: url(../img/slide004.jpg) center center no-repeat; background-size: cover;}
.toppage .imgbg.sec06 h2 {color: #fff; }
@media screen and (max-width: 460px) {
.toppage .imgbg { position: relative; height: 238px; background-size: 200%; }
.toppage .imgbg h2 { font-size: 157%; }
}
/* ---------------------------------------------------------------------------
//  toppage sec03
--------------------------------------------------------------------------- */
.toppage .sec03  {padding: 70px 0;}
.toppage .sec03 ul {margin: 20px auto 30px; }
.toppage .sec03 ul li { width: 450px;float: left;margin-bottom: 50px;  }
.toppage .sec03 ul li .pho { }
.toppage .sec03 ul li:nth-child(1){margin-right: 60px;}
.toppage .sec03 ul li h3 {text-align: center;  font-size: 107%; color: #fff; background-color: #a67e5e; line-height: 1.33; padding: 1em ; margin-bottom: 20px;}
.toppage .sec03 ul li img:hover { opacity: .7;}
.morebtn { clear: both; margin: 50px auto;text-align: center;  }
.morebtn a { display: inline-block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .5em 1em; color: #fff; text-align: center;min-width: 280px; }
.morebtn a:hover {background-color: #a67e5e;}
@media screen and (max-width: 460px) {
.toppage .sec03  {padding: 40px 0;}
.toppage .sec03 h2 { font-size: 157%;margin-bottom: 30px;  }
.toppage .sec03 ul {margin: 20px auto 0; }
.toppage .sec03 ul li { width: 100%;float: none;margin-bottom: 30px;  }
.toppage .sec03 ul li .pho { }
.toppage .sec03 ul li:nth-child(1){margin-right: 0;}
.toppage .sec03 ul li h3 {text-align: center;  font-size: 107%; color: #fff; background-color: #a67e5e; line-height: 1.33; padding: 1em; margin-bottom: 20px;}
.more-btn {  margin: 20px auto;text-align: center;}
.morebtn a { min-width: 0;}
}

/* ---------------------------------------------------------------------------
//  toppage col-4-1 sec04 sec07
--------------------------------------------------------------------------- */
.toppage .col-4-1 {padding: 70px 0;}
.toppage .col-4-1.sec04 { background-color: #fff;}
.toppage .col-4-1 .column ul { margin: 0 auto 30px -40px; }
.toppage .col-4-1 .column ul li { float: left; margin: 0 auto 0 40px; width: 210px;}
.toppage .col-4-1.sec07 .column ul li { float: left; margin: 0 auto 0 40px; width: 210px;}
.toppage .col-4-1 .column ul li h3 {margin-top: 10px; margin-bottom: 0; text-align: center; font-size: 100%; color: #a67e5e;}
.toppage .col-4-1 .column ul li p {margin-top: 10px; margin-bottom: 0;text-align: left; }
.toppage .col-4-1 .column ul li .pho { width: 210px; }
.toppage .col-4-1 .column ul li .pho img { }
.toppage .col-4-1 .column ul li img:hover { opacity: .7; }
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.toppage .col-4-1 { padding: 40px 0;}
.toppage .col-4-1 .column ul { margin: 0 auto 0; width: 100%; }
.toppage .col-4-1 .column ul li { margin: 0 auto 20px; width: 48%; min-height: 0;}
.toppage .col-4-1.sec07 .column ul li { margin: 0 auto 20px; width: 48%; min-height: 0;}
.toppage .col-4-1 .column ul li h3 {margin-top: 5px;width: 100%;}
.toppage .col-4-1 .column ul li p { margin-top: 5px; width: 100%; }
.toppage .col-4-1 .column ul li .pho { width: 100%; }
.toppage .col-4-1 .column ul li .pho img { }
.toppage .col-4-1 .column ul li:nth-child(1){ float: left;}
.toppage .col-4-1 .column ul li:nth-child(2){ float: right;}
.toppage .col-4-1 .column ul li:nth-child(3){ clear: both; float: left; margin-bottom: 0;}
.toppage .col-4-1 .column ul li:nth-child(4){ float: right; margin-bottom: 0;}
}
/* ---------------------------------------------------------------------------
//  toppage sec05
--------------------------------------------------------------------------- */
.toppage .sec05 {padding: 70px 0;}
.toppage .sec05 p { text-align: center; margin-bottom: 50px; }
.toppage .sec05 .col1 { width: 640px; float: left;}
.toppage .sec05 .col1 {width: 640px; }
.toppage .sec05 .col1 img { margin-bottom: 30px; }
.toppage .sec05 .col2 { width: 320px; float: right; }
.toppage .sec05 .col2 ul {margin: 0 auto 80px;}
.toppage .sec05 .col2 ul li { width: 320px;}
.toppage .sec05 .col2 ul li img { max-width: 320px;}
.toppage .sec05 .col2 ul li:first-child { margin-bottom: 20px; }
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.toppage .sec05 {padding: 40px 0;}
.toppage .sec05 p { text-align: center; margin-bottom: 20px;}
.toppage .sec05 .col1 { width: 100%; float: none;margin-bottom: 20px; }
.toppage .sec05 .col2 { width: 100%; float: none; }
.toppage .sec05 .col2 ul {margin: 0 auto 30px;}
.toppage .sec05 .col2 ul li { width: 49%;height: auto;  overflow: hidden; float: left;}
.toppage .sec05 .col2 ul li:nth-child(1){ margin-right: 2%;}
.toppage .sec05 .col2 ul li img { max-width: 100%;width: 100%;}
}

/* ---------------------------------------------------------------------------
//  toppage sec08
--------------------------------------------------------------------------- */
.toppage .sec08 {background-color: #fff; padding: 70px 0 100px;}
.toppage .sec08 h2 {font-size: 107%; margin-bottom: 20px; }
.toppage .sec08 h3 { font-size: 100%; color: #a67e5e;}
.toppage .sec08 .col1 { width: 700px; float: left; }
.toppage .sec08 .col1 iframe { width: 400px; height: 300px; float: left; border: none; }
.toppage .sec08 .col1 h3,.toppage .sec08 .col1 p,.toppage .sec08 .col1 .morebtn { padding-left: 415px; }
.toppage .sec08 .col1 p { font-size: 93%; }
.toppage .sec08 .col1 p + h3 { margin-top: 20px;}
.toppage .sec08 .col1 .morebtn { clear: none; margin: 20px auto;text-align: left;  }
.toppage .sec08 .col1 .morebtn a { display: inline-block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 1em; color: #fff; text-align: center;min-width: 0; }
.toppage .sec08 .col1 .morebtn a:hover {background-color: #a67e5e;}
.toppage .sec08 .col2 { width: 250px; float: right; }
.toppage .sec08 h2.widgettitle { display: none;}
.biz_calendar{ margin: 0; padding: 0;}
.bizcalendar-2{ margin: 0; padding: 0;}
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.toppage .sec08 {padding: 40px 0;text-align: center; }
.toppage .sec08 h2 {font-size: 107%; margin-bottom: 20px; }
.toppage .sec08 h3 { font-size: 100%; color: #a67e5e;margin-top: 20px;}
.toppage .sec08 .col1 { width: 100%; float: none; }
.toppage .sec08 .col1 iframe { width: 100%; height: 300px; float: none; border: none; }
.toppage .sec08 .col1 h3,.toppage .sec08 .col1 p,.toppage .sec08 .col1 .morebtn { padding-left: 0; }
.toppage .sec08 .col1 p { font-size: 93%; }
.toppage .sec08 .col1 p + h3 { margin-top: 20px;}
.toppage .sec08 .col1 .morebtn { clear: none; margin: 20px auto 50px;text-align: center;  }
.toppage .sec08 .col1 .morebtn a { display: inline-block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 1em; color: #fff; text-align: center;min-width: 50%; }
.toppage .sec08 .col1 .morebtn a:hover {background-color: #a67e5e;}
.toppage .sec08 .col2 { width: 100%; float: none; }	
}

/* ---------------------------------------------------------------------------
//  toppage sec11 sec12
--------------------------------------------------------------------------- */
.toppage .sec11 {padding: 70px 0; border-bottom: 1px solid #ccbfac;}
.toppage .sec11 .img {margin: 0 0; }
.toppage .sec11 .layout {display: flex;justify-content: space-between; text-align: left; }
.toppage .sec11 .txt {padding-left: 60px;}
.toppage .sec11 .morebtn { margin: 20px auto 0 0; text-align: left;}

.toppage .sec12 {padding: 70px 0;}
.toppage .sec12 p.strong { font-size: 18px;}
.toppage .sec12 p.note {border: 1px solid #ccbfac; border-radius: 4px; padding: 20px;color: #5e574d; margin: 30px 0;}
.toppage .sec12 .img {margin: 0 0; }
.toppage .sec12 .layout {display: flex;justify-content: space-between; text-align: left; }
.toppage .sec12 .txt {}
.toppage .sec12 .morebtn { margin: 20px auto 0 0; text-align: left;}
@media screen and (max-width: 460px) {
.toppage .sec11 {padding: 40px 0;}
.toppage .sec11 .img {margin: 30px 0; }
.toppage .sec11 .layout {flex-flow: column nowrap; text-align: center;}
.toppage .sec11 .txt {padding-left: 0; margin-top: 20px;}
.toppage .sec11 .morebtn { margin: 20px auto 40px; text-align: center;}
.toppage .sec12 {padding: 40px 0;}
.toppage .sec12 .img {margin: 30px 0; }
.toppage .sec12 .layout {flex-flow: column nowrap; text-align: center;}
.toppage .sec12 .txt {margin-top: 20px;}
.toppage .sec12 .morebtn { margin: 20px auto 40px; text-align: center;}
}

/* ---------------------------------------------------------------------------
//  toppage sec11 sec13
--------------------------------------------------------------------------- */
.toppage .sec13 { background-color: #fff; padding: 70px 0; text-align: center;}
.toppage .sec13 p.note {border: 1px solid #ccbfac; border-radius: 4px; padding: 20px;color: #5e574d; margin: 30px 0;}
.toppage .sec13 .layout {display: flex;justify-content: space-between; text-align: left; }
.toppage .sec13 .layout p {font-size: 13px;}
.toppage .sec13 .layout p.strong { text-align: center;border-bottom: 1px solid #d9d9d9; padding: 10px 0; margin-bottom: 10px; font-size: 16px;}
.toppage .sec13 .layout .txt2 { padding-left: 30px; padding-right: 30px;}
@media screen and (max-width: 460px) {
.toppage .sec13 {padding: 40px 0;}
.toppage .sec13 .layout {flex-flow: column nowrap; text-align: center;}
.toppage .sec13 .layout .txt2 { padding-left: 0; padding-right: 0; margin-top: 50px;}
.toppage .sec13 .layout .txt3 {margin-top: 50px;}
.toppage .sec13 .layout p {font-size: 15px;}
}





/* ---------------------------------------------------------------------------
//  toppage sec_used
--------------------------------------------------------------------------- */
.toppage .sec_used {background-color: #fff;padding: 70px 0;}

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.toppage .sec_used {padding: 40px 0;}

}