@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=NTR&display=swap');
/* =====================
  default style
===================== */
img{
	vertical-align:top;
}
em,i{
	font-style: normal;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	letter-spacing: 2px;
}
body{
	line-height: 2;
	font-family:  "Noto Sans JP","Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "YuGothic M", meiryo, sans-serif;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	 -webkit-overflow-scrolling: touch;
	overflow-scrolling:touch;
}

.c-btn{display: inline-block;
    min-width: 16rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    border-radius: 10px;
}
.c-btn i{position: relative;top: 2px;transition: .3s;color: var(--white);}
.c-btn:hover i{
	padding-left: 40px;
	color: var(--color3);
}

/* fakeloader */
#wrap{
    opacity: 0;
}
#fakeloader{
	z-index: 9999;
	background-size: 10%;
}
#fakeloader:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 50%!important;
	max-width: 140px;
}
#fakeloader .fl{
	animation-name: loader;
	animation-duration: 5s;
	animation-timing-function: ease;
}
@keyframes loader{
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

/* =====================
  header
===================== */
.menu_btn{
    width: 80px;
    height: 80px;
	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 101;
	padding: 30px 25px 25px 25px;
	position: absolute;
    right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
.menu_btn span{height: 3px;border-radius: 10px;background-color: var(--white);}
.menu_btn.stick_trans span{
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	margin: 0;
}
.menu_btn{
	border: 2px solid #F3F2EE;
	margin: 0px;
	box-shadow: 0 2px 20px rgba(0,0,0,.08);
}
.menu_btn.stick_trans{padding: 34px 25px 20px 25px;}
.menu_btn.stick_trans span:first-child{
	opacity: 0;
}
.menu_btn.stick_trans span:last-child{
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin-top: -2px;
}
#sp_nav{
	z-index: 100;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	min-height:  100vh;
	overflow: auto;
}
#sp_nav .sp_nav_inner{
	box-sizing: border-box;
	width: 90%;
	max-width: 1200px;
	padding: 50px 0px 100px 0px;
	margin: 0 auto;
}
#sp_nav .sp_nav_inner .menu__header .logo3 img{
	max-width: 140px;
}
#sp_nav .sp_nav_inner .header-con{z-index: 102;}
#sp_nav .sp_nav_inner .menu__header{
	border-radius: 5px 5px 0px 0px;
	padding: 50px 100px;
	background-image: url(/Files/img/bg_img.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#sp_nav .sp_nav_inner .l-menu{
	border-radius: 0px 0px 5px 5px;
	padding: 50px 100px 100px;
	background-image: url(/Files/img/bg_img.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#sp_nav .sp_nav_inner .l-menu ul li a span{position: relative; top: -4px;transition: .3s;}
#sp_nav .sp_nav_inner .l-menu ul li:hover a span{
	 font-size: 15px;
}
.menu_sns .box a{border-radius: 5px;padding: 15px 40px 20px;}
.menu_sns .box a img{max-height: 50px; width:auto; transition: .3s;}
.menu_sns .box a:hover img{
	    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}
.menu_sns .box:last-of-type{margin-right: 0px;}

.header{position: fixed;z-index: 99;padding: 0;}
.header-in{position: relative;width: 90%;box-sizing: border-box;height: 120px;border-radius: 100px;padding: 0px;/* -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.08); *//* box-shadow: 0 2px 20px rgba(0,0,0,.08); */margin-top: 10px;}
.header .tel a,.header .mail a{border-radius: 100px; width: 120px; height:120px;padding-top: 17px;    transition: .3s; -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.08); box-shadow: 0 2px 20px rgba(0,0,0,.08);
box-sizing: border-box;}
.header .tel a:hover,.header .mail a:hover{
  -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}
.header .tel a span.icon,.header .mail a span.icon{ width: 30px; margin: 0 auto 5px;}


.logo1{transition: .3s;}
.pc_nav li{transition: .3s;  padding-top: 10px;}
.logo1:hover,.pc_nav li:hover{  -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}

.logo1{max-width: 120px;padding-left: 20px;padding-right: 20px;}

.pc_nav{padding: 0 80px 0 0;box-sizing: border-box;}

/*con1*/
.topTxt1{
	border-radius: 67px;
padding: 11px 25px 9px;
}
.topTxt1 .arrow{
width: 0;
height: 0;
border-left: 16px solid #0000;
border-right: 16px solid transparent;
border-top: 15px solid;
left: 50%;
margin-left: -8px;
bottom: -14px;
}
.con1_squ{bottom: -10px;}
.con1_squ span{width: 20px; height: 20px; display: block; border-radius: 5px;}

/*con2*/
#con2 .topimg2{width: 80%;}
#con2 .topimg2 img,#con2 .topimg3 img{border-radius: 20px;}
#con2 .topimg3{width: 50%; margin: -100px 0px 0px auto;}

/*con3*/
#con3 .title .en{font-size: 30px;}
#con3 .box .img{border-radius: 500px;}
#con3 .box .icon{
	position: relative;
	z-index: 1;
	margin-top: -50px;
}
.con4_list{max-width: 1200px; margin: 0 auto}
.con4_list li{width: 49.5%; box-sizing: border-box;margin-bottom: 1%;border-radius: 20px;}
.con4_list li:nth-of-type(odd){margin-right: 1%; }

.cmstitle .en{font-size: 40px; line-height: 1.0;}

.footer{padding: 150px 0px 100px;}
.f_contact_img{
	height: 400px;
	background-size: cover;
	background-position: center;
}
.f_contact_box{padding: 60px 0px; border-radius: 40px; width: 800px; left: 50%;margin-left: -400px; bottom: -100px;}
.f_contact_btn a{padding: 20px 0px;border-radius: 50px;  transition: .3s;}
.f_contact_btn a:hover{
	    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}
