@charset "utf-8";

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

body{}

@media only screen and (max-width: 1220px){
	body {

	}
}

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

	}
}

/*-----------------  header  -------------------*/

#header{
	background-image: linear-gradient(#1e90ff 60%, #fff 20%);
	padding: 0;

	margin-top:60px;
}
@media only screen and (max-width: 1220px){
	#header{
	margin-bottom: 0;
	background:#1e90ff;
	margin: 0;
margin-bottom: -48px;
	}
	#main {margin-top:40px;}
	.p-groupHeader__companyLogo img{margin-right:55px;}
}
#header header{
	width:1200px;
	margin:0 auto;
}
@media only screen and (max-width: 1220px){
	#header header{
	width:100%;
	margin:0 auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	background: #1e90ff;
	}
}
#header header h1{
    width: 315px;
    float: left;
    margin: 0% 1% 3%;
}
@media only screen and (max-width: 1220px){
	#header header h1{
	width: 120px;
	float: none;
	padding: 5px 0 0 5px;
	margin: 0;
	}
}
#header header h1 a{}
#header header h1 a:hover{}
#header header h1 a img{width:80%;}
#header header p{
    float: left;
    width:220px;
       margin-top: 15px;
}
@media only screen and (max-width: 1220px){
	#header header p{
	display:none;
	}
}
#header header p img{}
#header header nav{
	clear:both;
	width:100%;
	position:relative;
	top: -9px;
}
@media only screen and (max-width: 1220px){
	#header header nav{
	display:none;
	}
}
#header header nav ul{
    overflow:hidden;
    width:80%;
    /* display: flex; */
    /* flex-wrap: wrap; */

}
#header header nav ul li{
	width: 16.666%;
	margin-top: auto;
	float: left;
	padding: 30px 0 0 0;
}
#header header nav ul li a{
	display:block;
	color:#1e90ff;
	padding-top: 40px;
	text-align:center;
	border-bottom:dotted 2px #fff;
	font-weight: bold;
	font-family: "M PLUS 1p";
}
#header header nav ul li a:hover{
	border-bottom:dotted 2px #1e90ff;
}
#header header nav ul.gnav{
    margin: -60px 0 0 10%;
}
#header header nav ul.gnav li.icon_home{
	background:url(images/icon_001.png) no-repeat center top;
	background-size:100px;

}
#header header nav ul.gnav li.icon_products{
	background:url(images/icon_002.png) no-repeat center top;
	background-size:100px;
}
#header header nav ul.gnav li.icon_oem{
	background:url(images/icon_003.png) no-repeat center top;
	background-size:100px;
}
#header header nav ul.gnav li.icon_company{
	background:url(images/icon_004.png) no-repeat center top;
	background-size:100px;
}
#header header nav ul.gnav li.icon_recruit{
	background:url(images/icon_005.png) no-repeat center top;
	background-size:100px;
}
#header header nav ul.gnav li.icon_contact{
	background:url(images/icon_006.png) no-repeat center top;
	background-size:100px;
}

#header header nav ul.policy_nav{
	position: absolute;
    top: -87px;
    right: 18%;
    width: 30%;
    z-index: 999;
}
#header header nav ul.policy_nav li.icon_policy{
    width: 100%;margin-top: 40px;
}
#header header nav ul.policy_nav li.icon_policy a{
    color: #fff;
	border-bottom:0;
	padding-top: 0px;
    
}
#header header nav ul.policy_nav li.icon_policy a:hover{}

#header header ul.online-shop_nav{
	position:absolute;
	top: 90px;
	right: 0;
	width: 200px;
	    z-index: 99999;
}
@media only screen and (max-width: 1220px){
	#header header ul.online-shop_nav{
	display:none;
	}
}
#header header ul.online-shop_nav li.icon_online-shop{
    width: 100%;
}
#header header ul.online-shop_nav li.icon_online-shop a{
	border-bottom:0;
}
#header header ul.online-shop_nav li.icon_online-shop a:hover{
	border-bottom:0;
    opacity:1.0;
    position:relative;
    top:5px;
}
#header header ul.online-shop_nav li.icon_online-shop a img{}

/*-----------------  main  -------------------*/

#nav-drawer {
	display:none;
	position: absolute;
	top: 10px;
	right: 10px;
}
@media only screen and (max-width: 1220px){
	#nav-drawer {
	    display: block;
    background: #1e90ff;
    padding: 5px 3px 3px 8px;
	}
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: #191919;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(45, 45, 45, 0.87);
  background: #1e90ff;
}
#nav-input:checked ~ #nav-content ul{
	padding:2%;
}
#nav-input:checked ~ #nav-content ul li{
	border-bottom:dotted 1px #ccc;
	padding:2%;
}
#nav-input:checked ~ #nav-content ul li a{
	color:#fff;
	display:block;
	padding:1%;
}
#nav-input:checked ~ #nav-content ul li a:hover{
	background:#555;
	border-radius:10px;
}
@media only screen and (max-width: 1220px){
	#header header #nav-drawer h1 {
	width:70%;
	}
}
/*-----------------  main  -------------------*/

#main{
    padding: 0;
    overflow: hidden;
}
#main section{}
#main section.home_news h3{
    width: 300px;
    margin: 2% auto 1%;
}
/*-----------------  home  -------------------*/
#home{
	width:100%;
    margin: 0 auto;
}
@media only screen and (max-width: 1220px){
	#home{
	width:100%;
	margin:0 auto;
	}
	#home section.home_news{
	width: 100%;
}
	#home section{width: 100%;}
}
#home h2{}
#home h2 img{}

#home section{width: 980px;
    margin: auto;}

#home section.home_news{
    overflow: hidden;
	width: 1200px;
    margin: auto;
}
#home section.home_news h3{
    width: 300px;
    margin: 10% auto 1%;
}
#home section.home_news div.home_news_box01{
    width: 40%;
    float: left;
    padding: 1%;
}

#home section.home_news div.home_news_box01 h3 img{}

#home section.home_news div.home_news_box01 ul{

}
#home section.home_news div.home_news_box01 ul li{
    overflow:hidden;
    border-bottom:dotted 2px #1e90ff;
    padding: 1% 0;
    margin: 1% 0;
}
#home section.home_news div.home_news_box01 ul li span{
	float:left;
    display:block;
	padding:2px 1%;
}

#home section.home_news div.home_news_box01 ul li em{
	float:left;
	display:block;
	background:#1e90ff;
	color:#fff;
	padding:2px 1%;
}
#home section.home_news div.home_news_box01 ul li a{
	float:left;
	display:block;
	width: 100%;
	padding: 10px 1%;
}
@media only screen and (max-width: 1220px){
	#home section.home_news div.home_news_box01 ul li a{
    width: 96%;
    float: none;
    clear:both;
	}
}
#home section.home_news div.home_news_box01 ul li a:hover{}
#home section.home_news div.home_news_box01 p{
    text-align: center;
    padding:2%;
}
#home section.home_news div.home_news_box01 p a{
    padding: 10px 10%;
    border-radius:20px;
    color:#1e90ff;
    border:solid 2px #1e90ff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95f6fa+1,d1fbfc+100 */
background: #95f6fa; /* Old browsers */
background: -moz-linear-gradient(left,  #95f6fa 1%, #d1fbfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #95f6fa 1%,#d1fbfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #95f6fa 1%,#d1fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95f6fa', endColorstr='#d1fbfc',GradientType=1 ); /* IE6-9 */

}
#home section.home_news div.home_news_box01 p a:hover{}

#home section.home_news div.home_news_box02{
    width: 30%;
    float: right;
    padding: 1%;
}

@media only screen and (max-width: 640px){
	#home section.home_news div.home_news_box02{
    width: 90%;
    float: none;
    margin:0 auto;
	}
}
#home section.home_online-shop{
	background-image: url(images/homeback.png);
width: 100%;
	padding-top: 100px;
    margin: auto;
}
#home section.home_online-shop h3{width: 600px;
    margin: auto;}
#home section.home_online-shop h3 img{}
#home section.home_online-shop ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#home section.home_online-shop ul li{
  display: flex;
  width: 20%;
}
@media only screen and (max-width:980px){
	#home section.home_news {
    overflow: hidden;
    max-width:100%;
}
#home section.home_news div.home_news_box01 {
	width: 49%;
	    margin: auto;}
	#home section.home_news div.home_news_box02 {
	width: 49%;}
}
@media only screen and (max-width: 800px){
	#home section.home_news div.home_news_box02{
    width: 90%;
    float: none;
    margin:0 auto;
	}
}
@media only screen and (max-width: 1220px){
	#home section.home_online-shop ul li{
  display: flex;
  width: 33.3333%;
 }
	
}
@media only screen and (max-width: 800px){
	#home section.home_news div.home_news_box01{
    width: 96%;
    float: none;
	}
}
@media only screen and (max-width: 960px){
	#home section.home_online-shop ul li{
  display: flex;
  width: 50%;
 }
}
@media only screen and (max-width: 640px){
	#home section.home_online-shop ul li{
  display: flex;
  width: 100%;
 }
}
#home section.home_online-shop ul li a{
	font-size:86%;
	padding: 1%;
}
#home section.home_online-shop ul li img{}
#home section.home_online-shop ul li b{	}
#home section.home_online-shop ul li a:hover{}
#home section.home_online-shop ul li span{
	display:block;
	text-align:right;
	color:#38cace;
	margin-top: auto;
}
#home section.home_online-shop p{
	text-align:center;
	
	padding:5% 0;
	background-color: #f3f3f3;
}
#home section.home_online-shop p a{
    padding: 10px 10%;
    border-radius:20px;
    color:#1e90ff;
    border:solid 2px #1e90ff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95f6fa+1,d1fbfc+100 */
background: #95f6fa; /* Old browsers */
background: -moz-linear-gradient(left,  #95f6fa 1%, #d1fbfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #95f6fa 1%,#d1fbfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #95f6fa 1%,#d1fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95f6fa', endColorstr='#d1fbfc',GradientType=1 ); /* IE6-9 */

}
#home section.home_caracter{}
#home section.home_caracter h3{
   width: 600px;
    margin: auto;
    padding: 60px;
}
#home section.home_caracter h3 img{}
#home section.home_caracter p{}
#home section.home_caracter p br{}
#home section.home_caracter p.link_btn{}
#home section.home_caracter p.link_btn a{}
#home section.home_caracter p.link_btn a:hover{}
#home section.home_caracter ul{
    overflow: hidden;
}
#home section.home_caracter ul li{}
#home section.home_caracter ul li h3{
    color: #292f33;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    padding: 2% 0 0;
    margin: 0 auto;
    font-family: "M PLUS 1p";
    width: 440px;
}
#home section.home_caracter ul li p{
    color: #000;
    font-size: 100%;
    text-align: left;
    padding: 1% 1% 0;
    width: 440px;
    margin: 0 auto;
}
#home section.home_caracter ul li.home_caracter_item01 p{
    width: 420px;
}
#home section.home_caracter ul li.home_caracter_item01-1 p{
    width: 420px;
}
#home section.home_caracter ul li.home_caracter_item02 p{
    width: 400px;
}
#home section.home_caracter ul li p a{
    padding: 10px 10%;
    border-radius:20px;
    color:#1e90ff;
    border:solid 2px #1e90ff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95f6fa+1,d1fbfc+100 */
background: #95f6fa; /* Old browsers */
background: -moz-linear-gradient(left,  #95f6fa 1%, #d1fbfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #95f6fa 1%,#d1fbfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #95f6fa 1%,#d1fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95f6fa', endColorstr='#d1fbfc',GradientType=1 ); /* IE6-9 */

}
.home_companyL p{
    color: #e5007f;
    font-size: 100%;
    text-align: center;
    padding: 1% 5% 0;
}
.home_companyL p a{
    padding: 10px 10%;
    border-radius:20px;
    color:#1e90ff;
    border:solid 2px #1e90ff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95f6fa+1,d1fbfc+100 */
background: #95f6fa; /* Old browsers */
background: -moz-linear-gradient(left,  #95f6fa 1%, #d1fbfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #95f6fa 1%,#d1fbfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #95f6fa 1%,#d1fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95f6fa', endColorstr='#d1fbfc',GradientType=1 ); /* IE6-9 */

}
.home_002inbox p{
    color: #e5007f;
    font-size: 100%;
    text-align: center;
    padding: 1% 5% 0;
}
.home_002inbox p a{
    padding: 10px 10%;
    border-radius:20px;
    color:#1e90ff;
    border:solid 2px #1e90ff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95f6fa+1,d1fbfc+100 */
background: #95f6fa; /* Old browsers */
background: -moz-linear-gradient(left,  #95f6fa 1%, #d1fbfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #95f6fa 1%,#d1fbfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #95f6fa 1%,#d1fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95f6fa', endColorstr='#d1fbfc',GradientType=1 ); /* IE6-9 */

}
#home section.home_caracter ul li p a:hover{}
#home section.home_caracter ul li ul{
	display:flex;
	margin: 2%;
	padding: 2%;
}
#home section.home_caracter ul li ul li{
    padding: 0;
}
#home section.home_caracter ul li ul li a{}
#home section.home_caracter ul li ul li a:hover{}
#home section.home_caracter ul li ul li img{}
#home section.home_caracter ul li.home_caracter_item01{
    background: #ebfeff url(images/products_img04.png) no-repeat left top;
    background-size:50%;
    height: 330px;
    padding:0 0 0 50%;
}
#home section.home_caracter ul li.home_caracter_item01-1{
    background: #ebfeff url(https://sunrise-co.jp/wp_sunrise-co/wp/wp-content/uploads/2020/07/Hinobori.jpg) no-repeat left top;
    background-size:50%;
    height: 330px;
    padding:0 0 0 50%;
}
#home section.home_caracter ul li.home_caracter_item01 h3{
	padding:6% 0 2%;
	width: 330px;
}
#home section.home_caracter ul li.home_caracter_item01-1 h3{
	padding:3% 0 2%;
	width: 330px;
}
.home_company{
	display:flex;
	padding-top: 60px;
}
.home_company002{display:flex;
	padding:60px 0px;}
