@charset "utf-8";

/* 各ページ適用CSS
------------------------------------------------------------------------------------*/
img{
	max-width:100%;
	height:auto;
}

#topcontrol{
	left: auto;
	right: 0;
	margin: 0;
}


html{
	width:100%;
}
body {
	width:100%;
	min-width:100%;
}

/*------------------------------------
ヘッダー 
------------------------------------*/ 

#header{
	width:100%;
}
#header .hed_block{
	max-width:100% !important; 
}
#header .logo{
	width:40%;
}
#header .hed_right{
	width:30%;
	margin:2% 3% 0 0;
}
.hed_inner {
	width:100%;
}

/*Gナビ*/
ul#gnav {
	width:100%;
}
ul#gnav li {
	margin:0 1% 0 0 ;
	margin-right:1% !important;
	width:11%;
}
ul#gnav li:first-child {
	margin-left:2.5% !important;
}
ul#gnav li a{
	width:100%;
}
ul#gnav li.method01 a{
	background:url(../img/img-common/gnav_bg01.png) no-repeat center top;
	background-size: 100%;
}
ul#gnav li.method02 a{
	background:url(../img/img-common/gnav_bg02.png) no-repeat center top;
	background-size: 100%;
}
ul#gnav li.method03 a{
	background:url(../img/img-common/gnav_bg03.png) no-repeat center top;
	background-size: 100%;
}
ul#gnav li.method04 a{
	background:url(../img/img-common/gnav_bg04.png) no-repeat center top;
	background-size: 100%;
}
ul#gnav li.method05 a{
	background:url(../img/img-common/gnav_bg05.png) no-repeat center top;
	background-size: 100%;
}
ul#gnav li.method06 a{
	background:url(../img/img-common/gnav_bg06.png) no-repeat center top;
	background-size: 100%;
}
ul#gnav li.method07 a{
	background:url(../img/img-common/gnav_bg07.png) no-repeat center top;
	background-size: 100%;
}


.bread_crumb{
	width:100%;
	padding:15px 0 0 0;
}

/*コンテンツ*/
#contents{
	width:95%;
}
.contents{
	width:95%;
}
.flow #contents .block{
	width:94%;
}
.activity #contents .block{
	width:94%;
}
.company #contents .block{
	width:94%;
	margin:0 auto 100px;
}
.tsuppari #contents{
	width:93%;
	margin:0 auto;
}
.caster #contents{
	width:93%;
	margin:0 auto;
}
.advantage #contents .block{
	width:94%;
}
.privacy #contents .block{
	width:94%;
}
.img-recruit_voice #contents .block{
	width:94%;
}

#contents .btn_next{
	width:94%;
}
#contents .btn_next a img{
	width:30%;
}



#contents .block00 h2{
	padding:5% 0 0 3%;
}
#contents .block00 .txt01{
    margin: 0 0 0 4%;
}

.contents_inner {
	max-width: 660px;
	width: 68%;
	float: left;
	display:block;
	padding: 0 0 0 4.5%;
}

/* トップページ
------------------------------------------------------------------------------------*/


.index #header{
	width:100%;
}
.index #header .logo{
	width:40%;
}
.index #header .hed_right{
	width:30%;
	margin:5% 5% 0 0;
}
.index .hed_inner {
	width:100%;
}
.index ul#gnav {
	width:100%;
}
.index ul#gnav li {
	margin:0 1% 0 0 ;
	margin-right:1% !important;
	width:13%;
}
.index ul#gnav li:first-child {
	margin-left:1.8% !important;
}
.index ul#gnav li a{
	width:100%;
	background:none !important;
}
.index ul#gnav li a:hover img{
	opacity:1 !important;
}

.index .hed_inner .seo_txt{
	margin: -70px 0 0 202px;
	width: auto;
}
@media screen and (max-width: 768px) {
.index .hed_inner .seo_txt{
	margin: -8% 0 0 20%;
	width: 70%;
	line-height: 140%;
	font-size: 100%;
}
.index .hed_inner .seo_txt span{
	display: inline;
}
}

.index .contents_inner{
	width:100%;
}


.index .contents01 .left_blk, .index .contents01 .right_blk{
	width:44%;
}
.index .contents01 .left_blk{
	margin:4% 4% 0 4%;
}
.index .contents01 .right_blk{
	margin:4% 0 0;
}
.index .contents01 .right_blk li{
	margin:0 0 6%;
}