.footer_sns .box a{border-radius: 5px;padding: 15px 40px 20px;background-image: url(/Files/img/bg_img.png);background-size: auto;border: none;/* ----------------------------------------------------------------------------------------------　all　----------------------------------------------------------------------------------------------------------------- */@import url('https: //fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

/* ---------------------------------------------------------------------------------------------　body　----------------------------------------------------------------------------------------------------------------- */

/*--------------------------------疑似要素にオブジェクト--------------------------------*/
#main_img,#con1,#con2 >div,#con2 .topimg3,#con3,#con3 .box_wrap,#con4,#topCms,
.cmstitle,.footer_contact,.pagetitle{position: relative;}
/*リピートなし*/
#main_img:before,#main_img:after,#main_img .catch,#con2 > div:before,#con2 .topimg3:before,#con3 .box_wrap:before,#con3 .box_wrap:after,
#con1:before,#con1:after,#con2:before,#con2:after,#con3:before,#con3:after,#con4:before,#con4:after,#topCms:before,#topCms:after,
.cmstitle:before,.footer_contact:before,.footer_contact:after,.pagetitle:before,.pagetitle:after{
content: "";display: block;background-size: cover;background-repeat: no-repeat;position: absolute;
}
/*--------------------------------疑似要素にオブジェクト--------------------------------*/

/* ------------------------　FV　スライドショー写真何枚か　▼-------------------------- */

/* スライド全体の設定 */
.main_img {position: relative;overflow: hidden;width: 100%;height: auto;
}

/* スライドリスト設定 */
.top_main_list {position: relative;width: 200%; /* 画像が途切れないようにする */display: flex;animation: slide-left 20s linear infinite; /* 左→右に移動 */
}

/* 画像リストの設定 */
.top_main_listul {
    display: flex;margin: 0;padding: 0;list-style: none;
}

.top_main_listli {
    flex-shrink: 0;width: 100vw; /* 1画面の幅 */height: auto;padding-left: 10px;padding-right: 10px;
}

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

/* ループするために画像を2回並べる */
.top_main_listul.repeat {
    margin-right: -100%;
}

/* 左方向にスライドさせるアニメーション */@keyframes slide-left {
    0% {
        transform: translateX(0%);
    }
    100% {transform: translateX(-100%);
    }
}

/* ------------------------　FV　スライドショー写真何枚か　▲-------------------------- */



/* font size-----------------------------------------------------------------------------*/

.shadow {border-radius: 10px;box-shadow: none;
}h1, h2, h3, h4, h5, h6 {
    font-size: 110%;
}

.font_14,.font_15{font-size: 16px;
}

.font_2dw {font-size: -webkit-calc(1rem + 0px);font-size: calc(1rem + 0px);
}

#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{font-size: 18px!important;
}

/* font size-----------------------------------------------------------------------------*/

/* color -----------------------------------------------------------------------------*/
:root{
    --color1:#c9911f;--color2:#fff6dd;--color3:#6c4440;--color4:#856866;--color5:#faf6ed;--white:#fdfdfd;--black:#3b302c;--gray:#AAAAAA;--font-jp: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif !important;--font-jp2: 'Kaisei HarunoUmi', serif !important;--font-en: "Cormorant Garamond", serif !important;
}body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: var(--black);}
.txt_white,.hvr_txt_white:hover{color: var(--white);}
.txt_color1,.hvr_txt_color1:hover{color: var(--color1);} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: var(--color2);} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: var(--color3);} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: var(--color4);} /* アクセントカラー2 */
.txt_color5,.hvr_txt_color5:hover{color: var(--color5);} /* アクセントカラー2 */
/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: var(--white)} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: var(--black);} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: var(--color1);} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: var(--color2);} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: var(--color3);} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: var(--color4);} /* アクセントカラー2 */
.bg_color5,.hvr_bg_color5:hover{background-color: var(--color5);} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}
/* border-color ※!important */
.border_white,.hvr_border_white:hover{border-color: var(--white);}
.hvr_border_black:hover{border-color: var(--black);}
.border_black{border-color: var(--gray);}
.border_color1,.hvr_border_color1:hover{border-color: var(--color1);}
.border_color2,.hvr_border_color2:hover{border-color: var(--color2);}
.border_color3,.hvr_border_color3:hover{border-color: var(--color3);}
.border_color4,.hvr_border_color4:hover{border-color: var(--color4);}
.border_color5,.hvr_border_color5:hover{border-color: var(--color5);}

/* ----------　linkStyle　---------- */

/* font -----------------------------------------------------------------------------*/body, .qa_type3 .cate_box .box_title1, .qa_type3 .cate_box .box_txt1{
    font-family: var(--font-jp);font-weight: 500;
}

.font1,#page_titleh2 span,#top_cms h2 span{
    font-family: var(--font-jp2);
}

.l-menu,.pc_nav,.en_font,.TopTxt04,h1, h2, h3, h4, h5, h6,.pager a, .cate_list li a, .sns_title, .con_no, .tel, .copyright, #con3 .box_title, .cate_list li a, .cate_title{
    font-family: var(--font-jp2);letter-spacing: 3px;font-weight: 100;
}

/* font -----------------------------------------------------------------------------*/

.linkStyle{color: var(--color1);border-bottom:solid 1px;
}

.linkStyle:hover{
 color: var(--color3);opacity: 0.7;transition: all 0.5s;
}main.all_contents {
    background-color: var(--white) !important;padding: 50px 0}

.all_contents .content {padding: 2% 5%;
}body#body {
    background: var(--white) !important;
}

.txt_title{color: var(--color4);
}

#sp_nav {background-color: var(--color4);
}

#sp_nav .sp_nav_inner .l-menuli a {
    color: var(--color3);font-weight: 500;
}

