@charset "UTF-8";

/*   
Theme Name: 株式会社酵素の世界社
Theme URI: 
Author: 
Author URI: 
Description: 株式会社酵素の世界社ウェブサイト用テーマです
Version: 1.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/


/**************************************************

       responsive
	   
**************************************************/
@media(min-width:1025px){
p{font-size: 1.8rem;}
}
/********************************************

     TOP page

***************************************************/
@media(max-width:1024px){

/*----header-navi-----*/
header ul li a span:nth-of-type(2){
    color: #aa9a64;
	background-color: #fff;
}
header ul li a span:nth-of-type(1){
    font-size: 85%;
}
header ul li a span:nth-of-type(2){
    font-size: 85%;
	line-height: 1.2;
	height: 90px;
}
header ul li a span small{
    font-size: 70%;
}
/*----top-news--------*/
.mainText dl{
    width: 90%;
	font-size: 1.2rem;
	bottom: 12%;
}
}/*end*/

@media(max-width:649px){
header h1{
    height: 85px;
	background-color: #f3efe8!important;
}
/*---top-header-----------*/
#mainView{
    padding-bottom: 0;
}
#bg-video{
    height: 100%;
	width: auto;
}
/*--top-kouso-------*/
#top-enzyme .btn{
    margin-left: -63px;
}
}/*end*/

@media(max-width:460px){
.for-pc{
    display: none!important;
}
.for-sp{
    display: block!important;
}
}/*end*/

/****************************************

          NEWS
	 
******************************************/
@media(max-width:1024px){
.mainText{
    margin-top: 100vh;
	height: 500px;
	font-size: 100%;
	width: 100%;
}
.slide-img img{
    height: 128vh;
}
.mainText dl{
    font-size: 1.3rem;
	width: 100%!important;
	max-width: 100%!important;
	height: 40vh;
	margin: 0!important;
	border-radius: 0;
	padding: 3.6em 1.5em 2em 4em;
	line-height: 2;
	background-color: #a7997b;
}
.mainText dl dd{
    margin: -2.65em 70px 22px 7em;
	padding: 0.65em 0 1em 0;
	text-align: left;
	padding-left: 1em;
}
}/*end*/

@media(max-width:770px){
.mainText dl{
    font-size: 1.2rem;
}
}/*end*/

@media(max-width:649px){
.mainText dt{
    margin-left: -36em;
}
}/*end*/

@media(max-width:560px){
.mainText dl dd{
    margin: -2.65em 70px 22px 101px;
}
.mainText dl{
    padding: 3.6em 2.8em 2em 3em;
}
.mainText dt{
    margin-left: -30em;
}
}/*end*/

@media(max-width:460px){　　
.mainText{
    margin-top: 200px;
	z-index: none;
	font-size: 100%;
	width: 100%;
	height: auto;
}
.mainText dl{
	width: 100%!important;
	max-width: 100%!important;
	margin: 0!important;
	border-radius: 0;
	line-height: 2;
	background-color: #a7997b;
	height: 50vh;
	font-size: 1.3rem;
	padding: 3em 2.8em 4.1em 3em;
}
.mainText dl dd{
    margin: 0;
	padding: 0.3em 0 1.5em;
	border: none;
}
.mainText dt{
    margin-left: -22em;
}
}/*end*/

@media(max-width:390px){
.wrap{
    height: 139vh;
}
.mainText dl{
	height: 88vh;
	font-size: 1.1rem;
	padding: 3.5em 1.5em 0 3em;
	top: -15%;
}
}/*end*/

@media(max-width:320px){
.mainText dl{
    padding-left: 4.5em;
}
.mainText dl dd{
    margin-left: -3em;
}
.mainText dl dt:nth-of-type(1), .mainText dl dd:nth-of-type(1), .mainText dl dt:nth-of-type(2), .mainText dl dd:nth-of-type(2), .mainText dl dt:nth-of-type(3), .mainText dl dd:nth-of-type(3){
    font-size: 1rem;
}
}/*end*/

/***************************************************

       header
	   
*************************************************/
@media(max-width:649px){
header h1 img{
    margin-left: 9%;
}
}/*end*/

@media(max-width:460px){
header h1 img{
    width: 75%;
	margin-left: 10%;
	margin-top: 8%;
}
}/*end*/

@media(max-width:390px){
header h1 img{
    margin-top: 10.3%;
    margin-left: 11%;
}
}/*end*/

@media(max-width:320px){
header h1 img{
    margin-left: 7%;
}
}/*end*/

/***************************************************

       footer
	   
*************************************************/
@media(max-width:1024px){
#footer li a,
#footer .footer-btn{
    font-size: 1.2rem;
}
footer .innerWrap p a img{
	width: 40px;
}	
.footer-navi{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
#footer .footer-icon{
    margin-top: 35px;
}
.sns-mark{
margin-top: 0;
}
#snsBox ul{
	display: block;
}
#snsBox ul li:nth-of-type(1){
	width: 100%;
	margin-right: 0;
}
#snsBox ul li:nth-of-type(2){
	width: 100%;
	text-align: center;
	margin-top: 60px;
}
.fb-container{
	float:none;
	width:100%;
	margin-bottom:20px;
	background:#ccc;
}
.fb-page{
	display:block !important;
	width:100%;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	height:450px;
}
.sns-mark {
	margin-top: 10%;
}
}/*end*/

@media(max-width:960px){
#footer{
    padding-top: 6%;
}
}/*end*/

@media(max-width:770px){
#top #footer .innerWrap{
    padding: 2.5em 1em 3em;
}
#footer .footer-btn a{
    padding: 1em 40px;
}
#top #footer .footer-btn a{
    padding: 0.8em 40px;
}
#top #footer{
    padding-top: 3em;
}
}/*end*/

@media screen and (max-width: 649px){
#top #footer .innerWrap{
    padding: 2.5em 1em 3em;
}
#footer .innerWrap{
    padding-top: 2em;
}
#top #footer .innerWrap{
    padding-top: 0;
}
#top #footer{
    padding: 2em 0.3em 0;
}
#footer .footer-btn a{
	margin-top: 2em;
	padding: 1.3em 40px;
    width: 94%;
}
#top #footer .footer-btn a{
	padding: 1em 40px;
}
#footer{
    padding-top: 0;
	padding-bottom: 2em;
}
footer .innerWrap{
    margin: 0;
}
#footer .footer-icon{
    margin-top: 44px;
}
#footer .innerWrap p{
    padding: 0;
}
.sns-mark {
	margin-top: 18%;
}
footer .innerWrap p {
	margin: 0 0 3em;
}
footer .innerWrap p a.btns{
	padding: 0.5em 49px;
}
footer .innerWrap p a img{
	width: auto;
}	
footer .innerWrap p a:hover img{
	opacity: 0.7;
}
footer small{
	clear: both;
	display: block;
	padding-top: 0.5em;
}
}/*end*/


@media(max-width:460px){
#footer{
    padding-bottom: 2em;
}
#top #footer{
    padding: 1em 0.3em 0;
}
#footer .innerWrap{
     padding-top: 1em;
}
footer .innerWrap p{
    margin: 0 0 2em;
}
#footer .footer-btn a{
    width: 96%;
	margin-top: 1.5em;
}
footer small{
    margin: 0;
	padding: 0;
}
#footer .footer-icon{
    margin-top: 34px;
	margin-bottom: 30px;
}
}/*end*/

@media(max-width:390px){
#footer .footer-btn a{
    padding: 1em 41px;
}
#footer .footer-btn a{
    font-size: 1.1rem;
}
}/*end*/

@media(max-width:320px){
#footer .innerWrap{
    padding-top: 0.8em;
}
#top #footer{
    padding: 0.8em 0.3em 0;
}
footer .innerWrap{
    padding: 0 4%;
	padding-top: 0.5em;
}
footer .innerWrap p{
    margin: 0 0 1.8em;
}
#top #footer .innerWrap{
    padding: 0 0.4em 2.1em;
}
#footer .footer-btn a{
     padding: 1.1em 0;
}
#top #footer .footer-btn a{
     padding: 0.8em 0;
}
#footer .footer-btn a{
    font-size: 1rem;
}
#footer .footer-icon{
    margin-top: 26px;
	margin-bottom: 0;
}
}/*end*/

/***********page-top-btn************/
@media(max-width:460px){
#page_top a{
    height: 37px;
}
}/*end*/

/**************************************************

       hiddenNavi(humbarger)
	   
*************************************************/
@media(max-width:649px){
.fixOpenBtn a, .fixCloseBtn a{
    background-color: #aa9a64!important;
	color: #fff!important;
	border: 1px solid #aa9a64!important;
	font-size: 1.3rem;
}
#hiddenNavi .box ul li a{
    color: #aa9a64;
	text-align: left;
	margin-left: 1em;
	background-color: #f3efe8;
	margin: 0.1em;
}
#hiddenNavi .box ul li a:hover{
    background-color: #aa9a64;
}
#hiddenNavi .box ul{
    font-size: 80%;
	padding: 7.5em 0.1em;
	border-bottom: none;
	border-top: none;
	vertical-align: none;
	display: flex;
	flex-wrap: wrap;
}
#hiddenNavi .box ul li{
    width: 50%;
}
}/*end*/

@media(max-width:320px){
#hiddenNavi .box ul li a{
    padding: 1em;
	font-size: 90%;
}
#hiddenNavi .box ul{
    padding: 5.5em 0.1em;
}
}/*end*/


/***************************************************

       top-index
	   
*************************************************/
@media(max-width:320px){
.mainText{
    font-size: 1rem;
}
#top-enzyme .section .btnSp{
    top: 84vh;
}
#top-enzyme-wrap .paper-layer{
    height: 111vh;
}
#top-enzyme .section h3{
    margin-top: 7em;
}
#top-enzyme .section p{
    margin-top: 15.2em;
}
#top-microbe h2{
    margin-top: -12%;
}
#top-microbe .sectionPic img{
    margin-top: 6em;
}
#top-microbe .section .btnSp{
    margin-left: -19%;
}
#top-aboutus .section img.fitpic01{
    top: 110%;
	margin-left: 10%;
}
#top-supple .blackFilter img{
    width: 100%;
}
.blackFilter h3{
    font-size: 136%;
}
#top-supple #top-shop .endbnrBox{
    height: 46vh;
}
#top-blog .title img{
    height: 38px;
}
#top-blog .top-blog-wrap{
    padding: 1em 1.5em 2em;
}
#top-blog .for-sp{
    font-size: 0.9rem;
	line-height: 1.5;
}
#top-blog .thum-top,
#top-blog .bloglist-title{
    height: 68px;
}
}/*end*/