.index #contents .block01{
	width:100%;
}
.index #contents .block01 .left{
	margin:0 0 0 3%;
	width:45%;
}
.index #contents .left .blog_wrap{
	width:100%;
}
.index #contents .block01 .left iframe{
	width:100%;
}
.index #contents .block01 .right{
	margin:0 3% 0 0%;
	width:45%;
}
.index #contents .right .news_wrap{
	width:100%;
}






/* エントリーフォーム
------------------------------------------------------------------------------------*/
.form_recruit #contents .block01{
	width:100%;
}
.form_recruit #contents .first_txt,
.form_recruit #contents .tel_blk,
.form_recruit #contents .form_blk{
	width:90%;
}
.form_recruit #contents .form_blk table tr th{
	width:20%;
}
.form_recruit #contents .tel_blk .tel a{
	background-size:6%;
	padding:0 0 0 4%;

}



/*------------------------------------
フッター 
------------------------------------*/ 

#footer_menu .footer_menu_wrap{
	width:100%;
}
#footer_menu .footer_menu_wrap li{
	margin:0 1% 0 0;
}
#footer .fot_wrap{
	width:100%;
}
#footer .left_blk{
	width:35%;
	padding:4% 0 6%;
}

#footer .right_blk{
	width:57%;
	padding:5% 0 0;
}
#footer .right_blk dl{
	margin:0 5% 0 0;
}

#copyright p{
	width:100%;
}



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

.index #hed_wrp{
	background-size:200%;
}
.index .gnav_wp{
	margin:-15% 0 0;
}
	

/*フッタ*/
#footer .left_blk{
	width: 28%;
	padding:4% 0 6%;
}

#footer .right_blk{
	width: 70%;
	padding:5% 0 0;
}
#footer .right_blk dl{
	margin: 0 2% 0 0;
}
}

/* 日々の活動
------------------------------------------------------------------------------------*/
.activity #contents .btn01{
	width:94%;
	margin:2% auto -3%;
}
.activity #contents .mv_block h3 img{
	width:50%;

}

.activity #contents .mv_block .block1 h4{
	margin:0 0 2% 3%;
}
.activity #contents .mv_block .block1 ul{
	margin:0 0 0% 3%;
	padding: 0 0 6%;
}
.activity #contents .mv_block .block1 li{
	width: 31%;
}
.activity #contents .mv_block .block1 li:nth-child(2){
	margin: -3% 0 0 13%;
	width: 31%;
}

.activity #contents .mv_block .block2 li{
	margin:0 2% 5% 0;
	width: 31%;
}
.activity #contents .mv_block .block2 li img{
	width:100%;
}

.activity #contents .mv_block .block2 li:nth-child(2){
	margin:0 2% 5% 0;
	width: 31%;
}
.activity #contents .mv_block .block2 li:nth-child(3){
	margin:0 0% 5% 0;
}
.activity #contents .mv_block .block2 li:nth-child(5){
	margin:0 0 0px 16%;	
}
.activity #contents .mv_block .block3 li:nth-child(2){
	margin:0 2% 5% 0;
}
.activity #contents .mv_block .block3 li:nth-child(3){
	width:26%;
}

@media screen and (max-width: 768px) {
.activity #contents .mv_block .block1 li:nth-child(2){
	margin: 0% 0 0 14%;
}

.activity #contents .mv_block .block2 li{
	margin:0 2% 5% 0;
}
.activity #contents .mv_block .block2 li:nth-child(2){
	width: 31%;
	margin:0 2% 5% 0;
}
.activity #contents .mv_block .block3 li:nth-child(2){
	margin:0 2% 5% 0;
}
.activity #contents .mv_block .block3 li:nth-child(3){
	width:26%;
	margin:-8% 0 0% 2%;
}
}

/* 流れ
------------------------------------------------------------------------------------*/
.flow #contents .mv_block {
	width:94%;
	margin: 25px auto 40px;
}

.flow #contents .mv_block dt img{
	width:50%;
}
.flow #contents .mv_block iframe{
	width:97%;
}
.flow #contents .mv_block dd{
	text-align:center;
}

