.info_flex{
align-items: center;
}
.info_flex figure ,.info_flex .foot_info{
width: 45%!important;
}
#main_img{
    position: relative;
    padding-top: 30px;
}
.page1 #main_menu{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.dec {
    width: 50px;
    z-index: 1;
}
#main_img2,#page3,#page4 #contents .width_1000-max,.page6 .banner_box,#page7 .box_wrap,#page9 .cate_box:last-child,#page10 li:first-child{
    position: relative;
}
#page1 .dec {
    position: absolute;
    right: -20px;
    top: 0;
}
#page2 .dec {
    right: -30px;
    position: absolute;
    bottom: -30px;
}
#page3 .dec{
position: absolute;
    top: 50%;
    left: 2%;
}
#page4 .dec{
    position: absolute;
    top: 150px;
    right: 0;
}
#page5 #info_map{
    position: relative;
}
#page5 .banner_box .dec {
    position: absolute;
    top: -30px;
    right: 10%;
}
.page6 .dec {
    position: absolute;
    left: -40px;
    bottom: -10px;
}
#page7 .dec  {
    position: absolute;
    left: -20px;
    bottom: -15px;
}
#page8 .dec{
position: absolute;
    right: -10px;
}
#page9 .dec{
position: absolute;
    left: 480px;
    bottom: -15px;
}
#page10 .dec{
position: absolute;
    bottom: -10px;
}
#page10 #main_img2{
    margin-bottom: 0px;
}
#page10 #contents{
    padding-bottom: 200px;
    padding-top: 50px;
}
header #logo {
margin-left: 0%;
    text-align: left!important;
}
header #logo img{
margin: auto;
}
header .banner_box{
width: 40%;
    margin: 0 2%;
    max-width: 250px;
}
/* ----------　基本カラー　---------- */
.txt_white {color: #333;}
.txt_color2 {color: #7acfa6;}
.txt_color4 {color: #f1b74c;}
.bg_color1 {background-color: #fff;}
.bg_color3 {background-color: #bce1cf;}
.bg_color4 {background-color: #ffba84;}
.border_color2 {border-color: #FFBA84;}
.border_color3 {border-color: #BCE1CF;}
.border_color4 {border-color: #bce1cf;}
@font-face {
font-family: "logotype";
  src: url("Dup/css/logotype.otf") format("otf"),url("Dup/css/logotype.woff") format("woff"),url("Dup/css/logotype.woff2") format("woff2");
}
h1, h2, h3, h4, h5, h6,#main_menu ul li a .menu_title{
	font-family: "logotype", serif;
}

/* ----------　全体共通部分　---------- */
.linkStyle{color:#77bcba;}
.linkStyle:hover{
	color:#77bcba;
	opacity: 0.7;
	transition: all 0.5s;
}
body, .txt_color_nomal {color:#333!important;}
body, .font_sans-serif {
    font-family: dnp-shuei-mgothic-std, sans-serif!important;
    font-weight: 400;
    font-style: normal;
}
.header{
justify-content: space-between;
    padding-left: 2%;
}
#main_menu ul li {
	font-weight: bold;
}
#main_menu ul li a {
	color: #333;
}
#main_menu ul li a .menu_title {
	font-weight: bold;
	font-size: -webkit-calc(1rem + 1px)!important;
	font-size: calc(1rem + 1px)!important;
}
#main_menu.fixed{
background-color: rgba(255 ,255 ,255 ,0.7)!important;
padding-top: 0px;
    padding-bottom: 0px;
}
#main_menu.fixed ul li a {
	
}
#main_menu.fixed ul li a .menu_sub_title{
    color: #bce1cf;
}

#f_menu ul li a {
color: #FFBA84;
}
.button_container.active .top {
	background: #333;
}
.button_container.active .bottom {
	background: #333;
}
#fixed_right_banner .sns_link{
	background-color: #f3f3f3;
}


/* ----------　TOP　---------- */
.video_url{
    text-align: right;
}
.video_url p{
    text-align: left;
    display: inline-block;
}
#aisatsu > div {
    background: -moz-linear-gradient(left, rgba(255 ,186 ,132 ,0.7), rgba(188 ,225 ,207,0.7));
    background: -webkit-linear-gradient(left, rgba(255 ,186 ,132 ,0.7), rgba(188 ,225 ,207,0.7));
    background: linear-gradient(to right, rgba(255 ,186 ,132 ,0.7), rgba(188 ,225 ,207,0.7));
}
#aisatsu h2{
font-size: -webkit-calc(1rem + 13px);
    font-size: calc(1rem + 13px);
margin-bottom: 30px;
}
#aisatsu h2,#aisatsu p{
	color: #fff;
}

.cms_title p{
	color: #FFBA84;
}
#top_cms h2 {
    font-size: -webkit-calc(1rem + 15px);
    font-size: calc(1rem + 15px);
font-weight: normal;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
	background-color: #BCE1CF;
}
#info_map{
    background-image: url(Dup/img/back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#info_map a,#info_map p{
	
}
#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box{
    background-image: url(Dup/img/back.jpg)!important;
    background-repeat: no-repeat;
    background-size: cover;
opacity: 0.9;
}
.contents_box::before {
	background-color:#bce1cf;
}
.contents_box::after {
 	background-color:#bce1cf;
}
.contents_box2::before {
	background-color:#bce1cf;
}
.contents_box2::after {
	background-color:#bce1cf;
}
#contents1 .contents_box p,#contents2 .contents_box p,#contents3 .contents_box p{
	
}
#top_cms{
    background-image: url(Dup/img/back3.jpg);
    padding-bottom: 100px;
    margin-bottom: 0;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: bottom right;
}