/***************************************************

       Main
	   
*************************************************/
@media(max-width:1024px){
.kousoMain ul li,
.microbeMain ul li{
    width: 13.88em;
	height: 13.88em;
}
.kousoMain ul li a,
.microbeMain ul li a{
    width: 13em;
	height: 13em;
	font-size: 1.2rem;
}
.kousoMain ul li a, .microbeMain ul li a{
    padding: 45% 0;
}
#aboutus .bnr-scroll{
    margin-top: 80%;
}
}/*end*/

@media(max-width:920px){
.kousoMain ul li, .microbeMain ul li{
    margin-right: 2%;
	width: 13em;
	height: 13em;
}
.kousoMain ul li a, .microbeMain ul li a{
    width: 12.1em;
	height: 12.1em;
}
#kouso .kousoMain .innerWrap, 
#maicrobe .microbeMain .innerWrap, 
#aboutus .aboutusMain .innerWrap{
    padding: 2.5em 0 3em 0;
}
.kousoMain ul li, .microbeMain ul li{
    margin-right: 5%;
}
}/*end*/

@media(max-width:860px){
.kousoMain ul li, 
.microbeMain ul li{
    width: 12em;
	height: 12em;
}
.kousoMain ul li a,
.microbeMain ul li a{
    width: 11.15em;
	height: 11.15em;
}
}/*end*/

@media(max-width:820px){
.kousoMain ul li,
.microbeMain ul li{
    margin-right: 1%;
}
.kousoMain ul li a, 
.microbeMain ul li a{
    padding: 46% 0;
}
}/*end*/

@media(max-width:770px){
#health .kousoMain ul, 
#health .microbeMain ul, 
#health .aboutusMain ul{
    margin-left: -0.5%;
}
.kousoMain ul li, .microbeMain ul li{
    width: 11em;
	height: 11em;
}
.kousoMain ul li a, .microbeMain ul li a{
    width: 10.15em;
	height: 10.15em;
}
}/*end*/

@media(max-width:649px){
.kousoMain, .microbeMain, .aboutusMain{
    position: relative;
}
#kouso .kousoMain .innerWrap,
.microbeMain .innerWrap,
#aboutus .aboutusMain .innerWrap{
    padding: 0 0 3em 0;
}
.kousoMain img:nth-of-type(1),
.microbeMain img:nth-of-type(1),
.aboutusMain img:nth-of-type(1){
	width: 76%;
	margin: 0;
	margin-bottom: 2em;
}
.microbeMain img:nth-of-type(1){
    width: 85%;
}
#aboutus .main img:nth-of-type(1){
    top: 50%;
}
#aboutus .bnr-scroll{
    margin-top: 110%;
}
#health .kousoMain ul, 
#health .microbeMain ul, 
#health .aboutusMain ul{
    display: none;
}
}/*end*/

/***************************************************

         page-kouso
		 
***************************************************/
@media(max-width:960px){
#health .greenBox .innerWrap{
    width: 84%;
	margin-left: 7%;
}
}/*end*/

@media(max-width:820px){
#health .brownBox .innerWrap{
	padding-left: 400px;
}
#health .pickup div{
    width: 87%;
	max-width: auto;
	min-width: auto;
}
#health .pickup p{
    padding: 0 9em;
}
}/*end*/

@media(max-width:770px){
#health .pickup p{
    font-size: 1.2rem;
}
#health .pickup p span:nth-of-type(2){
    font-size: 1.7rem;
}
.pickup img{
    height: 61px;
}
#health .greenBox p{
    width: 100%;
}
#health .greenBox .innerWrap{
    padding-left: 10%;
	padding-right: 0;
	width: 90%;
	margin-left: 0;
}
#health .brownBox .innerWrap{
    padding: 2em 0;
	padding-right: 0;
	width: 79%;
}
#health .brownBox p{
    max-width: inherit;
}
#health .greenBox h2,
#health .brownBox h2{
    margin: 1.6em 0 2.8em;
}
}/*end*/

@media(max-width:649px){
.kousoMain{
    min-height: auto;
	height: 100vh;
}
}/*end*/

@media(max-width:550px){
#health .pickup div, #kouso .pickup div{
	height: 100vh;
}
#health .pickup p{
    text-align: left;
}
}/*end*/

@media(max-width:460px){
#health .pickup div{
    width: 92%;
}
#health .pickup div{
	height: 900px;
}
#health .pickup p{
    padding: 0 1em;
}
#health .pickup div{
    background-color: rgba(242, 241, 237, 0.85);
}
#health .title img{
    height: 51px;
	margin-top: 13px;
}
#kouso .paperBoxFrame{
    padding: 2em 2em 0;
}
#health .greenBox h2,
#health .brownBox h2{
    font-size: 2.2rem;
}	
#health .greenBox p,
#health .brownBox p{
    font-size: 1.1rem;
}
}/*end*/

@media(max-width:390px){
#health .greenBox h2,
#health .brownBox h2{
    font-size: 2rem;
}
}/*end*/

@media(max-width:320px){
.fixOpenBtn a, .fixCloseBtn a{
    font-size: 1rem;
}
header h1{
    height: 65px;
}
.pickup img{
    height: 38px;
}
#health .pickup p span:nth-of-type(2){
    font-size: 1.2rem;
}
#health .pickup p{
    font-size: 1rem;
}
#paperBox .innerWrap{
    padding: 0.5em 0 2.5em 0;
}
#health .greenBox h2,
#health .brownBox h2{
    font-size: 1.8rem;
}
#health .greenBox p,
#health .brownBox p{
    font-size: 1rem;
}
}/*end*/

/*****************************************************

         page-microbe
		 
*******************************************************/

@media(max-width:450px){/*sp*/
.microbeMain{
    height: 100vh;
	min-height: auto;
}
}/*end*/


/*************************************************

    pickup
	
************************************************/
@media(max-width:1024px){
#health .pickup p{
    font-size: 1.2rem;
	line-height: 2.1;
}
#health .pickup p span:nth-of-type(2){
    font-size: 1.6rem;
	margin: 1em auto 1em;
	text-align: center;
    line-height: 1.6;
}
}/*end*/

@media(max-width:770px){
#health .pickup div{
    width: 87%;
	height: 90vh;
}
#health .pickup .imgRes{
    height: 62px;
}
#health .pickup p{
    padding:  0 6em;
}
}/*end*/

@media(max-width:649px){
#health .pickup .imgRes{
    height: 58px;
}
.title-2line span{
    height: 110px;
}
#health .pickup p span img{
    width: auto;
	margin-top: 10px;
	height: 54px;
}
#health .pickup p{
    padding: 0 6.5em;
	color: #000;
	text-align: left;
}
#health .pickup p span img{
    height: 100px;
}
#health .pickup p span:nth-of-type(2){
    font-size: 1.5rem;
	margin: 0.5em auto 1em;
}
}/*end*/

@media(max-width:560px){
#health .pickup p{
    padding: 0 6em;
}
}/*end*/

@media(max-width:460px){
#health .pickup>img:nth-of-type(1),
#health .pickup>img:nth-of-type(2),
#health .pickup>img:nth-of-type(3){
    display: block;
	width: 100%;
}
#health .pickup .imgRes{
    height: 50px;
}
#health .pickup p span img{
    height: 90px;
}
#health .pickup p{
    padding: 0 5em;
	text-align: left;
	font-size: 1.1rem;
	line-height: 2;
}
#health .pickup p span:nth-of-type(2){
    font-size: 1.4rem;
}
}/*end*/

@media(max-width:390px){
#health .pickup div{
    width: 92%;
}
#health .pickup p{
    padding: 0 4em;
}
#health .pickup .imgRes{
    height: 45px;
}
#health .pickup p span img{
    height: 86px;
}
#health .pickup p span{
    margin-bottom: 10px;
}
#health .pickup p span:nth-of-type(2){
    font-size: 1.3rem;
	margin: 0 auto 1em;
}
}/*end*/

@media(max-width:320px){
.pickup div{
    outline-offset: -12px;
	width: 90%;
}
#health .pickup>img:nth-of-type(1),
#health .pickup>img:nth-of-type(2),
#health .pickup>img:nth-of-type(3){
    display: block;
	width: 100%;
}
#health .pickup .imgRes{
    height: 38px;
	margin-bottom: 4%;
}
#health .pickup p span img{
    height: 74px;
}
#health .pickup p span:nth-of-type(2){
    font-size: 1.2rem;
	text-align: left;
}
#health .pickup p{
    font-size: 1rem;
	padding: 0 3.2em;
}
#health .pickup>img:nth-of-type(2){
    top: 29%;
	z-index: -1;
	height: 39.3%;
	width: 100%;
}
}/*end*/

/*************************************************

    puckup-3p
	
**************************************************/
@media(max-width:1024px){
#health .pickup>img:nth-of-type(3){
    height: 108vh;
}
#pickup-3p .pickup div{
    height: 86vh
}/*end*/

@media(max-width:770px){
#pickup-3p .pickup div{
    height: 96vh;
}
#health .pickup>img:nth-of-type(3){
    height: 108vh;
}
}/*end*/

@media(max-width:649px){
#pickup-3p .pickup{
    height: 100vh;
}
#pickup-3p .pickup div{
    height: 82vh;
}
#pickup-3p .pickup>img:nth-of-type(1),
#pickup-3p .pickup>img:nth-of-type(2){
    display: block;
    height: 33.3%;
	width: 100%;
}
#pickup-3p .pickup>img:nth-of-type(2){
    top: 33.3%;
}
#pickup-3p .pickup>img:nth-of-type(3){
    display: block;
    height: 33.4%;
	width: 100%;
	top: 66.6%;
}
}/*end*/

@media(max-width:520px){
#pickup-3p .pickup{
    height: 100vh;
}
#pickup-3p .pickup div{
    height: 86vh;
}
}/*end*/

@media(max-width:460px){
#pickup-3p .pickup{
    height: 106vh;
}
#pickup-3p .pickup div{
    height: 95vh;
}
}/*end*/

@media(max-width:390px){
#pickup-3p .pickup{
    height: 146vh;
}
#pickup-3p .pickup div{
    height: 132vh;
}
}/*end*/

@media(max-width:320px){
#pickup-3p .pickup{
    height: 150vh;
}
#pickup-3p .pickup div{
    height: 135vh;
}
}/*end*/