.home_companyL{width:65%;
position:relative;}
.home_companyL div{
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 50%;
}
.home_companyL h3{
	width:400px;
	margin:auto;
	    margin-bottom: 40px;
}
.home_companyR{
	width:35%;
}
.home_company002{
	width: 100% !important;
    background-size: cover;
	margin:auto;
	background-image:url(images/homeback.png);
}
.home_002inbox{
	width: 980px;
	margin:auto;
	display:flex;
	justify-content: space-between;
    text-align: center;
	padding-top: 100px;
}
.home_caracter_item04{width:48%;}
.home_caracter_item05{width:48%;}
.home_company002 div h3{color: #1e90ff;
font-size:32px;
	font-weight:bold;
	margin-bottom:20px;
	font-family: "M PLUS 1p";
} 
@media only screen and (max-width: 980px){
	#home section.home_caracter ul li.home_caracter_item01{
    background: #ebfeff url(images/products_img04.png) no-repeat center bottom;
    background-size:50%;
    height: 400px;
    padding:0 0 80% 0;
	}
	#home section.home_caracter ul li.home_caracter_item01-1{
    
    background-size:50%;
    height: 400px;
    padding:0 0 80% 0;
	}
}
@media only screen and (max-width: 980px){
	#home section.home_caracter ul li.home_caracter_item01{
    background: #ebfeff url(images/products_img04.png) no-repeat center bottom;
    background-size:100%;
    height: auto;
    padding:0 0 66% 0;
	}
	#home section.home_caracter ul li.home_caracter_item01-1{
    background: #ebfeff url(https://sunrise-co.jp/wp_sunrise-co/wp/wp-content/uploads/2020/07/Hinobori.jpg) no-repeat center bottom;
    background-size:100%;
    height: auto;
    padding:0 0 66% 0;
	}
}
#home section.home_caracter ul li.home_caracter_item02{
    background: #ebfeff url(images/products_img05.png) no-repeat right top;
    background-size:50%;
    height: 340px;
    padding:0 50% 0 0;
}
@media only screen and (max-width: 800px){
	#home section.home_caracter ul li.home_caracter_item02{
    background: #ebfeff url(images/products_img05.png) no-repeat center bottom;
    background-size: 50%;
    height: auto;
    padding: 0 0 40% 0;
 }
}
@media only screen and (max-width: 980px){
	#home section.home_caracter ul li.home_caracter_item02{
    background: #ebfeff url(images/products_img05.png) no-repeat center bottom;
    background-size:100%;
    height: auto;
    padding: 0 0 66% 0;
 }
}
#home section.home_caracter ul li.home_caracter_item02 ul{
	margin-top: 0;
}
.back01{
    background: #ebfeff url(https://sunrise-co.jp/wp_sunrise-co/wp/wp-content/uploads/2020/12/UCHIkun_Noconyan_web_02.jpg) no-repeat right top !important;
       background-size: 50% !important;
    height: 340px;
    padding:0 50% 0 0;
}
@media only screen and (max-width: 800px){
	.back01{
    background: #ebfeff url(https://sunrise-co.jp/wp_sunrise-co/wp/wp-content/uploads/2020/12/UCHIkun_Noconyan_web_02.jpg) no-repeat center bottom !important;
        background-size: 50% !important;
    height: auto;
    padding: 0 0 40% 0;
 }
}
@media only screen and (max-width: 980px){
	.back01{
    background: #ebfeff url(https://sunrise-co.jp/wp_sunrise-co/wp/wp-content/uploads/2020/12/UCHIkun_Noconyan_web_02.jpg) no-repeat center bottom !important;
        background-size: 100% !important;
    height: auto;
    padding: 0 0 66% 0;
 }
}
.back02{
    background: #ebfeff url(images/products_img05.png) no-repeat left top !important;
       background-size: 50% !important;
    height: 340px;
    padding:0 50% 0 0;
}
@media only screen and (max-width: 800px){
	.back02{
    background: #ebfeff url(images/products_img05.png) no-repeat center bottom !important;
        background-size: 50% !important;
    height: auto;
    padding: 0 0 40% 0;
 }
}
@media only screen and (max-width: 980px){
	.back02{
    background: #ebfeff url(images/products_img05.png) no-repeat center bottom !important;
        background-size: 100% !important;
    height: auto;
    padding: 0 0 66% 0;
 }
}
#home section.home_caracter ul li.home_caracter_item02 ul{
	margin-top: 0;
}
#home section.home_caracter ul li.home_caracter_item03{
   background:#ebfeff  url(https://sunrise-co.jp/wp_sunrise-co/wp/wp-content/uploads/2020/07/Hinobori.jpg) no-repeat right top;
   background-size: 50%;
   height: 400px;
	padding:35px 50% 0 0;
   /*margin: 5% 5%;*/
}

@media only screen and (max-width: 960px){
	#home section.home_caracter ul li.home_caracter_item03{
    background: #ebfeff url(https://sunrise-co.jp/wp_sunrise-co/wp/wp-content/uploads/2020/07/Hinobori.jpg) no-repeat center bottom;
    background-size: 100%;
    height: 400px;
    padding:0 0 150% 0;
    margin: 0% 0%;
	}
}
#home section.home_caracter ul li.home_caracter_item04{
    float: left;
    width: 50%;
    padding: 2%;
}
@media only screen and (max-width: 960px){
	#home section.home_caracter ul li.home_caracter_item04{
    float: none;
    width: 100%;
    padding: 2%;
	}
}
#home section.home_caracter ul li.home_caracter_item04 h3{
	color:#1e90ff;
}
#home section.home_caracter ul li.home_caracter_item05{
    float: left;
    width: 50%;
    padding: 2%;
}
@media only screen and (max-width: 960px){
	#home section.home_caracter ul li.home_caracter_item05{
    float: none;
    width: 100%;
    padding: 2%;
	}
}
#home section.home_caracter ul li.home_caracter_item05 h3{
	color:#1e90ff;
}

/*-----------------  footer  -------------------*/

#footer{
    background: #1e90ff;
}
#footer footer{
    position: relative;
    padding:2%;
    display: flex;
    flex-wrap: wrap;
}
#footer footer:after{
	display:block;
	contact:"";
	clear:both;
}
#footer footer div.footbox01{
	float:left;
	width: 34%;
}
@media only screen and (max-width: 1220px){
	#footer footer div.footbox01{
	float:none;
	width: 98%;
	margin:0 auto;
	}
}
.flogo{
    width: 300px;
}
#footer footer div.footbox01 h1 a{}
#footer footer div.footbox01 h1 a:hover{}
#footer footer div.footbox01 h1 a img{}
#footer footer div.footbox01 p{
	color:#fff;
}
#footer footer div.footbox01 p br{}
#footer footer ul{
	float:left;
	width: 22%;
	border-left: solid 1px #377bb8;
	padding: 1%;
}
@media only screen and (max-width: 1220px){
	#footer footer ul{
		display:none;
	}
}
#footer footer ul li a{
	color:#fff;
}
#footer footer ul li a:hover{}

#copy{
	clear:both;
	text-align: center;
	font-size: 90%;
	color:#fff;
	padding: 5% 0 0;
	width: 100%;
}
#footer #page-top{
	right: 0;
	top: -70px;
	position: absolute;
	z-index:99;
}
#footer #page-top a{
	display:block;
	width: 80px;
	height: auto;
	/* background:#bcaba3; */
	padding: 10px 5px 0px;
	font-size: 120%;
	text-align: center;
	/* border:solid 1px #fff; */
	/* color:#fff; */
}
#footer #page-top a:hover{
	/*position:relative;
	top:5px; */
	opacity:1.0;
}
#footer #page-top i.fa{
	font-size:140%;
	color:#333;
}
#footer ul.g-nav{
	display:none;
}
@media only screen and (max-width: 640px){
	#footer ul.g-nav{
		display:block;
		width:100%;
		text-align:center;
		background:#f3f3f3;
		overflow:hidden;
	}
}
#footer ul.g-nav li{
	padding:0;
	float:left;
	width:25%;
	margin:0;
	border:dotted 1px #ccc;
	box-sizing: border-box;
	background:#fff;
	font-size:80%;
	color:#ccc;
}
@media only screen and (max-width: 480px){
	#footer ul.g-nav li{
	width:50%;
	}
}
#footer ul.g-nav li a{

	display:block;

}
#footer ul.g-nav li a:hover{}
#footer ul.g-nav li em{
	display:block;
	font-size:70%;
}
/*-----------------  about  -------------------*/

#about{
	margin:80px auto 0;
	width:960px;
}
@media only screen and (max-width: 960px){
	#about{
		margin:130px auto 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#about{
		margin:80px auto 0;
	}
}
#about h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}

/*-----------------  news  -------------------*/
#news{
	margin:80px auto 0;
	width:960px;
}
@media only screen and (max-width: 960px){
	#news{
		margin:130px auto 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#news{
		margin:80px auto 0;
	}
}
#news h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}
#news{}
#news h2 em{
	float:right;
}

/*-----------------  the_film  -------------------*/

#the_filmbox{
	margin:0 auto 0;
	width:100%;
	background:#e9f3e8;
}
@media only screen and (max-width: 960px){
	#the_filmbox{
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox{
	}
}
#the_film{
	margin:0 auto 0;
	width:960px;
	font-size:90%;
	padding:80px 0 0;
}
@media only screen and (max-width: 960px){
	#the_film{
		margin:0 auto 0;
		padding:130px 0 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#the_film{
		margin:0 auto 0;
		padding:80px 0 0;
	}
}
#the_film h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}
#the_film h2 em{
	float:right;
	font-size:100%;
}
#the_film h3{
	font-size:240%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	color:#ea5413;
}
@media only screen and (max-width: 640px){
	#the_film h3{
	font-size:180%;
	}
}
#the_film .the_film_img01{
	background:url("images/the_film_img01.jpg") no-repeat center 0px;
	background-size: 960px;
	padding:50px 0 50px;
	margin:0 auto 50px;
}
@media only screen and (max-width: 480px){
	#the_film .the_film_img01{
	padding:20px 0 30px;
	margin:0 auto 50px;
	}
}
#the_film p.the_film_text01{
	font-size:90%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:10px 0 20px;
	color:#555;
}
#the_film p.the_film_text02{
	font-size: 240%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	color:#fff;
	padding:10px 0 20px;
}
@media only screen and (max-width: 640px){
	#the_film p.the_film_text02{
	font-size:180%;
	}
}
@media only screen and (max-width: 480px){
	#the_film p.the_film_text02{
	font-size:150%;
	padding:10px 20px 20px;
	}
}
#the_film p.the_film_text03{
	font-size:150%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	color: #fffc57;
	padding:10px 0 70px;
}
@media only screen and (max-width: 640px){
	#the_film p.the_film_text03{
	font-size:120%;
	}
}
@media only screen and (max-width: 480px){
	#the_film p.the_film_text03{
	font-size:100%;
	padding:10px 20px 70px;
	}
}
#the_film p.the_film_text04{
	font-size:120%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#fff;
	padding:10px 50px 20px;
}
@media only screen and (max-width: 640px){
	#the_film p.the_film_text04{
	font-size:100%;
	padding:40px 20px 20px;
	}
}
@media only screen and (max-width: 480px){
	#the_film p.the_film_text04{
	font-size:100%;
	padding:10px 20px 20px;
	}
}
#the_film h4{
	font-size:140%;
}

#the_film ul{
	overflow:hidden;
}
#the_film ul li{
	float:left;
	width: 46%;
	font-size:140%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#0d6fb8;
	margin:0 2% 5%;
	height:100px;
}
@media only screen and (max-width: 960px){
	#the_film ul li{
		font-size:110%;
		margin:0 1% 5%;
		width:48%;
		height:100px;
	}
}
@media only screen and (max-width: 640px){
	#the_film ul li{
		float:none;
		font-size:110%;
		margin:0 auto 5%;
		width:90%;
		text-align:center;
		height:auto;
	}
}
@media only screen and (max-width: 480px){
	#the_film ul li{
		float:none;
		font-size:90%;
	}
}
#the_film ul li em{
	color:#666;
	font-size:80%;
}
#the_film ul.the_film_imgbox{
	overflow:hidden;
	padding:0 0 50px;
}
#the_film ul.the_film_imgbox li{
	float:left;
	width:25%;
	height:auto;
	margin:0;
}
@media only screen and (max-width: 480px){
	#the_film ul.the_film_imgbox li{
	float:left;
	width:50%;
}
}
#the_film ul.the_film_imgbox li img{}
/*-----------------  trailer  -------------------*/
#trailer{
	margin:80px auto 100px;
	width:960px;
}
@media only screen and (max-width: 960px){
	#trailer{
		margin:130px auto 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#trailer{
		margin:80px auto 0;
	}
}
#trailer h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}

#trailer h2 em{
	float:right;
}
#trailer p{
	text-align:center;
	margin:20px auto 30px;
}
#trailer div.youtubebox02{
	margin:5% 0 10%;
}
#trailer div.youtubebox02 h3{
	text-align:center;
}
#trailer div.youtubebox02 p{}
#trailer div.youtubebox02 p iframe{
	width:620px;
	height:349px;
}
@media only screen and (max-width: 640px){
	#trailer div.youtubebox02 p iframe{
		width:460px;
		height:259px;
	}
}
@media only screen and (max-width: 480px){
	#trailer div.youtubebox02 p iframe{
		width:300px;
		height:169px;
	}
}
/*-----------------  the_team  -------------------*/
#the_team{
	margin:80px auto 0;
	width:960px;
}
@media only screen and (max-width: 960px){
	#the_team{
		margin:130px auto 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#the_team{
		margin:80px auto 0;
	}
}
#the_team h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}
#the_team{}
#the_team h2 em{
	float:right;
}

/*-----------------  reviews  -------------------*/
#reviews{
	background:url("images/reviews_bg03.jpg") no-repeat center -30px fixed;
	background-size:2100px;
}
@media only screen and (max-width: 960px){
	#reviews{
		margin:-50px auto 0;
		padding:100px 0 50px;
		width:100%;
		background:url("images/reviews_bg03.jpg") no-repeat center 50px fixed;
		background-size:2100px;
	}
}
@media only screen and (max-width: 640px){
	#reviews{
		padding:50px 0 50px;
		background-size:1500px;
	}
}
#reviews #reviewsbox01{
	padding:100px 0 50px;
	margin:0 auto 0;
	width:960px;
}
@media only screen and (max-width: 960px){
	#reviews #reviewsbox01{
		width:98%;
	}
}