#sp_nav .sp_nav_inner .l-menuul li a span{
    color: var(--color4);
}

#sp_nav {background-image: url(/Files/img/mati.png);background-repeat: no-repeat;background-size: 100% auto;background-position: 50% 100%;
}

#fakeloader {z-index: 9999;background-color: var(--black);/* background-image: url(/Files/img/rice-paper.png); */background-image: url(/Files/img/bg_img.png);/* background-image: url(/Files/img/mati.png); */background-repeat: no-repeat;background-size: cover;/* background-position: 50% 100%; */
}

.menu_btn {border-radius: 5px;background-color: var(--color3) ! IMPORTANT;border: 1px solid var(--color3);background-image: url(/Files/img/rice-paper.png);color: var(--white);/* box-shadow: 0 2px 20px rgba(0, 0, 0, .08); */
}

.menu_sns .boxa {
    border-color: var(--color3);
}

/* more.link ▼-----------------------------------------------------------------------------*/
.more.linka {
    background-color: var(--color3);border: none;color: var(--white);border-radius: 5px;background-image: url(/Files/img/rice-paper.png);background-size: auto;
}

.more.linka:hover {
    transition: 0.3s;background-color: var(--color2);border: none;color: var(--color3);
}

.c-btn {transition: 0.3s;border-radius: 10px;
}
/* more.link ▲-----------------------------------------------------------------------------*/

/* cate_list ▼-----------------------------------------------------------------------------*/
.cate_listli:hover {
    /*opacity: 0.5;*/
    transition: all 0.3s;/*transition: transform 0.3s ease-in-out;*/
}

.cate_listli a {
    background-color: var(--color3);color: var(--white);font-size: 16px;transition: all 0.3s;border: none;letter-spacing: 0;border-radius: 10px;
}

.cate_listli a:hover{
    background-color: var(--color1);color: var(--black);transition: 0.3s;
}
/* cate_list ▲-----------------------------------------------------------------------------*/body {
    overflow: hidden;background-color: var(--color5);background-image: url(/Files/img/bg_img.png);
}

#main_img {height: 100vh;position: relative;overflow: hidden;
}main.all_contents {
    padding: 50px 0;background-image: url(/Files/img/bg_img.png);background-color: var(--color5);background-repeat: no-repeat;background-size: cover;
}


.pagetop {z-index: 1;background-color: var(--color1) ! IMPORTANT;
}

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

/* ----------　toptxt　▼---------- */
.TopTxt1 .arrow{margin-left: 0;transform: translate(-50%, 0);
}span.topTxt1 {
    color: #fff;
}

.TopTxt1 {border-radius: 67px;padding: 12px 25px 14px;font-size: 20px;
}

.topTxt1 {border-radius: 5px;padding: 14px 25px 14px;font-size: 20px;
}

.TopTxt03 {line-height: 2.3;width: 888px;font-size: 18px !important;letter-spacing: -0.8px;text-align: left;margin: 0 auto;
}

.TopTxt04 {font-size: 30px;line-height: normal;margin-bottom: 10px;color: var(--color1);
}

.TopTxt06 {color: var(--black);
}

.TopTxt07, .TopTxt09, .TopTxt11 {color: var(--color5);font-weight: 800;
}

.TopTxt08, .TopTxt10, .TopTxt12 {font-weight: 500;
}

.TopTxt02, .TopTxt03, .TopTxt06,.TopTxt08, .TopTxt10, .TopTxt12{color: var(--black);
}

.box_title {color: var(--color1);font-size: 23px;
}

.TopTxt02 {font-size: 40px;/* font-weight: 900; */
}
/* ----------　toptxt　▲---------- */

/* ---------------------------------------------　header ▼　---------------------------------------- */
.header-in {position: relative;width: 100%;box-sizing: border-box;height: 120px;border-radius: 100px;padding: 0px;/* -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .08); *//* box-shadow: 0 2px 20px rgba(0, 0, 0, .08); */margin-top: 0;max-width: -webkit-fill-available;background-color: var(--color5);background-image: url(/Files/img/bg_img.png);border-radius: 0;
}

.header .logo1 {max-width: 110px;}


.header .logo1a {
    color: var(--black);
}

.pc_nav {padding: 0 20px 0 20px;box-sizing: border-box;max-width: 1000px;justify-content: space-between;
}

.pc_navli {
    padding-top: 0;padding-right: 0;padding-left: 14px;
}

.pc_navli a {
    background-image: url(/Files/img/header_icon1.png);background-size: 43px auto;padding: 45px 5px 0;display: block;background-repeat: no-repeat;background-position: 50% 0;
}

.pc_navli:nth-child(2) a {
    background-image: url(/Files/img/header_icon2.png);
}

.pc_navli:nth-child(3) a {
    background-image: url(/Files/img/header_icon3.png);
}

.pc_navli:nth-child(4) a {
    background-image: url(/Files/img/header_icon4.png);
}

.pc_navli:nth-child(5) a {
    background-image: url(/Files/img/header_icon5.png);
}

.pc_navli a .en {
    color: var(--black);font-size: 12px;
}


/* ---------------------------------------------　header ▲　---------------------------------------- */

#fakeloader .fl {position: absolute!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;width: 50%!important;max-width: 300px;
}

/* .cate_title {
text-align: center;
        font-size: 19px;
} */


/* ---------------------------------------------　つなぎデザイン　▼------------------------------------------------- */
#con2:before {
    background-image: url(/Files/img/bg_img1.png);position: absolute;content: "";background-size: cover;width: 100%;height: 26vh;top: 0%;left: 0;z-index: -1;
}

