/*2017 max-width:940px*/
	*{
		box-sizing: border-box;
	}

.w440{
	width: 49% !important;
}

.ml10{
	margin-left: 3% !important;
}

.s_auto{
	width: auto !important;
	height: auto !important;
}



/*header*/
	#Container01 .databaseHeader {
		padding-top: 5px;
	}
	#Container01 .databaseHeader {
		width: 100%;
		overflow: hidden;
	}

	#Container01 .headerTitle {
		height: 70px;
		box-sizing: border-box;
		}

	#Container01 .headerTitle span {
		height: 70px;
		}

	#Container01 .headerTitle h1 {
		height: 70px;
		width: 138px;
		background-position: center 75%;
		}

	#Container01 .databaseHeader nav.headerNav ul{
		height: 78px;
		margin-left: -1px;
		margin-right: -2px;
		}

	#Container01 .databaseHeader nav.headerNav li{
		margin-top: -1px;
		margin-left: -1px;
		border-top: 1px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		box-sizing: border-box;
		width : 25% ;
		height: 40px;
		}

	#Container01 .databaseHeader nav.headerNav li:nth-child(4n){
		border-right: none;
	}

	#Container01 .databaseHeader nav.headerNav li a{
		display: block;
		padding: 0;
	}

	#Container01 .databaseHeader nav.headerNav li+li::before{
		content: "";
    	display: none;
		}

	#Container01 .databaseHeader nav.headerNav li:hover::after {
		display: none;
		}
	#Container01 .databaseHeader nav.headerNav li+li a::before {
	    border-left: 0;
		}
/*header_open*/
	#Container01 .databaseHeader nav.headerNav #menu {
		display: none;
	}

	#Container01 .databaseHeader nav.headerNav #toggle {
  		display: block;
  		position: absolute;
  		left: 15px;
  		top: 20px;
  		width: 120px;
  		height: 42px;
  		background: url(/about/common/images/icons_common_v2_w@2x.png) no-repeat 5px 5px;
  		background-size: 35px;
  		border-image-repeat: stretch stretch;
	}
	#Container01 .databaseHeader nav.headerNav #toggle a{
		display: block;
		position: absolute;
		top: -15px;
		left: 0;
		padding: 20px 0 20px 40px;
		color:#FFF;
		font-size: 110%;
		text-align: center;
		text-decoration: none;
	}
/*header_end*/

#mainBox{
	width: 100%;
}

#mainBox img{
	max-width: 100%;
	height: auto;
}

.topicPath{
	width: 100%;
}
/*Slider*/
	#mainContainer #mainBox #mainVisualArea {
	width: 100%;
	height:auto;
}

	#mainContainer #mainBox  #mainVisualArea .bx-controls-direction .bx-prev,
	#mainContainer #mainBox #mainVisualArea .bx-controls-direction .bx-next {
	top: 42%;
}

#mainContainer #mainBox #mainVisualArea img{
	width: 100%;
	height: auto;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img01 p {
	font-size:200%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img02 p {
	width: 47%;
	top:50%;
	left: 7%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img02 p.firstChild {
	top: 12%;
	left: 7%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img03 p {
	font-size:180%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img04 p {
	font-size:200%;
	top: 50px;
	right: 60px;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img04 p.secondChild {
	font-size:140%;
	top: 95px;
	right: 60px;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img04 p.secondChild {
	width: auto;
	right: 60px;
}

/*@media screen and (max-width: 800px) {
#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img04 p.secondChild {
	left: 50%;
}
}*/

@media screen and (max-width: 800px) {
#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img01 p {
	top: 30%;
	left: 8%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img02 p {
	top: 50%;
	left: 7%;
	width: 50%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img02 p.firstChild {
	top: 10%;
	left: 7%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img03 p {
	top:35%;
	font-size:160%;
	right: 9%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img04 p {
	font-size:170%;
	top: 15%;
	right: 7%;
}

#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img04 p.secondChild {
	width: auto;
	font-size:120%;
	top: 28%;
	right: 7%;
}
}

@media screen and (max-width: 719px) {
#mainContainer #mainBox #mainVisualArea .bx-wrapper .bx-viewport .mainSlider li.img04 p {
	font-size:150%;
}
}

/* loginBox */
#mainContainer #mainBox #mainVisualArea .loginBox,
#mainContainer #mainBox #mainVisualArea .loginBox:after  {
	height: 70px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#mainContainer #mainBox #mainVisualArea .loginBox p,
#mainContainer #mainBox #mainVisualArea .loginBox .button01 {
	text-align: center;
}

#mainContainer #mainBox #mainVisualArea .loginBox p {
	color: #ffffff;
	font-weight: bold;
	font-size: 130%;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

/*Slider_end*/


/*Price*/
#price .block .body ul.buttons.col3{
  width: 100% !important;
}

#price .block .body .buttons.col3 li{
  width: 31% !important;
  margin-left: 2% !important;
}
@media screen and (max-width: 900px) {
  #price .block .body .buttons.col2 li {
    position: relative;
  }
  #price .block .body .buttons.col2 li.lg {
  width: 300px!important;
  }
    #price .block .body .buttons.col2 li.mg {
  width: 250px !important;
  }
  #price .block .body .buttons.col2 li.sg {
  width: 180px !important;
  }
  #price .block .body .buttons.col2 li {
    margin-left: 15px !important;
  }
  #price .block .body .buttons.col2 li:first-child {
    margin-left: 0 !important;
  }
} 
@media screen and (max-width: 750px) {
	#price .block {
		padding: 25px 0 40px !important;
	}
  #price .block .body .buttons.col2 li {
    margin-left: 0 !important;
    margin-bottom: 20px;
  }
  #price .block .body .buttons li p {
    height: 56px !important;
  }
  #price .block .body .buttons.col2 li.lg, #price .block .body .buttons.col2 li.mg,  #price .block .body .buttons.col2 li.sg {
  width: 100% !important;
  }
}