#reviews #reviewsbox01 h2{
	line-height:1.4;
	font-size:200%;
	margin-bottom:1%;
	text-align:center;
	color:#d55e0c;
}
@media only screen and (max-width: 960px){
	#reviews #reviewsbox01 h2{
			font-size:130%;
	}
}
@media only screen and (max-width: 640px){
	#reviews #reviewsbox01 h2{
			font-size:100%;
	}
}
@media only screen and (max-width: 480px){
	#reviews #reviewsbox01 span{
			display:block;
	}
}
#reviews #reviewsbox01 p{
		text-align:center;
		font-size:120%;
}
@media only screen and (max-width: 960px){
	#reviews #reviewsbox01 p{
			font-size:100%;
	}
}
@media only screen and (max-width: 640px){
	#reviews #reviewsbox01 p{
			font-size:80%;
	}
}
#reviews #reviewsbox02{
	padding:50px 0 50px;
	margin:0 auto 0;
	width:960px;
}
@media only screen and (max-width: 960px){
	#reviews #reviewsbox02{
		width:98%;
	}
}
#reviews #reviewsbox02 ul{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
#reviews #reviewsbox02 ul li{
	background:#339f1d;
	border-radius:10px;
	padding-left:3%;
	padding-right:3%;
	padding-top:25px;
	padding-bottom:20px;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	margin-bottom:10px;
	width:42%;
	float:left;
}
@media only screen and (max-width: 640px){
	#reviews #reviewsbox02 ul li{
		width:94%;
		float:none;
	}
}
#reviews #reviewsbox02 ul li h3{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#fff;
	font-size:90%;
}
#reviews #reviewsbox02 ul li h3 em{
	font-size:200%;
}
#reviews #reviewsbox02 ul li p{
	color:#fff;
	margin-top:4%;
}

#reviews #reviewsbox03{
	padding:50px 0 50px;
	margin:0 auto 0;
	width:900px;
}
@media only screen and (max-width: 960px){
	#reviews #reviewsbox03{
		width:98%;
	}
}
#reviews #reviewsbox03 ul{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
#reviews #reviewsbox03 ul li{
	background:#fff;
	border-radius:10px;
	padding-left:3%;
	padding-right:3%;
	padding-top:25px;
	padding-bottom:20px;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	margin-bottom:10px;
	width:42%;
	float:left;
}
@media only screen and (max-width: 640px){
	#reviews #reviewsbox03 ul li{
		width:94%;
		float:none;
	}
}
#reviews #reviewsbox03 ul li em{
	display:block;
	text-align:left;
	margin-top:4%;
	font-size:80%;
}

/*-----------------  the_team  -------------------*/
#the_team{
	margin:80px auto 0;
	width:960px;
}
@media only screen and (max-width: 960px){
	#the_team{
		margin:130px auto 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#the_team{
		margin:80px auto 0;
	}
}
#the_team h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}

#the_team h2 em{
	float:right;
}
#the_team h3{
	border-bottom:dotted 1px #999;
}
#the_team h4{
	font-size:140%;
	margin:10px 0 10px;
}
#the_team p{
	margin:0 0 50px;
	overflow: hidden;
}
@media only screen and (max-width: 640px){
	#the_team p{
	margin:0 auto;
}
}
#the_team p img{
	width:300px;
	float:left;
	padding:0 5px 5px;
}
@media only screen and (max-width: 640px){
	#the_team p img{
	width:100%;
	float:none;
	padding:0;
	}
}
#the_team dl{
	clear:both;
	padding:50px 0;
}
#the_team dt{
	font-size:120%;
	margin:10px 0 10px;
}
#the_team dt{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#ea5413;
	font-size:130%;
	margin:10px 0 10px;
}
#the_team dd{
	margin:10px 0 50px;
}
#the_team dd img{
	float:left;
	width:180px;
	margin: 0 20px 20px 0;
}
#the_team dd span{
	clear:both;
	display:block;
	border:3px #ccc double;
	padding:20px;
	background: #fcfcfc;
	border-radius:5px;
}
/*-----------------  screenings  -------------------*/
#screenings{
	margin:80px auto 0;
	width:960px;
	padding:0 0 250px;
}
@media only screen and (max-width: 960px){
	#screenings{
		margin:130px auto 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#screenings{
		margin:80px auto 0;
	}
}
#screenings h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}
#screenings{}
#screenings h2 em{
	float:right;
}
#screenings table{
	border:solid 1px #ccc;
	margin: 5px 1%;
	width:98%;
	font-size:90%;
}
@media only screen and (max-width: 660px){
	#screenings table{
	margin:20px 0%;
	width:100%;
	}
}
#screenings caption{
	text-align:center;
	border: solid 1px #63a43e;
	font-size:120%;
	background: #63a43e;
	padding:5px;
	color:#fff;
}
@media only screen and (max-width: 660px){
	#screenings caption{
	font-size:100%;
	}
}
#screenings tr{}
#screenings th{
	border: solid 1px #63a43e;
	/* padding:5px; */
	background:#efffe8;
}
#screenings th.tbox01{
	width:6%;
}
@media only screen and (max-width: 980px){
	#screenings th.tbox01{

	}
}
@media only screen and (max-width: 660px){
	#screenings th.tbox01{

	}
}
#screenings th.tbox02{
	width:30%;
}
@media only screen and (max-width: 660px){
	#screenings th.tbox02{

	}
}
#screenings th.tbox03{
	width:14%;
}

@media only screen and (max-width: 980px){
	#screenings th.tbox03{

	}
}
@media only screen and (max-width: 660px){
	#screenings th.tbox03{

	}
}
#screenings th.tbox04{
	width: 19%;
}
@media only screen and (max-width: 980px){
	#screenings th.tbox04{

	}
}
@media only screen and (max-width: 660px){
	#screenings th.tbox04{

	}
}
#screenings td.tbox05 a{
	display:inline;
}
#screenings td.tbox05 a:hover{
	display:inline;
}
#screenings th.tbox06{
	width:9%;
}
#screenings td{
	border: solid 1px #63a43e;
	text-align:center;
	padding: 5px 2px;
}
@media only screen and (max-width: 660px){
	#screenings th,#theater td{
		padding:2px;
		font-size:80%;
	}
}
#screenings p{
	margin:0 1% 15px;
}
#screenings p.box_b01{
	margin:-6px 1% 15px;
	border:solid 1px #171C61;
}

#screenings a{
	color:#0000DE;
	display:block;
}
#screenings a:hover{
	background: #efffe8;
	border-radius:5px;
}
@media only screen and (max-width: 660px){
	#screenings a:hover{
	border-radius:0;
	}
}
#screenings p.text001{
	font-weight:bold;
}
#screenings p.text001 a{
	display:inline;
	border-radius:5px;
	font-weight:bold;
}
#screenings p.text001 a:hover{
	background: #efffe8;
	border-radius:5px;
}
#screenings td a:hover{
	display:block;
	border:0;
	border-radius:0;
}
#screenings h3{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}
#screenings .tbox11{
	width: 8%;
}
#screenings .tbox12{
	width: 12%;
}
#screenings .tbox13{
	width: 18%;
}
#screenings .tbox14{
	width: 24%;
}
#screenings .tbox15{
}
#screenings .tbox16{
	width: 18%;
}
#screenings .tbox21{
	width: 8%;
}
#screenings .tbox22{
	width: 40%;
}
#screenings .tbox23{
	width: 12%;
}
#screenings .tbox24{
	width: 18%;
}
#screenings .tbox25{
	
}
/*-----------------  press  -------------------*/
#press{
	margin:80px auto 0;
	width:960px;
}
@media only screen and (max-width: 960px){
	#press{
		margin:130px auto 0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#press{
		margin:80px auto 0;
	}
}
#press h2{
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:2%;
	font-size:120%;
}
#press{}
#press h2 em{
	float:right;
}


/*-----------------  topics  -------------------*/
#topics{
	width: 1200px;
	margin: 0 auto;
	padding:1%;
	overflow: hidden;
}
@media only screen and (max-width: 1280px){
	#topics{
	float:none;
	width:100%;
	margin: 2% 0% 50px;
	padding:0;
	}
}

#topics h2{
	line-height:1.2;
	font-size:140%;
	border-bottom:5px double #666;
	margin-bottom:2%;
	font-size:120%;
}
#topics h2:hover{}
#topics h2:before {
	font-family: FontAwesome;
	font-size:130%;
	margin-right:10px;
}
#topics h2:before{
}
#topics h2 em{
	margin-left:2%;
	font-size:80%;
	vertical-align: text-bottom;
}
#topics .blognavi{
	overflow:hidden;
	width: 96%;
	margin: 1% 2% 5%;
}
#topics .blognavi a{
	float:left;
	display:block;
}
#topics .blognavi a.next-foo{
	float:right;
	display:block;
}
.blognavi a{
	color:#555;
}
.blognavi a:hover{
	opacity:0.5;
}
.collection-btn{
	overflow:hidden;
}
.collection-prev{
	float:left;
}
.collection-next{
	float:right;
}
/*-----------------  single  -------------------*/

#single{
	width: 780px;
	margin: 0;
	padding:1% 1% 1% 6%;
	float:left;
}
@media only screen and (max-width: 1200px){
	#single{
	margin: 100px 1% 10%;
	padding:1%;
	width:96%;
	}
}
@media only screen and (max-width: 640px){
	#single{
	margin: 100px 1% 10%;
	padding:1%;
	}
}
#single h2{
	overflow:hidden;
	padding:2px;
	line-height:1.4;
	font-size:100%;
	border-bottom:4px double #ccc;
	margin-bottom:0;
	font-size:120%;
}
#single h2 span{
	font-size:70%;
	float:right;
}

#single h3 {
  position: relative;
  padding: 5px 10px;
  background: linear-gradient(-155deg, #1e90ff 1.5em, #1e90ff 0%);
  border-radius: 6px;
  font-size:130%;
  margin:40px 0 20px;
  color: #fff;
}
#single h3::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1.65507em;
  height: 3.5493em;
  background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  background: linear-gradient(to left bottom, rgba(108, 148, 178, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  border-bottom-left-radius: 6px;
  box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
  -webkit-transform: translateY(-1.89424em) rotate(-40deg);
  transform: translateY(-1.89424em) rotate(-40deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}
#single h3 a{
	color: #fff;
}
#single h3 span{
	display:block;
	font-size:60%;
	padding:0 6px;
	color: #fff;
}
#single p{
	margin:1% 1% 2%;	
	display:block;
}
#single ul li{
	padding:1%;
	margin:1% 1% 1%;
		border-bottom:dotted 2px #ccc;
}
#single ul li a{
	display:block;
}
#single ul li a:hover{
	color:#ccc;
}
#single ul li span.ymd{
	font-size:70%;
	display:block;
}
#single img{
	max-width:100%;
	width:60%;
}
/*------------ singlebox ----------------*/

#single #singlebox{
	margin:0;
	padding:0;
	text-align:left;	
}
#single #singlebox h1{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:160%;
}
#single #singlebox h2{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:140%;
}
#single #singlebox h2{
	line-height:1.6;
	font-size:150%;
	border-bottom:0;
	margin-bottom:1%;
}
#single #singlebox:hover{}
#single #singlebox:before {}
#single #singlebox h2:before{
	content:"";
	margin:0;
	padding:0;
}
#single #singlebox h3{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:140%;
	border:0;
}
#single #singlebox h4{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:130%;
}
#single #singlebox h5{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:120%;
}
#single #singlebox h6{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:110%;
}
#single #singlebox p{
	margin:1%;
	padding:1%;
	font-weight:normal;
	font-size:100%;
	line-height: 1.8;
}
#single #singlebox ol{
	margin:1%;
	padding:1%;
	font-size:100%;
}
#single #singlebox ul{
	margin:1%;
	padding:1%;
	font-size:100%;
	line-height:1.4;
}
#single #singlebox li{
	margin:0%;
	padding:0%;
	line-height: 2;
    list-style: inside;
}
#single #singlebox em{
	font-style:italic;
}
#single #singlebox i{
	font-style:italic;
}
#single #singlebox strong{
	font-weight:bold;
}
#single #singlebox b{
	font-weight:bold;
}
#single #singlebox a{
	color:#00008f;
}
#single #singlebox a:hover{
	opacity:0.5;
}
#single #singlebox img{
	width: auto;
	height:auto;
	max-width:100%;
}
@media only screen and (max-width: 640px){
	#single #singlebox img{
	width:100%;
	height:auto;
	max-width:100%;
	}
}
#single #singlebox div{
	margin:0%;
	padding:0%;
}
#sidebar {
	float:right;
	width:31%;
	margin: 1% 1% 5%;
	padding:1%;
}
@media only screen and (max-width: 1200px){
	#sidebar {
	float:none;
	width:96%;
	border-top:2px solid #ccc;
	}
}
.screen-reader-text{
	display:none;
}
.collection-name h3{
	color:#333;
	border-bottom:2px solid #ccc;
	font-size:100%;
}
.collection-name{
	margin:1% 2%;
	clear:both;
}
.collection-name form{
	margin-bottom: 40px;
	overflow: hidden;
}
.collection-name ul{
	clear:both;
	/* margin:0% 1% 1%; */
	/* padding:0% 1%; */
}
.collection-name ul li{
	border-bottom:dotted 1px #ccc;
	padding:2% 0;
}
.collection-name ul li a{}
.collection-name ul li a:hover{}

#contents-info-name {
	font-weight: bold;
	text-align: center;
	font-size: 100%;
	color: #278fc8;
	margin: 10px 0 15px;
}
#sidebar input{
	width:76%;
	float:left;
	height:21px;
	margin:1%;
}
#sidebar input#searchsubmit{
	width:18%;
	float:right;
	margin:1%;
	height:24px;
}
#sidebar table{
	width:92%;
	text-align:center;
	margin:4%;
	font-size:90%;
}
#sidebar table tr{}
#sidebar table tr th{}
#sidebar table tr td{}
#sidebar table tr td a{
	color:#555;
	border-bottom:solid 1px #555;
}
#sidebar table tr td a:hover{
	opacity:0.5;
}
#sidebar .collection-name ul{}
#sidebar .collection-name li{}
#sidebar .collection-name li a{
	color:#555;
	display:block;
}
#sidebar .collection-name li a:hover{
	opacity:0.5;
}
#sidebar p.pict_topics{
	text-align:center;
	margin:5% 1%;
}
#sidebar p.pict_topics a{
	display:block;
	background:#ccc;
	border-radius:10px;
	padding:1%;
}
#sidebar p.pict_topics a:hover{
	background:#fff;
}


.post-password-form{
	margin:20% 5%;
	text-align:center;
}
#main p.demo{
    text-align: center;
    font-size:240%;
    font-weight:bold;
    margin:10% 0% 40%;
}

/*------------ the_filmbox170810 ----------------*/

