/* Header
----------------------------------------*/
#outer_sp_header {
	display:block;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
    background:;
}

.sp_header {
	width:100%;
	height:65px;
	padding:10px;
	background:rgba(136,136,137,0);
	position:relative;
	box-sizing:border-box;
}

.sp_header .logo {
	width:135px;
	height:45px;
    margin: 0 auto;
}

.sp_header .logo a {
	width:100%;
	height:100%;
	display:block;
}

.sp_header .open-menu, .sp_header .close-menu {
	display:block;
	width:45px;
	height:25px;
	position:absolute;
	top:10px;
	right:10px;
}

#sp-menu {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	background:#FFF;
	z-index:99999;
	overflow-y:scroll;
}

#sp-menu .sp_header {
    border-bottom:#e6e1e1 1px solid;
}

#sp-menu p.btn {
	font-size:12px;
	font-weight:bold;
    background:#fafafa;
	border-bottom:#e6e1e1 1px solid;
}

#sp-menu p.btn a {
	display:block;
	padding:15px;
	color:#333;
	text-decoration:none;
}

#sp-menu dl { 
    text-align: center;
}

#sp-menu dt {
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:15px;
    background:#fafafa url(../images/sp_open.png) 98% center no-repeat;
	background-size:30px 30px;
	border-bottom:#e6e1e1 1px solid;
	transition-duration:0.3s;
}

#sp-menu dt.open {
    background:#fafafa url(../images/sp_close.png) 98% center no-repeat;
	background-size:30px 30px;
	transition-duration:0.3s;
}

#sp-menu dd {
	width:100%;
	display:none;
}

#sp-menu dd li {
	width:100%;
	font-size:12px;
	line-height:1.2;
	position:relative;
	border-bottom:#e6e1e1 1px solid;
}

#sp-menu dd li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:15px;
}

#sp-menu dd li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.menu_btn {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 10px 5px;
	box-sizing:border-box;
}

.menu_btn li {
	width:45px;
	height:45px;
	float:left;
	margin:0 5px 5px 0;
	background:#f4f4f4;
}

p.close_btn {
	background:#f4f4f4;
}

p.close_btn a {
	display:block;
	line-height:1;
	color:#555;
	text-align:center;
	text-decoration:none;
	padding:15px 10px;
}

p.close_btn a:hover {
    text-decoration:none;
}

#outer_sp_header img { 
    width:100%; height:auto;
}

.h_btn1 {
    width: 25px;
    height: 25px;
    float: left;
    margin: 10px 0 0 5px;
}

/* Footer
----------------------------------------*/
#outer_footer {
	width:100%;
}

.copy {
	color:#FFF;
	font-size:11px;
	line-height:1.2;
	text-align:center;
	background:#999;
	padding:20px;
}

@media screen and (max-width: 999px) {
#topImage {
    width:100%;
    }
}




/* Main_lansHead
----------------------------------------*/

#top {
    height: auto;
    text-align: center;
    color: white;
    position: relative;
    padding-bottom: 14px;
}

.arrow{
    max-width: 7%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -78px;
}

.category{
    border-bottom: 1px solid white;
    width: 150px;
    margin: auto;
    font-family: 'Noto Sans', sans-serif;   
}

.work_title{
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 1px;
    font-size: 40px;
    margin-bottom: 16px;
    margin-top: -12px;
}

.top_title{
    margin-top: -122px;
    position: absolute;
    top: 47%;
    left: 32%;
    transform: translate(-22%,-32%);
}

.category02{
    font-family: 'Noto Sans', sans-serif;
}

#caption{
    text-align: center;
    padding-top: 125px;
    max-width: 800px;
    margin: 0 auto 90px;
}

#content,#content02{
    text-align: center;
    max-width: 800px;
    margin: auto;
}

.lead{
    font-family: 'Noto Serif SC', serif;
}

.heading{
    font-size: 17px;
    font-weight: 300;
}

.caption_text{
    padding: 30px;
    margin-bottom: 69px;
    margin-top: 16px;
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height: 2.4em;
    text-align: justify;
    font-feature-settings: "palt";
}

