body
{
	margin:0;
	text-align: left;
	color: #000000;
	font-size:85%;
	font-weight: 400;
	font-family: "Century Gothic", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


a
{
	color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:link 
{
	color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:visited 
{
	color:#000000;
    text-decoration:none;
}
a:hover 
{
  	color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:active 
{
	color:#000000;
    text-decoration:none;
}

.table1 a
{
	text-decoration: underline;
}




/*セクション - ナビ*/

#navi
{
	background-color:#fff;
	position: fixed;
	margin:0;
	font-size:17px;
	width 			:100%;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:nowrap;
	padding			:0;
	/*border-top:1px solid #dddddd;*/
	outline-bottom:1px solid rgba(0,0,0,0.1);
	z-index: 10000;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.1);
}

#navi li
{
	background-color:#fff;
	text-align	:center;
	margin		:0;
	list-style	:none;
	border-bottom:1px solid #f0f0f0;
	flex-basis		:25%;
	/*border-right:1px solid #dddddd;*/
}


#navi li a
{
	padding:30px 0 5px 0;
	height		:50px;
	display:block;
    text-decoration:none;
}

#navi li.contents a:hover
{
	color:#002B7A;
    text-decoration:none;
}



#navi li.logo		{flex-basis		:30%;}
#navi li.logo a 	{padding		:0 10px 40px 10px;}
#navi li.logo img	{width			:100%;max-height:100px;}
#navi li.fb			{flex-basis		:5%;}
#navi li.fb a 		{padding		:10px 0 20px 0;}
#navi li.fb img		{width			:50px;}
#navi li.ig			{flex-basis		:5%;}
#navi li.ig a 		{padding		:10px 0 20px 0;}
#navi li.ig img		{width			:50px;}
#navi li.tw			{flex-basis		:5%;}
#navi li.tw a 		{padding		:10px 0 20px 0;}
#navi li.tw img		{width			:50px;}

#navi li.logo.sp	{flex-basis		:55%;display:none;}
#navi li.logo.sp img{width			:180px;}
#navi li.logo.sp a 	{padding		:0 20px;}
#navi li.fb.sp		{flex-basis		:15%;display:none;}
#navi li.fb.sp a 	{padding		:15px auto;}
#navi li.fb.sp img	{width			:80px;}
#navi li.ig.sp		{flex-basis		:15%;display:none;}
#navi li.ig .sp a 	{padding		:15px auto;}
#navi li.ig.sp img	{width			:80px;}
#navi li.tw.sp		{flex-basis		:15%;display:none;}
#navi li.tw.sp a 	{padding		:15px auto;}
#navi li.tw.sp img	{width			:80px;}
#navi .hilight		
{
	border-bottom	:3px solid #002B7A;
	color:#002B7A;
}




#navi_sub
{
	background-color:#fff;
	position: fixed;
	width 			:100%;
	top:90px;
	outline-bottom:1px solid rgba(0,0,0,0.1);
	z-index: 9990;
	padding:0;

}
#navi_sub ul
{
	font-size:17px;
	width 			:100%;
	max-width:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:nowrap;
	padding			:0;
	/*border-top:1px solid #dddddd;*/
	margin:0 auto;
}

#navi_sub ul li
{
	background-color:#fff;
	text-align	:center;
	margin:0;
	list-style	:none;
	border-bottom:1px solid #f0f0f0;
	flex-basis		:33.333%;
	/*border-right:1px solid #dddddd;*/
}
#navi_sub ul li a {
    padding: 30px 0 5px 0;
    height: 40px;
    display: block;
    text-decoration: none;
    line-height: 1;
}
#navi_sub ul .hilight		
{
	border-bottom	:3px solid #002B7A;
	color:#002B7A;
}



/*マージン*/





.mar_b_50{margin-bottom:50px;}

.bigText{font-size:200%}
.miniText{font-size:100%}
.miniText70{font-size:70%}

.blocksText
{
	font-weight:100;
	font-size:70%;
	padding:5px 15px;;
	border:1px solid rgba(255,255,255,0.5);	 
	border-radius: 20px;  
	margin:0 10px;
}


/*コンテンツ*/


#page_contents
{
	margin:auto;
	text-align: center;
	display		:block;
	padding-top:90px;
}

#page_contents .section h1 
{
	color:rgb(0, 43, 122);
    padding: 50px 0;
}

.productTitle
{
	line-height:1.2;
	font-weight: 600;
}
.subtext
{
	line-height:1.4;
	font-weight: 500;
}



/*セクション - メインビジュアル*/
.mainVisual
{
	width:100%;
	height:70vh;
	min-height:600px;
	background-color:#002b7a;
	background-image:url(../img/index/20191023sukima.forestmobile.8.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	
}

.subVisual
{
	width:100%;
	height:600px;

	background-color:#002b7a;
	background-image:url(../../cmn/img/about/cover2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}



#about .mainVisual
{
	width:100%;
	min-height:600px;
	background-color:#002b7a;
	background-image:url(../../cmn/img/about/cover2.jpg);


}

#about .subVisual
{
	width:100%;
	height:50vh;
	min-height:400px;
	background-color:#002b7a;
	background-image:url(../../cmn/img/about/20191111censa.7.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom:100px;
}

#design_detail .subVisual{
	width:100%;
	background-color:#002b7a;
	background-image:url("../../cmn/img/design/thumbnail/20181014sukima.3_thumb.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#design_detail .thumbnailBox2 .item .cart_box{
	width: 80%;
}

#design_detail .thumbnailBox2 .item .cart_box img{
	width: 100%;
}

#design_detail .support{
	padding: 50px 0;
}

#root .mainVisual					{margin-top:0;}
#about .mainVisual					{margin-top:0;}
#contents .mainVisual				{background-image:url(../img/contents/20180623agm.73.jpg);}
#event .mainVisual					{background-image: url(../../cmn/img/event/mainvisual_ws.jpg);}
#event_aroundtd .mainVisual			{background-image:url(../img/aroundtd/adoundthedesign.f.3.jpg);}
#event_parallerium .mainVisual		{background-image:url(../img/aroundtd/adoundthedesign.f.3.jpg);}
#event_itsumono .mainVisual			{background-image:url(../img/event/20190519itsumono.10.jpg);}
#design .mainVisual					{background-image:url(../img/design/20200129sukima.7.jpg);}
#design_category_mobile .mainVisual	{background-image:url(../img/design/20181202advent.15.jpg);}
#info_topics .mainVisual			{background-image:url(../img/topics/20200218ieshougi.appstore.6.jpg);height:200px;min-height:200px;}





.mainVisual2
{
	width:100%;
	height:80vh;
	background-image:url(../img/index/20180819agm.10.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom:50px;
}



.mainVisual_aroundtd_sheet
{
	width:100%;
	height:50vh;
	min-height:400px;
	background-color:#002b7a;
	background-image:url(../../cmn/img/aroundtd/aroundth_sheets.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom:100px;
}









.mov-stage-min
{
    margin:10%;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.mov-stage 
{
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    margin-bottom:100px;
}

.mov-stage iframe,
.mov-stage-min iframe 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



#page_contents .mainVisual
{
	height:80vh;
}



.mainVisualAndText
{
	margin:70px 0 100px;
	
}

.mainVisualAndText .item
{
	display			:flex;
	-js-display		:flex;
	flex-wrap		:nowrap;
	justify-content	:space-between ;
	overflow:hidden;
	min-height:70vh;
	height:auto;
	
}
.mainVisualAndText .item .img
{
	background-color:#002b7a;
	background-size:cover;
	background-position:center center;
	width:60%;
}


.mainVisualAndText .item .txt
{
	color:#fff;
	font-size: 150%;
	background-color:#002b7a;
	width:30%;
	min-height:400px;
	padding:5%;

}

.mainVisualAndText .item .txt .inner
{
	margin-top:10vh;
}

.mainVisualAndText .item .txt h1
{
	text-align:left;
	color:#fff;
	font-size: 3rem;
	font-weight:400;
	padding:0;
}


.mainVisualAndText .item .txt p
{
	font-size: 120%;
	font-weight:40;
}



.thumbnailBox5
{
	width 			:90%;
	max-width		:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
}
.thumbnailBox5 .item
{
	width		:20%;
	margin-bottom: 30px;
}
.thumbnailBox5 .item img
{
	width		:100%;
	margin-bottom: 20px;
}
.thumbnailBox5 .item p
{
	font-size: 160%;
	text-align: left;
	margin:0 0 0 0;
}
.thumbnailBox5 .item p.subtext
{
	text-align: left;
	margin:0;
	font-size: 100%;
	padding:5% 10% 5% 0;
}
.thumbnailBox5 .item .productTitle
{
	padding:5% 10% 5% 0;
}





.thumbnailBox4
{
	width 			:90%;
	max-width		:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
}
.thumbnailBox4 .item
{
	width		:25%;
	margin-bottom: 50px;
}
.thumbnailBox4 .item img
{
	width		:100%;
	margin-bottom: 20px;
}
.thumbnailBox4 .item p
{
	font-size: 160%;
	text-align: left;
	margin:0 0 0 0;
}
.thumbnailBox4 .item p.subtext
{
	text-align: left;
	margin:0;
	font-size: 100%;
	padding:5% 10% 5% 0;
}
.thumbnailBox4 .item .productTitle
{
	padding:5% 10% 5% 0;
}

.thumbnailBox3
{
	width 			:90%;
	max-width		:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
}




.thumbnailBox3ItemWide
{
	width		:66%;
	margin-bottom:30px;
}

.thumbnailBox3ItemWide img
{
	width		:100%;
	 border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;  
}
.thumbnailBox3ItemWideText
{
	width		:30%;	
}
.thumbnailBox3ItemWideText h2
{
	margin :0;
	padding:0;
    font-weight: 900;
}
.thumbnailBox3ItemWideSub
{
	width		:32%;
	margin-bottom: 10px;
}
.thumbnailBox3ItemWideSubImg
{
	width		:100%;
	margin-bottom: 4%;
}
.thumbnailBox3ItemWideSubImg img
{	
	width		:100%;
	 border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;  

}





.thumbnailBox3 .item
{
	width		:33.333%;
	margin-bottom: 30px;
   
}
.thumbnailBox3 .item img
{
	width		:100%;
	margin-bottom: 20px;

}

.thumbnailBox3 .item p
{
	font-size: 140%;
	text-align: left;
	margin:0 0 0 0;
}

.thumbnailBox3 .item p.subtext
{
	text-align: left;
	margin:0;
	font-size: 100%;
	padding:5% 10% 5% 0;
}


.thumbnailBox2
{
	width 			:90%;
	max-width		:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
}

.thumbnailBox2 .item
{
	width		:50%;
	margin-bottom: 30px;
   
}
.thumbnailBox2 .item img
{
	width		:100%;
	margin-bottom: 20px;

}

.thumbnailBox2 .item p
{
	font-size: 140%;
	text-align: left;
	margin:0 0 0 0;
}

.thumbnailBox2 .item p.subtext
{
	text-align: left;
	margin:0;
	font-size: 100%;
	padding:5% 10% 5% 0;
}


.thumbnailBox1
{
	width 			:100%;
	max-width		:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
}

.thumbnailBox1 .item
{
	width		:100%;
	margin-bottom: 30px;
   
}
.thumbnailBox1 .item img
{
	width		:100%;
	margin-bottom: 20px;

}

.thumbnailBox1 .item p
{
	font-size: 160%;
	text-align: left;
	margin:0 0 0 0;
}

.thumbnailBox1 .item p.subtext
{
	text-align: left;
	margin:0;
	font-size: 100%;
	padding:4% 10% 5% 0;
}







.entry .thumbnailBox2{
	padding: 0;
	margin-bottom: 0;
}

#subphoto{
	width: 100%;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-top: 5px;
}

.thumbnailBox2 #subphoto .item
{
	width		:49%;
   margin-bottom: 0;
}

.thumbnailBox2 #subphoto .item img
{
   margin-bottom: 0;
}

.thumbnailIsland .item img
{
	border-bottom:1px solid rgba(0,0,0,0.1);
}


.thumbnailIsland .item:hover
{
	border:1px solid rgba(0,0,0,0.2);	
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
}


.thumbnailIsland .item
{

	border:1px solid rgba(0,0,0,0.1);
	border-radius: 10px ;
	overflow:hidden;
}

.thumbnailIsland .item p.productTitle,
.thumbnailIsland .item p.subtext
{
	padding-left:10%;
	padding-right:10%;
}
.thumbnailBox4.thumbnailIsland .item{width:24%;}
.thumbnailBox3.thumbnailIsland .item{width:30%;}
.thumbnailBox2.thumbnailIsland .item{width:48%;}
.thumbnailBox1.thumbnailIsland .item{width:100%;}



.thumbnailCard .item
{

	display			:flex;
	-js-display		:flex;
	flex-wrap		:nowrap;
	justify-content	:flex-start ;
	min-height:160px;
	border:1px solid rgba(0,0,0,0.1);
	border-radius: 10px ;
	max-height:160px;
	overflow:hidden;
}


.thumbnailCard .item .img
{
	background-color: #eee;
	background-size:cover;
	background-position:center center;
	width:35%;
	height:auto;
	max-height:160px;
	border-right:1px solid rgba(0,0,0,0.1);
}

.thumbnailCard .item:hover
{
	border:1px solid rgba(0,0,0,0.2);	
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
}


.thumbnailCard .item .txt
{
	width:70%;
	padding:24px 24px;
	max-height: 160px;
}
.thumbnailCard .item p.productTitle,
.thumbnailCard .item p.subtext
{
	text-align:left;

	line-height:120%;
}
.thumbnailBox4.thumbnailCard .item{width:24%;}
.thumbnailBox3.thumbnailCard .item{width:30%;}
.thumbnailBox2.thumbnailCard .item{width:48%;}
.thumbnailBox1.thumbnailCard .item{width:100%;}

.tableBox
{
	width 			:90%;
	max-width		:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
}

.tableBox .item 
{
    width: 45%;
}






#page_contents .ws_box{
	width: 76.5%;
	margin: 0 auto 100px auto;
}



/*セクション - 使い方*/




.detail
{

	width 			:100%;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 30px 0;
}


/*セクション - コンセプト*/

.conceptItem
{
	width:100%;
	height:500px;
	
    background-position: center bottom;
    background-size: cover;/*contain;*/
    background-repeat: no-repeat;

}

.conceptItem.conceptItem1
{   
	background-color: #81cce7;
	background-image:url(../img/index/c1.png);
}
.conceptItem.conceptItem2
{   
	background-color: #fdb3b7;
	background-image:url(../img/index/c2.png);
}

.conceptItem.conceptItem3
{   
	background-color: #6abf9c;
	background-image:url(../img/index/c3.png);
}
.conceptItem.conceptItem4
{   
	background-color: #f83b27;
	background-image:url(../img/index/c4.png);
}

.section.gray
{
	background-color:#f0f0f0;
}





/*セクション - アプリ課金比較/ダウンロード*/


.application
{

	width 			:90%;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
	max-width		:1000px;
}

.applicationItem
{
  	display		:block;
	width		:48%;
	margin-bottom: 50px;
   	 border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;  
}
.applicationItem img
{
	width		:100%;
	margin-bottom: 0px;

}






/*セクション - よくあるご質問*/


.faq
{
	margin:0;

	width:100%;
}

.faqItem
{
	margin: 0 auto; 
	max-width:1000px;
	border:1px solid #dddddd;
	background-color:#fff;
	margin-bottom:20px;
	border-radius: 2px;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;  
	text-align	:left;
	overflow: hidden;
}



.faqItemQ{
	background-color:#f0f0f0;
	background-size:50px ;
    background-repeat: no-repeat;
    background-position: left 10px center;
	background-image:url(../img/index/q.svg);
	/*border-bottom:1px solid #dddddd;*/
	padding:20px 8px 20px 64px;

	cursor: pointer;
}

.faqItemQ span{
	background:url(../img/index/icon_down.svg) no-repeat 98% 50%;
	background-size: 12px 7px;
	display: block;
	padding-right: 22px;
}
.faqItemQ.active span{
	background:url(../img/index/icon_up.svg) no-repeat 98% 50%;
	background-size: 12px 7px;
	display: block;
}




.faqItemA
{
	display: none;/*20180326*/
	background-size:50px ;
    background-repeat: no-repeat;
    background-position: 8px center;
	background-image:url(../img/index/a.svg);
	padding:20px 12px 20px 64px;
}






/*セクション - 運営*/


#contact
{
	background-color:#f0f0f0;
	width:100%;
	padding:40px 0 40px 0;  

}

#contact .contactItem
{
	width:80%;
	margin:0 auto;
}

#contact .contactItem ul
{


	display			:flex;
	-js-display		:flex;
	flex-wrap		:nowrap;	
}


#contact .contactItem ul li
{
	text-align	:center;
	margin		:0;
	list-style	:none;
	flex-basis		:25%;
	border-right:1px solid #dddddd;
}


#contact .contactItem ul li a
{
	padding-top	:40px;
	height		:30px;
	text-decoration: none;
}


#contact .contactItem ul li a:hover
{
	text-decoration: underline;
}





.mov 
{
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.mov iframe 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}










#topics
{

	
	width:100%;
	max-width:1200px;
	display:block;
	float: left;
	margin:10px 0 50px 0;
}

#topics h2
{
	padding-top: 100px;
	padding-left:0px;
	font-size:180%;
}
#info_topics_permalink p.txt
{
	font-size:140%;
	line-height:200%;
}

.detail_box{
	width 			:90%;
	max-width		:1200px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:wrap;
	justify-content	:space-between;
	margin-bottom	:100px;
	margin:0 auto;
	padding			:0 0 50px 0;
	margin-top: 160px;
}

.detail_box .entry{
	width		:60%;
	margin-bottom: 30px;
}

.detail_box .entry img{
	width		:100%;
	border-radius: 10px ;
}

.detail_box .entry .productTitle{
	font-size: 160%;
}




#sidebar{
	width 			:35%;
	margin-bottom	:100px;
	padding			:0 0 50px 0;
}

#sidebar .item
{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:nowrap;
	min-height:100px;
	border:1px solid rgba(0,0,0,0.1);
	border-radius: 10px ;
	max-height:160px;
	overflow:hidden;
}

#sidebar .item .img
{
	background-color: #eee;
	background-size:cover;
	background-position:center center;
	width:25%;
	height:auto;
	max-height:160px;
	border-right:1px solid rgba(0,0,0,0.1);
}

#sidebar .item .txt{
	width: 70%;
    padding: 24px 24px;
    max-height: 160px;
}

#sidebar .item .productTitle{
	font-size: 120%;
	line-height: 120%;
	margin: 0;
}

#sidebar .item .subtext{
	margin-bottom: 0;
}

