@charset "utf-8";
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 default style reset
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* reset
------------------------*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}
html{
    overflow-y:scroll;
    font-size: 16px;
}
body {
    line-height:1;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
input, select{
	vertical-align:middle;
}
input[type="submit"]{
	border:none;
}
input[type="button"]{
	border:none;
}
ul{
    list-style:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
table th{
    font-weight: normal;
}
a:focus{
	outline:none;
}
/* clearfix
------------------------*/
.clearfix:after{
    content:"";
	height:0;
    display:block;
    clear:both;
}
.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }
.fl-l { float: left; }
.fl-r { float: right; }
.clear { clear: both; }
.mga { margin: 0 auto; }

.fs08 { font-size: 8px; }
.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs40 { font-size: 40px; }
.fs60 { font-size: 60px; }
.fs80 { font-size: 80px; }

.pt00 { padding-top: 0px;}
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}
.pt60 { padding-top: 60px;}
.pt70 { padding-top: 70px;}
.pt80 { padding-top: 80px;}
.pt90 { padding-top: 90px;}
.pt100 { padding-top: 100px;}
.pt110 { padding-top: 110px;}
.pt120 { padding-top: 120px;}
.pb00 { padding-bottom: 0px;}
.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
.pb60 { padding-bottom: 60px;}
.pb70 { padding-bottom: 70px;}
.pb80 { padding-bottom: 80px;}
.pb90 { padding-bottom: 90px;}
.pb100 { padding-bottom: 100px;}
.pb110 { padding-bottom: 110px;}
.pb120 { padding-bottom: 120px;}
.pl00 { padding-left: 0px;}
.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl50 { padding-left: 50px;}
.pl60 { padding-left: 60px;}
.pl70 { padding-left: 70px;}
.pl80 { padding-left: 80px;}
.pl90 { padding-left: 90px;}
.pl100 { padding-left: 100px;}
.pl110 { padding-left: 110px;}
.pl120 { padding-left: 120px;}
.pr00 { padding-right: 0px;}
.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
.pr50 { padding-right: 50px;}
.pr60 { padding-right: 60px;}
.pr70 { padding-right: 70px;}
.pr80 { padding-right: 80px;}
.pr90 { padding-right: 90px;}
.pr100 { padding-right: 100px;}
.pr110 { padding-right: 110px;}
.pr120 { padding-right: 120px;}
.mt00 { margin-top: 0px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}
.mt90 { margin-top: 90px;}
.mt100 { margin-top: 100px;}
.mt110 { margin-top: 110px;}
.mt120 { margin-top: 120px;}
.mb00 { margin-bottom: 0px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}
.mb90 { margin-bottom: 90px;}
.mb100 { margin-bottom: 100px;}
.mb110 { margin-bottom: 110px;}
.mb120 { margin-bottom: 120px;}
.ml00 { margin-left: 0px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}
.ml60 { margin-left: 60px;}
.ml70 { margin-left: 70px;}
.ml80 { margin-left: 80px;}
.ml90 { margin-left: 90px;}
.ml100 { margin-left: 100px;}
.ml110 { margin-left: 110px;}
.ml120 { margin-left: 120px;}
.mr00 { margin-right: 0px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}
.mr60 { margin-right: 60px;}
.mr70 { margin-right: 70px;}
.mr80 { margin-right: 80px;}
.mr90 { margin-right: 90px;}
.mr100 { margin-right: 100px;}
.mr110 { margin-right: 110px;}
.mr120 { margin-right: 120px;}

.ln16 { line-height: 1.6;}
.ln20 { line-height: 2.0;}

.wd80 { width: 80%;}
.wd20 { width: 20%;}
.lr10 { padding: 0 10px;}
.pd0 { padding: 0;}
.pr0 { padding-right: 0;}
.pl0 { padding-left: 0;}

.bold { font-weight: bold; }
.udl {
    text-decoration: underline;
}
.c-red { color: red;}
.c-blue { color: blue;}
.c-yellow { color: yellow;}
.c-green { color: green;}