.flow #contents .block01 .block1 .blk02{
	margin:0;
}
.flow #contents .block01 .block1 li{
	width:30%;
}
.flow #contents .block01 .block1 .blk02 li{
	width:28.5%;
}
.flow #contents .block01 .block1 li.arrow{
	width:auto;
}
.flow #contents .block01 .block1 li:last-child{
	margin:103px 0 0 40px;
}
.flow #contents .block01 .block2 li:last-child{
	margin:0;
}
.flow #contents .block01 .block1 li.arrow{
	margin:83px 5px 0;
}

.flow #contents .block02 dl{
	margin:0 0 4% 3%;
}
.flow #contents .block02 dl dt{
	width:25%;
	margin:9% 8% 0 0;
}
.flow #contents .block02 dl dd{
	width:30%;
	margin:0 3% 0 0;
}

@media screen and (max-width: 768px) {
.flow #contents .block{
	margin:0 auto 0px;
}
.flow #contents .block h3{
	margin:0px 0 30px;
}
.flow #contents .block01{
	margin:0 auto 7%;
}
.flow #contents .block01 h4{
	margin:0 0 2% 4%;
}
.flow #contents .block01 .block1{
	margin:0 0 35px;
}
.flow #contents .block01 .block1 li span{
	font-size:100%;
}
.flow #contents .block01 .block1 ol{
	margin:0 3% 0 4%;
}
.flow #contents .block01 .block1 li.arrow{
	margin:9% 1% 0;
}
.flow #contents .block01 .block1 li:last-child{
	margin:30px 0 0 12px;
}
.flow #contents .block01 .block2 li:last-child{
	margin:0;
}
.flow #contents .block01 .block2 li span{
	font-size:100%;
}
.flow #contents .block02 dl.block2 dd:nth-child(3) span{
	margin:10px 3% 0;
}

}


/* ガラスミラー
------------------------------------------------------------------------------------*/
.glass .area_06 .block_01 p{
	padding: 0 3% 3% 3%;
}

.glass .area_06 .block_01 p.btn02{
	/* padding: 6% 5% 0 0; */
	text-align: right;
	padding: 0 2.5%;
	width: 95%;
}
.glass .contents .table03 td.ttl{
	width: 23%;
}
.magic .contents .table04 td.ttl{
	width: 40%;
}

.glass .contents .hikaku{
	width: 590px;
}
.glass .contents .table03{
	width: 600px;
}

/* サンプル
------------------------------------------------------------------------------------*/
.sample nav#navi ul{
	width: 67.8%;
}


/* キャスター
------------------------------------------------------------------------------------*/
.caster .area03 .block01{
	width: 95%;
background:url(../img/img-caster/bg_02.jpg) no-repeat left top;
    background-size: 100%;
}




/* プライバシーポリシー
------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
.privacy .block01{
	width:95%;
}

}

/* 会社案内
------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
.company #contents .block02 .right_blk{
	width:37%;
}

.company #contents .block02 .left_blk{
	width:54%;
}

}

/* 会社の強み
------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
.advantage #contents .block02 br.disp_pc{
	display:none;
}

.advantage #contents .block02 br.disp_tb{
	display:inline;
}

}


/* スタッフブログ
------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {	
.staffblog #contents .block{
	width:90%;
}
.staffblog #contents .block .block01 .gallery{
	width:45%;
}
.staffblog #contents .block .block01 .text1{
	padding:0px 0px 0 49%;
}
.staffblog #contents .block .block01 .text2{
	padding:0px 49% 0px 0;
}
.staffblog #contents .pdf_block{
	width:90%;
	
}
.staffblog #contents .block ul .gallery{
	width:30%;
}
	
}

/* 採用情報共通
------------------------------------------------------------------------------------*/
.recruit_common #contents .block00 h2{
	margin:0 0 3%;
}
.recruit_common #contents .block00  ul.link{
	width:80%;
	margin:0 auto;
}
.recruit_common #contents .block{
	width:94%;
}
.recruit_requirements #contents .block01 table{
	width:95%;
}
.recruit_requirements #contents .block01 .form_blk{
	width:90%;
}