/*Price_end*/

/*Contents*/

#mainBox .colList01 dl dt{
	width: 26%;
}

#mainBox .colList01 dl dd{
	width: 71%;
}

#mainBox .loginBox .ttlCol{
	margin: 27px auto 0 5%;
	padding-left: 0;
}

/*iPhone6 横画面*/
@media screen and (max-width: 683px) {
#mainBox .loginBox .ttlCol{
	margin: 27px auto 0;
	padding-left: 0;
}
}

#mainBox .threeCol .col{
	width: 32%;
	margin-left: 2%;
	padding: 15px 0 0;
}

#mainBox .threeCol.type02 .lineCol .glayBox.type02{
	margin: 25px auto -27px;
	font-size: 90%;
}

#mainBox .loginBox .ttlCol.rekishikan,#mainBox .loginBox .ttlCol.bunshokan,#mainBox .loginBox .ttlCol.school{
	background: none;
}

#mainBox .loginBox .ttlCol.cd-dvd,#mainBox .loginBox .ttlCol.copyservice{
	background-position: 15px center;
	padding-left: 100px;
}

#mainBox .col02 a.commb, #mainBox .col02.inLink .commb,#mainBox .col02 .commb{
	margin-left: 3%;
	width: 45%;
}

#mainBox .col02 .commb:first-child{
	margin-left: 0 !important;
}

#mainBox .threeCol .col .wrap{
	padding: 0 15px;
}

/*#mainBox .col02_2 .commbA,#mainBox .applyBox .col02_2 .commbB{
	width: 100%;
	float: none;
	display: block;
	margin: 0 auto;
}

#mainBox .applyBox .col02_2 .commbB img{
	display: block;
	margin: 0 auto;
}

#mainBox .applyBox .col02_2 .commbB ul{
	margin: 20px auto 0;
}*/

#mainBox .col02_2 .commbA{
	width: 45%;
	margin-right: 5%;
}

#mainBox .button01 li.btGr02,#mainBox .button01 li.btYe02{
	width: 100%;
	min-width: inherit;
}

#mainBox .button01.b-xsmall  li.btGr02, #mainBox .button01.b-xsmall  li.btYe02{
	margin-left: 0;
	margin-top: 15px;
}

#mainBox .applyBox .col02_2 .commbB{
	width: 50%;
}

.kensakuLink,.kensakuLink img{
	width: 100%;
}

#mainBox .twoCol .col{
	width: 48%;
}

#mainBox .twoCol .col img{
	width: 100%;
	height: auto;
}

#mainBox .dlPlan dd img{
	padding-top: 0;
	margin-top:17px;
}

#mainBox .fourCol .col{
	width: 24%;
	margin-left: 5px;
}

#mainBox .fourCol .col img{
	width: 100%;
}

#mainBox ul.nav01{
	width: 100%;
}

#mainBox ul.nav01 li{
	width: 14%;
}

#mainBox .icList01 li.ml40{
	margin-left: 0 !important;
}

#mainBox .planBoxA .inner .commb,#mainBox .planBoxC .commb{
	width: 48%;
	margin-left: 4%;
}
/*Contents_end*/

/*moviebox*/
.movieBox{
	width: 100%;
}
.movieBox img{
	width: 90%;
	height: auto;
}

/*servicelist */
	#mainContainer .serviceList ul{
		width: 100%;
	}

	#mainContainer .serviceList li{
		width: 49.2%;
		font-size: 15px;
		height: 130px;
	}

	#mainContainer .serviceList li:nth-child(3n-1){
		margin: 0 0 10px;
	}

	#mainContainer .serviceList li:nth-child(2n+1){
		margin-right: 1.6%;
	}

	#mainContainer .serviceList span.svLogo{
		width: 90%;
		height: 75px;
	}

/*servicelist_end*/
/*2017 max-width:940px_end*/

#mainContainer .serviceList span.shashinkan {
	width: 80%;
}