/*************************************************

    puckup-3p-s
	
**************************************************/
@media(max-width:1024px){
#pickup-3p-s .pickup div{
    height: 70vh;
}
}/*end*/

@media(max-width:649px){
#pickup-3p-s .pickup{
    height: 78vh;
}
#pickup-3p-s .pickup div{
    height: 61vh;
}
}/*end*/

@media(max-width:390px){
#pickup-3p-s .pickup{
    height: 96vh;
}
#pickup-3p-s .pickup div{
    height: 82vh;
}
}/*end*/

@media(max-width:320px){
#pickup-3p-s .pickup{
    height: 90vh;
}
#pickup-3p-s .pickup div{
    height: 78vh;
}
}/*end*/

/*************************************************

    puckup-3p-l
	
**************************************************/
@media(max-width:1024px){
#pickup-3p-l .pickup div{
    height: 120vh;
}
#pickup-3p-l .pickup>img:nth-of-type(3){
    height: 144vh;
}
}/*end*/

@media(max-width:820px){
#pickup-3p-l .pickup div{
    height: 132vh;
}
}/*end*/

@media(max-width:770px){
#pickup-3p-l .pickup div{
    height: 142vh;
}
#pickup-3p-l .pickup{
    height: 156vh;
}
#pickup-3p-l .pickup>img:nth-of-type(1), 
#pickup-3p-l .pickup>img:nth-of-type(2){
    height: 79vh;
}
}/*end*/

@media(max-width:649px){
#pickup-3p-l .pickup div{
    height: 116vh;
}
#pickup-3p-l .pickup{
    height: 130vh;
}
#pickup-3p-l .pickup>img:nth-of-type(3){
    height: 33.4%;
}
}/*end*/

@media(max-width:520px){
#pickup-3p-l .pickup div{
    height: 130vh;
}
#pickup-3p-l .pickup{
    height: 144vh;
}
}/*end*/

@media(max-width:390px){
#pickup-3p-l .pickup div{
    height: 183vh;
}
#pickup-3p-l .pickup{
    height: 194vh;
}
}/*end*/

@media(max-width:320px){
#pickup-3p-l .pickup{
    height: 197vh;
}
#pickup-3p-l .pickup div{
    height: 186vh;
}
#health .pickup .imgRes{
    margin-bottom: 0;
	margin-top: -2em;
}
}/*end*/

/*************************************************

    puckup-s-full
	
**************************************************/
@media(max-width:770px){
#pickup-s-full .pickup{
    height: 96vh;
}
#pickup-s-full .pickup>img:nth-of-type(1){
    height: 96vh;
}
#pickup-s-full .pickup div{
    height: 76vh;
}
#pickup-s-full .pickup .line-1{
    margin-bottom: 1em;
}
}/*end*/

@media(max-width:649px){
#pickup-s-full .pickup p{
    padding: 0 5em;
}
#pickup-s-full .pickup .line-1{
    margin-bottom: 0;
}
}/*end*/

@media(max-width:550px){
#pickup-s-full .pickup p{
    padding: 0 4em;
}
}/*end*/

@media(max-width:460px){
#pickup-s-full .pickup p{
    padding: 0 3.5em;
}
}/*end*/

@media(max-width:390px){
#pickup-s-full .pickup{
    height: 115vh;
}
#pickup-s-full .pickup>img:nth-of-type(1){
    height: 115vh;
}
#pickup-s-full .pickup div{
    height: 100vh;
}
}/*end*/

@media(max-width:320px){
#pickup-s-full .pickup p{
    padding: 0 2.5em;
}
}/*end*/

/*****pickup*******/
@media(max-width:830px){
#supple #pickup-s-full .pickup div{height: 84vh;}
#supple #pickup-s-full .pickup{height: 102vh;}
#supple #pickup-s-full .pickup>img:nth-of-type(1){
height: 102vh;}
}/*end*/
@media(max-width:649px){
#kouso-3 #pickup-s-full .pickup div,
#microbe #pickup-s-full .pickup div
{height: 56vh;}
#kouso-3 #pickup-s-full .pickup>img:nth-of-type(1),
#kouso-3 #pickup-s-full .pickup,
#microbe #pickup-s-full .pickup>img:nth-of-type(1),
#microbe #pickup-s-full .pickup
{height: 75vh;}
#supple #pickup-s-full .pickup div{height: 66vh;}
#supple #pickup-s-full .pickup{height: 81vh;}
#supple #pickup-s-full .pickup>img:nth-of-type(1){
height: 81vh;}
}/*end*/
@media(max-width:520px){
#microbe #pickup-s-full .pickup div
{height: 64vh;}
#microbe #pickup-s-full .pickup>img:nth-of-type(1),
#microbe #pickup-s-full .pickup
{height: 75vh;}
#supple #pickup-s-full .pickup div{height: 69vh;}
}/*end*/
@media(max-width:460px){
#kouso-3 #pickup-s-full .pickup div
{height: 60vh;}
#kouso-3 #pickup-s-full .pickup>img:nth-of-type(1),
#kouso-3 #pickup-s-full .pickup
{height: 78vh;}
#microbe #pickup-s-full .pickup div
{height: 70vh;}
#microbe #pickup-s-full .pickup>img:nth-of-type(1),
#microbe #pickup-s-full .pickup
{height: 82vh;}
#supple #pickup-s-full .pickup div{height: 71vh;}
}/*end*/
@media(max-width:390px){
#kouso-3 #pickup-s-full .pickup div
{height: 73vh;}
#kouso-3 #pickup-s-full .pickup>img:nth-of-type(1),
#kouso-3 #pickup-s-full .pickup
{height: 90vh;}
#microbe #pickup-s-full .pickup div
{height: 85vh;}
#microbe #pickup-s-full .pickup>img:nth-of-type(1),
#microbe #pickup-s-full .pickup
{height: 100vh;}
#supple #pickup-s-full .pickup div{height: 93vh;}
#supple #pickup-s-full .pickup{height: 106vh;}
#supple #pickup-s-full .pickup>img:nth-of-type(1){
height: 106vh;}
}/*end*/
@media(max-width:320px){
#supple #pickup-s-full .pickup div{height: 102vh;}
#supple #pickup-s-full .pickup{height: 112vh;}
#supple #pickup-s-full .pickup>img:nth-of-type(1){
height: 112vh;}
}/*end*/

/*************************************************

    puckup-full-l
	
**************************************************/
@media(max-width:960px){
#pickup-full-l .pickup p{
    padding: 0 6em;
}
}/*end*/

@media(max-width:960px){
#pickup-full-l .pickup div{
     height: 120vh;
}/*end*/

@media(max-width:649px){
#pickup-full-l .pickup div{
     height: 112vh;
}
#pickup-full-l .pickup p{
    padding: 0 5em;
}
}/*end*/

@media(max-width:520px){
#pickup-full-l .pickup div{
     height: 128vh;
}
#pickup-full-l .pickup{
     height: 140vh;
}
#pickup-full-l .pickup>img:nth-of-type(1){
    height: 140vh;
}
}/*end*/

@media(max-width:460px){
#pickup-full-l .pickup p{
    padding: 0 3em;
}
#pickup-full-l .pickup div{
     height: 120vh;
}
#pickup-full-l .pickup{
     height: 134vh;
}
}/*end*/

@media(max-width:390px){
#pickup-full-l .pickup div{
     height: 160vh;
}
#pickup-full-l .pickup{
     height: 172vh;
}
}/*end*/

@media(max-width:320px){
#pickup-full-l .pickup div{
     height: 176vh;
}
#pickup-full-l .pickup{
     height: 186vh;
}
}/*end*/


/*************************************************

    paperBox
	
***************************************************/
@media(max-width:1024px){
/***********************
writen in template.css
*************************/
}/*end*/

@media(max-width:960px){
#paperBox .paperBox p,
#paperBox .paperBox2 p{
     padding: 2em 1em;
}
}/*end*/

@media(max-width:860px){
#kouso-2 .title img{
	height: 52px;
	margin-bottom: 0;
}
#paperBox .innerWrap{
    padding: 2.5em 2em 3em 2em;
}
}/*end*/

@media(max-width:770px){
#paperBox .innerWrap,
#paperBox2 .innerWrap{
    padding: 1.5em 1em 2.5em 1em;
}
#health .paperBoxFrame, 
#health .paperBoxFrame2{
	margin-left: 5%;
}
#paperBox .title img,
#paperBox2 .title img{
    margin-top: 3.7%;
	height: 56px;
}
#paperBox .paperBox p, 
#paperBox2 .paperBox2 p{
    padding: 2em 0;
}
}/*end*/

@media(max-width:649px){
#health .paperBox,
#health .paperBox2{
    margin-top: 0;
}
#health .paperBox h2,
#health .paperBox2 h2{
    margin-top: 0;
}
#paperBox .title img,
#paperBox2 .title img{
    height: 52px;
    margin-bottom: -0.9%;
}
#health .center-p{
    padding: 0;
}
#paperBox .paperBoxFrame, 
#paperBox2 .paperBoxFrame2{
    padding: 3em 2em;
}
#paperBox .innerWrap,
#paperBox2 .innerWrap{
    padding: 0em 1em 1em 1em;
}
#health .paperBox,
#health .paperBox2{
    padding: 5em 0;
}
#health.paperBox,
#health.paperBox2{
    padding-left: 0;
}
#health .paperBox p,
#health .paperBox2 p{
    text-align: left;
}
}/*end*/

@media(max-width:520px){
#health .center-p{
    padding: 0 0 1.5rem 0;
}
#paperBox .title img, 
#paperBox2 .title img{
    height: 47px;
}
}/*end*/

@media(max-width:460px){
#health .paperBox,
#health .paperBox2{
    padding: 3.5em 0;
}
#paperBox .innerWrap, 
#paperBox2 .innerWrap{
	padding: 1em 0 1.7em 0;
}
#health .paperBoxFrame,
#health .paperBoxFrame2{
    padding: 1.5em 2em;
}
#health .title img,
#paperBox2 .title img{
    margin-bottom: -2%;
    height: 40px;
	margin-top: 5%;
}
#health .paperBox p,
#health .paperBox2 p{
    font-size: 1.1rem;
	line-height: 2;
	padding: 1em 0;
}
#paperBox .center-p,
#paperBox2 .center-p{
    padding: 0;
	margin-top: 0;
}
}/*end*/