.footer
{
	text-align:center;
}

.footer .copyrights
{
	text-align:center;
	margin:100px auto;
	font-size:80%;
}



#main img
{  
	display:block;
	float: left;
}  



h1
{	
	text-align:center;
	padding: 200px 0 200px 0;
	font-size: 300%;
	line-height: 1;
}


h2
{
	width:100%;
	line-height:1.8rem;
	color:#002B7A;
	text-align:left;
	padding: 20px 0 20px 0;
	font-size: 200%;
}


p
{
	font-size: 100%;
	text-align: left;
	line-height: 1.8;
	margin-bottom:50px
}

.clear 
{
	clear:both;
}

.logo
{
	width:208;
	margin: 0 auto;  

}


.table1
{

	border-top : 1px solid #dddddd;
	width:100%;
	font-weight: normal;
	font-size: 120%;
	margin: 50px 0 50px 0;
	text-align : left;
	margin: 0 auto;
}

.table1 th
{
	padding: 0px; 
	border-bottom : 1px solid #dddddd;
	width : 17%;
}
.table1 th.year
{
	width : 10%;
}
.tableBox .table1 th 
{
	width : 4%;
}
.table1 td.subtext
{
	font-size:90%;
	width : 15%;
}

.table1 td
{
	padding: 30px 0 30px 0 ;
	border-bottom : 1px solid #dddddd;

}
.table1 .area
{
	width : 20%;
}