.caption_text02{
    padding: 0;
    margin-bottom: 69px;
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height: 2.4em;
    text-align: justify;
    font-feature-settings: "palt";
}

.mini_caption{
    font-size: 9px;
    border-bottom: solid 1px black;
    border-top:  solid 1px black;
    padding: 30px 0;
    margin: 30px;
    max-width: 800px;
    overflow: hidden;
}

.caption_title, .caption_category{
    margin-bottom: 12px;
}

.a_wrap{
    text-align: left;
    float: left;
}

.content_wrap{
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 60px;
}

.common_media{
    margin-bottom: 12px;
}

.logo01{
    margin-bottom: 74px;
    text-align: center;
}

.logo01 img{
    width: 100%;
}

.logo03{
    padding: 0 60px 50px;
    text-align: center;
}


/* Main_sweettrain
----------------------------------------*/

#outer_sp_header02 {
	display:block;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}

.work_title02{
    font-family: 'ryo-text-plusn', serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 6px;
    font-size: 4em;
    margin-bottom: 16px;
    margin-top: -12px;
    width: 300px;
}

#top02{
    height: auto;
    background-color: rgba(136,136,137,0.8);
    text-align: center;
    color: white;
    padding-top: ;
    position: relative;
    padding-bottom: 8px;
}

#top04{
    color: white;
    text-align: center;
}

#top_08,#top_10,#top_09,#top_12,#top_13{
    position: relative;
    background-color: rgba(136,136,137,0.8);
    text-align: center;
    color: white;
    padding-top: ;
    position: relative;
    padding-bottom: 8px;
}

.border02{
    margin-top: -78px;
    max-width: 7%;
    margin-left: auto;
    margin-right: auto;
}

.lead02{
    font-family: 'ryo-text-plusn', serif;
    font-size: 13px;
    letter-spacing: 0.3em;
    margin: 0 0 15px 0;
}

/* Main_nasa
----------------------------------------*/

#outer_sp_header02 {
	display:block;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}

.work_title03{
    font-family: 'Cormorant Garamond', serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 8px;
    font-size: 65px;
    line-height: 0.8em;
}

.logo02{
    margin: 30px auto 160px;
    max-width: 50%;
    text-align: center;
}

.movie01{
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}

.movie02{
    margin-top: 132px;
    margin-bottom: 132px;
    text-align: center;
}

.lead03{
    font-family: 'Noto Serif SC', serif;
    margin: 0 0 25px 0;
}

.content_wrap02{
    margin-right: 35px;
    margin-left: 35px;
}

.contents01{
    margin-bottom: 40px;
    text-align: center;
}

.contents02{
    margin-bottom: 200px;
    text-align: center;
}

.contents03{
    margin-bottom: 200px;
    text-align: center;
}

.contents04{
    margin-bottom: 20px;
    text-align: center;
}

.contents05{
    margin-bottom: 50px;
    text-align: center;
}

/* Main_spoon
----------------------------------------*/

.lead04{
    font-family: 'Cormorant Garamond', serif;
}

.work_title04{
    font-family: 'Cormorant Garamond', serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 8px;
    font-size: 48px;
    line-height: 1;
    margin: 0 0 16px 0;
}

.lead06{
    font-family: 'Cormorant Garamond', serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 8px;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 5px 0;
}

#caption02{
    text-align: center;
    height: 562px;
    padding-top: 152px;
}


/* Main_kitakyu
----------------------------------------*/

.content_wrap03{
    padding: 25px;
    margin: auto;
    max-width: 800px;
}

.lead05{
    font-family: 'a-otf-ryumin-pr6n', serif;
    letter-spacing: 0.3em;
    margin: 0 0 10px 0;
    font-size: 15px;
    
}

.work_title05{
    font-family: 'a-otf-ryumin-pr6n', serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 8px;
    font-size: 4em;
    line-height: 1.2em;
    margin: 0 0 16px;
}

#caption02{
    text-align: center;
    height: 562px;
    padding-top: 152px;
}