@media screen and (max-width: 768px) {	
.recruit_common #contents .block00  ul.link{
	width:90%;
}
.recruit_common #contents ul.link{
	width:90%;
}
.recruit_common #contents ul.link li{
	margin:0 2% 0 0;
	width:31%;
}
.recruit_common #contents ul.link li:nth-child(2){
	width:31%;
}
.recruit_common #contents ul.link li:nth-child(3){
	width:33%;
}
.recruit_common #contents ul.link li img{
	width:100%;
}
.recruit_common #contents ul.link li a{
	background-size:95.5%;
}
.recruit_common #contents ul.link li:nth-child(2) img{
	width:100%;
}
.recruit_common #contents ul.link li:nth-child(2) a{
	background-size:95.5%;
}

.recruit_common #contents ul.link li:nth-child(3) img{
	width:100%;
}
.recruit_common #contents ul.link li:nth-child(3) a{
	background-size:95.5%;
}


/*.recruit_common #contents ul.link li img{
	width:90%;
}*/
}
/*.recruit_common #contents ul.link li{
	width:30%;
}
.recruit_common #contents ul.link li img{
	width:100%;
}*/


/* 先輩の声
------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

.recruit_voice #contents .block01 .txt p.txt01 {
    padding: 5px 7px 29px 20px;
}
	
.recruit_voice #contents .block01 .txt p {
    font-size: 107%;
    line-height: 2;
    letter-spacing: 0.05em;
    padding: 5px 14px 37px 20px;
}
.recruit_voice #contents .block01 .first .txt01{
	font-size:14px;
}
.recruit_voice #contents .block01 .first span.nametxt{
	font-size:171%;
}

}




/* スタッフ一覧
------------------------------------------------------------------------------------*/

.stafflist #contents #suita{
	width: 440px;
	float: left;	
	margin: 0 0 0 36px;
}
.stafflist #contents #matsubara{
	width: 440px;
	float: right;	
	margin: 0 36px 0 0 ;
}
.stafflist #contents h3 {
	font-size: 171%;
	color: #FA7D00;
	font-weight: bold;
	text-align: center;
	background: url(../img/img-staff/bg_line.gif) repeat-x left bottom;
	padding: 35px 0 10px;
	margin: 0 9px 30px;
	letter-spacing: 0.1em;
}
.stafflist #contents h3 span{
	font-size: 50%;
	color: #333;
	font-weight: normal;
	float: right;
	padding: 10px 16px 0 0;
	letter-spacing: 0;
}
.stafflist #contents dl {
	width: 130px;
	float: left;
	margin: 0 7px;
}
.stafflist #contents dl:hover {
	opacity: 0.8;
	cursor: pointer;
}
.stafflist #contents dl dd{
	font-size: 128%;
	font-weight: bold;
	padding: 6px 0 40px;
	text-align: center;
}

.stafflist #contents .btn_01{
	clear: both;
}
.stafflist #contents .btn_01 a{
	width: 269px;
	height: 59px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background:url(../img/img-staff/btn_01.jpg) no-repeat left top;
	float: right;
	margin: 100px 46px 36px 0;
}
.stafflist #contents .btn_01 a:hover{
	background-position: right top;
}


@media screen and (max-width: 768px) {
	
.stafflist #contents #suita{
	width: 300px;
	float: left;	
	margin: 0 0 0 36px;
}
.stafflist #contents #matsubara{
	width: 300px;
	float: right;	
	margin: 0 36px 0 0 ;
}
	
	
}



/* スタッフ詳細 
---------------------------------------------------------------*/

.stafflist .popup{
	width: 	680px;
	height: auto;
	border: 4px solid #ABD1F1;
	padding: 24px;
	position: relative;
	background: #fff;
}
.stafflist .popup h3{
	font-size: 171%;
	color: #333;
	font-weight: bold;
	text-align: left;
	background: none;
	padding: 40px 0 55px;
	margin: 0;
	letter-spacing: 0;
	float: right;
	width: 57%;
}
.stafflist .popup .pic01{
	float: left;
	margin: 0 30px 0 0;
}
.stafflist .popup dl.method01,
.stafflist .popup dl.method02{
	width: 54%;
	float: left; 
}
.stafflist .popup dl.method03{
	width: 96.5%;
	clear: both;
}
.stafflist .popup dl.method04,
.stafflist .popup dl.method05{
	width: 60%;
	float: left; 
}
.stafflist .popup .pic02{
	position:absolute;
	top: 350px;
	right: 50px;
}
.stafflist .popup dl{
	background:url(../img/img-staff/bg_line02.gif) repeat-x left bottom;
	padding: 20px 0 0 0;
}
.stafflist .popup dl.method03 dt{
	width: 12%;
}
.stafflist .popup dl.method04 dt,
.stafflist .popup dl.method05 dt{
	width: 30%;
	display: block;
	float: none;
	padding: 0 0 8px 0;
}
.stafflist .popup dl.method04 dd,
.stafflist .popup dl.method05 dd{
	padding: 0 0 15px 17px;
}
.stafflist .popup dl dt img{
	width: 10px;
	height: 10px;
	padding: 5px 8px 0 0;
}
.stafflist .popup dl dt{
	font-weight:bold;
	color:#3593DD;
	font-size: 118%;
	float: left;
	vertical-align: bottom;
	padding: 0 30px 15px 0;
	width: 17%;
}
.stafflist .popup dl dd{
	font-weight: normal;
	font-size: 118%;
	padding: 0 0 15px 0;
	text-align: left;
}
.stafflist .popup #close_btn01{
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}
.stafflist .popup #close_btn02{
	clear: both;
	padding: 40px 0 10px;
	text-align: center;
	cursor: pointer;
}


