@media screen and (min-width:1281px )
{ 
   
 	#creator{
		margin:50px auto 0 auto;
		padding:0;
		max-width: 1280px;
    }
	#creator .hl{
		margin: 0;
		padding:0;
		position: relative;
	}
	
	#creator .textBG{
		font-size:min(16vw,150px);
		letter-spacing: 0.1em;
		line-height: 1.1em;
		color: #f4f4f4;
	    text-align: center;
		font-family: "toppan-bunkyu-midashi-min-st", serif;
		font-weight: 900;
		font-style: normal;
		margin:0;
		padding:0;
		position: absolute;
		top:12%;
		left: 50%;
		transform: translate(-50%, 60%);
		z-index: -1;
	}

	
	#creator .hl h2{
		font-size:min(2.5vw,48px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: center;
		font-family: "toppan-bunkyu-midashi-min-st", serif;
		font-weight: 900;
		font-style: normal;
		margin:0;
		padding:0;
    }
	#creator .hl h3{
		font-size:min(1.5vw,24px);
		letter-spacing: 0.1em;
		line-height: 2.25em;
		color: #222;
		writing-mode: vertical-rl;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 2em auto 0 auto;
		display: inline-block;
	}
	#creator .cat{
		margin: 2em 50px 0 50px;
		padding:0;
		text-align: left;
		border-top:1px dashed #ccc;
	}
	#creator .cat h3{
		position: relative;
		padding: 0;
		text-align: left;
		/*font-size:min(2vw,28px);
		letter-spacing: 0.1em;
		color: #222;
	    text-align: left;*/
		font-size:min(2.25vw,42px);
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:0.5em 0 0 0;
    }

	#creator .cat .letter3{
		position: relative;
		display: inline-block;
		padding: 0 44.25%;
		text-align: center;
		/*font-size:min(2vw,28px);
		letter-spacing: 0.1em;
		color: #222;
	    text-align: left;*/
		font-size:min(2.25vw,42px);
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:1em 0 0 0;
    }

	#creator .cat h4{
		font-size:min(1.1vw,16px);
		letter-spacing: 0.1em;
		line-height: 1.75em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 2em 0;
	}
	
	#creator .cat .h_adjust{
		margin: 0 0 0.5em 0;
	}
	
	
	#creator .cat .text_s{
		font-size:min(1.75vw,24px);
		letter-spacing: 0.1em;
		line-height: 2.25em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 0 1em;
	}
	#creator .cat .text_b{
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
	}
	#creator .cat .cat1_pic1 {
		float: right;
		margin:0 0 1em 20px;
		width: 400px;
		background: url("../img/creator_1_img1.jpg")no-repeat;
		background-position:top;
        background-size:contain;
		padding-top: 25.5%;
	}
	#creator .cat .cat2_pic1 {
		float: right;
		margin:0 0 1em 20px; 
		width: 400px;
		background: url("../img/creator_2_img1.jpg")no-repeat;
		background-position:top;
        background-size:contain;
		padding-top: 25.5%;
	}
	
	#creator .cat .cat3_pic1 {
		float: right;
		margin:0 0 1em 20px; 
		width: 400px;
		background: url("../img/creator_3_img1.jpg")no-repeat;
		background-position:top;
        background-size:contain;
		padding-top: 25.5%;
	}

	#creator .cat .linkBtn{
		position:relative;
		font-size:18px;
		margin:0;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		display: inline-block;
	} 
	#creator .cat .linkBtn a:link{
		color:#fff;
		border:1px solid #666;
		background: #999;
		padding:8px 36px 8px 8px;
	}
	#creator .cat .linkBtn a:visited{
		color:#fff;
		border:1px solid #666;
		background: #999;
		padding:8px 36px 8px 8px;
	}
	#creator .cat .linkBtn a:hover{
		color:#fff;
		border:1px solid #222;
		background: #444;
		padding:8px 36px 8px 8px;
	}