#the_filmbox170810{
	background:url(images/the_film_bg04.jpg) repeat-y center top;
	background-size:1600px;
}
#the_filmbox170810_imgbox{
	background:url(images/the_film_bg01.png) no-repeat center top;
	background-size:1600px;
	padding:0 0 50px;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810_imgbox{
		background:url(images/the_film_bg01.png) no-repeat center 50px;
		background-size:800px;
		padding:0 0 50px;
	}
}
#the_filmbox170810 h2{
	width:960px;
	padding:200px 0 50px;
	text-align:center;
	margin:0 auto;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 h2{
	width:100%;
	}
}
#the_filmbox170810 h2.pcsize{
	display:block;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 h2.pcsize{
		display:none;
	}
}
#the_filmbox170810 h2.shsize{
	display:none;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 h2.shsize{
		padding:100px 0 20px;
		display:block;
	}
}
#the_filmbox170810 h2 img{
	width:900px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 h2 img{
	width:90%;
	}
}
#the_filmbox170810 p.the_film_text001{
	width:960px;
	margin:0 auto;
	padding:0 0 100px;
	text-align:center;
	color:#fff;
	font-size: 130%;
	overflow:hidden;
	text-shadow: 2px 2px 1px #0a6c8c,
				 -2px 2px 1px #0a6c8c,
				 2px -2px 1px #0a6c8c,
				 -2px -2px 1px #0a6c8c;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 p.the_film_text001{
	width:90%;
	margin:0 auto;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 p.the_film_text001{
	font-size:80%;
	padding:0 0 40px;
	}
}
@media only screen and (max-width: 480px){
	#the_filmbox170810 p.the_film_text001{
	font-size:90%;
	padding:0 0 40px;
	}
}
#the_filmbox170810 p.the_film_text001 span{
	display:inline-block;
}
#the_filmbox170810 p.the_film_text001 span.txt02{
	display:inline-block;
}
#the_filmbox170810 p.the_film_text001 span.txt03{
	font-size:80%;
}
#the_filmbox170810 #the_film170810{
	width:900px;
	margin:0 auto;
	background:#fff;
	padding:30px;
	border-radius:20px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 #the_film170810{
	width:94%;
	padding:2% 1%;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 #the_film170810{
	width:98%;
	padding:2% 1%;
	border-radius:0;
	}
}
#the_filmbox170810 .the_film_img01{}
#the_filmbox170810 .the_film_img01 p.the_film_text002{
	color:#f68e7b;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:200%;
	padding:0 0 30px;
	background:url(images/the_film_text03.png) no-repeat -20px 15px;
	margin:50px 0 0 0;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img01 p.the_film_text002{
		font-size:160%;
		background:url(images/the_film_text03.png) no-repeat -20px center;
		background-size:100%;
		text-align:center;
		padding:0 0 30px;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img01 p.the_film_text002{
		font-size:120%;
		background:url(images/the_film_text03.png) no-repeat center bottom;
		background-size:100%;
		text-align:left;
		padding:0 0 10px;
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text003{
	text-align:right;
	margin:-250px 0 50px 0;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img01 p.the_film_text003{
		margin:5% 5% 2% 0%;
		float:right;
		width:40%;
		position:relative;
		left:-50px;
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text003 img{
	width:240px;
	border:#fff 5px solid;
	box-shadow:5px 5px 5px #ccc;
	transform: rotate(-5deg);
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img01 p.the_film_text003 img{
	width:100%;
		transform: rotate(-5deg);
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text004{
	width:360px;
	margin:0 auto;
	margin:20px auto 0;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img01 p.the_film_text004{
		width:80%;
		margin:0 auto 0;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img01 p.the_film_text004{
		width:94%;
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text005{
	margin:-80px 0 0 0;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img01 p.the_film_text005{
		margin:5% 0% 5% 10%;
		float:left;
		width:40%;
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text005 img{
	width:240px;
	border:#fff 5px solid;
	box-shadow:5px 5px 5px #ccc;
	transform: rotate(-5deg);
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img01 p.the_film_text005 img{
		width:100%;
		transform: rotate(-10deg);
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text006{
	color:#318632;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:120%;
	padding:0 20px 30px 0;
	text-align:right;
	background:url(images/the_film_text02.png) no-repeat right 5px;
	margin:-60px 0 100px 0;
	background-size:80%;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img01 p.the_film_text006{
		font-size:110%;
		text-align:center;
		background:url(images/the_film_text02.png) no-repeat center 5px;
		background-size:100%;
		margin:0 0 20px 0;
			clear:both;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img01 p.the_film_text006{
		font-size:110%;
		text-align:left;
		background:url(images/the_film_text02.png) no-repeat center bottom;
		background-size:100%;
		margin:0 0 20px 0;
		clear:both;
		padding:0;
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text006 span.tft006_01{
	display:block;
	padding:0 100px 0 0;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img01 p.the_film_text006 span.tft006_01{
	display:inline;
	padding:0;
	}
}
#the_filmbox170810 .the_film_img01 p.the_film_text006 span.tft006_02{}
#the_filmbox170810 .the_film_img02{}
#the_filmbox170810 .the_film_img02 ul{
	overflow:hidden;
}
#the_filmbox170810 .the_film_img02 ul li{
	float:left;
	width:23%;
	margin:1%;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img02 ul li{
	float:left;
	width: 48%;
	margin:1%;
}
}
#the_filmbox170810 .the_film_img02 ul li img{

}

#the_filmbox170810 .the_film_img03{}
#the_filmbox170810 .the_film_img03 ul{
    overflow: hidden;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 ul{
		overflow:hidden;
	}
}
#the_filmbox170810 .the_film_img03 ul li{
	width: 280px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#333;
	text-align:center;
	font-size:80%;
		float:left;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 ul li{
		width:46%;
		float:left;
		font-size:80%;
		text-align:center;
		padding:4% 2%;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img03 ul li{
		width:96%;
		float:none;
		padding:4% 2%;
	}
}
#the_filmbox170810 .the_film_img03 ul li img{
	width:180px;
	border-radius:50%;
	display:block;
	padding: 0 50px;
	margin:0 auto;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img03 ul li img{
		width:70%;
		display:block;
		margin:0 auto;
	}
}
#the_filmbox170810 .the_film_img03 ul li em{}

#the_filmbox170810 .the_film_img03 li.the_film_text007{
	margin: 20px 0px 20px 170px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 li.the_film_text007{
		margin:0;
	}
}
#the_filmbox170810 .the_film_img03 li.the_film_text008{
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 li.the_film_text008{
		margin:0;
	}
}
#the_filmbox170810 .the_film_img03 li.the_film_text009{
	margin: 20px 0px 20px 30px;
	clear:both;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 li.the_film_text009{
		margin:0;
	}
}
#the_filmbox170810 .the_film_img03 li.the_film_text010{
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 li.the_film_text010{
		margin:0;
	}
}
#the_filmbox170810 .the_film_img03 li.the_film_text011{
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 li.the_film_text011{
		margin:0;
	}
}
#the_filmbox170810 .the_film_img03 li.the_film_text012{
	margin: 20px 0px 20px 170px;
	clear:both;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 li.the_film_text012{
		margin:0;
		clear:none;
	}
}
#the_filmbox170810 .the_film_img03 li.the_film_text013{
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img03 li.the_film_text013{
		margin:0;
	}
}


#the_filmbox170810 .the_film_img04{
	margin:100px 0 50px;
}
#the_filmbox170810 .the_film_img04 h2{
  position: relative;
  text-align: center;
  margin:0;
  padding:0;
   width: 100%;
   font-size:140%;
  	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#333;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img04 h2{
		   font-size:120%;
	}
}
#the_filmbox170810 .the_film_img04 h2 span{
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding:0 10px;
  background-color: #fff;
  text-align: left;
}
#the_filmbox170810 .the_film_img04 h2::before{
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #628b61;
}

#the_filmbox170810 .the_film_img04 div.tfbox01{
	padding:20px 0 50px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img04 div.tfbox01{
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox01 em{
	font-size:160%;
	padding: 0 0 15px;
	display: inline-block;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img04 div.tfbox01 em{
	font-size:140%;
	line-height:2.0;
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox01 em span{
	font-size:80%;
}
#the_filmbox170810 .the_film_img04 div.tfbox01 p{
	overflow:hidden;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img04 div.tfbox01 p{
	font-size:90%;
	line-height:1.6;
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox01 p img{
	width: 280px;
	float:right;
	padding:40px 0 20px 20px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img04 div.tfbox01 p img{
	width:40%;
	padding:40px 0 0 2% 2%;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img04 div.tfbox01 p img{
	width:80%;
	padding:0 0 2% 2%;
	display:block;
	float:none;
	margin:0 auto;
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox01 p img.img01{
	width: 240px;
	float:right;
	padding:40px 40px 20px 20px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img04 div.tfbox01 p img.img01{
	width:40%;
	padding:40px 0 0 2% 2%;
	}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img04 div.tfbox01 p img.img01{
	width:80%;
	padding:0 0 2% 2%;
	display:block;
	float:none;
	margin:0 auto;
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox02{
	padding:20px 0 50px;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img04 div.tfbox02{
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox02 em{
	font-size:160%;
	padding:0 0 10px;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img04 div.tfbox02 em{
	font-size:140%;
	line-height:2.0;
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox02 em span{
	font-size:80%;
}
#the_filmbox170810 .the_film_img04 div.tfbox02 p{
	overflow:hidden;
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img04 div.tfbox02 p{
	font-size:90%;
	line-height:1.6;
	}
}
#the_filmbox170810 .the_film_img04 div.tfbox02 p img{
	width:300px;
	float:left;
	padding:0 20px 20px 0;
}
@media only screen and (max-width: 960px){
	#the_filmbox170810 .the_film_img04 div.tfbox02 p img{
	width:30%;
	padding:0 2% 2% 0;
}
}
@media only screen and (max-width: 640px){
	#the_filmbox170810 .the_film_img04 div.tfbox02 p img{
	width:80%;
	padding:0 0 2% 2%;
	display:block;
	float:none;
	margin:0 auto;
}
}

#the_film171106{
	background:url(images/the_film171106_img02.png) no-repeat center 100px;
}

#the_film171106 h3{
	color:#f68e7b;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:190%;
	padding:0 0 30px;
	background:url(images/the_film171106_img01.png) no-repeat center 20px;
	background-size:100%;
	margin:50px 0 0 0;
}
@media only screen and (max-width: 960px){
		#the_film171106 h3{
		font-size:140%;
		background:url(images/none) no-repeat center 70%;
		background-size:100%;
		text-align:center;
		padding:0 0 30px;
	}
}
@media only screen and (max-width: 640px){
		#the_film171106 h3{
		font-size:140%;
		background:url(none) no-repeat center 20px;
		background-size:100%;
		text-align:center;
		padding:0 0 30px;
	}
}
#the_film171106 p.the_film_text007{
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:110%;
	background:url(images/the_film171106_img03.png) no-repeat 10% 25%;
	background-size:200px;
	padding:1% 1% 7%;
}
@media only screen and (max-width: 740px){
		#the_film171106 p.the_film_text007{
		font-size:100%;
		text-align:left;

	}
}
#the_film171106 p.the_film_text002{
		background:url(images/the_film171106_img04.png) no-repeat center 20px;
}
@media only screen and (max-width: 960px){
		#the_film171106 p.the_film_text002{
		text-align:center;
	}
}
#the_film171106 p.the_film_text002 img{
	width:260px;
	border:#fff 5px solid;
	box-shadow:5px 5px 5px #ccc;
	transform: rotate(-5deg);
}
@media only screen and (max-width: 960px){
		#the_film171106 p.the_film_text002 img{
		width:70%;
	}
}
#the_film171106 p.the_film_text003{
	padding:12% 1% 10% 40%;
	margin:-240px 0 0;
	background:url(images/the_film171106_img03.png) no-repeat 90% -10px;
	background-size:140px;
}
@media only screen and (max-width: 960px){
		#the_film171106 p.the_film_text003{
	padding:5% 0;
	margin:0 0 0;
	}
}
@media only screen and (max-width: 680px){
		#the_film171106 p.the_film_text003{
		padding:5%;
	}
}
#the_film171106 ul{
	background:url(images/the_film171106_img03.png) no-repeat 0 -10px;
	background-size:160px;
	padding:10% 0 0;
	margin-top:-8%;
}
@media only screen and (max-width: 960px){
		#the_film171106 ul{
	padding:5% 0 0;
	margin-top:-8%;
}
}
@media only screen and (max-width: 680px){
		#the_film171106 ul{
	padding:5%;
}
}
#the_film171106 ul li{}
@media only screen and (max-width: 680px){
		#the_film171106 ul li{
		display:inline;
		padding:10% 0 0;
	}
}
#the_film171106 p.the_film_text004{
		background:url(images/the_film171106_img04.png) no-repeat center 20px;
		text-align:right;
		margin-top:-24%;
		padding:0 0 10%;
}
@media only screen and (max-width: 960px){
		#the_film171106 p.the_film_text004{
			background:url(images/the_film171106_img04.png) no-repeat center 70px;
		text-align:center;
		margin-top:-2%;
		padding:10% 0 10%;
	}
}
#the_film171106 p.the_film_text004 img{
	width:260px;
	border:#fff 5px solid;
	box-shadow:5px 5px 5px #ccc;
	transform: rotate(-5deg);
}
@media only screen and (max-width: 960px){
		#the_film171106 p.the_film_text004 img{
		width:70%;
	}
}
#the_film171106 p.the_film_text005{
	background:url(images/the_film171106_img03.png) no-repeat 70% 0;
	background-size:200px;
	padding:10% 0;
		margin-top:-14%;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:100%;
}
#the_film171106 #the_film1_box71106{
		background:url(images/the_film171106_img05.png) no-repeat center bottom;
		background-size:100%;
		padding:0 0 5%;
		margin:0 0 10%;
}
#the_film171106 h4{
		background:url(images/the_film171106_img05.png) no-repeat center 15px;
		background-size:100%;
		color:#458f46;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:180%;
		text-align:center;
}
@media only screen and (max-width: 960px){
		#the_film171106 h4{
		background:url(none) no-repeat center 15px;
		font-size:140%;
	}
}
#the_film171106 h4 em{
	background:#fff;
}
#the_film171106 p.the_film_text006{
	padding:2% 10% 0;
}

/*-----------------  en  -------------------*/
#en{
	background:url("images/reviews_bg04.jpg") no-repeat center -30px fixed;
	background-size:2100px;
	margin-top:25px;
}
@media only screen and (max-width: 960px){
	#en{
		margin:-50px auto 0;
		padding:100px 0 50px;
		width:100%;
		background:url("images/reviews_bg04.jpg") no-repeat center 50px fixed;
		background-size:2100px;
	}
}
@media only screen and (max-width: 640px){
	#en{
		padding:50px 0 50px;
		background-size:1500px;
	}
}