#flex_list{
    flex-wrap:wrap;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 30px;
    max-width: 1100px;
    text-align: center;
    padding: 0 20px 0;
}

.pc img{ 
    display: block !important;
}

.sp img{ 
    display: none !important; 
}

.next{
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: white;
    display: inline-block;
    font-family: 'Ropa Sans', sans-serif;
    letter-spacing: 0.2em;
    width: 20%;
    padding: 0 0 70px 0;
    border-bottom: solid 1px white;
}

.footer_logo{
    max-width: 10%;
    margin: auto;
    text-align: center;
    padding: 75px 0 0;
}

#content_foot{
    background-color: black;
    padding: 100px 0 100px;
    text-align: center;
}

.img-opacity-pc{
    max-width: 100%;
    object-fit: cover;
}

#top03,#top05,#top04{
    position: relative; 
}

#top05{
    position: relative;     
}

.flex_block_list{
        flex-basis: 31%;
        padding: 0 0 30px;
    }

/*--------------------
Main_kanda
---------------------*/



.bkC_kanda{
    background: #F9F8F8;
}

#gra_kanda #content02{
    max-width: 1000px; 
}

#gra_kanda #content02 .flex_block01{
    flex-basis: 48%; 
}



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

PCの設定【751px以上】

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


@media only screen and (min-width: 750px){
    
    #flex_list{
        padding: 150px 0 0 0;
    }
    
    .img-opacity {  
        display: none;
}
    
    .arrow02img{
        width: 100%;
    }
    
    #top03{
    position: relative;
    background: url(http://core-design.xyz/images/nasa-img-pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
    
    #top02{
    position: relative;
    background: url(http://core-design.xyz/images/sweettrain-pc-img.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh; 
}
    
    #top_07{
    position: relative;
    background: url(http://core-design.xyz/images/suncalna-titleimg-pc03.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh; 
}
    
    #top_08{
    position: relative;
    background: url(http://core-design.xyz/images/suncalna-titleimg-pc02.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh;
}
    
    #top_082{
    position: relative;
    background: url(http://core-design.xyz/images/asomon-titleimg-pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh;
}
    
    #top_kanda{
        position: relative;
        background: url(http://core-design.xyz/images/kanda-titleimg-pc.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 110vh;
    }
    
    #top_09{
    position: relative;
    background: url(http://core-design.xyz/images/fukugin-titleimgpc.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh;
}
    
    #top_11{
    position: relative;
    background: url(http://core-design.xyz/images/hanabi-topimgpc.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh;
}
    
    #top_12{
    position: relative;
    background: url(http://core-design.xyz/images/kumamira-titleimg-pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh;
}
    
    #top_13{
    position: relative;
    background: url(http://core-design.xyz/images/kanei-titleimg-pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh;
}
    
    #top_10{
    position: relative;
    background: url(http://core-design.xyz/images/yowamushi-titleimgpc.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 110vh;
}
    
    #top04{
    position: relative;
    background: url(http://core-design.xyz/images/spoon-imgwide.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
    
    #top05{
    position: relative;
    background: url(http://core-design.xyz/images/wnakayama-imgwide.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
    
    .top_title02,.top_title05,.top_title04{
    padding: 20% 0 0 0;
    text-align: center;
    color: white;
    }
    
    .top_title03{
    padding: 23% 0 0 0;
    text-align: center;
    color: white;    
    }
    
    .work_title03{
    font-family: 'Cormorant Garamond', serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 8px;
    font-size: 80px;
    line-height:0.8em;
}
    
    .flex_block{
        width: 50%;
    }
    
    .flex_block a img{
        width: 100%;
    }
    
    #flex{
        max-width: 800px;
        margin: 4% auto;
    }
    
    .arrow02{
    margin: auto;
    max-width: 2%;
    padding: 15% 0 0;
    text-align: center;
    }
    
    .logo img{
        width: 100%;
    }
    
    .category,.category_nakayama{
    border-bottom: 1px solid white;
    margin: auto;
    text-align: center;
    width: 11%;
}
    
    .top_title06{
        color: white;
        text-align: center;
        padding: 20% 0 0 0;
    }
    
    .work_title02{
    font-family: 'ryo-text-plusn', serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 6px;
    font-size: 4em;
    margin-bottom: 16px;
    margin-top: -12px;
    width: auto;
}
    
    .flex_wrap01{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .flex_block01{
        flex-basis: 45%;
    }
    
    .flex_block02{
        flex-basis: 48%;
        
    }
    
    .flex_block03{
        flex-basis: 31%;
        
    }
    
    .maxwide_size{
        max-width: 100%;
    }
    
    .back_04{
        padding: 70px 16%;
        background-color: #EFEFEF;
        
    }
    
    .mini_title{
        text-align: center;
        margin: 0 60px 92px;
        font-family: 'Ropa Sans', sans-serif;
    }
    
    .mini_title_bk{
        background-color: #EFEFEF;
        padding: 150px 0;
        color: #727171;
        font-family: 'Ropa Sans', sans-serif;
        text-align: center;
    }
    
    .title_main{
        font-size: 30px;
        margin: 0 0 6px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.1em;
    }
    
    .title_sub02{
        font-size: 32px;
        margin: 54px 0 0;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.1em;
    }
    
    .protoco_01,.protoco_02,.protoco_03{
        margin: 0 0 100px 0;
    }
    
    .protoco_04{
        max-width: 800px;
        margin: auto;
        text-align: center;
    }
    
    .caption_text02{
    padding: 0;
    margin-bottom: 69px;
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height: 2.4em;
    text-align: justify;
    font-feature-settings: "palt";
    padding: 30px;
}
    
    .logo03{
        padding: 0 266px 50px;
        text-align: center;
    }
    
    .content_wrap05{
    margin: 60px 0 0;
}
    
    .work_shadow{
        filter: drop-shadow(2px 1px 4px gray);
    }
    
    .wide_size{
        width: 100%;
    }
    
    .co_margin{
        margin: 0 0 40px 0;
        
    }
    
    .sec_title_main{
        font-size: 30px;
        margin: 0 0 20px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.1em;
    }
    
    .title_sub{
        font-size: 20px;
        line-height: 1;
    }
    
    .logo011{
    margin: 0 0 74px;
    max-width: 1100px;
}
    
    .align{
    margin: 100px auto 74px;
    max-width: 1100px;
    text-align: center;
}
    
    .ttitle_calna{
    letter-spacing: 0.2em; 
    font-size: 4em;
    font-feature-settings: "palt";
    line-height: 1.2em;
    }
    
    .yowa_mar{
    margin: 100px 30px 46px;
}
    
    
    /*--------------------
    Main_kanda＠かんだないか
    ---------------------*/


    #gra_kanda #content02 .protoco_03{
        margin: 0 0 50px 0; 
    }
    
    #gra_kanda #content02_over{
        margin: 0 auto 74px;
        text-align: center;
        background-color: #FFF5E0;
    }
    
    
    
}