@media(max-width:390px){
#health .paperBox .innerWrap,
#health .paperBox2 .innerWrap{
    padding: 1em 0 2em 0;
}
#health .paperBoxFrame,
#health .paperBoxFrame2{
    padding: 2em;
}
#health .paperBox,
#health .paperBox2{
    padding: 3em 0;
}
#health .paperBox h2,
#health .paperBox2 h2{
    margin-bottom: 5px;
}
#health .title img{
    height: 39px;
}
}/*end*/

@media(max-width:320px){
#health .paperBox, 
#health .paperBox2{
    padding: 2.5em 0;
}
#health .paperBox .innerWrap, 
#health .paperBox2 .innerWrap{
    padding: 1em 0;
}
#health .paperBoxFrame, 
#health .paperBoxFrame2{
    padding: 0.5em 1.2em 1.2em;
}
#health .paperBox p,
#health .paperBox2 p{
    font-size: 1rem;
	padding: 0.1em 0;
}
#health .title img{
    height: 31px;
	margin-bottom: -2%;
}
}/*end*/

/************************************************

    crossBox
	
**************************************************/
@media(max-width:1024px){
/***writen in template.css*******/}/*end*/

@media(max-width:960px){
#crossBox{
    padding: 0 0 12em;
}
#crossBox .title-bg img{
    height: 200px;
}
#crossBox .title-img img{
    height: 90px;
	margin-top: 5%;
}
#crossBox .cross-head dt{
    font-size: 1.9rem;
}
#crossBox .crossBox-wrap{
    position: relative;
	height: 1650px;
}
#crossBox .crosspic-1{
    width: 90%;
	height: 250px;
	right: 5%;
}
#crossBox .crossBox-1 .textBox{
    width: 90%;
	height: 630px;
	top: 250px;
	padding: 50px 45px;
}
#crossBox .crosspic-2{
    width: 90%;
	top: 120px;
	left: 5%;
	height: 250px;
}
#crossBox .crossBox-2 .textBox{   
    width: 90%;
    left: 5%;
    top: 679px;
    height: 630px;
	padding: 50px 45px;
}
#crossBox .crossBox-1 h3, 
#crossBox .crossBox-2 h3{
    font-size: 2rem;
}
#crossBox .crossBox-1 h4,
#crossBox .crossBox-2 h4{
    margin: 1.2em 0 0.3em;
}
#crossBox .cross-space5{
    margin-bottom: 2.5%;
}
#crossBox .cross-space10{
    margin-bottom: 5%;
}
}/*end*/

@media(max-width:860px){
#crossBox .cross-head dd{
    width: 62%;
}
}/*end*/

@media(max-width:770px){
#crossBox .crossBox-wrap{
    height: 1700px;
}
#crossBox .cross-head dd{
    width: 100%;
	margin-top: 113px;
	float: none;
}
}/*end*/
@media(max-width:649px){
#crossBox{
    padding: 0 0 6em;
}
#crossBox .crossBox-wrap{
    height: 1800px;
}
#crossBox .cross-head dt{
    font-size: 2.1rem;
}
#crossBox .cross-head dd{
    margin-top: 55px;
}
}/*end*/

@media(max-width:520px){
#crossBox-parent{
    padding: 0;
}
#crossBox .title-img img{
    height: 70px;
}
#crossBox .title-bg img{    
    height: 180px;
}
#crossBox .cross-title{
    margin-bottom: 2em;
}
#crossBox .crossBox-1 .textBox,
#crossBox .crossBox-2 .textBox{
    height: 670px;
}
#crossBox .crosspic-1,
#crossBox .crosspic-2{
    height: 260px;
}
#crossBox .crossBox-1 .textBox,
#crossBox .crossBox-2 .textBox{
    top: 260px;
}
#crossBox .crosspic-2{
    top: 130px;
}
#crossBox .crossBox-2 .textBox{
    top: 660px;
}
}/*end*/

@media(max-width:460px){
#crossBox{
    padding: 1em 0 2em;
}
#crossBox .innerWrap{
	padding: 1em 1.2em 2em;
}
#crossBox .title-bg img{
    height: 155px;
}
#crossBox .title-img img{
    height: 60px;
}
#crossBox .cross-title{
    margin-bottom: 2em;
}
#crossBox .cross-head dt{
    font-size: 1.75rem;
}
#crossBox .cross-head dd{
    font-size: 1.1rem;
	margin-top: 45px;
}
#crossBox .crosspic-1,
#crossBox .crosspic-2{
    height: 200px;
}
#crossBox .crossBox-1 .textBox,
#crossBox .crossBox-2 .textBox{
    top: 200px;
	padding: 1.5em 1em;
	height: 640px;
}
#crossBox .crossBox-1 h3,
#crossBox .crossBox-2 h3{
    font-size: 1.6rem;
}
#crossBox .crossBox-1 h4,
#crossBox .crossBox-2 h4{
    font-size: 1.3rem;
}
#crossBox .crossBox-1 p,
#crossBox .crossBox-2 p{
    font-size: 1.1rem;
}
#crossBox .crosspic-2{
    top: 80px;
}
#crossBox .crossBox-2 .textBox{
    top: 590px;
}
}/*end*/

@media(max-width:390px){
#crossBox-parent{
    padding-bottom: 4em;
}
#crossBox{
    padding-top: 10px;
	margin-bottom: -17em;
}
#crossBox .title-bg img{
    height: 115px;
}
#crossBox .title-img img{
    height: 50px;
}
#crossBox .cross-title{
    margin-bottom: 1.5em;
}
#crossBox .cross-head dt{
    font-size: 1.6rem;
}
#crossBox .cross-head dd{
    margin-top: 34px;
}
#crossBox .cross-head dd{
    font-size: 1rem;
}
#crossBox .crosspic-1,
#crossBox .crosspic-2{
    height: 170px;
}
#crossBox .crossBox-1 .textBox,
#crossBox .crossBox-2 .textBox{
    top: 170px;
	padding: 37px 26px;
	height: 600px;
}
#crossBox .crossBox-1 h3,
#crossBox .crossBox-2 h3{
    font-size: 1.6rem;
}
#crossBox .crossBox-1 h4, 
#crossBox .crossBox-2 h4{
	margin-bottom: 0.5em;
}
#crossBox .crosspic-2{
    top: 10px;
}
#crossBox .crossBox-2 .textBox{
    top: 490px;
}
}/*end*/

@media(max-width:320px){
#crossBox .innerWrap{
    padding: 0;
}
#crossBox .crossBox-1 .textBox,
#crossBox .crossBox-2 .textBox{
    padding: 35px 15px;
	height: 680px;
}
#crossBox .cross-head{
    padding: 0 1.3em;
}
#microbe #crossBox .cross-head dd{
     margin-top: 75px;
}
#crossBox .cross-head dt,
#crossBox .crossBox-1 h3,
#crossBox .crossBox-2 h3{
    font-size: 1.5rem;
}
#crossBox .crossBox-1 p,
#crossBox .crossBox-2 p{
    font-size: 1rem;
}
#crossBox .crosspic-1, 
#crossBox .crosspic-2{
    height: 150px;
	top: 40px;
}
#crossBox .crossBox-1 .textBox{
    top: 150px;
}
#crossBox .crossBox-2 .textBox{
    top: 470px;
}
#crossBox .crossBox-1 .textBox,
#crossBox .crossBox-2 .textBox{
	height: 650px;
}
#crossBox .crossBox-1 h4,
#crossBox .crossBox-2 h4{
    font-size: 1.25rem;
	margin-bottom: 0.55em;
}
}/*end*/

/**************************************************

    terekoBox
	
**************************************************/
@media(max-width:860px){
#health .terekoBox-1 h4, 
#health .terekoBox1-2 h4,
#health .terekoBox-2 h4{
    margin-bottom: 4em;
}
#health .terekoBox-1 img,
#health .terekoBox-2 img,
#health .terekoBox1-2 img{
    position: relative;
    height: 20em;
	width: 94%;
	margin-left: 3%;
	padding-top: 6em;
}
#health .terekoBox-1 .innerWrap,
#health .terekoBox1-2 .innerWrap{
    padding: 0.5em 0 1em 0;
	width: 84%;
    margin-left: 8%;
}
#health .terekoBox-2 .innerWrap{
    padding: 0.5em 0 1em 0;
	width: 84%;
}
#health .terekoBox-2{
    height: 74vh;
}
#health .terekoBox-1 h2,
#health .terekoBox-2 h2,
#health .terekoBox1-2 h2{
	line-height: 1.5;
	margin: 1.6em 0 2.8em;
}
#health .terekoBox-1 p,
#health .terekoBox-2 p,
#health .terekoBox1-2 p{
	width: 100%;
	max-width: 100%;
}
}/*end*/

@media(max-width:770px){
#health .terekoBox{
    padding-bottom: 120px;
}
#health .terekoBox p{
    width: 100%;
}
#health .terekoBox img{
    height: 20em;
	width: 96%;
	margin-left: 2%;
	padding-top: 7em;
}
#health .terekoBox .innerWrap{
    padding: 0.5em 0 1em 0;
    width: 84%;
	margin-left: 8%;
}
#health .terekoBox .innerWrap{
    width: 93%;
	padding-left: 3.5em;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#health .tereko-img-2{
    padding-top: 7em;
	width: 96%;
	margin-left: 2%;
}
#microbe-2 .terekoBox img{
    object-position: 0 60%;
}
#terekoBox p{
    width: 100%;
}
#health .terekoBox-2 p{
    max-width: 100%;
}
#terekoBox h2{
    font-size: 1.8rem;
	line-height: 1.5;
}
#terekoBox h4{
    font-size: 2.1rem;
	margin: 1.5em 0 3.5em;
}
}/*end*/

@media(max-width:649px){
#health .terekoBox-2{
    height: 69vh;
}
#health .terekoBox img{
    width: 90%;
	margin-left: 5%;
}
#health .tereko-img-2{
    width: 90%;
	margin-left: 5%;
}
}/*end*/

@media(max-width:460px){
#health .terekoBox-2{
    height: 64vh;
	min-height: 64vh;
}
#health .terekoBox .innerWrap{
    margin-left: 6%;
	width: 86%;
}
#health .terekoBox-1 img, 
#health .terekoBox-2 img,
#health .terekoBox1-2 img{
    height: 15em;
	width: 90%;
	margin-left: 6%;
	padding-top: 3.5em;
}
#kouso #terekoBox .tereko-img-1{
    object-position: 0 100%;
}
#health .terekoBox .innerWrap{
    padding-left: 2.5em;
}
#health .terekoBox-1, 
#health .terekoBox-2,
#health .terekoBox1-2{
    padding-bottom: 30px;
}
#health .terekoBox-1 h2,
#health .terekoBox-2 h2,
#health .terekoBox1-2 h2{
    font-size: 2rem;
	margin-top: 1.1em;
}
#terekoBox h4{
    font-size: 1.9rem;
}
#health .terekoBox-1 p,
#health .terekoBox-2 p,
#health .terekoBox1-2 p{
    font-size: 1.1rem;
	line-height: 2;
}
}/*end*/