#con3:before {
    background-image: url(/Files/img/bg_img2.png);position: absolute;content: "";background-size: cover;width: 100%;height: 26vh;top: 0;left: 0px;z-index: 0;
}

#con3:after {
    background-image: url(/Files/img/bg_img3.png);position: absolute;content: "";background-size: cover;width: 100%;height: 26vh;bottom: -19%;left: 0;z-index: -1;
}

.footer_contact:before {
    background-image: url(/Files/img/bg_img1.png);position: absolute;content: "";background-size: cover;width: 100%;height: 26vh;top: -6%;left: 0;
}

/* ---------------------------------------------　つなぎデザイン　▲------------------------------------------------- */


/* ---------------------------------------------　#main_img　▼--------------------------------------------- */


/* #main_img {
    padding-top: 0;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top 36% center;
} */

#main_img {padding-top: 0;left: 20%;background-image: url(/Files/img/bg_img.png);background-color: var(--color5);
}

#main_img .catch {position: absolute;content: "";background-image: url(/Files/img/catch.png);transform: translate(-50%, -50%);top: 53%;right: 20%;background-size: 100%;width: 45vw;height: 36%;bottom: 0;z-index: 2;
}

/*---------------------------------------------　#main_img　▲---------------------------------------------- */

/*---------------------------------------------　#con1　▼-------------------------------------------------- */
#con1 {background-color: var(--color2);
}

#con1 .con1_bg {background-image: url(/Files/img/rice-paper.png);background-color: var(--color3);background-repeat: no-repeat;background-size: inherit;
}

#con1 {background-color: var(--color3);/* background-repeat: no-repeat; */background-size: auto;background-image: url(/Files/img/kazari1.png), url(/Files/img/kazari2.png);background-position: 100% 95%, 0 5%;background-repeat: no-repeat;background-size: 450px;
}

.con1_squ {display: none;
}

.TopTxt01 {background-color: transparent;color: var(--color3);border-bottom: solid 2px;border-radius: 0;
}

.TopTxt01 .arrow {color: var(--color3);
}

.topTxt1 .arrow{margin-left: 0;transform: translateX(-50%);bottom: -16px;
}

/* ---------------------------------------------　#con1　▲------------------------------------------------- */

/* ---------------------------------------------　#con2　▼------------------------------------------------- */
#con2 {background-image: url(/Files/img/bg_img.png);background-color: var(--color5);background-repeat: no-repeat;background-size: cover;
}

.TopTxt03 {left: 0;right: 0;margin: auto;
}

.TopTxt04 {text-align: center;line-height: 1.1;font-size: 36px;margin-bottom: 20px;color: var(--color3);/* text-shadow: var(--white) 2px 2px 0, var(--white) -2px -2px 0, var(--white) -2px 2px 0, var(--white) 2px -2px 0, var(--white) 0px 2px 0, var(--white) 0 -2px 0, var(--white) -2px 0 0, var(--white) 2px 0 0; */
}

.TopTxt06 {color: var(--color3);
}

.TopTxt08, .TopTxt10, .TopTxt12 {font-weight: 500;
}

.TopTxt03,.TopTxt08, .TopTxt10, .TopTxt12{color: var(--white);
}

.TopTxt02 {color: var(--color5);font-size: 40px;font-weight: 500;
}

/* ---------------------------------------------　#con2　▲------------------------------------------------- */

/* -----------------------------------------　#con3　▼----------------------------------------------------- */
#con3 {padding: 50px 0;background-color: var(--color2);background-image: url(/Files/img/rice-paper.png);background-color: var(--color3);/* background-repeat: no-repeat; */background-size: auto;
}

#con3 .title .sl {display: none;
}

#con3 .box .img{border-radius: 10px;
}

#con3 .title {position: relative;background-image: url(/Files/img/penki.png);background-repeat: no-repeat;background-position: 35% 0%;background-size: 100px;padding: 20px 0px 60px;
}

#con3 .title .en {font-size: 40px;font-weight: 500;color: var(--color3);text-shadow: var(--white) 2px 2px 0, var(--white) -2px -2px 0, var(--white) -2px 2px 0, var(--white) 2px -2px 0, var(--white) 0px 2px 0, var(--white) 0 -2px 0, var(--white) -2px 0 0, var(--white) 2px 0 0;
}

.box_title {color: var(--color3);font-size: 25px;line-height: 1.8;/* -webkit-text-stroke-width: 0.8px; *//* -webkit-text-stroke-color: var(--color3); */
}

/* -----------------------------------------　#con3　▲----------------------------------------------------- */



/* ----------------------------------------------------　#topCms　▼---------------------------------------- */
#topCms {background-image: url(/Files/img/bg_img.png);background-color: var(--color5);background-repeat: no-repeat;background-size: cover;
}

.cmstitle .en {color: var(--color3);text-shadow: var(--white) 2px 2px 0, var(--white) -2px -2px 0, var(--white) -2px 2px 0, var(--white) 2px -2px 0, var(--white) 0px 2px 0, var(--white) 0 -2px 0, var(--white) -2px 0 0, var(--white) 2px 0 0;
}

.cmstitle .jp {color: var(--color1);
}

.cmstitle .jpspan{
    color: var(--color1);
}

.cmstitle {background-image: url(/Files/img/penki.png);background-repeat: no-repeat;background-position: 43% 3%;background-size: 100px;padding: 40px 0 20px;z-index: 7;
}

/* ----------------------------------------------------　#topCms　▲---------------------------------------- */

/* ----------------------------------------------------　#footer　▼---------------------------------------- */
.footer {padding: 110px 0px 1px;
}

.footer {background-image: url(/Files/img/bg_img.png);background-repeat: no-repeat;background-size: 101% auto;background-position: 50% calc(100% + 1px);background-color: var(--black);
}