.bg_gray
{
	background-color:f7f7f7;
}

.sectioin
{
	/*text-align: center; */
	/*width 			:100%;*/
}

.item{
	/*
	margin: 0 auto;
	*/
}

.subtext
{  
	color: #555;
} 





.btn 
{
	display : block;
	
	margin-bottom:100px;
}
.btn a
{
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #000000;

	background: #ffffff;
	padding: 20px 0px 20px 0px;
	border: solid #000000 1px;
	text-decoration: none;
	text-align:center;
	width:100%;
	margin:0 auto;
	display:block;
	float:center;
	margin-bottom: 20px;
}
.btn a:hover 
{

	background: #000000;
	color: #ffffff;
	text-decoration: none;
}

.btn_w 
{
	display : block;
	
	margin-bottom:100px;
}
.btn_w a
{
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #ffffff;

	background:rgb(0, 43, 122);
	padding: 20px 0px 20px 0px;
	border: solid #ffffff 1px;
	text-decoration: none;
	text-align:center;
	width:100%;
	margin:0 auto;
	display:block;
	float:center;
	margin-bottom: 20px;
}
.btn_w a:hover 
{

	background: #ffffff;
	color: rgb(0, 43, 122);
	text-decoration: none;
}


.btn_b
{
	display : block;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.06);
	margin-bottom:30px;
}
.btn_b a
{
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #ffffff;
	border: solid rgb(0, 43, 122) 1px;
	background: rgb(0, 43, 122);
	padding: 20px 0px 20px 0px;
	font-size:1.2rem;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	width:100%;
	margin:0 auto;
	display:block;
	float:center;
	margin-bottom: 20px;
}
.btn_b a:hover 
{
	border: solid rgba(0, 43, 122 ,0.2) 1px;
	background: #ffffff;
	color: rgb(0, 43, 122);
	text-decoration: none;

}