/* ----------　下層ページ　---------- */
#main_img2 .page_title {
    background-color: transparent!important;
}
.page_title h2{
	    font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
}
.page_title h2 span{
	font-size: -webkit-calc(1rem + 2px);
	font-size: calc(1rem + 2px);
}
.cate_title {
    background: -moz-linear-gradient(left, rgba(255 ,186 ,132 ,0.7), rgba(188 ,225 ,207 ,0.7));
    background: -webkit-linear-gradient(left, rgba(255 ,186 ,132 ,0.7), rgba(188 ,225 ,207 ,0.7));
    background: linear-gradient(to right, rgba(255 ,186 ,132 ,0.7), rgba(188 ,225 ,207 ,0.7));
	border: none;
 	padding: 5px 10px 12px;
	text-align: left;
	color: #fff;
}
#cms_2-b .cate_box h3,#cms_3-b .cate_box h3 {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
#cms_6-c .arrow {
    border-color: #ffba84;
}
#cms_6-c .box_img1{
width: 49%;
}
#cms_6-c .box_img1:first-child {
    margin-right: 2%;
}
#page8 #contact_tel{
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
}
#form_area input {
	background-color: #333;
	color: #fff;
}
#form_area input:hover {
	background-color: #f1b74c;
	color: #fff;
}
#page8 .cate_wrap{
    padding-bottom: 200px;
}
#page8 .d_flex.mg_b-30px input,#page8 textarea{
	background-color: #fafbfd;
	border: 1px solid #333;
}
#page8 .end_message,#page8 .error_message{
	color: #333!important;
}
#page8 .banner_box{
    margin-top: 50px;
}
#page8 .banner{
    width: 40%;
    margin: 0 2%;
    max-width: 300px;
}

#page9 p a{
	color: #fff;
}
#page9 p a:hover {
	background-color: #FFBA84;
	color: #fff;
}
#contents {
    background-image: url(Dup/img/back3.jpg);
    padding-bottom: 100px;
    margin-bottom: 0;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#cms_2-b .cate .cate_title,#cms_3-b .cate_title,#cms_4-a .cate_title {
    padding-top: 10px!important;
}
}



/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
.header {
    padding-right: 2%;
    padding-left: 2%;
}
#f_menu ul li a{
	letter-spacing: 0px;
}
#top_cms,#contents {
    background-size: 300px;
}
.header {
    justify-content: space-between;
}
header #logo {
    margin-right: 5%;
    width: 25%!important;
}
header #logo img {
    width: 100%;
}
header .banner_box {
    width: 30%;
}
header .banner_box {
    margin-right: 0;
}
#page1 .dec {
    right: 50px;
}
#page2 .dec {
    right: 10px;
}
#page4 .dec {
    top: 130px;
    right: -10px;
}
#page9 .dec {
    left: 420px;
}
}




/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header #logo {
    width: 66.66667%!important;
}
header #logo img {
    width: 150px;
}
header .header .banner_box {
    display: none;
}
.button_container {
	top: 30px;
}
.button_container span {
	background: #333;
	box-shadow: none;
}
#aisatsu h2{
	font-size: -webkit-calc(1rem + 4px);
	font-size: calc(1rem + 4px);
}
#aisatsu > div{
	padding-top: 50px;
	padding-bottom: 50px;
}
.page_title h2{
	padding: 30px 0px;
	width: 80%;
}
#top_cms h2 {
    font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
}
.cate_title {
    padding: 5px 10px 10px;
}
#page7 .cate_box h3,#page8 #tel_txt h3,#page9 .cate_box h3{
font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
}
#page8 #contact_tel{
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
}
.page_title h2 {
    font-size: -webkit-calc(1rem + 7px);
    font-size: calc(1rem + 7px);
    width: 75%!important;
}
 #page9 .cate_box h3 {
    padding: 20px 15px;
}
#top_cms, #contents {
    background-size: 250px;
}
#top_cms,#contents {
    background-position: bottom -20px right;
}
#page10 .cate li{
    padding: 10px 0px;
}
#page10 .cate li a{
letter-spacing: 1px;
}
#copyright{
    padding-bottom: 60px;
}
#cms_6-c .box_img1{
width: 100%;
}
#cms_6-c .box_img1:first-child {
    margin-right: 0%;
}
#page8 .banner {
    width: 80%;
    margin: 0 2% 25px;
    max-width: 300px;
}
.overlay ul li {
    height: calc(100% / 14);
}
.overlay nav {
    height: 80%;
    top: 45%;
}
.overlay .banner_box {
    width: 90%;
    margin: auto;
margin-top: 20px;
}
#main_img {
    padding-top: 20px;
}
.dec {
width: 40px;
}
#page1 .dec {
    right: 10px;
}
#page2 .dec {
    bottom: -20px;
}
.info_flex figure, .info_flex .foot_info {
    width: 80%!important;
    margin: auto;
}
.info_flex figure{
margin-bottom: 30px;
}
#page4 .dec {
    top: 200px;
}
.page6 .dec {
    position: relative;
    left: -30px;
    bottom: 20px;
}
#page9 .dec {
    left: 120px;
    bottom: -5px;
}
#page10 .dec {
    bottom: -5px;
}
}