/*	#creator .cat .linkBtn:after{
		content:"";
		position:absolute;
		right:5px;
		content: '\f144';
		font-family: 'Font Awesome 5 Free';
		font-size: 21px;
		font-weight: 900;
		color:#fff;
		margin:7px 0 0 2px;
	}
*/
	#creator .flex_box{
		display: flex;
		flex-wrap: wrap; 
		align-items:stretch;
		justify-content:space-between;
		margin: 0 50px;
		list-style-type: none;
		padding:0;
		position: relative;
	}
	#creator .flex_box　ul{
		margin:0;
		padding:0;		
	}
	#creator .flex_box　li{
		display: inline-block;
		padding: 0;
  		margin:  0;
	}
	#creator .flex_box h4{
		font-size:min(2vw,32px);
		letter-spacing: 0.1em;
		line-height: 2.4em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:0;
		padding:0;
    }
	#creator .flex_box h5{
		font-size:min(1.1vw,16px);
		letter-spacing: 0.1em;
		line-height: 1.75em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0;
	}
	
	#creator .flex_box h6{
		font-size:min(1.0vw,14px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 10px 0 10px 0;
	}	
	#creator .flex_box .bt{
		color:#fff;
		font-size:min(1.1vw,16px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		padding: 4px;
		background: #999;
		border-radius: 5px;
	}	

	#creator .flex_box-item:nth-child(1) {
		width:59%;
		margin:0;
		padding:0;

	}
	#creator .flex_box-item:nth-child(2) {
		width:39%;
		margin:0 0 0 2%;
		padding:0;
	}
	#creator .flex_box .komanichan{
		width:100%;
		padding-top: 75%;
	    background: url("../img/creator_komani_chan.png")no-repeat;
		background-position:top;
        background-size:contain;
		margin: 10px auto;
	}	
	#creator .komanichanBG{
		width:100%;
		height:auto;
		background: #eee;
		margin:1em 0 0 0;
		padding:0;
		border: none;
	}	
}


@media screen and (min-width:641px ) and (max-width:1280px)
{
 	#creator{
        margin:4vw auto 0 auto;
		padding:0;
		width: 100%;
    }
	#creator .hl{
		margin: 0;
		padding:0;
		position: relative;
	}
	#creator .textBG{
		font-size:min(14vw,120px);
		letter-spacing: 0.1em;
		line-height: 1.1em;
		color: #f4f4f4;
	    text-align: center;
		font-family: "toppan-bunkyu-midashi-min-st", serif;
		font-weight: 900;
		font-style: normal;
		margin:0;
		padding:0;
		position: absolute;
		top:5%;
		left: 50%;
		transform: translate(-50%, 50%);
		z-index: -1;
	}	
	#creator .hl h2{
		font-size:min(3.5vw,32px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: center;
		font-family: "toppan-bunkyu-midashi-min-st", serif;
		font-weight: 900;
		font-style: normal;
		margin:0;
		padding:0;
    }
	#creator .hl h3{
		font-size:min(1.75vw,19px);
		letter-spacing: 0.1em;
		line-height: 2.25em;
		color: #222;
		writing-mode: vertical-rl;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 2em auto 0 auto;
		display: inline-block;
	}
	#creator .cat{
		margin: 1em 1em;
		padding:0;
		text-align: left;
		border-top:1px dashed #ccc;
	}
	#creator .cat h3{
		position: relative;
		display: inline-block;
		padding: 0;
		text-align: left;
		/*font-size:min(2vw,28px);
		letter-spacing: 0.1em;
		color: #222;
	    text-align: left;*/
		font-size:min(3.25vw,28px);
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:1em 0 0 0;
    }

		
	#creator .cat .letter3{
		position: relative;
		display: inline-block;
		padding: 0 45%;
		text-align: center;
		/*font-size:min(2vw,28px);
		letter-spacing: 0.1em;
		color: #222;
	    text-align: left;*/
		font-size:min(3.25vw,28px);
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:1em 0 0 0;
    }
	#creator .cat .letter3:before,
	#creator .cat .letter3:after {
		  position: absolute;
		  top: calc(50% - 3px);
		  width: 40%;
		  height: 6px;
		  content: '';
		  border-top: solid 1px #000;
		  border-bottom: solid 1px #000;
	}

	#creator .cat .letter3:before {
		  left: 0;
	}

	#creator .cat .letter3:after {
		  right: 0;
	}
	
	#creator .cat h4{
		font-size:min(1.6vw,24px);
		letter-spacing: 0.1em;
		line-height: 1.75em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 1em 0;
	}
	#creator .cat .h_adjust{
		margin: 0 0 0.5em 0;
	}
	#creator .cat .text_s{
		font-size:min(1.75vw,18px);
		letter-spacing: 0.1em;
		line-height: 2.25em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 0 1em;
	}
	#creator .cat .text_b{
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
	}
	
	
	#creator .cat .cat1_pic1 {
		float: right;
		max-width: 400px;
		width:40%;
		background: url("../img/creator_1_img1.jpg")no-repeat;
		background-position:top;
        background-size:cover;
		padding-top: 28.25%;
		margin:0 0 2vw 2vw; 
	}
	
	#creator .cat .cat2_pic1 {
		float: right;
		max-width: 400px;
		width:40%;
		background: url("../img/creator_2_img1.jpg")no-repeat;
		background-position:top;
        background-size:cover;
		padding-top: 28.25%;
		margin:0 0 2vw 2vw; 
	}
	
	#creator .cat .cat3_pic1 {
		float: right;
		max-width: 400px;
		width:40%;
		background: url("../img/creator_3_img1.jpg")no-repeat;
		background-position:top;
        background-size:contain;
		padding-top: 28.25%;
		margin:0 0 2vw 2vw; 
	}

	#creator .cat .linkBtn{
		position:relative;
		font-size:min(1.5vw,16px);
		margin-top:0;
		text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		display: inline-block;
	} 
	#creator .cat .linkBtn a:link{
		color:#fff;
		border:0.1vw solid #666;
		background: #999;
		padding:1vw 36px 1vw 1vw;
	}
	#creator .cat .linkBtn a:visited{
		color:#fff;
		border:0.1vw solid #666;
		background: #999;
	}
	#creator .cat .linkBtn a:hover{
		color:#fff;
		border:0.1vw solid #222;
		background: #444;
	}