.minText
{
	font-size: 70%;
	opacity:0.6;
}





.download_a
{
	 opacity:0.3;
}


a.underline
{
	text-decoration:underline;
}






.wideMovBox
{	
	max-width:1400px;
	width 			:90%;
	display			:flex;
	-js-display		:flex;
	flex-wrap		:nowrap;
	justify-content	:space-between;
	padding:0;
	margin:0 auto 100px;
}

.wideMovBoxTxt
{
	width		:70%;
	color:#fff;
	background-color:rgb(0, 43, 122);
	top: -150px;
    left: -50px;
    position: relative;
    z-index: inherit;
   	padding:1% 5%;
}



.wideMovBox .wideMovBoxTxt h2.txt
{
	color:#fff;
	font-size:3rem;
	line-height:140%;
	width:100%;
	font-weight:100;

}
.wideMovBox .wideMovBoxTxt  p.txt
{
	color:#fff;
	font-size:1.2rem;
	line-height:220%;
	width:100%;
	font-weight:400;

}

.wideMovBox .mov-stage 
{
	width: 70%;
    position: relative;
    padding-top: 39.375%;/*56.25%;*/
    overflow: hidden;
    background-color:#666;
}

.wideMovBox .mov-stage iframe 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wideTxtBox
{
	width:			90%;
	max-width			:1000px;
	padding:0;
	text-align:left;
	margin:100px auto;
}

