@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
.font1{
    font-family: 'Gochi Hand', cursive;
}

/*
#fakeloader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#60513c;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body{
    overflow:hidden;
}
header{
    background-color:transparent;
}
header.transform{
    background-color: rgba(242,237,231,0.6);
}


/*--top page---------------------------
-------------------------------------*/
#main_img{
    padding-left: 50px;
    padding-right: 50px;
}
/*
#main_img .main_img_wrap {
    height:80vh;
}
*/
.catch{
    text-shadow: 3px 3px 0 rgba(0,0,0,0.3);
    font-size: 3rem;
}

#intro_bg,
#contents{
    background-image: url(./Dup/img/item2.png),url(./Dup/img/item3.png),url(./Dup/img/item4.png);
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: left bottom -1px,right bottom -1px,center bottom -1px;
    background-size: 35%,33%,50%;
}


.intro_item {
    margin-right: auto;
    margin-left: 10%;
    transform-origin: top left;
    transform: rotate(356deg);
    margin-bottom: -30px;
}
.intro_wrap{
    padding-top:0;
    padding-bottom:300px;
}
.intro_no{
    font-size: 4rem;
    /*opacity: 1;*/
    transform: rotate(354deg);
    margin-left: -30px;
}
#intro .intro_img span.bgitem {
    width: 120%;
    height: 100%;
    border-radius: 100%;
    z-index: -1;
    transform: rotate(29deg);
    left: 30px;
    bottom: -53px;
    background-color: rgba(0,0,0,0.1);
}
.slide_title{
    font-size:3rem;
}
.loopSlide figure {
    margin-right: 100px;
}
.loopSlide ul li:nth-of-type(2n) {
    margin-top: 40px;
}
.svg_box{
    display:none;
}
#contents{
    padding-bottom:250px;
}
.con_no{
    display:none;
}
#contents .con_box .con_item1{
    width:170px;
}
.link_type3{padding-bottom: 50px;}
.link_type3 .link_img1 {z-index: 1;}
.link_type3 .cate_box a: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_box a .link_title1 {transition-timing-function: cubic-bezier(.78,.09,.27,1.36);}
.link_type3 .cate_box a:hover .link_title1 {bottom: -47px;}

#info_title_box .info_title span{
    text-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
	
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){	
.link_type3{padding-bottom: 0;}
}


/*--under page---------------------------
-------------------------------------*/



/* ---------- responshive ---------- */
@media screen and (max-width: 1600px){
.intro_item{
    margin-left: 5%;    
}    
}
@media screen and (max-width: 1536px){
.intro_wrap {
    padding-bottom: 250px;
}
.intro_item{
    margin-left: 2%;
    margin-bottom: -10px;
}
#contents {
    padding-bottom: 150px;
}
}


@media screen and (max-width: 1366px){
.intro_item{
    width:350px;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img {
    padding-left: 0;
    padding-right: 0;
}
.catch {
    font-size: 2rem;
}
.intro_item {
    margin-bottom: 15px;
}
#intro_bg{
    position:relative;
}
#intro_bg::before,#contents::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    background-color: #8ECDDD;
    bottom: -1px;
    left: 0;
    z-index: 2;
}
#intro_bg, #contents {
    background-image: url(./Dup/img/item2.png),url(./Dup/img/item3.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left bottom,right bottom;
    background-size: 60%,60%;
}
.loopSlide figure {
    margin-right: 10px;
}
#page_title{
    text-shadow: 3px 3px 0 rgba(255,255,255,0.9);
}
#cms_2-g .cate_title {
    line-height: 1.5;
    font-size: 2em;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.catch {
    font-size: 1.5rem;
    width: 100%;
}
#intro_bg, #contents {
    background-image: url(./Dup/img/item4.png);
    background-repeat: no-repeat;
    background-position: left 74% bottom;
    background-size: 145%;
}
.intro_wrap {
    padding-bottom: 170px;
}
.intro_item {
    margin-left: -6%;
    width: 270px;
}
.slide_title {
    font-size: 1.8rem;
}

.loopSlide ul li {
    min-width: 125px;
}

.loopSlide ul li:nth-of-type(2n) {
    margin-top: 0;
}
.loopSlide figure {
    margin-right: 0;
}
#contents {
    padding-bottom: 50px;
}
#top_cms {
    padding-top: 50px;
}
#contents .con_box .con_item1 {
    width: 120px;
}
#contents .con_box .con_item2{
    height:100px;
}
#top_cms .top_cms_box {
    width: 85%;
}
#page_title{
    text-shadow: 2px 2px 0 rgba(255,255,255,0.9);
}
#page_title h2 span {
    font-size: 27px;
}
#cms_2-g .cate_title{
    font-size: 1.5em;
}
}