#en section{
	width:820px;
	margin:0 auto 0;
	padding:0;
	background:#fff;
}
@media only screen and (max-width: 960px){
	#en section{
		width:90%;
		padding:50px 2% 20px;
	}
}
@media only screen and (max-width: 640px){
	#en section{
		font-size:90%;
	}
}
@media only screen and (max-width: 480px){
	#en section{
		font-size:80%;
	}
}
#en section.enbox01{
	padding:80px 60px;
	margin:0 auto 0;
}
@media only screen and (max-width: 960px){
	#en section.enbox01{
		margin:0 auto 0;
		padding:50px 2% 20px;
	}
}
#en section.enbox01 div.box01{
	background:#efefef;
	padding-top:20px;
}
#en section.enbox01 h2{
	width:40%;
	margin:0 auto;
}
#en section.enbox01 img.en_img004{
	width:64%;
}
#en section.enbox01 img.en_img002{
	width:36%;
}
#en section.enbox01 h3{
	text-align:center;
	padding:2% 0;
	font-size:160%;
}
#en section.enbox01 h3 em{
	font-size:140%;
}
@media only screen and (max-width: 480px){
	#en section.enbox01 h3 em{
		display:block;
	}
}
#en section.enbox01 p{
	font-size:160%;
	text-align:center;
	padding:1.4% 0;
	line-height:1.6;
}
#en section.enbox01 p span{
	color:#e20808;
}
#en section.enbox01 p b{
	font-size:70%;
}
#en section.enbox01 p a{
	font-size:60%;
	display:block;
	padding:1.4% 0;
	color:#2121b1;
}
#en section.enbox01 p a:hover{
	color:#4d4dff;
}
#en section.enbox02{
	padding:0 60px 150px;
}
@media only screen and (max-width: 960px){
	#en section.enbox02{
		padding:50px 2% 120px;
	}
}
#en section.enbox02 h2{
	text-align:center;
	padding:80px 0 20px;
}
#en section.enbox02 p.en_text002{
	text-align:left;
	padding:80px 0 20px;
	font-size:120%;
	font-weight:bold;
}
#en section.enbox02 h3{
	font-size:140%;
	border-bottom:dotted 2px #cccc;
	font-weight:bold;
	padding:5% 0 1%;
	margin:2% 0 1%;
}
#en section.enbox02 p{
	line-height:2.0;
}
#en section.enbox02 p em{
	font-weight:bold;
	font-size:110%;
}
#en section.enbox02 p.en_text01{
	text-align:center;
	padding-bottom:20px;
}
#en section.enbox02 table{
	width:100%;
}
@media only screen and (max-width: 360px){
	#en section.enbox02 table{
	font-size:88%;
	}
}
#en section.enbox02 tr{}
#en section.enbox02 th{
	width:160px;
	text-align:right;
	padding:1%;
}
@media only screen and (max-width: 640px){
	#en section.enbox02 th{
	width:140px;
	}
}
@media only screen and (max-width: 480px){
	#en section.enbox02 th{
	padding:1% 0;
	}
}
@media only screen and (max-width: 480px){
	#en section.enbox02 td span{
	display:block;
	}
}
#en section.enbox02 td{
	white-space: nowrap;
	padding:1%;
}
#en section.enbox02 p a{
	padding:0;
	color:#2121b1;
}
#en section.enbox02 p a:hover{
	color:#4d4dff;
}
#en section.enbox02 p p.en_img001{}

/*------------ en180421 ----------------*/

#en180421{
	background:url("images/en_bgimg001.jpg") no-repeat center -200px fixed;
	background-size:100%;
	margin-top:25px;
}
@media only screen and (max-width: 960px){
	#en180421{
		margin:-50px auto 0;
		padding:100px 0 50px;
		width:100%;
		background:url("images/en_bgimg001.jpg") no-repeat center 50px fixed;
		background-size:2100px;
	}
}
@media only screen and (max-width: 640px){
	#en180421{
		padding:50px 0 50px;
		background-size:1500px;
	}
}

#en180421 section{
	width:820px;
	margin:0 auto 0;
	padding:0;
	background:#fff;
}
@media only screen and (max-width: 960px){
	#en180421 section{
		width:90%;
		padding:50px 2% 20px;
	}
}
@media only screen and (max-width: 640px){
	#en180421 section{
		font-size:90%;
	}
}
@media only screen and (max-width: 480px){
	#en180421 section{
		font-size:80%;
	}
}
#en180421 section#en_box001{
	background:url("images/en_bgimg002.jpg") no-repeat center 30px;
	background-size:100%;
}
@media only screen and (max-width: 960px){
	#en180421 section#en_box001{
		background:url("images/en_bgimg002.jpg") no-repeat center 50px;
		background-size:100%;
	}
}
@media only screen and (max-width: 500px){
	#en180421 section#en_box001{
		background:url("images/en_bgimg002.jpg") no-repeat center 50px;
		background-size:100%;
		padding-top:40%;
	}
}
#en180421 section#en_box001 h2{
	padding:40% 35% 0 2%;
	color:#fff;
}
@media only screen and (max-width: 500px){
	#en180421 section#en_box001 h2{
		padding:40% 35% 0 2%;
		color:#333;
	}
}
#en180421 section#en_box001 p{
	color:#fff;
	padding:2% 2% 5%;
}
@media only screen and (max-width: 500px){
	#en180421 section#en_box001 p{
		padding:2%;
		color:#333;
	}
}
#en180421 section#en_box002{}
#en180421 section#en_box002 h3{
	padding:0 2%;
	background:url("images/en_bgimg003.jpg") no-repeat right bottom;
	background-size:200px;
}
@media only screen and (max-width: 960px){
	#en180421 section#en_box002 h3{
		padding:0 2%;
		background:url("images/en_bgimg003.jpg") no-repeat right bottom;
		background-size:25%;
	}
}
#en180421 section#en_box002 h3 img{
	width:60%;
}
#en180421 section#en_box002 ul{
	padding:2% 2% 0;
	font-size:80%;
}
#en180421 section#en_box002 ul li{
	color:#63a43e;
}
#en180421 section#en_box002 ul li em{}
#en180421 section#en_box002 img{

}
#en180421 section#en_box002 p.en_t002{
	padding:0 2% 2%;
	font-size:80%;
	color:#e94899;
}
#en180421 section#en_box002 p.en_t002 span{

}
#en180421 section#en_box002 p.en_t003 a{
	display:block;
	margin:-340px 20px 340px 0;
	text-align:right;
	color:#63a43e;
}
@media only screen and (max-width: 960px){
	#en180421 section#en_box002 p.en_t003 a{
	display:block;
	margin:0;
	text-align:left;
	padding:0 2% 2%;
	}
}
#en180421 section#en_box002 p.en_t003 a:hover{}
#en180421 section#en_box002 p.en_t004{
	padding:5%;
	font-size:120%;
	border-top:solid 1px #94d4f7;

}
#en180421 section#en_box002 ul.imgbox001{
	overflow:hidden;
	padding:0;
}
#en180421 section#en_box002 ul.imgbox001 li{
	float:left;
	width:25%;
	line-height:0;
}
#en180421 section#en_box003{}
#en180421 section#en_box003 h3{
	text-align:center;
	padding:2%;
	font-size:140%;
	font-weight:bold;
	color:#ea5413;
}
#en180421 section#en_box003 ul.imgbox002{
	overflow:hidden;
}
#en180421 section#en_box003 ul.imgbox002 li{
	float:left;
	width:25%;

}
#en180421 section#en_box003 ul.imgbox002 li img{}
#en180421 section#en_box003 ul.txtbox001{
	overflow:hidden;
}
#en180421 section#en_box003 ul.txtbox001 li{
	float:left;
	width:29%;
	padding:2%;
	font-size:80%;
	color:#2121b1;
}
#en180421 section#en_box003 ul.txtbox001 li span{
	color:#333;
}
#en180421 section#en_box004{}
#en180421 section#en_box004 h3{
	text-align:center;
	padding:2%;
	font-size:140%;
	font-weight:bold;
	color:#ea5413;
}
#en180421 section#en_box004 p{
	padding:2%;
}
#en180421 section#en_box004 ul.imgbox003{
	overflow:hidden;
}
#en180421 section#en_box004 ul.imgbox003 li{
	float:left;
	width:20%;
}
#en180421 section#en_box004 ul.imgbox003 li img{}
#en180421 section#en_box005{}
#en180421 section#en_box005 h3{
	text-align:center;
	padding:2%;
	font-size:140%;
	font-weight:bold;
	color:#ea5413;
}
#en180421 section#en_box005 p{
	padding:2%;
}
#en180421 section#en_box006 h3{
	padding:2% 2% 0;
}
#en180421 section#en_box006 ul{
	padding:0 2% 5%;
}
#en180421 section#en_box006 ul li{
	font-size:80%;
}
#en180421 section#en_box006 h4{
	padding:0 5%;
}
#en180421 section#en_box006 p{
	padding:0 5% 5%;
}
#en180421 section#en_box006 p a img{
	width:200px;
}

#home section.home_main{
	padding: 50px 0;
	width:960px;
}
@media only screen and (max-width: 1280px){
	#home section.home_main{
		padding:50px 0;
		width:100%;
	}
}
@media only screen and (max-width: 960px){
	#home section.home_main{
		font-size:90%;
	}
}
@media only screen and (max-width: 760px){
	#home section.home_main{
		font-size:76%;
	}
}
@media only screen and (max-width: 640px){
	#home section.home_main{
		font-size:70%;
	}
}
@media only screen and (max-width: 480px){
	#home section.home_main{
		font-size:65%;
	}
}

#home section.home_main p.imgbox01{
	float:left;
	width: 50%;
	text-align: right;
}
@media only screen and (max-width: 640px){
	#home section.home_main p.imgbox01{
		width: 45%;
	}
}
#home section.home_main p.imgbox01 img{
    width: 150px;
}
@media only screen and (max-width: 640px){
	#home section.home_main p.imgbox01 img{
		padding:10px 0 0;
		width: 60%;
	}
}
#home section.home_main p.imgbox02{
	font-weight:bold;
	text-indent:3px;
	float:right;
	padding: 10px 0 0;
	width: 45%;
	text-align: left;
	color:#ff7676;
	text-shadow: 1px 1px 0 #fff,
             -1px 1px 0 #fff,
             1px -1px 0 #fff,
             -1px -1px 0 #fff;
}
@media only screen and (max-width: 640px){
	#home section.home_main p.imgbox02{
	padding:10px 0 0;
	width: 50%;
	}
}
#home section.home_main p.imgbox03{
	clear:both;
	background: rgba(255, 118, 118, 1);
	color:#fff;
	font-size:90%;
	margin:0 auto;
	width:600px;
}
@media only screen and (max-width: 960px){
	#home section.home_main p.imgbox03{
		width:70%;
		background: rgba(255, 118, 118, 0.8);
	}
}
@media only screen and (max-width: 640px){
	#home section.home_main p.imgbox03{
		background: rgba(255, 118, 118, 0.8);
	}
}
@media only screen and (max-width: 640px){
	#home section.home_main p.imgbox03 span{
		display:block;
	}
}
#home section.home_main h1{
	padding: 50px 0 20px;
	text-align:center;
	margin:0 auto;
	/* width:600px; */
}
@media only screen and (max-width: 1280px){
	#home section.home_main h1{
		text-align:center;
		margin:0 auto;
		width: 960px;
	}
}
@media only screen and (max-width: 960px){
	#home section.home_main h1{
		text-align:center;
		margin:0 auto;
		width: 96%;
		padding: 0 0 20px;
	}
}
#home section.home_main h1 img{
	margin:0;
	padding:0;
}
@media only screen and (max-width: 960px){
	#home section.home_main h1 img{
		width:100%;
	}
}
#home .home_box01{}
#home .home_box01 .textbox01{
    width: 640px;
    text-align:  left;
    margin: 0 auto;
    padding:  20px 0 20px;
}
@media only screen and (max-width: 960px){
	#home .home_box01 .textbox01{
    width: 90%;
	}
}
@media only screen and (max-width: 480px){
	#home .home_box01 .textbox01{
    font-size:60%;
	}
}
#home section.home_main  ul{
	display:flex;
}
#home .home_box01 ul li{}

#home .home_box01 .home_img01{
	margin:5% 0 1%;
}
#home .home_box01 .home_img01 li{}
#home .home_box01 .home_img01 li img{
	width:50%;
}


/*------------ film ----------------*/
#filmbox{
	background:url(images/team_bg001.png) top left;
	background-size:1000px;
	margin:0 auto 0;
}
#film{
	margin:0 auto;
	width:960px;
	padding:140px 0;

}
@media only screen and (max-width: 960px){
	#film{
	margin:0 auto;
		width:98%;
	padding:120px 0;
	}
}
@media only screen and (max-width: 640px){
	#film{
	margin:0 auto;
	padding:90px 0;
	}
}
#film h2{
	color: #d09a16;
	text-align:center;
	font-size:280%;
}
@media only screen and (max-width: 960px){
	#film h2{
		font-size:180%;
	}
}
@media only screen and (max-width: 640px){
	#film h2{
		font-size:120%;	
	}
}
@media only screen and (max-width: 340px){
	#film h2{
		font-size:110%;	
	}
}
#film h2 em{
	font-size:70%;
	display:block;
}
#film p{
	padding:0 0 1%;
}
#film ul{
	overflow:hidden;
	margin:5% 0;
}
#film ul li{
	float:left;
	width: 48%;
	padding:1%;
	font-size: 80%;
	text-align:  center;
}
@media only screen and (max-width: 640px){
	#film ul li{
		float:none;
		width:90%;
		margin:0 auto;
	}
}
#film ul li img{}
#film h3{position: relative;display: inline-block;padding:0;color: #d09a16;text-align:center;font-size:200%;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;width:100%;margin: 5% 0 1%;}
@media only screen and (max-width: 640px){
	#film h3{
		font-size:140%;
	}
}
#film h3:before, #film h3:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 40%;
height: 2px;
border-top: solid 1px #d09a16;
border-bottom: solid 1px #d09a16;
}

#film h3:before {left:0;}
#film h3:after {right: 0;}