@media(max-width:390px){
#health .terekoBox-2{
    height: 81vh;
}
#health .terekoBox-1 img,
#health .terekoBox-2 img,
#health .terekoBox1-2 img{
    height: 13em;
}
#health .terekoBox-1 h2,
#health .terekoBox-2 h2, 
#health .terekoBox1-2 h2{
    font-size: 1.8rem;
}
#health .terekoBox-1 h4,
#health .terekoBox-2 h4, 
#health .terekoBox1-2 h4{
    font-size: 1.6rem;
	margin-bottom: 4em;
}
}/*end*/

@media(max-width:320px){
#health .terekoBox-1 img,
#health .terekoBox-2 img,
#health .terekoBox1-2 img{
    height: 12em;
	width: 90%;
	margin-left: 5%;
	padding-top: 2.5em;
}
#health .terekoBox-1 h2, 
#health .terekoBox-2 h2,
#health .terekoBox1-2 h2{
    font-size: 1.4rem;
	margin: 0.8em 0 3em;
}
#health .terekoBox-1 h4,
#health .terekoBox-2 h4, 
#health .terekoBox1-2 h4{
    font-size: 1.3rem;
}
#health .terekoBox-1 p,
#health .terekoBox-2 p,
#health .terekoBox1-2 p{
    font-size: 1rem;
	line-height: 2.3;
}
}/*end*/

/*****条件付き***********/
@media(max-width:960px){
#kouso-3 #kouso3-1 .terekoBox-2{height: 86vh;}
#kouso-3 #kouso3-2 .terekoBox-2{height: 90vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 87vh;}
#microbe-2 .terekoBox-2{height: 115vh;}
#microbe-3 .terekoBox-2{height: 96vh;}
#aboutus .terekoBox-2{height: 70vh;}
}/*end*/
@media(max-width:860px){
#kouso-3 #kouso3-2 .terekoBox-2{height: 96vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 98vh;}
#microbe-2 .terekoBox-2{height: 109vh;}
#microbe-3 .terekoBox-2{height: 91vh;}
#aboutus .terekoBox-2{height: 82vh;}
}/*end*/
@media(max-width:770px){
#kouso-3 #kouso3-1 .terekoBox-2{height: 85vh;}
#kouso-3 #kouso3-2 .terekoBox-2{height: 97vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 95vh;}
#microbe-2 .terekoBox-2{height: 119vh;}
#microbe-3 .terekoBox-2{height: 95vh;}
#aboutus .terekoBox-2{height: 86vh;}
}/*end*/
@media(max-width:649px){
#kouso-3 #kouso3-1 .terekoBox-2{height: 82vh;}
#kouso-3 #kouso3-2 .terekoBox-2{height: 100vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 88vh;}
#microbe-2 .terekoBox-2{height: 115vh;}
#aboutus .terekoBox-2{height: 84vh;}
}/*end*/
@media(max-width:520px){
#kouso-3 #kouso3-1 .terekoBox-2{height: 86vh;}
#kouso-3 #kouso3-2 .terekoBox-2{height: 102vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 98vh;}
#microbe-2 .terekoBox-2{height: 118vh;}
#microbe-3 .terekoBox-2{height: 100vh;}
#aboutus .terekoBox-2{height: 87vh;}
}/*end*/
@media(max-width:460px){
#kouso-3 #kouso3-1 .terekoBox-2{height: 77vh;}
#kouso-3 #kouso3-2 .terekoBox-2{height: 87vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 96vh;}
#microbe-2 .terekoBox-2{height: 104vh;}
#microbe-3 .terekoBox-2{height: 94vh;}
#aboutus .terekoBox-2{height: 74vh;}
}/*end*/
@media(max-width:390px){
#kouso-3 #kouso3-1 .terekoBox-2{height: 100vh;}
#kouso-3 #kouso3-2 .terekoBox-2{height: 117vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 128vh;}
#microbe-2 .terekoBox-2{height: 139vh;}
#microbe-3 .terekoBox-2{height: 131vh;}
#aboutus .terekoBox-2{height: 96vh;}
}/*end*/
@media(max-width:320px){
#kouso-3 #kouso3-1 .terekoBox-2{height: 102vh;}
#kouso-3 #kouso3-2 .terekoBox-2{height: 130vh;}
#kouso-3 #kouso3-3 .terekoBox-2{height: 128vh;}
#microbe-2 .terekoBox-2{height: 148vh;}
#microbe-3 .terekoBox-2{height: 139vh;}
#aboutus .terekoBox-2{height: 97vh;}
}/*end*/
/**************************************************

     bnrbox
	
**************************************************/
@media(max-width:1024px){
#aboutus .about-bnr-1 .innerWrap,
#aboutus .about-bnr-2 .innerWrap{
    padding: 2.5em 3em 3em;
}
#aboutus .about-bnr-2 .endbnrBox ul li{
    width: 48%;
}
#aboutus ul li img{
    width: 95%;
}
}/*end*/

@media(max-width:860px){
#aboutus .endbnrBox ul{
    display: block;
}
#aboutus .about-bnr-1 .endbnrBox ul li,
#aboutus .about-bnr-2 .endbnrBox ul li{
    width: 75%;
	display: block;
	margin-left: 15%;
}
#aboutus .about-bnr-1 .imgRes{
    max-width: 100%;
}
}/*end*/

/**************************************************

     supplement page
	
**************************************************/
@media(max-width:1024px){
.suppleItem ul li:nth-of-type(1){
	min-width: 40%;
	margin-right: 32px;
}
.suppleItem .itemTitle{
	font-size: 2.7rem;
	line-height: 1.8;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #ccb78f;
}
.suppleItem .itemTitle2{
	font-size: 1.8rem;
	line-height: 1.8;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 0 0 0.1em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.suppleItem dd+.itemTitle2{
	margin-top: 20px;
}
.suppleItem .itemRead{
	margin-bottom: 24px;
	font-size: 1.8rem;
}
.suppleItem h3{
    font-size: 2rem;
}
.suppleItem .itemTitle{
    font-size: 1.8rem;
	line-height: 1.5;
}
.suppleItem .itemRead{
    font-size: 1.2rem;
}
#supple #supplePaper .innerWrap{
    padding: 2.5em 3em 3em;
}
.suppleItem{
	margin: 0 auto 4em;
}
.suppleItem h3{
	font-size: 2rem;
	line-height: 1.8;
	padding: 0.2em 0.5em 0.1em;
	margin-bottom: 25px;
}
.suppleItem h3 sup{
	padding-left: 0.2em;
	font-size: 2.0rem;
}
.suppleItem .itemTitle{
	font-size: 1.7rem;
	line-height: 1.6;
	margin-bottom: 24px;
}
.suppleItem .itemRead{
    font-size: 1.2rem;
}
.suppleBox p{
    font-size: 1.4rem;
}
.suppleItem .grayOn{
	color: #FFF;
	font-size: 1.2rem;
	padding: 0.1em 0.5em 0.2em;
	border: 1px solid #3E3A39;
	background-color: #3E3A39;
}
.suppleMain p{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 86%;
}
.suppleMain h2 img{
	width: 30%;
}
.suppleItem .itemLink2 a{
	margin-left: 0;
}
}
.suppleItem .itemLink2 a span{
	display: inline-block;
	color: #FFF;
	text-align: center;
	padding: 0.2em 0.2em;
	border: 1px solid #e73;
	background-color: #e73;
	width: calc(100% - 150px );
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.suppleItem .itemLink2 a:hover span{
	color: #e73;
	background-color: #FFF;
}

.suppleItem .itemLink3 a{
	display: block;
	background-image: url(./img/img_linkarrow3.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 100%;
	margin-top: 20px;
}
.suppleItem .itemLink3 a span{
	display: inline-block;
	color: #FFF;
	text-align: center;
	padding: 0.2em 0.2em;
	border: 1px solid #951;
	background-color: #951;
	width: calc(100% - 150px );
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.suppleItem .itemLink3 a:hover span{
	color: #951;
	background-color: #FFF;
}
.suppleMain ul li {
	width: 31%;
	height: 29%;
	padding-bottom: 5%;
}
#supple .suppleBox h2 span{
	border: 3px solid #FFF;
	display: block;
	height: calc(100% - 30px);
	padding: 65px 0;
	margin: auto auto;
}
#supple .suppleBox h2 span small{
	display: block;
	text-align: center;
	font-size: 1.7rem;
	line-height: 2.3;
	margin: 10px auto 0;
}
.suppleMain ul li {
	margin-right: 13px;
}
}/*end*/

@media(max-width:770px){
.suppleItem ul{
    display: block;
}
#supple .suppleBox .imgRes{
    width: 100%;
}
.suppleItem ul li:nth-of-type(1){
    margin-right: 0;
}
}/*end*/


@media(max-width:649px){
.suppleMain{
	padding-top: 0em;
	padding-bottom: 18%;
	background-image: url(../img_sp/bg_supple-sp.jpg);
	width: 100%;
	height: auto;
}
.supple-title img{
    width: 90%;
	margin-top: 5%;
}
.supple-sub-title img{
    margin-top: 10%;
}
.supple-botle-img img{
    margin-left: 5%;
	text-align: left;
}
#supple #contents .innerWrap{
    padding: 0.5em 2em 2em 2em;
}
.suppleItem{
    padding: 3em 1em 5em 1em;
	margin: 0 3em;
}
.suppleBox .imgRes{
    width: 100%;
	margin-bottom: 5%;
}
.suppleBox ul li{
    margin-right: 0;
	width: 100%;
}
#supple .suppleBox{
	padding: 0;
}
.suppleMain ul {
    width: 100% !important;
	margin-top: 12%;
}
.suppleMain ul li{
	padding: 0;
	width: 30% !important;
	height: 85px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
#supple .suppleBox h2 img{
	max-width: 123%;
	margin-left: -10%;
}
.suppleMain ul li a {
	width: 100%;
}
}/*end*/

@media(max-width:520px){
.supple-botle-img img{
    width: 40%;
}
}/*end*/