.staffblog #contents .menu a.next,
.staffblog #contents .menu a.prev{
	vertical-align:text-bottom;
}





/* -------------------------------
ポップアップモーダルウィンドウ 
---------------------------------*/

.stafflist .popup{
	z-index:2;
	position:fixed;
	display:none;
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(125,209,255,0);
}




/* -------------------------------
たての場合の調整追加
---------------------------------*/
@media screen and (max-width: 768px) {
header #header_inner h1 img{
	width:70%;
}

header #header_inner{
	background: url(../img/img-common/header_bg2.gif) no-repeat 398px 5px;
}

header #header_inner .method01 {
	margin: 50px 10px 0 -67px;
}

header #header_inner .method02 {
	margin: 43px -5px 0 -11px;
}

header #header_inner p img{
	width:10%;
}	
header #header_inner h1{
	padding: 11px 0 16px 5px;
}

header #header_inner p{
	padding: 0px 0 0 0;
	position: relative;
	right: 89px;
}

.footer_bn_in2{
	width: 100%;
}

.footer_bn2 ul{
	padding: 0 0 0 10px;
}

.footer_bn2 ul li{
	margin: 0 10px 0 0;
}

.footer_bn2 ul li img{
	width:90%;
}

.footer_bn2 ul li span{
	padding: 0 0 0 10px;
}
.footer_bn ul li{
	margin: 0 15px 0 0;
}
footer .fot_cont02{
	padding: 3.5% 0 3% 0;
}
	
nav.gnav{
	background: url(../img/img-common/header_bg.jpg) repeat-x left bottom;
	min-height: 35px;
}
nav.gnav ul {
	width: 1000px;
	margin: 0 auto;
	padding: 3px 0 0 0;
}
nav.gnav ul li{
	float: left;
}
nav.gnav ul li a{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 35px;
}
nav.gnav ul li:first-child a{
	width: 100px;
	background:url(../img/img-common/pc_nav01.jpg) no-repeat left top;
	background-size:100%;
}
nav.gnav ul li:nth-child(2) a{
	width: 100px;
	background:url(../img/img-common/pc_nav02.jpg) no-repeat left top;
	background-size:100%;
}
nav.gnav ul li:nth-child(3) a{
	width: 100px;
	background:url(../img/img-common/pc_nav03.jpg) no-repeat left top;
	background-size:100%;
}
nav.gnav ul li:nth-child(4) a{
	width: 100px;
	background:url(../img/img-common/pc_nav04.jpg) no-repeat left top;
	background-size:100%;
}
nav.gnav ul li:nth-child(5) a{
	width: 100px;
	background:url(../img/img-common/pc_nav05.jpg) no-repeat left top;
	background-size:100%;
}
nav.gnav ul li:nth-child(6) a{
	width: 100px;
	background:url(../img/img-common/pc_nav06.jpg) no-repeat left top;
	background-size:100%;
}
nav.gnav ul li:nth-child(7) a{
	width: 100px;
	background:url(../img/img-common/pc_nav07.jpg) no-repeat left top;
	background-size:100%;
}
nav.gnav ul li a:hover {
	background-position: left bottom;	
	background-size:100%;
}



.bread_crumb{
	width:100%;
}


.pay02 main{
	width: 100%;
}