/*	#creator .cat .linkBtn:after{
		content:"";
		position:absolute;
		right:1vw;
		content: '\f144';
		font-family: 'Font Awesome 5 Free';
		font-size:min(1.5vw,16px);
		font-weight: 900;
		color:#fff;
		margin:0.75vw 0 0 0;
	}
*/
	#creator .flex_box{
		display: flex;
		flex-wrap: wrap; 
		align-items:stretch;
		justify-content:space-between;
		margin: 0;
		list-style-type: none;
		padding:0;
	}
	#creator .flex_box　ul{
		margin:0;
		padding:0;		
	}
	#creator .flex_box　li{
		display: inline-block;
		padding: 0;
  		margin:  0;
	}
	#creator .flex_box h4{
		font-size:min(2.25vw,24px);
		letter-spacing: 0.1em;
		line-height: 2.4em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:0 1em;
		padding:0;
    }
	#creator .flex_box h5{
		font-size:min(1.6vw,16px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0.5em 1em 1em 1em;
	}	
	#creator .flex_box h6{
		font-size:min(1.4vw,14px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0.5em 1em 1em 1em;
	}	
	#creator .flex_box .bt{
		color:#fff;
		font-size:min(1.6vw,16px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		padding: 0.25vw;
		background: #999;
		border-radius: 0.4vw;
	}
	#creator .flex_box-item:nth-child(1) {
		width:59%;
		margin:0;
		padding:0;

	}
	#creator .flex_box-item:nth-child(2) {
		width:37%;
		margin:0 2% 0 1%;
		padding:0;
	}

	#creator .flex_box .komanichan{
		width:100%;
		padding-top: 75%;
	    background: url("../img/creator_komani_chan.png")no-repeat;
		background-position:top;
        background-size:contain;
		margin: 2vw 0;
	}	
	#creator .komanichanBG{
		width:100%;
		height:auto;
		background: #eee;
		margin:1em 0 0 0;
		padding:0;
		border: none;
	}
}


/* スマートフォン用 */

