@charset "utf-8";

/*==========================================================================
　　Smart phone
==========================================================================*/


@media screen and (max-width: 1440px) {
#contents { width: 98%; }
}

@media screen and (max-width: 1280px) {
#contents { width: 100%; }
}

@media screen and (max-width: 1150px) {
.inner:after {
	bottom: 30px;
	right: 30px;
}

.box100 .inner,
.box50 .inner {
	padding: 30px;
}

.box100 .inner .img {
	height: 65%;
}

.ken_box .box100 .inner .txt {
	line-height: 1.8em;
}

.ken_box .box100 .inner .img {
	height: 45%;
}

}

@media screen and (max-width: 988px) {

/*body.home #header.fixed #pc_btn br {
	display: none;
}*/

.inner:after {
	bottom: 20px;
	right: 20px;
}

.box100 .inner,
.box50 .inner {
	padding: 20px;
}

.box100 .inner .ttl .t01 {
	font-size: 18px;
	font-size: 1.82vw;
	height: 68px;
}

.box100 .inner .ttl .t02 {
	font-size: 14px;
	font-size: 1.41vw;
	height: 68px;
}

.box100 .inner .txt {
	font-size: 14px;
	line-height: 1.6em;
}

.box100 .inner .img {
	height: 55%;
}

.box50 .inner .ttl .t01 {
	font-size: 16px;
	font-size: 1.61vw;
	height: 45px;
}

.box50 .inner .ttl .t02 {
	font-size: 13px;
	font-size: 1.31vw;
	height: 45px;
}

.box50 .inner .img {
	width: 45%;
}

.box50 .inner .txt {
	font-size: 13px;
	width: 50%;
	
}

.ken_box .box100 .inner .img {
	height: 45%;
}

}


@media screen and (max-width: 920px) {

/*body.home #header.fixed #pc_btn br {
	display: none;
}*/

.ken_box .box100 .inner .img {
	height: 40%;
}

}


@media screen and (max-width: 860px) {

/*body.home #header.fixed .txt {
	min-width: 220px;
}*/

.ken_box .box100 .inner .ttl .t01 {
	height: 70px;
}

.ken_box .box100 .inner .ttl .t02 {
	height: 70px;
}

.ken_box .box100 .inner .txt {
	line-height: 1.6em;
}

}


@media screen and (max-width: 768px) {

/*body.home #header.fixed .logo a {
	width: 153px;
	height: 34px;
}*/

#cont { padding-top: 0; }


.box100 .inner .ttl .t01 {
	font-size: 18px;
	font-size: 2.34vw;
	height: 52px;
}

.box100 .inner .ttl .t02 {
	font-size: 14px;
	font-size: 1.82vw;
	height: 52px;
}

.box100 .inner .txt {
	font-size: 14px;
	line-height: 1.4em;
}

.box50 .inner .img {
	width: 40%;
}

.box50 .inner .txt {
	line-height: 1.4em;
	font-size: 12px;
	width: 55%;
}

.ken_box .box100 .inner .ttl .t01 br.no01 {
	display: block;
}

.ken_box .box100 .inner .txt {
	font-size: 12px;
	line-height: 1.4em;
}

.ken_box .box100 .inner .ttl .t01 {
	height: 52px;
}

.ken_box .box100 .inner .ttl .t02 {
	height: 52px;
}

.ken_box .box100 .inner .img {
	height: 40%;
}

}


@media screen and (max-width: 650px) {

.box100 .inner .ttl .t01 {
	font-size: 14px;
	font-size: 2.15vw;
	height: 40px;
}

.box100 .inner .ttl .t02 {
	font-size: 12px;
	font-size: 1.84vw;
	height: 40px;
}

.box100 .inner .txt {
	font-size: 12px;
}

.box50 .inner .ttl .t01 {
	font-size: 12px;
	font-size: 1.84vw;
	height: 34px;
}

.box50 .inner .ttl .t02 {
	font-size: 11px;
	font-size: 1.69vw;
	height: 34px;
}

.box50 .inner .txt {
	font-size: 11px;
	line-height: 1.2em;
}

.ken_box .box100 .inner .txt {
	line-height: 1.3em;
}

.ken_box .box100 .inner .img {
	height: 36%;
}

}