.wideTxtBox h1
{
	text-align:left;
	width			:100%;
	padding			:0;
	text-align		:left;
	line-height		:140%;
}

.wideTxtBox .subtext
{
	font-size:120%;
}



#contents .wideMovBox .wideMovBoxTxt,
#design .wideMovBox .wideMovBoxTxt,
#design_detail .wideMovBox .wideMovBoxTxt
{
	background-color:#fff;
	top: 0;
    left: 0;
    padding:0 80px;
    margin:0;
}
#contents .wideMovBox .wideMovBoxTxt h2.txt,
#contents .wideMovBox .wideMovBoxTxt p.txt,
#design .wideMovBox .wideMovBoxTxt h2.txt,
#design .wideMovBox .wideMovBoxTxt p.txt,
#design_detail .wideMovBox .wideMovBoxTxt h2.txt,
#design_detail .wideMovBox .wideMovBoxTxt p.txt
{
	color:rgb(0, 43, 122);
	margin:0 0 50px;
	padding:0;
}

#event_aroundtd .wideMovBox .wideMovBoxTxt	{background-color:rgb(0, 109, 255);}
#event_aroundtd .wideMovBox .subVisual 		{background-image:url(../../cmn/img/aroundtd/logo.png);}
#event_parallerium .wideMovBox .subVisual 	{background-image:url(../../cmn/img/parallerium/uraoni.vimeo1_thumb.jpg);}
#event_itsumono .wideMovBox .subVisual 		{background-image:url(../../cmn/img/event/20190506itsumono.24.jpg);}
#contents .wideMovBox .subVisual 			{background-image:url(../../cmn/img/contents/thumbnail/20200207tetete.10_thumb.jpg);}
#design .wideMovBox .subVisual 				{background-image:url(../../cmn/img/design/thumbnail/regigocco_thumb.jpg);}
#design_category_mobile .subVisual			{background-image:url(../../cmn/img/design/20170313sukima.gachamana.7.jpg);}