.pc {display: block;}
.sp {display: none;}
@media screen and (max-width:769px) {
.pc {display: none;}
.sp {display: block;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 全体設定
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
body {
	color:#444;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #aca19a;
    font-size: 16px;
}
#wrapper {
	margin:0 auto;
	background-color:#FFFFFF;
    overflow:hidden;
}
.bx-wrapper img {
    margin: 0 auto;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 header
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.sidemenu {
    position: fixed;
    top: 210px;
    right: 0;
    z-index: 10000;
    background-color: gray;
    opacity: 0.6;
    padding: 10px 0;
    border-radius: 4px 0 0 4px;
}
.sidemenu a {
    color: #fff;
    display: block;
    padding: 0 10px;
    line-height: 1.6em;
    font-weight: normal;
}
header section {
  display: flex;
  background-color: white;
}
header section .header-nav {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  flex-grow: 1;
}
header section .header-nav nav {
  padding: 0;
  display: flex;
  flex-flow: column-reverse;
}
header section .header-nav nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
header section .header-nav nav ul.header-nav-main li {
    width: 20%;
    border-right: 1px solid #dbdbdb;
}
header section .header-nav nav ul.header-nav-main li a {
    padding: 8px 0;
    display: block;
    line-height: 1;
    color: #2a2a2a;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
header section .header-nav nav ul.header-nav-main li a i {
    color: #214a9c;
}

header section .header-nav nav ul.header-nav-sub {
  padding: 10px 0 20px;
  justify-content: flex-end;
  align-items: center;
}
header section .header-nav nav ul.header-nav-sub li {
  margin-right: 20px;
}
header section .header-nav nav ul.header-nav-sub li a {
  font-size: 0.875rem;
  text-decoration: none;
  color: #2a2a2a;
}
header section .header-nav nav ul.header-nav-sub li a i {
  color: #214a9c;
}
header section .header-nav nav ul.header-nav-sub li:nth-last-child(1), header section .header-nav nav ul.header-nav-sub li:nth-last-child(2) {
  margin-right: 0px;
  border: 1px solid #214a9c;
  width: 250px;
}
header section .header-nav nav ul.header-nav-sub li:nth-last-child(1) a, header section .header-nav nav ul.header-nav-sub li:nth-last-child(2) a {
  padding: 12px;
  font-size: inherit;
  display: flex;
  align-items: center;
  width: 100%;
}

header section .header-nav nav ul.header-nav-sub li:nth-last-child(1) {
  background-color: #214a9c;
}
header section .header-nav nav ul.header-nav-sub li:nth-last-child(1) a {
  color: #fff;
}
header section .header-nav nav ul.header-nav-sub li:nth-last-child(1) a span {
  flex-grow: 1;
  text-align: center;
}
header section .header-nav nav ul.header-nav-sub li:nth-last-child(2) a span {
  flex-grow: 1;
  text-align: center;
}
header section .header-nav nav ul.header-nav-sub li:nth-last-child(1) a i {
  color: #fff;
}
header section .header-nav nav ul.header-nav-sub li:nth-of-type(2) {
    margin-left: auto;
}　
.header-image img {
    width: 100%;
    height: auto;
}
header section .dropdown {
  text-align: end;
}
.headerbox {
    padding-top: 120px;
    text-align: center;
    padding-bottom: 40px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 footer
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
footer{
	padding:1% 0 0 0;
	background:#aca19a;
}
.copyright{
	color:#f6f1ed;
	text-align:center;
	padding:1%;
}
.copyright a{
	color:#f6f1ed;
}
.footer-company {
    text-align: center;
}
.footer-company a {
    color: white;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 page top
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#page_top{
	position:fixed;
	bottom:0;
	right:0;
	z-index:100;
}
#page_top a{
	color:#fff;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
	padding:7% 5%;
	display:block;
	text-shadow:1px 1px #5882FA;
	border:1px solid #5882FA;
	background-color:#5882FA;
	border-radius:5%;
	opacity:0.5;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

スクロール用
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
 
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

問い合わせフォーム用
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.toiawase-form {
    width: 80%;
    margin: 60px 10% 40px;
    border: 2px solid #584d9c;
    border-radius: 6px;
    background-color: #eee;
}
.toiawase-top {
    color: white;
    font-size: 18px;
    background-color: #584d9c;
}
.toiawase-top p {
    text-align: center;
    padding: 20px 10px;
    font-weight: bold;
}
.toiawase-middle-t {
    background-color: white;
    width: 60%;
    margin: 20px 20% 0;
    padding: 10px 0;
    border-radius: 6px;
}
@media all and (max-width:769px){
    .toiawase-form {
        width: 95%;
        margin: 30px 2.5% 40px;
    }
    .toiawase-middle-t {
        background-color: white;
        width: 90%;
        margin: 20px 5% 0;
    }
    .toiawase-middle {
        width: 100% !important;
    }
    .toiawase-middle-r img {
        margin: 0 auto;
    }
    .slider {
        width: 90%;
        margin: 0 5%;
    }
    .child-img {
    position: absolute;
    top: 5%;
    right: 5%;
    }
    h2 {
        font-size: 6vw;
    }
    .theme_h1 {
        margin-bottom: 0;
    }
    #purse {
        padding-top: 60px;
    }
    .bx-wrapper .bx-prev {
        left: -30px !important;
    }
    .bx-wrapper .bx-next {
        right: -30px !important;
    }
}
.toiawase-middle {
    font-size: 18px;
    background-color: white;
    text-align: center;
    width: 70%;
    float: left;
}
.toiawase-middle-r {
    margin-top: 4px;
    text-align: center;
}
.toiawase-middle a {
    color: black !important;
    font-size: 18px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
.toiawase-middle a:hover {
    opacity: 0.8;
}
.toiawase-middle p {
    padding: 5px 0;
}
.toiawase-bottom {
    width: 60%;
    margin: 20px 20%;
    border-radius: 6px;
    font-size: 18px;
    background-color: orange;
    padding: 20px 0;
    text-align: center;
}
.toiawase-bottom a {
    color: white;
    font-size: 18px;
}
.toiawase-bottom a:hover {
    opacity: 0.8;
}
.toiawase-form a {
    color: white;
    font-size: 24px;
    text-decoration: none;
}
.toiawase-form a:hover {
    opacity: 0.8;
}
.theme_h1 {
    background-color: #34a0d8;
    color: white;
    font-size: 1.25rem;
    text-align: left;
    padding: 10px 20px;
    margin-bottom: 40px;
}
.theme_h1u {
    color: black;
    font-size: 1.25rem;
    text-align: left;
    padding: 10px 0px;
    text-decoration: underline;
    line-height: 1.6;
}
.hogo {
    line-height: 1.6;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

レスポンシブ用
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
@media (min-width: 1200px) {
  header section .dropdown {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  header section {
    padding: 10px 5px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dbdbdb;
  }
  header section .header-nav {
    display: none;
  }
}

@media (max-width: 576px) {
    .headerbox {
        padding-top: 40px;
        text-align: center;
        padding-bottom: 20px;
    }
}

@media all and (max-width:480px){
	#page_top{
		width:100%;
		border-radius:0;
	}
	#page_top a{
		padding:2%;
		border-radius:0;
	}
}