/*------------ team ----------------*/
#teambox{
	background:url(images/team_bg001.png) top left;
	background-size:1000px;
	margin:0 auto 0;
}
#team{
	margin:0 auto;
	width:960px;
	padding:140px 0;

}
@media only screen and (max-width: 960px){
	#team{
	margin:0 auto;
		width:98%;
	padding:120px 0;
	}
}
@media only screen and (max-width: 640px){
	#team{
	margin:0 auto;
	padding:90px 0;
	}
}
#team{}
#team h2{}
#team h2{
position: relative;
display: inline-block;
padding:0;
	color:#d09a16;
	text-align:center;
	font-size:200%;
	width:100%;
}
@media only screen and (max-width: 640px){
	#team h2{
		font-size:140%;
	}
}
#team h2:before, #team h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30%;
height: 2px;
border-top: solid 1px #d09a16;
border-bottom: solid 1px #d09a16;
}
#team h2:before {left:0;}
#team h2:after {right: 0;}
#team h3{
position: relative;
display: inline-block;
padding:0;
	color:#d09a16;
	font-size:140%;
	width:100%;
	margin:5% 0 0;
}
#team p{}
#team p img{
	float:left;
	width:120px;
	padding:0 2% 2% 1%;
}
#team ul{
	overflow:hidden;
	margin:0 0 50px;
}
#team ul li{
	float:left;
	width:48%;
	margin:1%;
	text-align:center;
}
@media only screen and (max-width: 640px){
	#team ul li{
		float:none;
		width:98%;
		padding:10px 0 30px;
	}
}
#team ul li img{
	width:200px;
}
#team ul li em{
	display:block;
	font-size:120%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#team ul li b{
	display:block;
	font-size:90%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

}
#team ul li strong{
	display:block;
	font-size:140%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#team ul li span{
	display:block;
	font-size:70%;
	text-align:left;
	width: 80%;
	margin:0 auto;
	border-top:dotted 1px #555;
	padding:1%;
}
@media only screen and (max-width: 480px){
	#team ul li span{
		width:98%;
	}
}
#team ul.teambox01{}
#team ul.teambox01 li{}
#team ul.teambox01 li img{}
#team ul.teambox01 li em{}
#team ul.teambox01 li b{}
#team ul.teambox01 li strong{}
#team ul.teambox01 li span{}
#team ul.teambox02{}
#team ul.teambox02 li{
	width:25%;
	margin:0%;
}
@media only screen and (max-width: 640px){
	#team ul.teambox02{
		display:flex;
		flex-wrap:wrap;
	}
}
@media only screen and (max-width: 640px){
	#team ul.teambox02 li{
		width:48%;
		float:left;
	}
}
#team ul.teambox02 li img{
	width:70%;
}
#team ul.teambox02 li em{
	font-size:100%;
}
#team ul.teambox02 li b{}
#team ul.teambox02 li strong{
	font-size:120%;
}
#team ul.teambox02 li span{
	width: 88%;
}
#team ul.teambox03{}
#team ul.teambox03 li{
	width:23%;
}
@media only screen and (max-width: 640px){
	#team ul.teambox03 li{
		width:98%;
	}
}
#team ul.teambox03 li img{}
#team ul.teambox03 li em{}
#team ul.teambox03 li strong{}

/*------------ profile ----------------*/

#profile{
	margin:0 auto;
	width:960px;

}
@media only screen and (max-width: 960px){
	#profile{
	margin:0 auto;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#profile{
	margin:0 auto;
	}
}
#profile{}
#profile h2{}
#profile h2{
position: relative;
display: inline-block;
padding:0;
	color:#fff;
	background:#d09a16;
	text-align:center;
	font-size:200%;
	width:100%;
}
@media only screen and (max-width: 640px){
	#profile h2{
		font-size:150%;
	}
}
#profile h2:before, #profile h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 20%;
height: 2px;
border-top: solid 1px #d09a16;
border-bottom: solid 1px #d09a16;
}
#profile h2:before {left:0;}
#profile h2:after {right: 0;}
#profile h3{position: relative;display: inline-block;padding:0;color:#d09a16;font-size: 160%;width:100%;margin: 5% 0 2%;border-bottom: solid 2px #d09a16;}
#profile figure{
	float:left;
	width: 200px;
	padding: 0 2% 2% 0;
	margin: 0;
}
@media only screen and (max-width: 480px){
	#profile figure{
	    float:none;
	    width: 60%;
	    padding: 2%;
	    margin:0 auto;
	}
}
#profile figure img{}
#profile p{}
#profile p img{
	float:left;
	width:120px;
	padding:0 2% 2% 1%;
}
#profile ul{
	overflow:hidden;
	margin:0 0 50px;
}
#profile ul li{
	float:left;
	width:48%;
	margin:1%;
	text-align:center;
}
@media only screen and (max-width: 640px){
	#profile ul li{
		float:none;
		width:98%;
		padding:10px 0 30px;
	}
}
#profile ul li img{
	width:200px;
}
#profile ul li em{
	display:block;
	font-size:120%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#profile ul li b{
	display:block;
	font-size:90%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

}
#profile ul li strong{
	display:block;
	font-size:140%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#profile ul li span{
	display:block;
	font-size:70%;
	text-align:left;
	width: 80%;
	margin:0 auto;
	border-top:dotted 1px #555;
	padding:1%;
}
@media only screen and (max-width: 480px){
	#profile ul li span{
		width:98%;
	}
}
#profile ul.profilebox01{}
#profile ul.profilebox01 li{}
#profile ul.profilebox01 li img{}
#profile ul.profilebox01 li em{}
#profile ul.profilebox01 li b{}
#profile ul.profilebox01 li strong{}
#profile ul.profilebox01 li span{}
#profile ul.profilebox02{}
#profile ul.profilebox02 li{
	width:25%;
	margin:0%;
}
@media only screen and (max-width: 640px){
	#profile ul.profilebox02{
		display:flex;
		flex-wrap:wrap;
	}
}
@media only screen and (max-width: 640px){
	#profile ul.profilebox02 li{
		width:48%;
		float:left;
	}
}
#profile ul.profilebox02 li img{
	width:70%;
}
#profile ul.profilebox02 li em{
	font-size:100%;
}
#profile ul.profilebox02 li b{}
#profile ul.profilebox02 li strong{
	font-size:120%;
}
#profile ul.profilebox02 li span{
	width: 88%;
}
#profile ul.profilebox03{}
#profile ul.profilebox03 li{
	width:23%;
}
@media only screen and (max-width: 640px){
	#profile ul.profilebox03 li{
		width:98%;
	}
}
#profile ul.profilebox03 li img{}
#profile ul.profilebox03 li em{}
#profile ul.profilebox03 li strong{}

#policy{
	width:980px;
	margin:0 auto;
}
@media only screen and (max-width: 980px){
	#policy{
	width:96%;
	margin: 5% auto;
	}
}
#policy section{}
#policy section h2{
	background:#1e90ff;
	padding:1%;
	font-size:140%;
	color:#fff;
	border-radius:5px;
	margin:1% 0;
}
#policy section p{
	margin:1%;
}
#policy section h3{
	border-bottom: solid 2px #1e90ff;
	font-size:120%;
	margin: 4% 1% 1%;
}
#policy div.pbox01{
	padding:2%;
	background:#eef7ff;
	margin:2% 1%;
}
#policy div.pbox01 p{
	padding:2% 0;
}
#policy div.pbox01 ul{
	margin:1% 0;
}
#policy div.pbox01 ul li{
	margin:1% 0 0 20px;
	position:relative;
}
#policy div.pbox01 ul li:before{
	content:"・";
	display:block;
	position:absolute;
	left:-20px;
}
.single { max-width: 600px; margin: 0 auto 50px;}
.single img{ width: 100%;}
.multiple { padding: 0;
background: #f3f3f3;
}
.multiple img { width: 100%;}
.multiple span { font-weight:bold;
color:#1ec4c9;
}
.multiple div { margin: 0 5px;}
.multiple .slick-next { right: 17px; z-index: 100;}
.multiple .slick-prev { left: 23px; z-index: 100;}

/*スマホ*/
@media only screen and (max-width: 1220px){
	.home_company {
		width:95% !important;
	}
}
@media only screen and (max-width: 1220px){
.home_companyL h3 {
    margin-bottom: 20px;
	}}

@media only screen and (max-width: 1080px){
	#home section.home_caracter ul li.home_caracter_item01 {
		height:100%;
	}
	#home section.home_caracter ul li.home_caracter_item01-1 {
		height:100%;
	}
	#home section.home_caracter ul li.home_caracter_item02 {
		height:100%;
	}
}

@media only screen and (max-width: 1080px){
#home section.home_caracter {
    width: 100%;
}
}
@media only screen and (max-width:680px){
	#home section.home_news div.home_news_box01 ul li em {
		margin:10px;
	}
	#home section.home_news div.home_news_box01 ul li span {
    margin: 10px 0px;
}
	#home section.home_online-shop {
		padding-bottom: 40px;}
	#home section.home_news div.home_news_box01 p {
    text-align: center;
    padding: 2%;
    margin-top: 20px;
}
	#home section.home_news div.home_news_box01 {
    margin-bottom: 40px;
}
		#home section.home_news div.home_news_box02 {
    margin-bottom: 40px;
}
	.home_company {
    width: 100% !important;
}
	#home section.home_online-shop h3 {
		width: 300px;}
	#home section.home_caracter h3 {
font-size: 170% !important;
    width: 95% !important;
    padding: 6% 0 2% !important;
}
	.home_company {
		display: block;
		padding-top:100px;
	padding-bottom:100px;
	    background-image: url(images/sphomeback.jpg);}
	.home_companyL {
		width:100%;
	}
	.home_companyR {
    display:none;
}.home_companyL div {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: auto;
    height: 100%;
	}.home_company002 div h3 {    font-size: 22px;}
}
@media only screen and (max-width:480px){
	.home_companyL h3 {
		width: 90%;}
	.home_company002 div h3 {  font-size: 18px;}}




/*-----------------  contact  -------------------*/

#contact{}
#contact{
	width:100%;
	margin: 0 auto 10%;
}
@media only screen and (max-width: 1220px){
	#contact{
	width:96%;
	margin: 0 auto 10%;
	}
}
#contact h2{}
#contact h2 img{}
#contact h3{
	font-size:140%;
	text-align: center;
	margin: 2%;
}
#contact p{
    text-align: center;
    padding: 1%;
}
#contact p a{
	color:#2121b1;
}
#contact p a:hover{}

    #contact table {
    width: 980px;
    margin: auto;
}

@media only screen and (max-width: 640px){
	#contact table{
    width: 100%;
    font-size:80%;
    display:block;
	}
}
@media only screen and (max-width: 640px){
	#contact table tbody{
    display:block;
	}
}
#contact table tr{}
@media only screen and (max-width: 640px){
	#contact table tr{
    display:block;
	}

}

#contact p.usapan01{
	width:160px;
	margin: -203px 0 0 43px;
}
@media only screen and (max-width: 640px){
	#contact p.usapan01{
    	width:160px;
	margin:0 auto 0;
	}

}
#contact table tr th{
    text-align: right;
    padding: 1% 2%;
    /* background: #eff7ff; */
    border-bottom:solid 1px #fff;
	width: 250px;display:block;background-color:#fff;
}
@media only screen and (max-width: 640px){
	#contact table tr th{
    display:block;
    /* border-bottom:solid 1px #a4efff; */
    text-align:left;
    font-size:120%;
    padding: 5% 2% 0;
 }
}
#contact table tr td{
    /* background: #e9f6ff; */
    padding: 1%;
    border-bottom:solid 1px #fff;
}
@media only screen and (max-width: 640px){
	#contact table td{
    display:block;
	}
}
#contact table tr td div{
    overflow:auto;
    height:160px;
    background: #e9e7e8;
    padding:1%;
    width: 90%;
    margin: 1%;
    text-align: left;
}
#contact table tr td div p{
    text-align: left;
}
#contact table tr td table{}
#contact table tr td table tr{}
#contact table tr td table tr th{
    background: #e9f6ff;
    padding: 1%;
	text-align: left;
}
#contact table tr th span{
    color:#f00;
    font-size:140%;
    padding:1%;
}
#contact table tr td table tr td{
    padding: 1%;
}

#contact table input{
	width:90%;
	padding: 2%;
	margin:1%;
	background: #e9e7e8;
	border: #fff solid 1px;
}
@media only screen and (max-width: 640px){
	#contact table input{
	width:96%;
	}
}
#contact table textarea{
	width:90%;
	padding: 2%;
	margin:1%;
	background: #e9e7e8;
	border: #fff solid 1px;
}
#contact table select{

	padding:1%;
	margin:1%;
}
#contact table input.text-101{}
#contact table input.text-102{
    width: 40%;
}
#contact table input.text-103{
    width: 40%;
}
#contact table input.text-104{
    width: 40%;
}
#contact table input.text-105{
    width: 40%;
}
#contact table input.your-email{}
#contact table input.your-email_confirm{}
#contact table input.radio-201{}
#contact table select.menu-601{}
#contact table select.menu-602{}
#contact table select.menu-603{}
#contact table input.text-107{
    width: 30%;
}
#contact table input.text-108{}
#contact table input.text-109{}
#contact table input.text-110{}
#contact table input.tel-750{}
#contact table input.text-112{
    width: 70%;
}
#contact table input.radio-202{}
#contact table textarea.textarea-801{
    width: 95%;
}
#contact table textarea.textarea-802{
    width: 95%;
}
#contact table input.radio-203{}
#contact table input.text-113{}
#contact table textarea.textarea-803{
    width: 95%;
}

#contact input.wpcf7-form-control{

}
#contact input.wpcf7-form-control{

}
#contact input.wpcf7-submit{
	padding:10px 2%;
	border-radius:20px;
    margin:0 auto;
	display:block;
	width:200px;
}
#contact input.wpcf7c-btn-confirm{


}

/*-----------------  company  -------------------*/

#company{}
#company{
	width:100%;
    margin: 0 auto;
}
@media only screen and (max-width: 1220px){
	#company{
	width:96%;
	margin:0 auto;
	}
}
#company h2{}
#company section{}
#company section#philosophy{
	background:url(images/company_bg05.png) repeat-x center bottom;
	background-size:200px;
}
#company section#philosophy h3{
    width: 360px;
    margin: 0 auto;
    padding: 2% 0;
}
#company section#philosophy h3 img{}
#company section#philosophy p{
	width: 980px;
	font-size: 120%;
	font-weight: bold;
	padding: 1%;
	margin: 0 auto;
}

#company section#message{
    overflow: hidden;
    width: 980px;
    margin: auto;
	    padding: 60px 0;
}
#company section#message h3{
    width: 360px;
    margin: 0 auto;
    padding: 2% 0;
}
#company section#message h3 img{}
#company section#message div.message_box01{
    float: right;
    width: 50%;
    text-align: right;
    padding: 0 5%;
}
@media only screen and (max-width: 640px){
	#company section#message div.message_box01{
    float: none;
    width: 100%;
	}
}
#company section#message div.message_box01 p{
    font-weight: bold;
}
#company section#message div.message_box01 p img{}
#company section#message div.message_box01 p em{}
#company section#message div.message_box02{
    float: left;
    width: 50%;
}
@media only screen and (max-width: 640px){
	#company section#message div.message_box02{
    float: none;
    width: 100%;
	}
}
#company section#message div.message_box02 p{
    line-height: 2.0;
    /* font-size: 120%; */
        padding: 5% 5% 1%;
}

