@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
.font1,.page_title_box p{font-family: 'Sacramento', cursive;}
#body{font-family: 'Kosugi Maru',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*-------------all page--------------------------------------------*/
#body{overflow: hidden;}
#wrap{position:relative;}
main{
 -moz-transform: rotate(0.03deg); 
 -ms-transform: rotate(0.03deg); 
}
#logo{
  border-radius: 50px 0 0 0;
  padding-left:20%;
}
#logo span{border-radius: 0 0 50px 0;}
#logo img{max-width:350px;}
#logo2 img{max-width: 300px;}
header .trans_logo{border-radius: 0 0 50px 0;}
.trans_header img{max-width: 200px;}
.trans_logo{height:auto;}
#footer .footer_bottom{background-color: #fcfbf0;}


/*--------------top page----------------------------------------*/
.top_h{
  background:url(./Dup/img/item3.png) no-repeat;
  background-position:left bottom;
}
.font1{
  font-size:4rem;
  transform:skewY(-10deg);
}
.font1 + h2{margin-top:50px;}
#contents4 .con4_wrap {
    box-shadow: 0 0 50px rgb(0 0 0 / 5%);
}
#main_img{position:relative;}
#pc_nav{margin-bottom:50px;}
#pc_nav li a{position:relative;}
#pc_nav li a:before{
  content:'';
  position:absolute;
  display:block;
  width:30px;
  height:30px;
  background-repeat:no-repeat;
  top:10px;
  left:-40px;
}
#pc_nav li:first-child a:before{
  background-image:url(./Dup/img/icon1.png);
}
#pc_nav li:nth-child(2) a:before{
  background-image:url(./Dup/img/icon2.png);
}
#pc_nav li:nth-child(3) a:before{
  background-image:url(./Dup/img/icon3.png);
}
#pc_nav li:nth-child(4) a:before{
  background-image:url(./Dup/img/icon4.png);
}
#pc_nav li:nth-child(5) a:before{
  background-image:url(./Dup/img/icon5.png);
}
#contents1 .con1_right{padding-top:0;}
.con1_title .font1{text-align:left;}
#top_cms .top_cms_bg{background-color: #fcfbf0;}

#contents2 .con2_wrap,#contents4 .con4_wrap{border-radius:50px 0 50px 0;}
#contents3 .con3_right img{border-radius:50px 0 50px 0;}
#contents4{padding-bottom:50px;}
#top_cms .cms_title .font1{color: #fdb927;}

/*--------------under page--------------------------------*/
header .page_title_bg{border-radius: 0 0 50px 0;}
.under_page #logo img{width:300px;}
.under_page #pc_nav::before{height:300%;}
.under_page #pc_nav li{
  margin-left:40px;
  margin-right:20px;
}
.under_page #pc_nav li a:before{left: -30px;}
.page_title_box p{
  line-height: 1;
  font-size:3rem;
}
#page_title .page_title_bg{
  background-color: transparent;
  background: linear-gradient(90deg, rgb(102,207,212) 5%, transparent);
}
#contact_tel a,#con_bnr a{border-radius:50px 0;}
.footer_nav{background-color: #fcfbf0;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display:none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left:70px;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.trans_header img{max-width: 140px;}
.font1{font-size:3rem;}
.font1 + h2 {margin-top: 0;}
#top_cms .cms_title h2{margin-top:30px;}
.footer_bottom p,#copyright{text-align:center;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.trans_header img {max-width: 140px;}
#contents1 .con1_right {padding-top: 20px;}
#contents1 h2{font-size:calc(1rem + 7px);}
#contents2 .con2_wrap,#contents4 .con4_wrap{padding-top:20px;}
#top_cms .cms_title h2 {margin-top: 0;}
.footer_bottom p, #copyright {text-align: left;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.more a{padding-top:20px!important;}
.pager li a{line-height:60px;}
#cms_2-a .cate .cate_title{padding-top:12px!important;}
}