.pay02 .box01{
	width: 100%;
}
.pay02 .bread_crumb{
	width: 100%;
}

.pay02 nav#navi{
	width:100%;
}

.pay02 nav#navi  ul li a{
	text-indent: 0;
	display: block;
	height: 64px;
	width: 150px;
}

.pay02 nav#navi ul{
	width: 91%;
}

.pay02 nav#navi  ul li{
	padding: 0 20px 0 0;
}

.pay02 #contents{
	width:95%;
	margin: 0 auto;
}


.pay02 nav#navi ul li:first-child a{
	width: 150px;
	background:none;
}
.pay02 h2{
    margin: 0px 0 20px;
}

.pay02 h3{
	width: 98%;
}

.pay02 #contents article{
	max-width: 100%;
	width:100%;
	padding: 0;
	float: none;
}
.pay02 #contents article.block02,
.pay02 #contents article.block03,
.pay02 #contents article.block04,
.pay02 #contents article.block05{
	padding: 0;
}

.pay02 nav#navi ul li:nth-child(2) a{
	width: 150px;
	background:none;
}
.pay02 nav#navi ul li:nth-child(3) a{
	width: 150px;
	background:none;
}
.pay02 nav#navi ul li:nth-child(4) a{
	width: 150px;
	background:none;
}
.pay02 nav#navi ul li:nth-child(5) a{
	width: 150px;
	background:none;
}
.pay02 nav#navi ul li:nth-child(6) a{
	width: 150px;
	background:none;
}
.pay02 nav#navi ul li:nth-child(7) a{
	width: 150px;
	background:none;
}

.pay02 .block04 .inner01{
	background-size: 100%;
}
.pay02 .block04 .inner01 .ttl01{
	padding: 5px 0 5px 13px;
    width: 94%;
	line-height:1.5;
}
.pay02 .block04 .inner01 p.txt01{
	padding: 0px 10px 10px 30px;
	line-height:1.5;
}

.pay02 .block04 .inner02{
	background-size: 100%;
}
.pay02 .block04 .inner02 .ttl01{
	padding: 5px 0 5px 13px;
    width: 94%;
	line-height:1.5;
	margin: 5px 0 0;
}
.pay02 .block04 .inner02 p.txt01{
	padding: 0px 10px 10px 30px;
	line-height:1.5;
}

.company .box01{
	width: 100%;
}
.company main{
	width:100%;
}
.company .bread_crumb{
	width:100%;
}
.company #contents .table-1{
	width: 100%;
}
.company #contents .table-1 .type-1{
	width: 100%;
}
.company h2{
    margin: 0px 0 20px;
}
.company h3{
	width: 100%;
}
.company #contents{
	width:95%;
	margin: 0 auto;
}
.company #contents .privacy{
	width: 100%;
}

.sample .box01{
	width: 100%;
}

.sample .bread_crumb{
	width: 100%;
}

.sample main{
	width: 100%;
}
.sample #contents article{
	max-width: 100%;
	width:100%;
}

.sample #contents .left{
	width: 65%;
}
.sample #contents{
	width:95%;
	margin: 0 auto;
}
.sample nav#navi ul{
	width: 87.8%;
}

.caster .area02 .contents{
	width: 100%;
}

.caster .area02 .block02{
	background-size: 61%;
}
.caster .area02 .block03{
	background-size: 61%;
}
.caster .area02 .block04{
	background-size: 61%;
}
.caster .area02 .block05{
	background-size: 61%;
}

.caster .area02 .block02 p:last-of-type{
	margin: -4% 0 14% 63%;
}
.caster .area02 .block03 p:last-of-type,
.caster .area02 .block05 p:last-of-type{
	margin: -3% 0 9% 64%;
}
.caster .contents{
	width: 100%;
}
.caster .area03 .block01{
	width: 100%;
}
.caster .area03 .block01{
	width: 100%;
}
.caster .area03 .txt{
	width: 79%;
}

.caster #contents .hikaku,
.tsuppari #contents .hikaku
{
	width: 95%;
}
.caster .area04 .mv_area .block_in {
	width: 100%;
}
.caster .area05 .contents{
	width: 100%;
}
.caster .area05 dl{
	width: 31%;
}
.contents_inner {
	width: 92%;
}
.caster .area07 .contents_inner{
	width: 100%;
	max-width: 94%;
}

}