.item p.center
{
	margin:auto; 
}




.mainVisualTextBox
{
	width		:60%;
	color:rgb(0, 43, 122);
	background-color:#fff;
	top: -100px;
    position: relative;
    z-index: inherit;
   	padding:5% 10%;
   	margin-bottom: -50px;
}

.mainVisualTextBox .txt h1
{
	text-align:left;
	padding: 0;
	margin: 10px 0 ;
}

.mainVisualTextBox .txt p
{
	text-align:left;
	padding: 0;
	margin: 0;
}








@media (max-width: 1500px) 
{

	.wideMovBox .wideMovBoxTxt h2.txt{font-size:2.4rem;}
	.wideMovBox .wideMovBoxTxt p.txt{font-size:1.2rem;}	 
}


@media (min-width: 1200px) 
{
	 .thumbnailBox3{max-width		:1200px;}
}

@media (min-width:1100px)
{
	 .conceptItem{background-size:1100px;}
	 
}
    
@media (max-width: 1000px) 
{
	.mainVisualAndText{margin-bottom:50px;}
	.mainVisualAndText,
	.mainVisualAndText .item,
	.mainVisualAndText .item .img,
	.mainVisualAndText .item .txt {min-height:600px;height:600px;}
	.mainVisualAndText .item .img,
	.mainVisualAndText .item .txt {width:50%}
	.mainVisualAndText .item .txt .inner{margin-top:30px;}
	.wideMovBox{	width 			:90%;	flex-wrap		:wrap;}
	.wideMovBox .subVisual{	height	:300px;}	
	.wideMovBoxTxt{width:90%; padding:1% 5% 1% 10%}
	.wideMovBox .subVisual{;margin-bottom:100px;}
	.wideMovBox .mov-stage{width:90%;	padding-top:50.625%;}

	.thumbnailBox3 .item{width		:50%;}
	.thumbnailBox4 .item{width		:50%;}
	.thumbnailBox5 .item{width		:50%;}
	.thumbnailBox3ItemWide{width	:100%}
	.thumbnailBox3ItemWideText{width	:100%}
	.thumbnailBox3ItemWideText h2{margin-top:50px}
	.thumbnailBox3ItemWideSub{width:100%;display: flex;justify-content: space-between;}
	.thumbnailBox3ItemWideSubImg{width:48%;}
	.thumbnailBox1.thumbnailIsland .item{width:100%;}
	.thumbnailBox2.thumbnailIsland .item{width:48%;}	
	.thumbnailBox3.thumbnailIsland .item{width:48%;}	
	.thumbnailBox4.thumbnailIsland .item{width:48%;}	
	.thumbnailBox5.thumbnailIsland .item{width:48%;}
	.tableBox .item{width:100%;}
	.faqItem{max-width:80%;}
}