.fix_banner {width: 300px;position: fixed;bottom: 5px;right: 100px;z-index: 5;
}

.f_sitemap_inner {margin-top: 20px;
}

.f_contact_box {background-image: url(/Files/img/bg_img.png);background-size: auto;border-radius: 5px;z-index: 1;
}

.footera {
    font-size: 15px;font-weight: 500;color: var(--black);
}


.footertxt {font-weight: 500;color: var(--black);
}

.PageFooter {font-size: 13px;
}

.f_sitemap_inneri {
    color: var(--black);
}

.f_contact_btna {
    margin: 0 auto;font-size: 21px;padding: 20px 0px 20px 38px;background-color: var(--color3);transition: 0.3s;border-radius: 5px;background-image: url(/Files/img/rice-paper.png);
}

.f_contact_btna:hover{
    background-color: var(--color1);color: var(--black);
}

.f_contact_btni{
    margin-left: -35px;line-height: 2;
    
}

.copy {background-color: var(--black);color: var(--white);padding: 15px 0;
}

.pagetop {border-radius: 10px;
}

/* ----------------------------------------------------　#footer　▲---------------------------------------- */
/* -----------------------------------------------------------------------------------------------　下層ページ　--------------------------------------------------------------------------------------------------------- */
.pagetitlep,.pagetitle p span{
    COLOR: var(--color3);
}

#page9 .privacy .box {background-color: #ffffff54;
}

/*  -----------------------------------　お知らせ　▼ ----------------------------------- */

.link_type3{padding-bottom: 50px;}

.link_type3 .link_img1 {z-index: 1;}

.link_type3 .cate_boxa:hover .link_img1 img {transform: translate(-50%, -50%) scale(1.05,1.05);}

.link_type3 .link_title1 {left: 1px;bottom: 1px;width: calc(100% - 2px);box-sizing: border-box;
}

.link_type3 .cate_boxa .link_title1 {transition-timing-function: cubic-bezier(.78,.09,.27,1.36);}

.link_type3 .cate_boxa:hover .link_title1 {bottom: -47px;}
 
/* ---------- タブレット ---------- */@media screen and (max-width: 768px){ 
.link_type3{padding-bottom: 0;}
}

/*  -----------------------------------　お知らせ　▲ ----------------------------------- */

/* -----------------------------------　お問い合わせ　▼*  -----------------------------------*/

.link_type1 .link_top .link_title {font-size: 20px;margin-bottom: 20px;text-align: center;padding-top: 50px!important;margin-bottom: 30px;color: var(--color3);font-weight: normal;background-image: url("../img/link_type1_icon.png");background-size: 50px;background-position: top center;background-repeat: no-repeat;
}
.link_type1 .link_top .link_title{font-size: 20px;margin-bottom: 20px;
}
.link_type1 .link_topa{
 padding-top: 40px;padding-bottom: 40px;color: var(--color3);border-radius: 3px;
}
.link_type1 .link_topa:hover{
    background-color: #ededeb;
}
.link_type1 .link_topa:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);opacity: 0.1;
}@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

/* -----------------------------------　お問い合わせ　▲*  ----------------------------------- */


/* *  -----------------------------------　プライバシーポリシー ▼*  ----------------------------------- */

#page9 .box .no {background-color: var(--color3);
}

#page9 .privacy .boxh3 {
    color: var(--color3);
}

/* *  -----------------------------------　プライバシーポリシー ▲*  -----------------------------------*/


/**  -----------------------------------　サイトマップ　▼*  ----------------------------------- */

#page10 .sitemapli a {
    background-color: var(--color3);transition: 0.3s;
}

#page10 .sitemapli a:hover {
    background-color: var(--color1);color: var(--black);
}

/**  -----------------------------------　サイトマップ　▲*  ---------------------------------- */@media all and (-ms-high-contrast: none){}
/*-------------------------------------------------------------------------------------------------------1700--------------------------------------------------------------------------------------------------------------*/@media screen and (max-width: 1700px){}

/*-------------------------------------------------------------------------------------------------------1536------------------------------------------------------------------------------------------------------------*/@media screen and (max-width: 1536px){

#con1 {
    padding-top: 15px;padding-bottom: 15px;
}

#con2 {padding-top: 75px;padding-bottom: 35px;
}

#con2 .img_wrap:before {
    top: 14%;left: 61%;
}

#con3 .title {background-position: 32% 0%;
}

#con3:after {
    bottom: -15%;
}

.cmstitle_img {width: 84vw;
}

}
/*-----------------------------------------------------------------------------------------------------1530 × 735---------------------------------------------------------------------------------------------------------*/@media screen and (max-width: 1530px){
.cmstitle_img {
    width: 84vw;
}

#con1 {padding-top: 5px;
}

}

/*----------------------------------------------------------------------------------------------------------1366----------------------------------------------------------------------------------------------------------*/@media screen and (max-width: 1366px){

.cmstitle_img {
    width: 94vw;
}

.TopTxt04 {margin-bottom: 10px;
}

#con3 .title {padding: 20px 0px 9px;
}

}

/*----------------------------------------------------------------------------------------------------------1280----------------------------------------------------------------------------------------------------------*/@media  screen and (max-width: 1280px){

#con2 .img_wrap:before {
    left: 60%;
}

#con2:after {
    width: 20vw;bottom: -15%;left: 17%;
}



}

/*---------------------------------------------------------------------------------------------------------1000----------------------------------------------------------------------------------------------------------*/@media screen and (max-width: 1000px){

.pc_nav li {
    padding-top: 0;padding-right: 0;padding-left: 10px;
}

.pc_nav li a {background-size: 40px auto;padding: 40px 0px 0;
}

.TopTxt02 {font-size: 38px;
}

.loopSlider_wrap{right: 40px;}

}@media all and (-ms-high-contrast: none){
  .sample{}
}