@media screen and (max-width:640px )
{

	#creator{
        margin:5vw auto 0 auto;
		padding:0;
		width: 100%;
    }
	#creator .textBG{
		font-size:max(16vw,58px);
		letter-spacing: 0.1em;
		line-height: 1.75em;
		color: #f4f4f4;
	    text-align: center;
		font-family: "toppan-bunkyu-midashi-min-st", serif;
		font-weight: 900;
		font-style: normal;
		margin:0;
		padding:0;
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: -1;
	}		
	#creator .hl{
		margin: 0 auto;
		position: relative;
	}
	
	#creator .hl h2{
		font-size:max(6vw,21px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: center;
		font-family: "toppan-bunkyu-midashi-min-st", serif;
		font-weight: 900;
		font-style: normal;
		margin:0;
		padding:0;
    }
	#creator .hl h3{
		font-size:max(4vw,16px);
		letter-spacing: 0.1em;
		line-height: 2em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 1em auto 0 auto;
		display: inline-block;
	}
	
	#creator .cat{
		margin: 1.5em 0 0 0;
		padding:0;
		text-align: center;
		border-top:1px dashed #ccc;
	}
	
	#creator .cat h3{
		position: relative;
		display: inline-block;
		padding: 0;
		text-align: center;
		/*font-size:min(2vw,28px);
		letter-spacing: 0.1em;
		color: #222;
	    text-align: left;*/
		font-size:max(4vw,21px);
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:1em 0 0.5em 0;
    }
	
	#creator .cat .letter3{
		position: relative;
		display: inline-block;
		padding: 0 40.62%;
		text-align: center;
		/*font-size:min(2vw,28px);
		letter-spacing: 0.1em;
		color: #222;
	    text-align: left;*/
		font-size:18px;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:1em 0 0 0;
    }
	
	#creator .cat h4{
		font-size:max(2.75vw,12px);
		letter-spacing: 0.1em;
		line-height: 1.75em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 1em;
	}
	#creator .cat .h_adjust{
		margin: 2em 0 0.5em 0;
	}
	#creator .cat .text_s{
		font-size:max(2.75vw,12px);
		letter-spacing: 0.1em;
		line-height: 1.25em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 ;
	}
	#creator .cat .text_b{
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
	}
	
	#creator .cat .cat1_pic1 {
		width:100%;
		background: url("../img/creator_1_img1.jpg")no-repeat;
		background-position:top;
        background-size:cover;
		padding-top: 75%;
		margin-bottom: 3vw;
	}

	#creator .cat .cat2_pic1 {
		width:100%;
		background: url("../img/creator_2_img1.jpg")no-repeat;
		background-position:top;
        background-size:cover;
		padding-top: 75%;
		margin-bottom: 3vw;
	}

	#creator .cat .cat3_pic1 {
		width:100%;
		background: url("../img/creator_3_img1.jpg")no-repeat;
		background-position:top;
        background-size:cover;
		padding-top: 75%;
		margin-bottom: 3vw;
	}
	
	#creator .cat .linkBtn{
		position:relative;
		font-size:max(3vw,12px);
		margin:3vw 0 3vw 0;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		display: inline-block;

	} 
	#creator .cat .linkBtn a:link{
		color:#fff;
		border:0.2vw solid #666;
		background: #999;
		padding:2vw 30vw 2vw 29vw;
	}
	#creator .cat .linkBtn a:visited{
		color:#fff;
		border:0.2vw solid #666;
		background: #999;
	}
/*	#creator .cat .linkBtn:after{
		content:"";
		position:absolute;
		right:25vw;
		content: '\f144';
		font-family: 'Font Awesome 5 Free';
		font-size: max(3vw,12px);
		font-weight: 900;
		color:#fff;
		margin: 1.6vw 0 0 0;
	}
	*/
	#creator .flex_box{
		display: flex;
		flex-wrap: wrap; 
		align-items:stretch;
		justify-content:space-between;
		margin: 0;
		list-style-type: none;
		padding:0 2%;
	}
	#creator .flex_box　ul{
		margin:0;
		padding:0;		
	}
	#creator .flex_box　li{
		display: inline-block;
		padding: 0;
  		margin:  0;
	}
	#creator .flex_box h4{
		font-size:max(4vw,21px);
		letter-spacing: 0.1em;
		line-height: 2.4em;
		color: #222;
	    text-align: center;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		font-style: normal;
		margin:0.25em 0 0 0;
		padding:0;
    }
	#creator .flex_box h5{
		font-size:max(2.75vw,12px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 1em 0;
	}	
	#creator .flex_box h6{
		font-size:max(2.75vw,12px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		color: #222;
	    text-align: left;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 1em 0;
	}	
	#creator .flex_box .bt{
		color:#fff;
		font-size:max(3vw,14px);
		letter-spacing: 0.1em;
		line-height: 1.5em;
		font-family: "toppan-bunkyu-mincho-pr6n", serif;
		font-weight: 900;
		padding: 0.5vw;
		background: #999;
		border-radius: 0.75vw;
	}
	#creator .flex_box-item:nth-child(1) {
		width:100%;
		margin:0;
		padding:0;
	}
	#creator .flex_box-item:nth-child(2) {
		width:100%;
		margin:0 0 1em 0;
		padding:0;

	}
	
	#creator .flex_box .komanichan{
		width:94%;
		padding-top: 70%;
	    background: url("../img/creator_komani_chan.png")no-repeat;
		background-position:top;
        background-size:contain;
		margin: 0 auto;
	}	
	#creator .komanichanBG{
		width:100%;
		height:auto;
		background: #eee;
		margin:1em 0 0 0;
		padding:0;
		border: none;
	}

}