@charset "utf-8";

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

.menu.menuMobileTop{
	display:none!important;
}
.mobileMenu{
	display: block;
	/* margin-top: 15px; */
	z-index: 11000;
	position: fixed !important;
	top: 15px;
	right: 15px;
	/* width: 80px; */
	/* height: 80px; */
}
ul.menuMobileTop.active {
	display:block!important;
	width:100%;
}
ul.menuMobileTop {
	padding-bottom:10px;
	background-color:#fff;
	display:none;
	text-align:center;
}
ul.menuMobileTop li{
	margin-bottom: 5px;
    background-color: rgb(255 254 254 / 15%);
    /* background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6)); */
    width: 100%!important;
}
ul.menuMobileTop li a{
	display:block;
}
ul.menuMobileTop .logoMobile{ display:block; width: 135px;}
ul.menuMobileTop p{
	background-color: #170639;
    text-align: center;
}
.menuMobileTop .logoMobile img{
	width: 91%!important;
    height: auto;
    margin: 1%!important;
		padding:12px
}
#imgInner .imgInner-content {
    padding-top: 140px;
}



#imgInner {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 560px;
	background-color: #fff;
}
#imgInner h1.logo {
	position: relative;
	left:0px;
	top:20px;
	width: 100%;
	display: inline-block;
	text-align:center;
}
#imgInner h1.logo img{
	width:180px
}
#imgInner ul.menu{
position: fixed;
    right: 0;
    top: 0;
    display: inline-block;
    float: right;
    padding-bottom: 0px;
    z-index: 100;
    width: 100%;
    background-color: #170639;
    height: auto;
		    line-height: 45px;
}
#imgInner ul.menu li {
float: left;
    width: 100% !important;
    text-shadow: none;
    text-align: center;
    padding: 0%;
    letter-spacing: 1px;
    font-size: 13px;
    color: #333;
}
#imgInner ul.menu li a{
	color: #fff;
}

#imgInner .imgInner-content h2 {
    font-size: 1em;
}
#imgInner .imgInner-content p {
    font-size: 13px;
}



.footerInner ul {
	width: 100%;
	margin:0;
	padding:0;
}
.footerInner li {
	display: inline-block;
	padding: 0;
	padding-left: 0;
	padding-right: 0;
	border-left: 1px solid rgba(204, 204, 204, 0.67);
	margin: 0;
	text-align: center;
	width: 20%;
	font-size: 11px;
}


.topBox img{
	width:100%;
	height:auto
}
.contInner .blocAction {
	margin-top: 1px;
	min-height: auto;
	width: 100%;
	display: inline-block;
  height: auto;
}
.blocAction.Line {
    padding-left: 0;
    padding-right: 0;
}
.contInner .blocAction.m {
    margin-top: 80px;
    margin-bottom: 130px;
}
.contInner .blocAction .bgImg {
	right: 20px;
	position: relative;
	display: block;
}
.contInner .blocAction .bgImg img{
	    width: calc(100vw + 400px);
    right: 200px;
    height: auto;
    /* left: -400px; */
    position: relative;
}
.contInner .blocAction .moveImg,
.contInner .blocAction .moveImg.right{
	top: 10px;
    padding: 5%;
    width: 90%;
    left: 0;
    position: relative;
		display: inline-block;
		height: auto;
}
.contInner .blocAction .bgImg.right {
	left:20px;
}

.contInner .bloc3rd {
    width: 82%;
    padding: 4%;
    min-height: auto;
    margin: 5%;
}


.contInner .blocTitle{
	height:auto;
	margin-bottom: 25px;
}
.contInner .blocTitle h3,
.contInner .blocTitle h3.black,
.contInner .blocTitle h3.white{
	font-size: 34px;
	padding-top: 3%;
}
.contInner .blocTitle h4,
.contInner .blocTitle h4.black,
.contInner .blocTitle h4.white{
	font-size: 16px;
	padding-bottom: 5%;
}
.commonBox {
    /* background-position: left top; */
    /* background-repeat: no-repeat; */
    width: 100%;
}

.contInner .font.em36 {
    font-size: 2.5em;
		line-height:2em
}
.contInner .blocAction.half {
    width: 100%;
    margin-bottom: 120px;
}



.footerInner li {
    width: 17%;
		border-left:none;
}
.footerInner li.last {
    border-right: none;
}


}

/*横*/
@media screen and (min-width: 568px) and (max-width: 812px) and (orientation:landscape){
	
}


/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px){

}

/* iPhone6のみ */
@media screen and (min-width: 375px) and (max-width: 413px){
}
@media only screen
and (min-device-width:569px)
and (max-device-width:667px)
and (orientation:landscape) {
	
}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 500px){
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
	body{
		zoom: 0.80;
	}
	
}