/*--------------------------------------------------------------------------------------------------------タブレット------------------------------------------------------------------------------------------------------*/@media screen and (max-width: 768px){
.header .logo1 {
    max-width: 90px;
}

.header-in {background-color: transparent;
}

.l-menu, .pc_nav, .en_font, .TopTxt04, h1, h2, h3, h4, h5, h6, .pager a, .cate_list li a, .sns_title, .con_no, .tel, .copyright, #con3 .box_title, .cate_list li a, .cate_title {letter-spacing: 0px;
}

#main_img .catch {top: 53%;right: -40%;width: 90vw;bottom: 0;height: 30%;
}

#con1 {background-color: var(--color2);
}

#con1 .denkyu {width: 6vw;top: 0;text-align: center;margin: auto 0;left: 46.5%;
}

#con1 .denkyu .denkyu_img {visibility: visible;animation-duration: 5s;animation-delay: 5s;animation-iteration-count: 3;animation: swing 1.2s;
}



.topTxt1 {background-color: transparent;color: var(--color3);border-bottom: solid 2px;border-radius: 0;font-size: 28px;
}

.topTxt1 .arrow {color: var(--color3);
}

.topTxt1 .arrow{margin-left: 0;transform: translateX(-50%);bottom: -16px;
}

.TopTxt02 {color: var(--color3);font-size: 40px;
}

.TopTxt02 {font-size: 40px;
}

/* .TopTxt09 {font-size: 19px;} */

.TopTxt03 {left: 0;right: 0;margin: auto;
}

.TopTxt04 {font-size: 40px;margin-bottom: 10px;
}




#con3 {padding: 50px 0;
}

#con3 .title {padding: 20px 0px 9px;background-position: 12% 0%;
}

.box_title {color: var(--color3);font-size: 25px;line-height: 1.8;/* -webkit-text-stroke-width: 0.8px; *//* -webkit-text-stroke-color: var(--color3); */
}

.fix_banner {width: 150px;
}

.cmstitle {background-position: 38% -5%;background-size: 90px;padding: 30px 0 2px;margin-bottom: 10px;
}
.cmstitle .en {font-size: 40px;
}

.cmstitle .jp {font-size: 20px;
}

.cmstitle_img {width: 90vw;
}

.logo1 {max-width: 145px;}

.menu_btn{border: none;box-shadow: none;}

.pagetitle .jp span {padding-top: 6px;
}

.header .logo1 {padding: 10px 10px 10px;
}

#main_img:before{left: 3vw;}

.footer_contact:before {
    height: 16vh;top: -4%;
}
/* ----------　con1　▼---------- */
#con1 {padding-top: 1px;padding-bottom: 50px;
}

#con1:after{
    width: 15vw;height: 16vw;bottom: -20vw;
}
/* ----------　con1　▲---------- */

/* ----------　con2　▼---------- */

#con2 {padding-top: 90px;padding-bottom: 15px;
}

#con2:before {
    top: 0px;height: 26vw;
}
/* ----------　con2　▲---------- */

/* ----------　con3　▼---------- */
#con3 {padding: 20px 0 0px;
}

#con3:before {
    width: 100%;height: 26vw;top: -2%;
}



#con3:after {
    width: 100%;height: 26vw;bottom: -7%;
}

#con3 .box .img {max-width: 450px;height: 450px ! IMPORTANT;margin: 0 auto;border-radius: 20px;
}

#con3 .txt br{display:none;}

.f_sitemap_inner{justify-content: left;
}

.f_sitemap_inner li{width: 33.3%;
}
}
/*---------------------------------------------------------------------------------------------------------スマホ---------------------------------------------------------------------------------------------------------*/@media screen and (max-width: 667px){





#fakeloader .fl {
    width: 35% !important;max-width: 600px;
}

#main_img .catch {top: 50%;left: 50%;width: 96vw;
}

.header .logo1{-webkit-transform: translateY(0px);transform: translateY(0px);
}

.header .logo1 {max-width: 70px;padding: 10px 0px 10px;
}

.logo1:hover, .pc_nav li:hover {
    -webkit-transform: translateY(0px);transform: translateY(0px);
}

.menu_btn {-webkit-transform: translateY(0px);transform: translateY(0px);
}

.logo1 {max-width: 100px;}

#con1 .denkyu {width: 10vw;left: 45.5%;
}

.topTxt1 {letter-spacing: 0;font-size: 15px;max-width: 100%;
}

.TopTxt02 {font-size: 25px;text-align: center;letter-spacing: -1px;margin-top: 20px;margin-bottom: 10px;line-height: normal;
}

.TopTxt04 {font-size: 19px;letter-spacing: 0;line-height: normal;
}

.fix_banner {width: 200px;right: 70px;
}

.footertxt{max-width: 100%;}

.footer_sns .box a {padding: 5px 10px 10px;
}

#con1 {padding-top: 20px;padding-bottom: 5px;
}

#con2 {padding-top: 80px;padding-bottom: 15px;
}

#con2:before {
    top: -1%;height: 57px;
}

#con2 .topimg3:before{
width: 14vw;height: 20vw;top: 0;
}

#con3 .title {/* background-size: 98%; *//* background-position: 50% 51%; */padding: 30px 0px 30px;margin-bottom: 10px;background-size: 100px;
}

#con3 .title .en {font-size: 22px;letter-spacing: 0;
}

#con3 .box .img {max-width: 300px;height: 300px ! IMPORTANT;
}

/*---------------------------------------------　#con1　▼-------------------------------------------------- */
#con1 {background-color: var(--color2);
}

#con1 .denkyu {width: 6vw;top: 0;text-align: center;margin: auto 0;left: 46.5%;
}