@media(max-width:460px){
#supple #supplePaper{
    padding-bottom: 0;
}
.suppleItem{
    margin: 0 auto;
}
#supple .suppleBox{
    outline-offset: -12px;
}
.suppleItem{
    padding: 2em 2.3em 3em 2.3em;
}
.suppleBox .itemLink2{
    margin-top: 10%;
}
.suppleItem .itemRead{
    font-size: 1.1rem;
}
.suppleItem h3{
    font-size: 1.8rem;
}
.suppleBox .imgRes{
    width: 70%;
}
.suppleBox p{
    font-size: 1.2rem;
}
.suppleItem .itemTitle{
    font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 14px;
}
.point-list{
    font-size: 105%!important;
}
}/*end*/

@media(max-width:390px){
.suppleItem .itemLink2 a{
    padding: 10px 20px;
}
}/*end*/

@media(max-width:320px){
#supple #contents .innerWrap{
    padding: 0.5em 1em 2em 1em;
}
.suppleItem{
    padding: 1.5em 1.8em 2em 1.8em;
}
.suppleItem h3{
    font-size: 1.4rem;
}
.suppleItem h3 sup{
    font-size: 1.4rem;
    top: -0.3em;
}
.suppleBox .imgRes{
    width: 76%;
	margin-bottom: 3%;
	margin-top: -3%;
}
.suppleItem .itemTitle{
    font-size: 1.2rem;
}
.suppleItem .itemRead{
    font-size: 1rem;
	margin-top: 6px;
	margin-bottom: 10px;
}
.suppleBox p{
    font-size: 1.1rem;
}
.point-list{
    font-size: 89%!important;
}
.suppleItem .itemLink2 a{
    font-size: 1rem;
	padding: 6px 30px;
}
}/*end*/

/**************************************************

     条件指定付き
	
**************************************************/
@media(max-width:1024px){
#microbe-3 .terekoBox-1 h2{
    margin-bottom: 2em;
}
}/*end*/

@media(max-width:960px){
#kouso3-1 .terekoBox-1 img{
    object-position: 0 95%;
}
}/*end*/

@media(max-width:860px){
#microbe-3 .terekoBox-1 h2{
	margin: 1.6em 0 0.8em;
}
#microbe-3 #terekoBox .tereko-img-1{
    object-position: 0 63%;
}
}/*end*/

@media(max-width:649px){
/*cross sp*/
#microbe-1 #crossBox .cross-head dd{
    margin-top: 95px;
}

#microbe-3 .terekoBox-1 h4,
#microbe-3 .terekoBox-2 h4{
    margin-bottom: 18%;
}
#aboutus .bnr-top img{
    margin-left: 0;
}
#aboutus .about-bnr-1 .endbnrBox ul li, 
#aboutus .about-bnr-2 .endbnrBox ul li{
    width: 100%;
	margin-left: 0;
}
}/*end*/

@media(max-width:520px){
#microbe-1 .pickup .imgRes{
	margin-bottom: 2em;
}
#microbe-1 #pickup-full .imgRes{
    height: 100px;
	margin-bottom: 5%;
}
#microbe-3 .terekoBox-1 h4, 
#microbe-3 .terekoBox-2 h4{
    margin-bottom: 21%;
}
#microbe-3 #pickup-full .pickup-f p span{
    margin-top: 10%;
	margin-bottom: -3%;
}
#aboutus .about-bnr-1 .bnr-top img{
    height: 66px;
}
#aboutus .about-bnr-1 .innerWrap, 
#aboutus .about-bnr-2 .innerWrap{
    padding: 2.5em 3em 3em;
}
#aboutus .terekoBox-1 p,
#aboutus .terekoBox1-2 p{
    margin-top: -3em;
}
}/*end*/

@media(max-width:460px){
#microbe-1 #pickup-full .imgRes{
    height: 90px;
	margin-bottom: 5%;
}
#microbe-2 #pickup-ss .pickup .imgRes{
    height: 90px;
}
#microbe-3 .terekoBox-1 h4,
#microbe-3 .terekoBox-2 h4{
    margin-bottom: 23%;
}
#aboutus .about-bnr-1 .innerWrap,
#aboutus .about-bnr-2 .innerWrap{
    padding: 2.5em 1em 2em;
}
#aboutus .about-bnr-1 .endbnrBox a img{
    margin-bottom: 0;
}
#aboutus .terekoBox-1 h4{
    margin-bottom: 18%;
}
}/*end*/
 
 @media(max-width:390px){
#microbe-1 .pickup .imgRes{
    height: 85px;
}
#microbe-1 #crossBox{
    padding: 30px 0 1.5em;
}
#microbe-1 #mic1-pap-3{
    padding-top: 13em;
}
#microbe-3 .terekoBox-1 h4, 
#microbe-3 .terekoBox-2 h4{
    margin-bottom: 25%;
}
}/*end*/

 @media(max-width:320px){
 #microbe-1 .pickup .imgRes{
     height: 70px;
 }
 #microbe-1 #pickup-full .imgRes{
     height: 70px;
}
#microbe-2 #pickup-ss .pickup .imgRes{
    height: 70px;
}
#microbe-1 #crossBox{
    padding: 30px 0 3em;
}
#aboutus .about-bnr-1 .innerWrap, 
#aboutus .about-bnr-2 .innerWrap{
    padding: 1em;
}
#aboutus .about-bnr-1 .bnr-top img{
    margin-bottom: -1em;
	height: 50px;
}
#aboutus .about-bnr-1 .endbnrBox a img{
    margin-bottom: -1em;
}
}/*end*/

/****************************

       news
	   
*****************************/
@media(max-width:1024px){
#news .newsbox{
    padding: 4em 4em 2em;
}
#news .newsbox dl{
    margin: 0 0 2.8em;
	padding: 0 4em 3em;
}
#news p{
    font-size: 1.2rem;
	line-height: 2;
}
#news .newsbox dd span:nth-of-type(1){
    font-size: 1.5rem;
}
#news .newsbox dl dt{
    font-size: 1.2rem;
}
}/*end*/

@media(max-width:860px){
#news .newsbox h2{
    margin-bottom: 3em;
}
#news .newsbox dl{
	padding: 0 2em 3em;
}
}/*end*/

@media(max-width:770px){
#news .newsbox{
	padding: 3em 3em 2em;
}
#news #contents .innerWrap{
    width: 100%;
}
#news .newsbox dl{
	margin: 0 0 2em;
    padding: 0 2em 2em;
}
}/*end*/

@media(max-width:649px){
#news #contents .innerWrap {
	margin-left: auto;
	padding: 2em;
}
#contents .lineTitle2 img{
    width: auto;
	height: 70px;
}
#news p {
	font-size: 1.2rem;
	line-height: 1.8;
}
#news .newsbox dd span:nth-of-type(1){
	font-size: 1.5rem;
	margin-bottom: 4%;
	line-height: 1.3;
}
#news #contents{
	padding: 8em 0 5em;
}
#news .newsbox{
	padding: 2em 2em 2em;
}
#news .newsbox dl dt,
#news .newsbox dl dd{
    font-size: 1.3rem;
}
}/*end*/

@media(max-width:520px){
#contents .lineTitle2 img{
    height: 60px;
}
}/*end*/

@media(max-width:460px){
#news #contents{
    padding: 7em 0 5em;
}
#news .newsbox{
    padding: 1.2em 2em 2em;
}
#news .newsbox h2{
    margin-bottom: 2em;
}
#news .newsbox dl{
    padding: 0 0 2em;
}
#news .newsbox dl dt, 
#news .newsbox dl dd{
    font-size: 1.2rem;
}
#news .newsbox dd span:nth-of-type(1){
    font-size: 1.4rem;
}
#news p{
    font-size: 1.1rem;
}
}/*end*/

@media(max-width:390px){
#news .newsbox{
    padding: 1em 2em;
}
}/*end*/

@media(max-width:320px){
#news #contents{
    padding: 4em 0;
}
#news .newsbox h2{
    margin-bottom: 1em;
}
#contents .lineTitle2 img{
    height: 50px;
	margin-bottom: 0;
}
#news .newsbox{
    padding: 0.5em 1.5em 1em;
}
#news .newsbox dl{
    margin: 0 0 1em;
    padding: 0 0 1em;
}
#news .newsbox dl dt, 
#news .newsbox dl dd{
    font-size: 1.1rem;
}
#news .newsbox dd span:nth-of-type(1){
    font-size: 1.2rem;
}
#news p{
    font-size: 1rem;
}
}/*end*/

 @media(max-width:320px){
#news #contents .innerWrap{
    padding: 2em 1em;
}
}/*end*/

/****************************************

 contact-page
 
 ****************************************/
 @media(max-width:1024px){
 #con-form h2{
     font-size: 2rem;
 }
 #con-form ul{
     left: 18%;
	 top: 1%;
	 width: 65%;
     font-size: 1.4rem;
 }
 #con-form .con-btn{
     left: 63%;
	 padding: 0.8em 2.5em;
}
#con-list .innerWrap{
    padding: 7em 4em 2em 4em;
}
#contact #contents .contactBox dl dd{
    line-height: 2;
}
#contact #contents .contactBox dl dt{
    font-size: 1.6rem;
	padding-left: 5%;
}
#con-list a{
    text-decoration: none;
	color: #000;
}
#contact #contents .contactBox dl dd span{
    font-size: 2.3rem;
}
}/*end*/

@media(max-width:860px){
#con-form .con-btn{
    left: 58%;
	top: 90%;
}
#contact #contents .formselect a>div:nth-of-type(1),
#contact #contents .formselect a>div:nth-of-type(2){
    height: 40vh;
	width: 85%;
}
#contact #contents .formselect a>div:nth-of-type(2){
    height: 40vh;
	width: 85%;
}
#con-form ul{
    top: -5%;
}
}/*end*/

@media(max-width:760px){
#con-form{
    margin-top: 8em;
}
#con-list{   
    padding: 4em 0;
}
#con-list .innerWrap{
    padding: 0 3em;
}
#contact #contents .contactBox dl{
	display: block;
	width: 100%;
	padding: 0 0;
	margin-bottom: 20px;
	border-top: 0px solid #231815;
	border-bottom: 0px solid #231815;
}
#contact #contents .contactBox dl dt{
	display: block;
	width: 100%;
	padding: 1.5em 0;
	padding-left: 5%;
	padding-bottom: 6%;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
    font-size: 1.8rem;
}
#contact #contents .contactBox dl dd{
	display: block;
	vertical-align: middle;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.8;
}
#contact #contents .contactBox dl dd span{
	font-size: 2.5rem;
	line-height: 1.2;
}
#contact #contents .formselect a>dl dt{
	font-size: 2.3rem;
}
#contact #contents .formselect a>dl dd{
	font-size: 1.5rem;
	width: 100%;
}
#contact #contents .contactBox iframe{
	height: 350px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