@media screen and (max-width: 580px) {

.visual {
	width: 100%;
}

.box50:before {
    padding-top: 100%;
}

.wbox {
	width: 100%;
}

.inner:after {
	bottom: 40px;
	right: 40px;
}

.box100 .inner,
.box50 .inner {
	padding: 40px 50px;
}

.box100 .inner .ttl,
.box50 .inner .ttl {
	line-height: 1.4em;
}

.box100 .inner .ttl .t01,
.box50 .inner .ttl .t01 {
	font-size: 24px;
	font-size: 4.20vw;
	height: 68px;
}

.box100 .inner .ttl .t02,
.box50 .inner .ttl .t02 {
	font-size: 18px;
	font-size: 3.10vw;
	height: 68px;
}

.box100 .inner .img,
.box50 .inner .img {
	width: 100%;
	height: 65%;
	float: none;
	margin-bottom: 10px;
}

.box100 .inner .txt,
.box50 .inner .txt {
	font-size: 16px;
	line-height: 2.0em;
	width: 100%;
	float: none;
}

.ken_box .box100 .inner .ttl .t01 {
	height: 80px;
}

.ken_box .box100 .inner .ttl .t02 {
	height: 80px;
}

.ken_box .box100 .inner .img {
	height: 45%;
	margin-bottom: 10px;
}

.ken_box .box100 .inner .txt {
	font-size: 16px;
	line-height: 1.6em;
}

}


@media screen and (max-width: 520px) {

.inner:after {
	bottom: 40px;
	right: 40px;
}

.box100 .inner,
.box50 .inner {
	padding: 40px;
}

.box100 .inner .ttl .t01,
.box50 .inner .ttl .t01 {
	font-size: 20px;
	font-size: 3.84vw;
	height: 48px;
}

.box100 .inner .ttl .t02,
.box50 .inner .ttl .t02 {
	font-size: 16px;
	font-size: 3.07vw;
	height: 48px;
}

.box100 .inner .txt,
.box50 .inner .txt {
	font-size: 15px;
	line-height: 1.6em;
}

.ken_box .box100 .inner .img {
	height: 42%;
}

.ken_box .box100 .inner .txt {
	font-size: 15px;
}

}


@media screen and (max-width: 480px) {

.inner:after {
	bottom: 30px;
	right: 30px;
}

.box100 .inner,
.box50 .inner {
	padding: 30px;
}


.ken_box .box100 .inner .ttl .t01 {
	height: 80px;
}

.ken_box .box100 .inner .ttl .t02 {
	height: 80px;
}

.ken_box .box100 .inner .img {
	height: 40%;
}

.ken_box .box100 .inner .txt {
	line-height: 1.5em;
}

.box50 .inner .img .ph_credit {
	font-size: 10px;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
  -webkit-transform-origin: 100% 100%;
}

}


@media screen and (max-width: 430px) {

.box100 .inner .img,
.box50 .inner .img {
	height: 55%;
}

.ken_box .box100 .inner .txt {
	font-size: 13px;
}
}


@media screen and (max-width: 380px) {
.ken_box .box100 .inner .txt {
	font-size: 12px;
}
}



@media screen and (max-width: 360px) {

.box100 .inner .ttl,
.box50 .inner .ttl {
	line-height: 1.2em;
}

.box100 .inner .ttl .t01,
.box50 .inner .ttl .t01 {
	font-size: 16px;
	font-size: 4.44vw;
	height: 30px;
}

.box100 .inner .ttl .t02,
.box50 .inner .ttl .t02 {
	font-size: 12px;
	font-size: 3.33vw;
	height: 30px;
}

.box100 .inner .img,
.box50 .inner .img {
	height: 50%;
}

.box100 .inner .txt,
.box50 .inner .txt {
	font-size: 13px;
	line-height: 1.4em;
}


.ken_box .box100 .inner .ttl .t01 {
	height: 70px;
}

.ken_box .box100 .inner .ttl .t02 {
	height: 70px;
}


}