#con1 .denkyu .denkyu_img {visibility: visible;animation-duration: 5s;animation-delay: 5s;animation-iteration-count: 3;animation: swing 1.2s;
}



.topTxt1 {background-color: transparent;color: var(--color3);border-bottom: solid 2px;border-radius: 0;font-size: 28px;
}

.topTxt1 .arrow {color: var(--color3);
}

.topTxt1 .arrow{margin-left: 0;transform: translateX(-50%);bottom: -16px;
}

/* ---------------------------------------------　#con1　▲------------------------------------------------- */

/* ---------------------------------------------　#con2　▼------------------------------------------------- */

.TopTxt03 {left: 0;right: 0;margin: auto;
}

.TopTxt04 {font-size: 26px;margin-bottom: 10px;line-height: 1.2;
}



.TopTxt02 {color: var(--color3);font-size: 19px;
}

/* ---------------------------------------------　#con2　▲------------------------------------------------- */

/* -----------------------------------------　#con3　▼----------------------------------------------------- */

#con3 .denkyu {width: 6vw;top: 0;text-align: center;margin: auto 0;left: 47.5%;
}

#con3 .denkyu .denkyu_img {visibility: visible;animation-duration: 5s;animation-delay: 5s;animation-iteration-count: 3;animation: swing 1.2s;
}



#con3 {padding: 50px 0;background-color: var(--color2);
}

.box_title {color: var(--color3);font-size: 19px;line-height: 1.8;/* -webkit-text-stroke-width: 0.8px; *//* -webkit-text-stroke-color: var(--color3); */
}

/* -----------------------------------------　#con3　▲----------------------------------------------------- */

#con3 {padding: 40px 0 10px;
}

#con3:before {
    height: 63px;top: -0.5%;
}

#con3:after {
    height: 63px;bottom: -63px;
}

#con4 {padding-top: 30px;
}

#con4 .con_box{width: 100%;margin-right: 0;margin-bottom: 30px;
}

#topCms {padding: 30px 0;
}

#topCms:after {
    height: 42px;top: 0%;
}

.footer {background-size: 210% auto;background-position: 0% calc(100% + 1px);
}

.footer_contact:before {
    top: -5%;
}

.cate_list li a {letter-spacing: 0;font-size: 13px;
}

.cmstitle:before{
width: 50px;height: 50px;top: -60px;
}

.cmstitle {background-position: 20% 0%;background-size: 70px;padding: 30px 0 2px;margin-bottom: 10px;
}
.cmstitle .en {font-size: 30px;
}

.cmstitle .jp {font-size: 15px;
}

.pagetitle{padding-top: 150px;padding-bottom: 80px;
}

.pagetitle:after{
width: 80px;height: 145px;top: 175px;
}

.footer {padding: 110px 0px 10px;
}

.footer_sns {margin-bottom: 0px;padding: 10px;
}

.obj5 {width: 20vw;height: 20vw;bottom: 0%;left: 5%;z-index: 1;
}

.obj6 {width: 20vw;height: 22vw;bottom: 0%;right: 7%;
}

.pagetop {right: 10px;bottom: 60px;
}

#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{font-size: 18px!important;
}

#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{font-size: 14px!important;
}

#page8 .contact_tel a {padding: 18px 20px;border-radius: 50px;transition: .3s;font-size: 18px;
}

#page9 .privacy .box {padding: 5%;
}

.privacy .box h3 {letter-spacing: 0;font-size: 15px;
}

}

.cate_listli a {
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px;font-weight: bold;
};}
.footer_sns .box a img{max-height: 50px; width:auto; transition: .3s;}
.footer_sns .box a:hover img{
	    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}
.footer_sns .box:last-of-type{margin-right: 0px;}
.footer_sitemap{}
.f_sitemap_inner li{width: 20%;}

.pagetop{
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    bottom: 50px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	border-radius: 100px;
}
.pagetop i{
    position: absolute;
    left: 0;
    top: 0;
	text-align: center;
	line-height: 50px;
    display: block;
    width: 50px;
    height: 50px;
	pointer-events: none;
}
.pagetop:hover{
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}

/* =====================
  allpage
===================== */
.pagetitle{
padding-top: 180px;
padding-bottom: 50px;
overflow: hidden;
}
.pagetitle h2{font-size: 40px; line-height: 50px;}
.pagetitle_img{top: 0; left: 0; right: 0; bottom: 0; opacity: 0.25; mix-blend-mode: luminosity; background-position: center center;}
.all_contents .content{border-radius: 10px;}

.cate_list li a{border-radius: 100px;}

/*#page7*/
#page7 .info .info__row{
	    padding: 35px 0;
}
#page7 .info .info__row .title{
    width: 320px;
	line-height: 1.6;
}
#page7 .info .info__row .txt{
    flex: 1;
    margin: -8px 0 0;
    line-height: 2.4;
}
#page7 .map iframe{
  width: 100%;
  height: 300px;
  border: none;
}
/*#page8*/
#page8 .contact_tel a {
    padding: 18px 40px;
    border-radius: 5px;
    transition: .3s;
}
#page8 .contact_tel a:hover{
	    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}
#page8 .contact__form .mail_btn input{
	border-radius: 50px;
	padding: 20px 0px;
}
#page8 .contact__form .mail_btn input:hover{
	    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}
#page8 #mail_contact li:before{
	content: "◆";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 5px;
}
#page8 #form_box .box input::-webkit-input-placeholder,#page8 #form_box .box textarea::-webkit-input-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#page8 #form_box .box input:-moz-placeholder,#page8 #form_box .box textarea:-moz-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#page8 #form_box .box input::-moz-placeholder,#page8 #form_box .box textarea::-moz-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#page8 #form_box .box input:-ms-input-placeholder,#page8 #form_box .box textarea:-ms-input-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#page8 #form_box .box input,#page8 #form_box .box textarea{
	outline: none;
	border-style: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#page8 input[type="submit"].btn,