#contact #contents .innerWrap {
	margin-left: -4.2%;
}
#thanks #con-list{
	padding: 0;
}
#contactform #contents .contactBox{
	padding: 5em 3em;
}
#contact #contents .innerWrap {
	margin-left: auto;
}
#contact #contents .formselect{
     margin: 8em auto;
}
#con-form .con-btn{
     left: 38%;
	 top: 95%;
}
#contact #contents .formselect a>div:nth-of-type(1),
#contact #contents .formselect a>div:nth-of-type(2){
    height: 44vh;
}
#contact #contents .contactBox dl{
    display: block;
	padding: 3em 0;
	border-bottom: 0px solid #231815;
}
#contact #contents .contactBox dl dd{
    font-size: 95%;
	display: block;
	width: 100%;
	padding-left: 5%;
	margin-top: 4%;
	line-height: 2.2;
}
#contact #contents .formselect{
	margin: 50px auto 7em;
}
#contact #contents .formselect a>dl{
	width: 85%;
	position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
   	z-index: 100;
   	padding-bottom: 30px;
	background-image: url(./img/img_contact01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
}/*end*/
 
@media(max-width:649px){
#contact .paperBox{
     padding: 7em 0;
}
#con-form{
padding-top: 6em;
     margin-top: 0;
}
#con-form ul{
    top: -7%;
}
#con-form .con-btn{
    left: 36%;
    top: 90%;
}
#contact #contents .contactBox{
    margin-top: -5%;
	padding: 0 2em;
}
#contact #contents .contactBox dl{
    padding: 3em 0 1em;
}
#contact #contents .formselect a>dl dt {
	margin-top: 4%;
	font-size: 2rem;
}
#contact #contents .formselect a>dl dd {
	font-size: 1.3rem;
	width: 100%;
}
#contact #contents .innerWrap {
	margin-left: auto;
}
#contact #contents .formselect a>dl dd:before{
	content: "＋ ";
}
#contact #contents .contactBox{
	margin-bottom: 6em;
}
#contact #contents .konohana{
	margin-bottom: 2em !important;
}
}/*end*/

@media(max-width:520px){
#con-form .con-btn{
     left: 32%;
}
#con-form li{
     font-size: 95%;
}
#contact #contents .contactBox dl dt{
    font-size: 1.7rem;
}
#contact #contents .contactBox{
     margin-bottom: 5em;
}
}/*end*/

@media(max-width:460px){
#contact #con-top .innerWrap{
    padding: 1em 0 1.7em;
}
#contact .paperBox{
    padding: 5em 0;
}
#con-form{
    padding-top: 2em;
}
#contact #contents .formselect{
    margin: 5em 0;
}
#con-form .con-btn{
    left: 25%;
	top: 83%;
    background-color: #ccb78f;
}
#contact #contents .formselect a>div:nth-of-type(1),
#contact #contents .formselect a>div:nth-of-type(2){
	left: 48%;
}
#con-form ul{
    top: 2%;
}
#contact .paperBox h2{
    font-size: 1.7rem;
}
#con-form li{
    font-size: 90%;
}
#con-form ul{
    color: #000;
}
#contact #contents .formselect a{
    color: #fff;
}
#con-list{
    padding: 2em 0;
}
#contact #contents .contactBox dl{
    padding: 3em 0 1em;
}
#contact #contents .contactBox dl dt{
    font-size: 1.5rem;
	padding: 1em 0 0 5%;
	padding-bottom: 5%;
}
#contact #contents .contactBox dl dd span{
    font-size: 2.1rem;
}
#contact #contents .contactBox dl dd{
    font-size: 92%;
}
#contact #contents .contactBox{    
    margin-bottom: 2em;
}
}/*end*/

@media(max-width:390px){
#con-form{
    padding-top: 5em;
}
#contact #contents .formselect{
    margin: 0 0 2em 0;
}
#contact #contents .formselect a>div:nth-of-type(1),
#contact #contents .formselect a>div:nth-of-type(2){
    height: 56vh;
}
#con-form ul{
    top: 6%;
}
#con-form li{
    font-size: 84%;
}
#con-form .con-btn{
    left: 23%;
	top: 76%;
}
#contact #contents .formselect a>div:nth-of-type(1),
#contact #contents .formselect a>div:nth-of-type(2){
    height: 50vh;
}
#con-list{   
    padding: 1em 0;
}
#contact #contents .contactBox dl{
    margin-bottom: 10px;
}
#contact #contents .contactBox dl dt{
    font-size: 1.4rem;
}
#contact #contents .contactBox dl dd span{
    font-size: 1.9rem;
}
#contact #contents .contactBox{
    margin-bottom: 0;
}
}/*end*/

@media(max-width:320px){
#contact .paperBox{
    padding-top: 2.5em;
	padding-bottom: 6em;
}
#contact #con-top .innerWrap{
    padding:  1em 0;
}
#contact #contents .formselect{
    margin: -1.5em 0 1em 0;
}
#con-form ul{
    top: 6%;
}
#contact .paperBox h2{
    font-size: 1.4rem;
}
#con-form li{
    font-size: 76%;
}
#con-form .con-btn{   
    padding: 0.5em;
	width: 64%;
	top: 80%;
	left: auto;
	text-align: center;
	margin-left: 18%;
}
#contact #contents .formselect a{
    font-size: 90%;
}
#con-list{
    padding: 0;
	padding-bottom: 2em;
}
#contact #contents .contactBox{
    padding: 0 1.5em;
	margin-bottom: 0.5em;
}
#contact #contents .contactBox dl{
    padding: 2.2em 0 1em;
	margin-bottom: 0;
}
#contact #contents .contactBox dl dt{
    font-size: 1.2rem;
}
#contact #contents .contactBox dl dd{   
    font-size: 85%;
}
#contact #contents .contactBox dl dd span{ 
    font-size: 1.6rem;
}
#contact #contents .konohana{
    margin-bottom: 0!important;
}
}/*end*/

/*******************************

         contactform
	
********************************/
@media(max-width:1024px){
#contactform #contents h2+p{
    font-size: 1.2rem; 
}
#contactform #contents .contactBox dl dt{
    font-size: 1.2rem;
}
#contactform #contents .contactBox dl dd span{
    font-size: 1.2rem;
}
#contactform #contents .contactBox dl dd{
    font-size: 1.2rem;
}
#contactform #contents .contactBox input[type=submit]{
    font-size: 1.3rem;
}
#con-priv p{
    text-align: center;
}
#contactform #contents .contactBox .center{
    margin: 2em auto 3em 14%;
}
}/*end*/

@media(max-width:860px){
#contactform #contents .innerWrap{
    width: 90%;
}
#contactform #contents .contactBox{
    padding: 4.5em 3.5em;
}
}/*end*/

@media(max-width:649px){
#contactform #contents h2 img{
    height: 32px;
}
#contactform #contents h2+p{
    text-align: left;
}
#contactform #contents .contactBox .center{
    margin: 2em auto 3em 16%;
}
}/*end*/

@media(max-width:570px){
#contactform #contents .contactBox .center{
    margin: 2em auto 3em 13%;
}
}

@media(max-width:460px){
#contactform #contents .innerWrap{
    width: 86%;
	padding: 4em 0;
}
#contactform #contents .contactBox{    
    padding: 3.5em 2em;
}
#contactform #contents h2 img{
    height: 25px;
}
#contactform #contents h2{
    margin-bottom: 0;
}
#contactform #contents h2+p{
    padding: 1em 0;
	margin-bottom: -13%;
	font-size: 1.1rem;
	line-height: 2;
}
#contactform #contents .contactBox dl dt{
    font-size: 1.1rem;
}
#contactform #contents .contactBox dl dd span{
    font-size: 1.1rem;
}
#contactform #contents .contactBox dl dd{
    font-size: 1.1rem;
}
#contactform #contents .contactBox dl .wpcf7-list-item>label{
    line-height: 1.8;
}
#contactform #contents .contactBox input[type=submit]{
    font-size: 1.2rem;
}
#contactform #contents .contactBox .center{       
    margin: 2em auto 1em 3%;
}
#con-priv p{
    font-size: 1.1rem;
	line-height: 2;
	text-align: left;
}
}/*end*/

@media(max-width:390px){
#contactform #contents .innerWrap{
    width: 88%;
	padding: 3.5em 0;
}
#contactform #contents .contactBox dl .wpcf7-list-item>label{
    width: 90%;
	line-height: 1.6;
}
#contactform #contents .contactBox .center{
    margin: 2em auto 1em;
}
}/*end*/

@media(max-width:320px){
#contactform #contents .innerWrap{
    width: 90%;
	padding: 2em 0;
}
#contactform #contents .contactBox{
    padding: 2em 1.5em;
}
#contactform #contents h2 img{
    height: 20px;
}
#contactform #contents h2+p{
    font-size: 1rem;
	margin-bottom: -15%;
}
#contactform #contents .contactBox dl dt{
    font-size: 1rem;
}
#contactform #contents .contactBox dl dd span{
    font-size: 1rem;
}
#contactform #contents .contactBox dl dd{
    font-size: 1rem;
	margin: 0 0 0.1em;
	padding: 0 0 1em 0;
}
#contactform #contents .contactBox dl .wpcf7-list-item>label{
    line-height: 1.4;
}
#contactform #contents .contactBox input[type=submit]{
    width: 90%;
	text-align: center;
	padding: 0.7em 3em 0.7em 2.8em;
	margin-top: 0;
}
#contactform #contents .contactBox .center{
    margin: 2em auto 0;
}
#con-priv p{
    font-size: 1rem;
}
}/*end*/

/**********************************

   thanks
   
 **********************************/
 @media(max-width:1024px){
 #thanks #con-list .innerWrap{
     padding-top: 4em; 
 }
 }/*end*/
 
 /********************************
 
 　　　　　COMPANY
	  
************************************/
@media(max-width:1024px){
/**page.css に記載***/
}/*end*/

@media(max-width:860px){
.gree-wrap-1{
    float: none;
	left: 3em;
}
.gree-wrap-2{
    padding-right: 0;
	margin-top: 17em;
}
#company .gree-text{
    width: 350px;
	left: 200px;
	position: absolute;
	top: 113px;
}
}/*end*/