#company section#company_ttl{width: 980px;
    margin: auto;}
#company section#company_ttl h3{
    width: 360px;
    margin: 0 auto;
    padding: 2% 0;
}
#company section#company_ttl p.usapan01{
	width:140px;
	margin:-104px 15% -54px auto;
	position: relative;
	z-index: 99999;
}
@media only screen and (max-width: 640px){
	#company section#company_ttl p.usapan01{
    display:none;
	}
}
#company section#company_ttl h3 img{}
#company section#company_ttl table{
    width: 80%;
    margin:0 auto;
    border-top: solid 2px #2121b1;
    border-bottom: solid 2px #2121b1;
}
@media only screen and (max-width: 640px){
	#company section#company_ttl table{
    font-size:80%;
    width:80%;
	}
}
#company section#company_ttl table tr{}
#company section#company_ttl table tr th{
	background:#f1f1f1;
	width:20%;
	padding:1% 2%;
	text-align:right;
    border-bottom: dotted 2px #2121b1;
}
#company section#company_ttl table tr td{
	padding:1% 2%;
	text-align:left;
    border-bottom: dotted 2px #2121b1;
}

#company section#history{width: 980px;
    margin: auto;}
#company section#history h3{
    width: 360px;
    margin: 0 auto;
    padding: 6% 0 0;
}
#company section#history p.usapan01{
	width:120px;
	margin:-40px auto -20px 15%;
	position: relative;
	z-index: 999999;
}
@media only screen and (max-width: 640px){
	#company section#history p.usapan01{
    display:none;
	}
}
#company section#history h3 img{}
#company section#history table{
    width: 80%;
    margin:0 auto;
    border-top: solid 2px #2121b1;
    border-bottom: solid 2px #2121b1;
    position: relative;
    z-index: 99;
}
@media only screen and (max-width: 640px){
	#company section#history table{
    width:80%;
         border-top:0;
          font-size:80%;
	}
}
#company section#history table tr{}
#company section#history table tr th{
	background:url(images/company_bg03.png) no-repeat right center;
	background-size:50px;
	width:22%;
	padding:1% 5% 1% 2%;
	text-align:right;
    border-bottom: dotted 2px #2121b1;
}
@media only screen and (max-width: 640px){
	#company section#history table tr th{
    background:url(none);
	}
}
#company section#history table tr td{
	padding:1% 2%;
	text-align:left;
    border-bottom: dotted 2px #2121b1;
}

#company section#access{}
#company section#access h3{
   width: 360px;
    margin: 0 auto;
    padding: 2% 0;
}
#company section#access p.usapan01{
	width:140px;
	margin:-40px 180px -110px auto ;
}
@media only screen and (max-width: 640px){
	#company section#access p.usapan01{
    display:none;
	}
}
#company section#access h3 img{}
#company section#access ul{
    width: 980px;
    margin: 0 auto;
}
#company section#access ul li{
   border-bottom: solid 2px #2121b1;
   margin: 1% 0;
   padding: 0 0 0 200px;
}
@media only screen and (max-width: 640px){
	#company section#access ul li {
       padding:1%;

	}
}
#company section#access ul li em{
    display: block;
    width: 200px;
    height: 50px;
    color: #fff;
    background:url(images/company_design01_33.png) no-repeat left bottom;
    background-size:200px;
    line-height:50px;
    padding:0 1%;
    /* float: left; */
    position: relative;
    left: -200px;
}
@media only screen and (max-width: 640px){
	#company section#access ul li em{
       position: static;
             background:url(none);
             width:100%;
             color:#333;
	}
}
#company section#access ul li.access_line01{}
#company section#access ul li.access_line01 em{
	bottom:-26px;
}
#company section#access ul li.access_line02{}
#company section#access ul li.access_line02 em{
	bottom:-78px;
}
#company section#access p{}
#company section#access p iframe{
	width:100%;
}

/*-----------------  oem  -------------------*/

#oem{}
#oem{
	width:100%;
    margin: 0 auto;
}
@media only screen and (max-width: 1220px){
	#oem{
	width:96%;
	margin:0 auto;
	}
}
#oem h2{}
#oem p.oem_main{
	background:url(images/oem_bg01.png) no-repeat center bottom;
	background-size:100%;
	padding:8% 10%;
	font-size:120%;
	text-align:center;
	line-height: 1.8;
    font-weight: bold;
}
#oem h2 img{}
#oem section{
	padding:5% 0;
    overflow:hidden;
}

#oem section div{
    text-align: center;
}
#oem section h3{
	font-size: 140%;
	font-weight:bold;
	padding:5%;
	line-height: 3.0;
}
#oem section div.step_box01{
    width: 50%;
    float:right;
}
@media only screen and (max-width: 640px){
	#oem section div.step_box01{
    width: 100%;
    float:none;
}
}
#oem section div.step_box02{
    width: 50%;
    float:left;
}
@media only screen and (max-width: 640px){
	#oem section div.step_box02{
    width: 100%;
    float:none;
}
}
#oem section.step01{
	background:url(images/oem_bg02.png) no-repeat center bottom;
	background-size:80px;
	width: 980px;
	margin:auto;
}
#oem section.step01 h3{}
#oem section.step01 h3 img{
    width: 50px;
}
#oem section.step01 p{}
#oem section.step01 p img{}
#oem section.step01 p.oem_btn{}
#oem section.step01 p.oem_btn a{
	border:2px solid #1e90ff;
	padding:10px 15%;
	border-radius:20px;
	display:inline-block;
	margin:5%;
	color:#1e90ff;
}
#oem section.step01 p.oem_btn a:hover{}

#oem section.step02{
	background:url(images/oem_bg02.png) no-repeat center bottom;
	width:980px;
	margin:auto;
	background-size:80px;
}
#oem section.step02 h3{
    text-align: center;
}
#oem section.step02 h3 img{
    width: 50px;
}
#oem section.step02 p{
    width: 90%;
    text-align: left;
    margin: 0 auto 1%;
}
#oem section.step02 p img{}
#oem section.step02 h4{}
#oem section.step02 ol{
    width: 60%;
    text-align: left;
    margin: 2% auto;
}
#oem section.step02 ol li{}
#oem section.step02 ol li em{
    color: #1e90ff;
    font-weight: bold;
    padding: 1% 2% 0;
}

#oem section.step03{
	background:url(images/oem_bg02.png) no-repeat center bottom;
	background-size:80px;
	width:980px;
	margin:auto;
}
#oem section.step03 h3{}
#oem section.step03 h3 img{
    width: 50px;
}
#oem section.step03 p{}
#oem section.step03 p em{
	font-weight:bold;;
}
#oem section.step03 p img{}
#oem section.step03 h4{}
#oem section.step03 ul{
    display: flex;
    text-align: center;
    width:420px;
    margin:0 auto;
}
#oem section.step03 ul li{
    width: 200px;
    height: 200px;
    margin:10px;
    border-radius:50%;
    padding:17% 0 0;
    background: #1e90ff;
    color: #fff;
}
#oem section.step03 div.step_box02{
    padding-bottom:160px;
	/*background:url(images/oem_bg03.png) no-repeat left bottom;*/
	background-size:120px;

}

#oem section.step04{
	background:url(images/oem_bg02.png) no-repeat center bottom;
	background-size:80px;
	width:980px;
	margin:auto;
}
#oem section.step04 h3{}
#oem section.step04 h3 img{
    width: 50px;
}
#oem section.step04 p{}
#oem section.step04 p img{}
#oem section.step04 h4{}

#oem section.step05{
	background:url(images/oem_bg02.png) no-repeat center bottom;
	background-size:80px;
	width:980px;
	margin:auto;
}
#oem section.step05 h3{}
#oem section.step05 h3 img{
    width: 50px;
}
#oem section.step05 p{
	width: 80%;
	margin: 0 auto;
}
#oem section.step05 p img{}
#oem section.step05 h4{}
#oem section.step06 div.step_box01{
    width: 60%;
}
@media only screen and (max-width: 640px){
	#oem section.step06 div.step_box01{
    width: 100%;
		
	}
}
#oem section.step06 div.step_box02{
    width: 40%;
}
@media only screen and (max-width: 640px){
	#oem section.step06 div.step_box02{
    width: 100%;
	}
}
#oem section.step06{width:980px;
	margin:auto;}
#oem section.step06 h3{}
#oem section.step06 h3 img{
    width: 50px;
}
#oem section.step06 p{
    width: 80%;
    margin: 0 auto;
}
#oem section.step06 p img{}
#oem section.step06 h4{}

/*-----------------  products  -------------------*/

#products{}
#products{
	width:100%;
	margin: 0 auto;
	padding: 0px;
}
@media only screen and (max-width: 1220px){
	#products{
	width:96%;
	margin:0 auto;
	}
}
#products h2{}
#products h2 img{}
#products section{}

#products section{
    padding: 0;
}
#products section h3{}
#products section h3 img{}
#products section ul{
    display: flex;
    flex-wrap: wrap;
	justify-content: center !important;
}
#products section ul li{}
#products section ul li a{}
#products section ul li a:hover{}
#products section ul li a img{}
#products section ul li a img.on-icon{}

#products section.licenced-goods{    width: 980px;
    margin: auto;}
#products section.licenced-goods h3{}
#products section.licenced-goods h3 img{}
#products section.licenced-goods ul{}
#products section.licenced-goods ul li{
    width: 33.333%;
    text-align: center;
    padding: 1%;
    margin: 5% 0;
	font-weight: bold;
    font-family: "M PLUS 1p";
}
@media only screen and (max-width: 640px){
	#products section.licenced-goods ul li{
    width: 100%;
	}
}
#products section.licenced-goods ul li a{
	position:relative;
	/* top: 5px; */
	display: block;
}
#products section.licenced-goods ul li a:hover{}
#products section.licenced-goods ul li a img{
    height: auto;
    width: auto;
}
#products section.licenced-goods ul li a img.on-icon{
    width: 60px;
    /* float: right; */
    height: auto;
    position:absolute;
    z-index:999;
    right: 0;
}

#products section.orignal-caracters{    width: 980px;
    margin: auto;}
#products section.orignal-caracters h3{}
#products section.orignal-caracters h3 img{}
#products section.orignal-caracters ul{}
#products section.orignal-caracters ul li{
    width: 33.333%;
    text-align: center;
    padding:1%;
    margin: 5% 0;
	    font-weight: bold;
    font-family: "M PLUS 1p";
}
@media only screen and (max-width: 640px){
	#products section.orignal-caracters ul li{
    width: 100%;
	}
}
#products section.orignal-caracters ul li a{
    position: relative;
    /* top: 5px; */
    display: block;
}
#products section.orignal-caracters ul li a:hover{}
#products section.orignal-caracters ul li a img{}
#products section.orignal-caracters ul li a img.on-icon{
    width: 60px;
    /* float: right; */
    height: auto;
    position:absolute;
    z-index:999;
    right: 0;
}

#products section.non-characters-goods{    width: 980px;
    margin: auto;}
#products section.non-characters-goods h3{}
#products section.non-characters-goods h3 img{}
#products section.non-characters-goods ul{}
#products section.non-characters-goods ul li{
    width: 50%;
    text-align: center;
    padding:1%;
    margin: 5% 0;
	    font-weight: bold;
    font-family: "M PLUS 1p";
}
@media only screen and (max-width: 640px){
	#products section.non-characters-goods ul li{
    width: 100%;
	}
}
#products section.non-characters-goods ul li a{
    position: relative;
    /* top: 5px; */
    display: block;
}
#products section.non-characters-goods ul li a:hover{}
#products section.non-characters-goods ul li a img{}
#products section.non-characters-goods ul li a img.on-icon{
    width: 60px;
    /* float: right; */
    height: auto;
    position:absolute;
    z-index:999;
    right: 0;
}

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


.recruitBox{    
       border: #1e90ff 3px solid;
    margin: auto;
    }
@media only screen and (max-width: 640px){
	.recruitBox{
	width: 100%;
	}
	.recTittle{
    margin: auto;
    width: 300px;
    padding: 40px 0;
}
}
.recruitBox h3{    background-color: #1e90ff;
    padding: 10px 20px;
    color: #fff;
}