#page8 input[type="reset"].btn{
	-webkit-appearance: none;
	/*background: transparent;*/
	border-radius: 0;
	outline: none;
	border: 1px solid #fff;
	cursor: pointer;
	color: #fff;
}
#page8 input[type="submit"].btn:disabled{
    cursor: default;
}
.g-recaptcha > div{
	margin: 0 auto;
}
#page8 #form_box .box input, #page8 #form_box .box textarea{
	background-color: #f5f5f5;
}


/*#page9*/
#page9 .box{margin-bottom:2px;}
#page9 .box .no{border-radius: 50px;width: 30px; line-height: 30px; }
#page9 .privacy .box:first-of-type{border-radius: 0;}
#page9 .privacy .box:last-of-type{border-radius: 0;}

/*#page10*/
#page10 .sitemap li{width: 45%; margin-bottom: 20px;}
#page10 .sitemap li:nth-of-type(odd){margin-right: 5%;}
#page10 .sitemap li a{
	border-radius: 5px;
	padding: 20px 0px;
	background-image: url(/Files/img/rice-paper.png);
	}
#page10 .sitemap li a:hover{
	    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}
@media screen and (max-width: 1280px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.pagetitle{padding-top: 124px;}
	#sp_nav .sp_nav_inner .menu__header{padding: 5% 8% 5%;}
	#sp_nav .sp_nav_inner .l-menu{padding: 3% 8% 3%;}
	.menu_btn{
		width: 80px;
		height: 80px;
		padding: 30px 29px 24px 29px;
		position: relative;
		right: 20px;
		top: 0;
		transform: translate(0,0);
	}
	.menu_btn.stick_trans{/* position: static; */ight: 20px;right: 20px;}
	.menu_btn.stick_trans {
		padding: 33px 29px 24px 29px;
	}
	.header-in{
		height: 94px;
		background: none;
		box-shadow: none;
		padding: 0px;
	}
.menu_sns .box a{border-radius:20px; padding: 20px 20px;}
.menu_sns .box a img{max-height: 26px; }
	.header .tel a, .header .mail a{width: 60px; height: 60px; padding-top:17px;}
	.header .tel a span.icon, .header .mail a span.icon{margin: 0 auto; width: 27px;}
	.header .logo1{ padding-right: 20px;}
	.cmstitle .en{font-size: 30px;}
	.f_contact_box{width: 90%; left: 5%; margin-left: auto;}
	.footer_sns .box a{padding: 15px 30px 20px;}
	.f_sitemap_inner li{width: 30%;}
	.pagetop{right: 20px; bottom: 60px;}
	
#page10 .sitemap li{width: 49%; margin-bottom: 20px;}
#page10 .sitemap li:nth-of-type(odd){margin-right: 2%;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#sp_nav .sp_nav_inner .l-menu ul li{padding: 3px 0;}
#sp_nav .sp_nav_inner .menu__header .logo img{
	max-width: 200px;
}
#sp_nav .sp_nav_inner .menu__header .logo3 img{
	max-width: 100px;
}
.menu_btn{
	width: 60px;
	height: 60px;
	padding: 20px 18px 20px 18px;
	right: 20px;
}
.menu_sns .box a {
    border-radius: 0px;
    padding: 0px;
	border: none;
}
	.menu_btn.stick_trans {
		padding: 23px 18px 15px 18px;
		right: 20px;
	}
#con2 .topimg3{margin: -30px 0px 0px auto;}
#con3 .title .en{font-size: 20px; font-weight: bold;}
#con3 .title .sl img{width: 30px;}
#con3 .box .img{max-width: 300px; margin: 0 auto; border-radius: 20px;}
#con3 .box .icon img{width: 80px;}
.con4_list li{width: 100%; box-sizing: border-box;margin-bottom: 1%;border-radius: 20px; padding: 20px;}
.con4_list li:nth-of-type(odd){margin-right: 0px; }
.pagetitle{padding-top: 120px;}
.pagetitle h2 {	font-size: 30px; line-height: 40px;}
	#sp_nav .sp_nav_inner{padding: 10px 0px 50px 0px;}
.header-in{height: 68px; background: none; padding: 0px; box-shadow: none;}
.header .tel a, .header .mail a {
    width: 40px;
    height: 40px;
    padding-top: 10px;
}
.header .tel a span.icon, .header .mail a span.icon{width: 20px;  margin: 0 auto;}
.f_contact_box{padding: 60px 20px; box-sizing: border-box;}
.footer_sns .box a {padding: 10px;border-radius: 10px;}
.footer_sns .box a img {
    max-height: 25px;
	vertical-align: middle;
}
#page8 .contact__form .mail_btn input {
    padding: 15px 0px;
}
#page8 .contact__tel .box p{border-left: none;}
#page8 .contact_tel a {display: block;padding: 18px 18px;}
#page9 .privacy .box{background: none; border-radius: none;}
#page10 .sitemap li{width: 100%; margin-bottom: 10px;}
#page10 .sitemap li:nth-of-type(odd){margin-right: 0px;}
#page10 .sitemap li a{padding: 10px 0px; }
	
	.pager li:not(.prev){
		display: none;
	}
}



/* ---------- top_message ---------- */

/* ---------- top_contents1 ---------- */
/* ---------- top_cms ---------- */


/* =====================
  下層ページ
===================== */



@media only screen and (max-device-width:768px ) and (orientation:landscape) {

}
/*====================================
  	IE環境の設定
====================================*/
@media all and (-ms-high-contrast:none){
#page8 .contact_tel a {padding: 22px 40px 14px;}
}