@media(max-width:770px){
#company #contents .innerWrap{
    width: 96%;
}
#company #comp-profile .box{   
    padding: 3em;
}
#company #contents div.profile p{   
    width: 80%;
	padding-right: 1.3em;
}
}/*end*/

 @media(max-width:649px){
 #company #contents .innerWrap{
     width: 100%;
 }
#company .comp-title img{
    height: 56px!important;
}
#company .comp-title{
    margin-bottom: 0;
}
#company #contents h2{
    margin-bottom: 1em;
}
#company #comp-profile .box{
    padding: 3.5em 3em;
}
#company #contents .box:nth-of-type(1), 
#company #contents .box:nth-of-type(2),
#company #contents .box:nth-of-type(3),
#company #contents .box:nth-of-type(4),
#company #contents .box:nth-of-type(5){
    margin: 3em 0 5em 0;
}
#company .mapbox:not(:last-child){
    padding-bottom: 4em;
}
#company #contents table,
#company #contents table th,
#company #contents table td{
    display: block;
}
#company #contents table th{
     width: 100%;
	 border-bottom: none;
	 background-color: #ede8de;
	 padding: 1em 2em;
 }
 #company #contents table td{
     border-bottom: none;
 }
 #company #contents table{
     border-top: none;
 }
 #company #contents h3{  
     border-bottom: 1px solid #000;
     margin-bottom: 0.8em;
	 padding-bottom: 0.3em;
 }
#company .mapbox:not(:last-child){
     margin-bottom: 4em;
}
#company .gree-text{
    left: 138px;
	top: 45px;
}
#company .gree-wrap-1 img{
    width: 120px;
}
.gree-wrap-2{
    margin-top: 13em;
}
}/*end*/

@media(max-width:520px){
#company #contents .innerWrap{
    width: 100%;
}
#company #contents .innerWrap{
    padding: 2.5em 2em 6em 2em;
}
#company #comp-profile .box{
    padding: 3em 2em;
}
#company .comp-title img{    
     height: 48px!important;
}
#company #contents h2{
    margin-bottom: 2em;
}
#company #contents table th{
    padding: 0.8em 2em;
}
 #company #contents dd{
     padding-left: 60px;
 }
 #company #comp-history .box{
     padding: 3em 2em;
 }
 #company .gree-wrap{
     padding: 2.5em;
 }
 #company .gree-wrap-1 img{
    width: 110px;
 }
 #company .gree-text{
     left: 123px;
	 top: 38px;
 }
 .gree-wrap-2{
     margin-top: 12em;
 }
 }/*end*/
 
@media(max-width:460px){
#company #contents .innerWrap{
    width: 100%;
	padding-bottom: 6em;
	padding: 0.1em 2em 6em 2em;
}
#company .comp-title{
    margin-top: 5em;
}
#company .comp-title img{
    height: 43px!important;
}
#company #comp-profile .box,
#company #comp-access .mapbox{
    padding: 2em 1.5em;
}
#company #contents h2{    
    margin-bottom: 1em;
}
#company #contents table th,
#company #contents table td,
#company .mapbox p,
#company #contents dt,
#company #contents dd,
#company #contents div.profile p{
    font-size: 1.1rem;
}
#company #contents table th{
	padding: 0.5em 1.5em;
}
#company #contents table td{
	padding: 1em 1.5em;
}
#company #contents .box:nth-of-type(1), 
#company #contents .box:nth-of-type(2), 
#company #contents .box:nth-of-type(3),
#company #contents .box:nth-of-type(4),
#company #contents .box:nth-of-type(5){
    margin: 1em 0 4em 0;
}
#company #comp-history .box{
    padding: 2em;
}
#company .comp-accessBox-l{
    height: 68vh;
}
#company .comp-accessBox{
    height: 58.5vh;
}
#company #contents h3{
    font-size: 1.5rem;
	padding-bottom: 0.8em;
	line-height: 1.4;
}
#company .access-wrap-1,
#company .mapbox p{
    margin-bottom: 0;
}
#company #contents dt{
    line-height: 4.87;
}
#company #contents dd{
    padding-left: 50px;
	line-height: 2.5;
}
#company #contents div.profile{   
    padding: 3em 2em;
}
#company .gree-wrap{
    padding: 2em;
}
#company .gree-wrap-1 img{
    width: 90px;
}
#company .gree-text{
    left: 99px;
	top: 38px;
	font-size: 0.8rem;
	line-height: 1.8;
}
.gree-wrap-1{
    left: 1.5em;
	top: 2em;
}
.gree-wrap-2{   
    margin-top: 9.3em;
}
#company .gree-wrap{
    padding: 1.5em;
}
}/*end*/


@media(max-width:390px){
#company #contents .innerWrap{
    padding: 0.1em 1em 6em 1em;
}
#company .comp-title img{
    height: 40px!important;
}
#company .comp-accessBox-l{
    height: 92vh;
}
#company .comp-accessBox{
    height: 79vh;
}
}/*end*/

@media(max-width:320px){
#company .comp-title img{
    height: 35px!important;
}
#company .comp-title{
    margin-top: 3em;
}
#company #contents table th,
#company #contents table td,
#company .mapbox p,
#company #contents dt,
#company #contents dd,
#company #contents div.profile p{
    font-size: 1rem;
}
#company #comp-profile .box{
    padding: 1em;
	line-height: 1.8;
}
#company #contents table th{
    padding: 0.3em 1em;
}
#company #contents table td{
    padding: 0.8em 1em;
}
#company #contents h3{
    font-size: 1.3rem;
	padding-bottom: 0.5em;
	line-height: 1.3;
}
#company #comp-profile .box,
#company #comp-access .mapbox{
    padding: 1.5em 1em;
}
#company #contents .box:nth-of-type(1),
#company #contents .box:nth-of-type(2),
#company #contents .box:nth-of-type(3), 
#company #contents .box:nth-of-type(4),
#company #contents .box:nth-of-type(5){
    margin: 1em 0 3em 0;
}
#company #contents h2{
    margin-bottom: 0.5em;
}
#company .comp-accessBox-l{
    height: 89vh;
}
#company .comp-accessBox{
    height: 78vh;
}
#company .mapbox:not(:last-child){
    margin-bottom: 3em;
}
#company #comp-history .box{
    padding: 1em 1.2em;
}
#company #contents dt{
    line-height: 4.32;
}
#company #contents dd{
    line-height: 3;
	padding-left: 40px;
}
#company #contents div.profile{
    padding: 2em 1.5em;
}
#company .gree-wrap{
    padding: 1.2em;
}
#company .gree-text{ 
    font-size: 0.9rem;
    margin: -1em auto 1em;
	left: -45%;
	top: 217px;
	text-align: center;
}
#company #contents .innerWrap{
    padding-bottom: 3em;
}
.gree-wrap-1{
    left: 11%;
}
#company .gree-wrap-1 img{
    margin-left: 15%;
	width: 140px;
}
.gree-wrap-2{
    margin-top: 24.5em;
	font-size: 1rem;
}
}/*end*/

/*******************************

      site-map

*********************************/
@media(max-width:760px){
#sitemap #contents .innerWrap{
    padding: 4em;
}
}/*end*/

@media(max-width:520px){
#sitemap #contents .innerWrap{
    padding: 3em 2em;
}
}/*end*/

@media(max-width:460px){
#sitemap .sitemapbox{
    padding: 5em 0;
}
#sitemap .sitemapbox h2 img{
    height: 56px;
}
#sitemap .sitemapbox h2{
    margin-bottom: 1.5em;
}
#sitemap .sitemapbox dl{
    font-size: 1.1rem;
}
#sitemap .sitemapbox dt{
    background-position: 0 48%;
	width: 100%;
}
#sitemap .sitemapbox dd{
    width: 100%;
}
}/*end*/

@media(max-width:390px){
#sitemap .sitemapbox{
    padding: 4em 0;
}
#sitemap #contents .innerWrap{
    padding: 3em 1.8em;
}
#sitemap .sitemapbox h2{  
    margin-bottom: 1em;
}
#sitemap .sitemapbox h2 img{
   height: 52px;
}
#sitemap .sitemapbox dl{
    font-size: 1rem;
}
}/*end*/

@media(max-width:320px){
#sitemap .sitemapbox{    
    padding: 3em 0;
}
#sitemap #contents .innerWrap{
    padding: 2.5em 1.5em;
}
#sitemap .sitemapbox h2 img{
   height: 38px;
}
#sitemap .sitemapbox dl{
    font-size: 0.9rem;
	line-height: 2.4;
}
}/*end*/


@media(max-width:770px){
#privacy #contents{
    padding: 7em 0;
}
#privacy #contents .privacyBox{
    padding: 3em 3.5em;
}
}/*end*/

@media(max-width:649px){
#privacy #contents{
    padding: 4em 1em;
}
#privacy #contents .privacyBox{
    padding: 4em 3.5em;
}
.privacyBox h2 img{
    height: 60px;
}
#privacy #contents .lineTitle{
    1em 0 2em;
}
.privacyBox dt{    
    margin: 5em 0 1.5em;
}
}/*end*/

@media(max-width:520px){
#privacy #contents .privacyBox{
    padding: 2.5em;
}
#privacy #contents .lineTitle{
    padding: 1em 0 2em;
}
.privacyBox dt{
    margin: 4em 0 1em;
}
}/*end*/

@media(max-width:460px){
#privacy #contents{
    padding: 3em 0;
}
#privacy #contents .privacyBox{
    padding: 2em;
}
.privacyBox dd{
    font-size: 1.1rem;
}
.privacyBox dt{
    font-size: 1.3rem;
	margin: 3.5em 0 0.5em;
}
.privacyBox h2 img{
    height: 50px;
}
.privacyBox h2 span{
    font-size: 1.1rem;
}
}/*end*/

@media(max-width:320px){
#privacy #contents{
    padding: 1em 0;
}
#privacy #contents .privacyBox{
    padding: 1.2em;
}
.privacyBox h2 img{
    height: 32px;
	margin-bottom: -0.5em;
}
.privacyBox h2 span{   
    font-size: 0.9rem;
}
#privacy #contents .lineTitle{
    padding: 1em 0 1em;
}
.privacyBox dd{
    font-size: 1rem;
	line-height: 1.8;
}
.privacyBox dt{
    font-size: 1.1rem;
	margin: 3em 0 0.5em;
}
}/*end*/