.linebl{padding-bottom: 6px;
    color: #fff;
    background-color: #1e90ff;
border-top: 2px #fff dotted;}
.recContentsBox{
	padding: 20px;
}

	.recruitBox h4 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 0.5px solid #1e90ff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.smallbl{    font-size: 14px;
    line-height: 1.8;
    color: #1e90ff;}
.workTittle{
	font-weight: bold;
	line-height: 1.8;
}
.workText{
	    line-height: 1.8;
}
.voiceText001{
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
	line-height: 1.8;
}
.linedotbl {
    margin-bottom: 10px;
    border-bottom: 2px #1e90ff dotted;
}

.accordionBox {
    width: 100%;
    color:#FFF;
    text-align:center;
    font-weight:bold;
}
 
dt.accordion{
    width: 100%;
   
    color:#FFF;
   
    -webkit-background-size:100%;
}
  
dt.accordion.opened {
    background-image:url(icon.png), url(bg_bar.png);
    background-repeat: no-repeat,no-repeat;
    background-position:0% 0%,0% 0%;
    -webkit-background-size:0% 0%,100%;
}
  
.accordionText {
    width: 100%;
    background: url(icon02.png) no-repeat;
}
 
.accordionText ul li{
    list-style: none;
    height:30px;
    line-height: 30px;
    background:#09F;
}


/*-----------------  recruit  -------------------*/

#recruit{}
#recruit{
	width:100%;
	margin: 0 auto;
	background: #f3f3f3;
	padding: 0 0 5%;
}
@media only screen and (max-width: 1220px){
	#recruit{
	width:96%;
	margin:0 auto;
	background: #fff;
	}
}
#recruit h2{}
#recruit h2 img{}
#recruit ul{
    /* display: flex; */
    /* flex-wrap: wrap; */
}
#recruit div.rebox01{
    background: #eaeaea url(images/homeback.png) no-repeat center 10px;
    background-size:cover;
    padding-top:10%;
}
#recruit ul.bg001{
    display: flex;
    flex-wrap: wrap;
    width: 980px;
    margin: 0 auto;
    background: #e8e7e7;
}
#recruit ul li{
	/* background: #e8e7e7; */
	/* line-height: 0; */
}
#recruit ul li.recruit_img01{
    width: 25%;
}
#recruit ul li.recruit_img02{
    width: 48.3%;
    margin:0 0.8%;
}
#recruit ul li.recruit_img03{
    width: 25%;
}
#recruit ul li img{
    line-height: 0;
}
#recruit p.bgusa01{
    background: url(images/company_bg05.png) repeat-x center bottom;
    background-size: 200px;
    width: 100%;
    font-size: 120%;
    font-weight: bold;
    padding: 5% 20% 2%;
    margin: 2% auto;
    text-align: center;
    line-height: 1.8;
}
@media only screen and (max-width: 640px){
	#recruit p.bgusa01{
	    padding: 5%;
	}
}
#recruit section{
    width: 980px;
    margin: 0 auto;
}
#recruit section.job-category{}
#recruit section.job-category h3{
}
#recruit section.job-category h3 img{}
#recruit section.job-category div.jc_box{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
@media only screen and (max-width: 800px){
	#recruit section.job-category div.jc_box{
	display:block;
	}
}
#recruit section.job-category div.jc_content .usa001{
	padding:20% 1% 1%;
}
#recruit section.job-category div.jc_content{
	width:50%;
	padding:1%;
}
@media only screen and (max-width: 800px){
	#recruit section.job-category div.jc_content{
	width:100%;
	padding:1%;
	}
	#recruit section.job-category div.jc_content .usa001 {
    padding: 0;
    text-align: center;
    width: 50%;
    margin: auto;
    display: block;
    margin-top: 40px;
    text-align: center;
}
}
#recruit section.job-description{}
#recruit section.job-description p{
	text-align:center;
	padding:2% 0;
}
#recruit section.job-description h4{
	padding:5% 0;
}
#recruit section.job-description p.usapan01{
	width:140px;
	margin: -104px auto -145px 1%;
	position: relative;
	z-index: 99999;
}
@media only screen and (max-width: 640px){
	#recruit section.job-description p.usapan01{
	display:none;
	}
}
#recruit section.job-description h3{
    text-align: center;
    font-size: 120%;
    border-bottom: 2px #1e90ff solid;
    padding: 1;
}
#recruit section.job-description table{}
#recruit section.job-description table tr{}
#recruit section.job-description table tr th{}
#recruit section.job-description table tr td{}
#recruit section.job-description table{
    width: 100%;
    margin:0 auto;
    border-top: solid 1px #2121b1;
    border-bottom: solid 2px #2121b1;
}
@media only screen and (max-width: 640px){
	#recruit section.job-description table{
	font-size:80%;
	}
}
#recruit section.job-description table tr{}
#recruit section.job-description table tr th{
	background:#f1f1f1;
	width:20%;
	padding:1% 2%;
	text-align:right;
    border-bottom: dotted 1px #2121b1;
}
#recruit section.job-description table tr td{
	padding:1% 2%;
	line-height:1.8;
	text-align:left;
    border-bottom: dotted 1px #2121b1;
}


#main img.sh01{
	display:none;
}
@media only screen and (max-width: 640px){
	#main img.sh01{
	display:block;
	}
}
#main img.pc01{
	display:block;
}
.companytitleBox{
padding-top: 60px;
    overflow: hidden;
}
.companytitleBox h3{
    margin:auto;
width: 980px;
text-align: center;}
.companytitleBox h3 img{
	width: 400px;
}
@media only screen and (max-width: 640px){
	#main img.pc01{
	display:none;
	}
}
@media only screen and (max-width:1080px){#company section#access p.usapan01 {
    width: 140px;
    margin: -40px 47px -110px auto;
}}
@media only screen and (max-width: 800px){#company section#access p.usapan01 {
    width: 140px;
    margin: -40px -72px -110px auto;
}}
@media only screen and (max-width: 1200px){
#company section#company_ttl p.usapan01 {
    width: 140px;
    margin: -104px 5% -54px auto;
	}}
@media only screen and (max-width: 980px){
	#company section#history{width: 95%;
    margin: auto;}
	#company section#company_ttl {
    width: 95%;
    margin: auto;
}
	#company section#message {width:95%;}
	#company section#philosophy p {
		width: 95%;}
	#company section#access ul {
    width: 95%;
    margin: 0 auto;
}
	#products section.orignal-caracters {
    width: 95%;
}
	#oem section.step01,#oem section.step02,#oem section.step03,#oem section.step04,#oem section.step05,#oem section.step06,#recruit section,.home_002inbox,#contact table,.companytitleBox h3,#recruit ul.bg001{
	width: 95%;
		    margin: auto;
	}
	#products section.licenced-goods{    width: 95%;}
#products section.non-characters-goods{    width: 95%;
	padding-bottom:72px;}
}
@media only screen and (max-width: 800px){
#company section#company_ttl p.usapan01 {
    width: 140px;
    margin: -104px -7% -54px auto;
}
}
@media only screen and (max-width: 480px){
#oem section.step02 ol {
	width: 90%;}
#oem section.step02 p {
	margin: auto;}
	#oem section.step03 ul li {
    width: 150px;
    height: 150px;
    padding: 14% 0 0;
    margin-bottom: 20px;
}.step03 ul li {
    width: 150px;
    height: 150px;
    padding: 14% 0 0;
    margin-bottom: 20px;
	margin: auto;
	margin-top: 11px;
    margin-bottom: 10px;
}
	#oem section.step02 p img {
    margin-bottom: 40px;
}
	}
.productBox001{
	    background-color: #f3f3f3;
}
.protopback{
	 background-image: url(images/homeback.png);
}
.backgray{
  background-color: #f3f3f3;
}
.companytitleBox p{
	float:left;
	margin-left: 10%;
}
.recruiteNone{
	max-width:1080px;
	margin:auto;
	padding:100px 0;
}
.recnoneTitle{
	text-align: center;
    font-size: 28px;
    border-bottom: 3px solid #1e90ff;
    color: #1e90ff;
    border-top: 3px solid #1e90ff;
	font-weight: bold;
    padding: 15px 0;
}
.nonetextBox{
	display:flex;
	margin-top: 60px;
}
.noneLeft{width:70%;}
.noneLeft{font-size:18px;
line-height:1.8;}
.noneRight{width:30%;
text-align: center;}
.nonetextBox p img{width:80%;}
@media only screen and (max-width: 1080px){
	.companytitleBox h3 img {
  
}
	.recruiteNone{
	width:90%;
}
	.companytitleBox{
	} 
}
@media only screen and (max-width: 680px){
	.noneLeft{width:100%;}
	.noneRight{    width: 70%;
    margin: auto;
    margin-top: 30px;
	}
	.nonetextBox{
		display:block;}
	.recnoneTitle {
		font-size: 21px;}
	.recruiteNone{
	padding:60px 0;
}
.companytitleBox h3 img {
    width: 250px;
	}
#home section.home_caracter ul li p {
    text-align: left;
    line-height: 1.8;
       padding: 0px 5%;
    width: 100% !important;

}
}
.recTittle{
	margin:auto;
	width:300px;
	padding:40px 0;
}
.probackicon001{
	left: -80px;
    position: relative;
}
.probackicon002{
	right: -90px;
    position: relative;
}
.probackicon003{
	left: -45px;
    position: relative;
}
@media only screen and (max-width: 480px){
.recTittle {
    width: 206px;
    padding: 40px 0 20px 0;
	}}
.probackicon001::before {
  content: url(images/product_icon001.png);
  position: relative;
  top: 0.25em;
  margin-right: 0.5em;
}
.probackicon002::after {
  content: url(images/product_icon002.png);
  position: relative;
  top: 0.25em;
  margin-right: 0.5em;
}
.probackicon003::before {
  content: url(images/product_icon003.png);
  position: relative;
  top: 0.25em;
  margin-right: 0.5em;
}

@media only screen and (max-width: 480px){
	.probackicon002::after {
		display:none;
	}
	.probackicon002::before {
		content: url(images/product_icon002.png);
  position: relative;
  top: 0.25em;
  margin-right: 0.5em;
	}
	.probackicon001 {
		left: 0;}
	.probackicon002 {
		right: 0;}
	.probackicon003 {
		left: 0;}
}
.privacy001{
	font-weight:bold;
}
.red{
	color: #ff0000;
}
.close{
	width:187px;
	margin:auto;
}
.accordion img{width:187px;
	margin:auto;}

.white{
	color:#fff !important;
}
.mainabibtn img{
	border:1px solid;
}
.naganotitle{
  position: relative;
  padding: 1.5rem 1rem;
	    font-weight: bold !important;
}

.naganotitle:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #1e90ff, #1e90ff 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #1e90ff, #1e90ff 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mt40{
	margin-top:40px;
}
.mt30{
	margin-top:30px;
}
.naganoBoximg{
	display:flex;
	justify-content: space-around;
}
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
	border-radius: 20px;
    height: 100%;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
 border: solid 2px #555;
  box-sizing: border-box;
}

.balloon1:before {
     content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -11px;
    border: 13px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
}
.balloon1:after {
 content: "";
    position: absolute;
    top: 50%;
    left: -29px;
    margin-top: -13px;
    border: 15px solid transparent;
    border-right: 15px solid #555;
    z-index: 1;
}
.balloon1 p {
  margin: 0;
  padding: 0;
}
.naganoimg{
	width: 30%;
}
.naganotext{width: 67%;}
.mt70{
	margin-top:72px !important;
}
.naganoimgBox2 {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.naganoimgBox2 p{width:48%;}
.naganoimgBox2 p img{
    width: 100% !important;
}
.reverse{flex-direction: row-reverse;}

.balloon2 {
  position: relative;
  display: inline-block;
	height: 100%;
    border-radius: 20px;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
	border: solid 2px #555;
  box-sizing: border-box;
}

.balloon2:before {
      content: "";
    position: absolute;
    top: 50%;
    right: -29px;
    margin-top: -12px;
    border: 11px solid transparent;
    border-left: 19px solid #FFF;
    z-index: 2;
}

.balloon2:after {
 content: "";
    position: absolute;
    top: 50%;
    right: -32px;
    margin-top: -14px;
    border: 13px solid transparent;
    border-left: 19px solid #555;
    z-index: 1;
}

.balloon2 p {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 680px){
	.naganoBoximg {
		display: block;}
	.naganoBoximg div{width:100%;}
	.balloon1:before {
   content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
		margin-top: 0;
    top: 100%;
}
	.balloon2:before {
   content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
		margin-top: 0;
    top: 100%;
			right: unset;
}
	.balloon1:after {
    content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
		margin-top: 0;
    top: 100%;
	
}
	.balloon2:after {
    content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
margin-top: 0;
    top: 100%;
		right: unset;
}
	.spmt40{
		margin-top:40px !important;
	}
	.naganoimgBox2 {
		display: block;}
	.naganoimgBox2 p{width:100%;}
	.step03 ul {
    width: 100%;
		height:100%;

}
}
.toptitle{
	padding: 0% 0 0% !important;
	width:100% !important;
}
.w100{
	width:100% !important;
}
.pt6{
	    padding-top: 6% !important;
}
.step00box001{
	    background-color: #eee;
}
.box27 {
    position: relative;
    margin: 2em 0 0;
    padding: 0.5em 1em;
   border: solid 3px #1e90ff;
	background-color: #fff;
}

.box27 .box-title {
    position: absolute;
    display: inline-block;
       top: -33px;
    left: -3px;
    padding: 4px 14px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background:  #1e90ff;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
.reititle {
  padding: 0rem 1rem !important;
    border-left: 6px double #000;
    text-align: left;
    line-height: 1.8 !important;
    margin: 20px 0 10px 0;
	font-size: 120% !important;
}
.mb60{
	margin-bottom:60px !important;
}
.center{
    text-align: center !important;
}
.mx350{
	max-width:400px;
}
.jiturei {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
 
.jiturei li {
    float: left;
    position: relative;
}
 
.jiturei li:last-child {
    margin-left: 50px;
}
 
.jiturei li span {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #c00;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: -20px;
    right: -20px;
}
.jiturei li:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 15px solid transparent;
    border-left: 15px solid #2a75bf;
}
.reibox{
	display:flex;
	justify-content:space-between;
}
.reibox div{
	width:44%;
}
.w28{
	width:33% !important;
}

.arrowbox{
	width:6% !important;
}
.arrowbox02{
	width:4% !important;
}
.triangle1{
  width: 0;
    top: 50%;
    height: 0;
    border-left: 20px solid #1e90ff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
}
@media only screen and (max-width: 680px){
	.reibox{
		display:block;}
	.reibox div{
	width:100%;
}
.w28{
	width:100% !important;
}
	.arrowbox {
    width: 21% !important;
    margin: auto;
		margin-top: 20px;
}
	.triangle1 {
    width: 0;
    top: 50%;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #1e90ff;
    position: unset;
}
	.arrowbox02 {
    width: 21% !important;
    margin: auto;
		margin-top: 20px;
}
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.topbnr{
	 max-width: 980px;
    margin: auto;
	    display: flex;
	justify-content:space-between;
	margin-top:60px;
}
.topbnr p{width:47%;}
.topbnr p img {width:100%;}
@media only screen and (max-width: 980px){
	.topbnr{width:98%;}
}
.pc-on{display:block;}
.sp-on{display:none;}
@media only screen and (max-width: 680px){
	.topbnr{display:block;}
	.topbnr p{width:100%;}
	.pc-on{display:none;}
.sp-on{display:block;}
}
@media only screen and (max-width: 1200px){
#home section.home_news {
    overflow: hidden;
	width: 100%;}}.hlogo {
    width: 399px !important;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 38px;
    margin-right: 102px;
    display: block;
    padding-right: 50px;
}
.hlogo a{
color:#fff !important;
    padding-top: 0px !important;
    text-align: center !important;
border-bottom: none !important;}
.icon_policy{
margin-top: 4px !important;
    padding: 0 !important;
}

@media only screen and (max-width: 480px){
	#main {
    margin-top: 0px;
}
}
@media only screen and (max-width: 480px){
	.page{margin-top:43px !important;}
}
.job-description table{max-width:800px;margin:auto;}
.job-description td{padding:20px;    }
.job-description th{padding:20px;background: #d1fbfc;
    font-weight: bold;}
.job-description h3{
    text-align: center;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #0052a4;
}
.recttl{
    color: #1e90ff;
    font-size: 32px !important;
	text-align:left !important;
    font-weight: bold;
    margin-top: 40px;
    font-family: "M PLUS 1p";
}
.fl2box{
    display: flex
;
    justify-content: center;
}

/* スライダーの親要素のスタイル */
.viewer2 {
  width: 100%;  /* 親要素の幅を100%に */
  margin: 0 auto;  /* 中央寄せ */
}

/* Slickのリストアイテム（画像） */
.viewer2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.viewer2 ul li {
  width: 100%;  /* スライドの幅を100%に */
  height: auto; /* 画像の縦横比を保つ */
}

.viewer2 img {
  width: 100%;  /* 画像の幅を100%に */
  height: auto; /* 高さを自動調整 */
}