/* iPad【1366px以上】
----------------------------------------*/
@media only screen and (min-width: 1365px){
    #top_09{
        position: relative;
        background: url(http://core-design.xyz/images/fukugin-titleimgpc.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 77vh;
    }
    
    #top_10{
        position: relative;
        background: url(http://core-design.xyz/images/yowamushi-titleimg-ipadp.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 100vh;
    }
    
    #top_13{
        position: relative;
        background: url(http://core-design.xyz/images/kanei-titleimg-pad.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 100vh;
    }
    
    .yowa_mar{
    margin: 100px 30px 46px;
}

}

/* macbook pro【1400px以上】
----------------------------------------*/
@media only screen and (min-width: 1400px){
    #top_09{
        position: relative;
        background: url(http://core-design.xyz/images/fukugin-titleimgpc.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 110vh;
    }
}

/* SP【0px-750px】
----------------------------------------*/

@media only screen and (max-width: 750px){
    .img-opacity-pc{
        display: none !important;
    }
    
    .arrow02{
    margin-top: -100px;
    max-width: 7%;
    margin-left: auto;
    margin-right: auto;
}
    
    .content_wrap01{
        margin: 20px 30px;
    }
    
    .content_wrap_wide{
        margin: 20px 58px 63px;
    }
    
    .top_title03{
    margin-top: -92px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: white;
    text-align: center;
}
    
    .top_title02,.top_title05{
    margin-top: -122px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
    
    .top_title06{
    color: white;
    text-align: center;
    margin-top: -122px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    }
    
    .work_title02{
    font-family: 'ryo-text-plusn', serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 6px;
    font-size: 4em;
    margin-bottom: 16px;
    margin-top: -12px;
    width: 300px;
}
    
    .title_sub_pc{
        display: none;
    }
    
    .protoco_02{
        margin: 50px 0 0 0;
    }
    
    .flex_block03{
        flex-basis: 47%;    
    }

    .sec_title_main{
        font-size: 20px;
        margin: 0 0 15px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.1em;
    }
    
    .in_padding{
        padding: 0 30px 0;
    }
    
    .logo011{
    margin-bottom: 34px;
    text-align: center;
}
    
    .next{
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: white;
    display: inline-block;
    font-family: 'Ropa Sans', sans-serif;
    letter-spacing: 0.2em;
    width: 85%;
    padding: 0 0 40px 0;
    border-bottom: solid 1px white;
}

    .footer_logo{
    max-width: 40%;
    margin: auto;
    text-align: center;
    padding: 40px 0 0;
}

    #content_foot{
    background-color: black;
    padding: 55px 0 55px;
    text-align: center;
}
    

    
    /* rerative要員
----------------------------------------*/
    
    #top_082,#top_11,#top_12,#top_13,#top_kanda{
    position: relative;
}
    
    .tblock_calna{
    margin-top: -18px !important;
}
    
    .ttitle_calna{
    letter-spacing: 0.2em; 
    font-size: 3.5em;
    font-feature-settings: "palt";
    line-height: 1.2em;
    }
    
    .top_title05{
    margin-top: -133px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: white;
    width: 100%;
}
    
    .category_nakayama{
    border-bottom: 1px solid white;
    margin: auto;
    margin: 0 118px 0;
}
    
    .top_title04{
    margin-top: -133px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
    
    .content_wrap_none{
        background-color: #EBF6F9;
        padding: 20px 30px;
    }
    
    .co_margin{
        margin: 0 0 20px 0;
        
    }
    
    .content_wrap04{
        margin: 0 30px 17.5px;
    }
    
    .back_04{
        padding: 30px 17.5px;
        background-color: #EFEFEF;
        flex-direction: row;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }

    .mini_title{
        text-align: center;
        margin: 0 30px 46px;
        font-family: 'Ropa Sans', sans-serif;
    }
    
    .mini_title_bk{
        background-color: #EFEFEF;
        padding: 46px 0;
        color: #727171;
        font-family: 'Ropa Sans', sans-serif;
        text-align: center;
    }
    
    .title_main{
        font-size: 20px;
        margin: 0 0 15px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.1em;
    }
    
    .title_sub02{
        font-size: 16px;
        margin: 27px 0 0;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.1em;
    }
    
    .title_sub{
        font-size: 14px;
        line-height: 1;
    }
    
    .work_shadow{
        filter: drop-shadow(2px 1px 2px gray);
    }
    
    .pc img{ 
    display: none !important; 
    }
    
    .sp img{ 
    display: block !important; 
    }
    
    .flex_block_list{
        flex-basis: 30%;
        padding: 0 0 10px;
    }
    
    .flex_block_sp{
        flex-basis: 47%;
    }
    
    .flex_wrap_sp{
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 50px 20px 0;
    }
    
    .content_wrap06{
        margin: 0 30px 80px;
    }

}

    .spoon_mov{
    margin: 0 20px 20px;
}

    .spoon_mov video{
    width: 100%;
    min-width: 330px;
    max-width: 800px;
}


    .yowa_mar{
    margin: 50px 30px 46px;
}