@media (max-width: 746px) 
{

	#navi {font-size:100%;}
	#navi {height:160px;	flex-wrap:wrap;}
	#navi li a{padding: 30px 0 5px 0;height: 45px;}
	#navi li.logo{display:none;}

	#navi li.tw{display:none;}
	#navi li.ig{display:none;}
	#navi li.fb{display:none;}

	#navi li{flex-basis:24.99%;}
	#navi li{text-align:center;}
	#navi li.concept{flex-basis:20%;}
	#navi li.logo.sp 
	{
		width:100%;
    	display: flex;
   		text-align:left;
	}
	#navi li.logo img	{max-height:120px;}
	#navi li.logo.sp img{width:60%;}
	#navi li.tw.sp{display:flex;}
	#navi li.ig.sp{display:flex;}
	#navi li.fb.sp{display:flex;}
	#navi_sub							{top:160px;position:relative;margin:0;}
	#navi_sub ul						{font-size:100%;}
	/*
	#contents #navi_sub					,
	#event_aroundtd #navi_sub			,
	#event_workshop #navi_sub			,
	#event #navi_sub					,
	#info_topics_permalink #navi_sub	,
	#event_itsumono #navi_sub			,
	#event_parallerium #navi_sub		,
	#design #navi_sub					{top:160px;position:fixed;margin:0;}
	*/
	body{width:100%;}
	#page_contents{padding:160px 0 100px 0 ;font-size:90%;}
	
	#about #page_contents 
	{
	    padding: 160px 0 100px 0;
	}
	.btn_w
	{
		margin-bottom: 0px;
	}
	



	.mov-stage {margin-top: 144px;}
	
	.thumbnailBox3 .item{width		:50%;}
	.thumbnailBox4 .item{width		:50%;}
	.thumbnailBox5 .item{width		:50%;}
	.thumbnailBox3 .item p.subtext{padding-right:0;}
	.thumbnailBox4 .item p.subtext{padding-right:0;}
	.detail{width		:100%;}
	.thumbnailBox3ItemWide{width	:100%}
	.thumbnailBox3ItemWideText{width	:100%}
	.thumbnailBox3ItemWideText h2{margin-top:50px}
	.thumbnailBox3ItemWideSub{width:100%;display: flex;justify-content: space-between;}
	.thumbnailBox3ItemWideSubImg{width:48%;}
	.thumbnailCard .item .img{}
	.thumbnailCard .item .txt{padding:16px;	min-height:80px}
	.thumbnailBox2.thumbnailCard .item{width:100%;min-height: 100px;}
	.thumbnailBox3.thumbnailCard .item{width:100%;min-height: 100px;}
	.thumbnailBox4.thumbnailCard .item{width:100%;min-height: 100px;}
	.thumbnailBox5.thumbnailCard .item{width:100%;min-height: 100px;}
	.wideMovBox .wideMovBoxTxt{margin-bottom:-200px;}
	
	.detail_box.entry{
		width: 100%;
	}
	
	#sidebar{
		width: 100%;
	}

	#sidebar .item{
		width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;}
	
	
	
	.faqItem{max-width:80%;}
	.applicationItem{width:100%;}
	.conceptItem{background-size:cover;}
	.conceptItem.conceptItem1{background-image:url(../img/index/sp_c1.png);}
	.conceptItem.conceptItem2{background-image:url(../img/index/sp_c2.png);}
	.conceptItem.conceptItem3{background-image:url(../img/index/sp_c3.png);}
	.conceptItem.conceptItem4{background-image:url(../img/index/sp_c4.png);}
	.mainVisualAndText {margin-top:0;width:100%;height:600px;min-height:600px;}
	.mainVisualAndText .item {flex-wrap		:wrap;height:600px;min-height:600px;}
	.mainVisualAndText .item .img{width		:100%;height:300px;min-height:300px;}
	.mainVisualAndText .item .txt{width		:100%;height:300px;min-height:300px;}
	.mainVisualAndText .item .txt h1{padding :0;margin :0;}
	.wideMovBoxTxt{width:100%; padding:1% 10% 1% 20%;}

	.wideMovBox .subVisual{width:100%;margin:0 auto 100px;}

	#design .wideMovBox .subVisual{width:100%;margin:0 auto 100px;}

	#design_detail .subVisual{height:400px; width:90%;margin:0 auto -100px;}
	#page_contents .mainVisual{margin-top: 0px;height:50vh;min-height: 30vh;}
	.mainVisual2{height:40vh;background-image:url(../img/index/20180819agm.10.jpg);}
	#contact .contactItem{width:90%;font-size:90%;}

	
	
	.detail_box .entry{width		:100%;}	
	
	
	@media screen and (orientation: landscape) 
	{

		#navi,
		#navi_sub,
		#design #navi_sub 
		{
			position: static;
			
		}
		#navi
		{
			border-bottom:10px solid #f0f0f0;
		}
		#page_contents 
		{
		    padding: 0 0 0 0;
		}
		
	}


}
@media (max-width: 551px) 
{
	#navi li.ig.sp img,
	#navi li.fb.sp img,
	#navi li.tw.sp img
	{
		width:100%;
	}
}

@media (max-width: 527px) 
{
	#navi{width:100%;};
	body{min-width:100%;}
	.thumbnailBox3 .item{width		:100%;}
	.thumbnailBox2 .item{width		:100%;}
	.conceptItem{background-size:contain;}
}