@charset "utf-8";
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    /* font-weight: 500; */
    line-height: 2;
    letter-spacing: 1px;
}


.line_gray{border-bottom:1px solid #999}

/**
 *
 *  事業内容
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
#pageHeader .lead{
	margin-bottom: 0;
	font-size: 124%;
	font-weight: normal;
}
#pageHeader .lead br{
	display: block;
}

/* #service
-----------------------------------------------------------------*/
#service{
	/*padding: 0;
	margin: 80px 0;*/
	height: 300px;
	background: url(../images/main_01.jpg) no-repeat 50% 50% ;
	background-size: cover;
	background-position: center;
}

@media screen and (max-width:1024px) {
#service{
	height: 200px;
}

}
@media screen and (max-width:500px) {
#service{
	height: 100px;
}

}

#service .wrap{
	position: relative;
	text-align: center;
/* 	background: #fff;*/
/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
}

#service .note{
	padding-top: 150px;
	width: 100%;
	color: #fff;
}

#service .note h2{
/*	color: #fb6e1a;*/
	line-height: 1.5;
	font-size: 400%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service .note h2 span1{
/*	color: #098eb2;*/
	line-height: 1.9;
	font-weight: 500;
	font-size: 80%;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service .note h2 span{
/*	color: #4f4f4f;*/
	line-height: 1.9;
	font-size: 80%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}


#service .note p{
	margin-top: 20px;
/*	color: #4f4f4f;*/
	line-height: 1.9;
	font-size: 120%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}


#service .note h3{
	padding-top: 8px;
	line-height: 2;
	text-align: right;
	font-weight: 500;
}
#service .note img{
	margin: 20px;

}


.right {
	float: right;
	margin-right:10px;
	padding: 5px 0 5px 5px;
}

#service .img{
	display: none;
	margin-right: 30px;
	float: right;
	padding:5px;
}



#service1{
	padding: 20px 0px;
	background: #fff;
	margin-top: 20px;
}
#service1 .wrap{
	position: relative;
}


#service1 .note2{
	margin: 1% ;
	padding: 1%
	width: 46%;
	margin-bottom:0px;
}

#service1 .note2 h2{
	color: #4f4f4f;
	line-height: 1.9;
	font-size: 380%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	text-align: left;
}



#service2{
	padding: 20px 0px 50px;
	background: #fff;
	margin-top: 20px;
	/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
	background-position: right;  */
}
#service2 .wrap{
	position: relative;
/* 	background: #fff;*/
/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
}

#service2 .note{
	margin: 1%;
	padding: 1%;
	width: 96%;
	margin-bottom:0px;
}
#service2 .note h2{
	font-size: 200%;
	font-weight: 500;
	/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
	text-align: center;
}


#service2 .note h2 span1{
	color: #098eb2;
	line-height: 1.9;
	font-weight: 500;
	font-size: 80%;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note h2 span{
	color: #000;
	line-height: 1.9;
	font-size: 80%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}




#service2 .note2{
	margin: 4%;
	padding: 1%;
	width: 90%;
	margin-bottom:0px;
	float: left;
}

#service2 .note2 h2{
	color: #000;
	line-height: 1.9;
	font-size: 200%;
	font-weight: 500;
	/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
	text-align: left;
}


#service2 .note2 p{
	color: #000;
	line-height: 1.9;
	font-size: 120%;
	font-weight: 400;
	/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
	text-align: left;
}

#service2 .note2 img{
	margin: 0 20px 0;
	float: right;


}


#service2 .note3{
	margin: 50px 140px 0;
	padding: 10px 10px;
	width: 700px;
	/*border: 1px solid #999;*/
	text-align: center;
}
#service2 .note3 h2{
	text-align: left;
	padding-left: 10px;
}

#service2 .note3 .bannerA{
	width: 100%;
	text-align:left;
}

.bannerA img a:hober{
	padding: 0 0px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}

#service2 .note3 .bannerB{
	width: 100%;
	text-align:left;
}
#service2 .note3 .bannerC{
	margin-top: 15px;
	width: 100%;
	text-align:right;
}
#service2 .note3 .bannerA p{
	padding-left: 8px;
	margin-top: 0px;
	color: #4f4f4f;
	line-height: 1.9;
	font-size: 110%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note3 h2 a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#service2 .note3 p{
	padding: 0;
	margin-top: 0px;
	color: #4f4f4f;
	line-height: 1.9;
	font-size: 110%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note4{
	margin: 5px 5% 0;
	width: 90%;
	height:20px;
}





#service4{
	padding: 20px 0px 50px;
	background: #fff;
	margin-top: 20px;
	/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
	background-position: right;  */
}
#service4 .wrap{
	position: relative;
/* 	background: #fff;*/
/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
}

#service4 .note{
	margin: 0 40px;
	padding: 10px;
	width: 90%;
	margin-bottom:0px;
	text-align:center;
}

#service4 .note2{
	margin: 50px 40px;
	padding: 12px;
	width: 90%;
	margin-bottom:0px;
}

#service4 .note2 h2{
	color: #4f4f4f;
	line-height: 1.9;
	font-size: 380%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	text-align: left;
}

#service4 .note2 p{
	margin-top: 20px;
	color: #4f4f4f;
	line-height: 1.9;
	font-size: 120%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}



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





#service2 .note{
	width: 95%;
	margin: 0 2.5%;
}

#service2 .note h2{
	font-size:18px;
}



#service2 .note2{
	width: 100%;
	padding: 5%;
	margin: 0 auto;
}
#service2 .note2  h2{
	font-size:18px;
	border-bottom:1px solid #ddd;
	margin-bottom:5px;
}





#service2 .note2 img {
	max-width:220px;
	margin: 0 auto;
	width:90%;
	padding:2%;
}




}








/* 会社案内
-----------------------------------------------------------------*/
.gaiyou {
	width:90%;
	margin: 0 auto;
	text-align: center;
}
.gaiyou p{

	font-size: 110%;
	

}
/* #mission
-----------------------------------------------------------------*/
#mission{
	padding: 54px 5% 80px;
}


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

#mission {
    padding: 10px 5% 80px;
}

}




table.brwsr1 {
	width: 90%;
    font-size: 120%;
    margin: 20px 100px;
    border-collapse: separate;
    border-spacing: 0px 1px;
    margin-bottom:10px;
    margin-left:5px;
	transition: .8s;

}

table.brwsr1 img{
	margin:10px;
}

table.brwsr1 th {
    padding: 4px 0;
    padding-left:15px;
    vertical-align: middle;
    text-align: left;
    width: 150px;
    border-bottom: #999 1px solid;
}
 
table.brwsr1 td {
    padding: 4px 0;
	padding-left:15px;
    text-align: left;
    border-bottom: #999 1px solid;
    font-size: 115%;

}
 
table.brwsr1 td.r1 {
    width: 25%;
    text-align: left;
   /* border-right: #999 1px solid;
     background: #447791;*/
}
 
table.brwsr1 td.r2 {
    width: 100%;
    text-align: left;
   /* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}


/*--------------------------------------------------------------------------
  #works
---------------------------------------------------------------------------*/
#works{
	width:1000px;
	padding: 20px 0 40px;
/*-	background: #fafafa;*/
	margin: 10px auto;
}

.works_title {
	margin: 0 40px 20px 40px;
	color: #4f4f4f;
	line-height: 1.9;
	font-size: 160%;
	font-weight: 500;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
/*	border-bottom: 1px solid #4f4f4f*/

}
 /*-#works > .list-group*/
.list-group{
	margin: 0 auto;
	padding: 0 0 0 0;
	margin-bottom: 50px;
}
.list-group .list-block .list-inner{
	overflow: hidden;
	letter-spacing: -0.4em;
	
}
.list-group .list-block .unit{
	display: inline-block;
	letter-spacing: 0;
	width: 300px;
	text-align:center;
	margin:0 10px;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}
.list-group .list-block .unit-detail{
	display: none;
	overflow: hidden;
}


/* #works > .list-group > .card */
.list-group .card{
	position: relative;
	display: block;
/* 	border: 1px solid #e7e7e7;*/
	background: #fff;
	transition: color 0.3s ease-out;
	padding: 5px;
	margin: 5px;
}
.list-group .card a:hover{

}


.list-group .card .frame{
/*	border-bottom: 1px solid #c1c1c1;
	height: 275px;*/
	height: 190px;
	text-align:center;
}
.list-group .card .thumb{
	position: relative;
	width: 100px;
	min-width: 100px;
	height:100px;
/*	background:#00406c;
	border-radius: 80px;        
    -webkit-border-radius: 80px;    
    -moz-border-radius: 80px;  */
	padding: 5px 5px 5px;
	margin: 0 auto;
	color:#fff;
	
}
.list-group .card .thumb p{
/*	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.4s ease-in-out;
	background: url(../images/bg_card_on.png) repeat 0 0;*/
}
.list-group .card:hover {
	background: #00406c;
	color: #fff;

}
.list-group .thumb:hover{
	opacity: 1;
	filter: alpha(opacity=100);

}

.thumb p{
	opacity: 1;
	filter: alpha(opacity=100);
}

.list-group .card .thumb p span{
	position: absolute;
	top: -5px;
	left: -5px;
	/*bottom: 5%;
	right: 5%;*/
	width: 100%;
	height: 100%;
	padding: 0;
	text-indent: -9999px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.4s 0s ease-in-out;
	background: url(../images/ico_more.svg) no-repeat 100% 100%;
}

/*  バックアプ
.list-group .card .thumb p span{
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: 5%;
	right: 5%;
	width: 92px;
	height: 68px;
	margin: -34px 0 0 -46px;
	text-indent: -9999px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.4s 0s ease-in-out;
	background: url(../images/ico_more.svg) no-repeat 50% 50%;
}
*/


.list-group .card:hover .thumb p span{
	opacity: 1;
	filter: alpha(opacity=100);
	transition-delay: 0.3s;
}

.list-group .card .thumb p span1{
	position: absolute;
	top: 50%;
	left: 50%;
}



.list-group .card .hdg{
	font-size: #fff;
	padding: 23px 18px 0;
	font-weight: 500;
	font-size:130%;
	line-height: 1.5;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	word-wrap: break-word;

/*	background: url(../images/ico_more.png) no-repeat 50% 50%;*/
}

.list-group .card .details{
	font-size: #fff;
	padding: 23px 18px 0;
	font-weight: normal;
	font-size:100%;
	line-height: 1.5;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	word-wrap: break-word;

/*	background: url(../images/ico_more.png) no-repeat 50% 50%;*/
}



.list-group .card .btn{
	display: none;
}

/* #works > .list-group > .detail */
.list-group .unit-detail{
	padding: 25px 0 160px;
	
}
.list-group .unit-detail .photo-box{
	width: 400px;
	float: left;
	margin-left: 40px;

}
.list-group .unit-detail .photo-box .pic01{
	padding: 0 0 17px;
}
.list-group .unit-detail .photo-box .pic02{
	width: 210px;
	/*background-color: #444;*/
}


.list-group .unit-detail .photo-box .pic03{
	width: 310px;
	/*background-color: #444;*/
}


.list-group .unit-detail .photo-box .pic02{
	float: left;
}
.list-group .unit-detail .photo-box .pic03{
	float: left;
}
.list-group .unit-detail .photo-box li img{
	box-shadow: 0 2px 1px #3c3c3c;
	display: block;
}
.list-group .unit-detail .data-box{
	width: 470px;
	float: right;
	color: #fff;
	margin-right: 40px;
}
.list-group .unit-detail .detail-header dl{
	padding: 5px 0 0 0;
	letter-spacing: -0.4em;
}
.list-group .unit-detail .detail-header dt,
.list-group .unit-detail .detail-header dd{
	display: inline-block;
	letter-spacing: 0;
	/display: inline;
	/zoom: 1;
}
.list-group .unit-detail .detail-header dt{
	color: #a9a9a4;
	font-size: 110%;
}
.list-group .unit-detail .detail-header dd{
	font-weight: bold;
	padding: 0 10px 0 5px;
	word-wrap: break-word;
}
.list-group .unit-detail .detail-header .hdg{
	padding: 10px 0 0;
	font-size: 200%;
	line-height: 1.5;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	word-wrap: break-word;
	border-bottom: 1px solid #fff;
}
.list-group .unit-detail .title{
	margin-top: 10px;
	line-height: 1.7;
	font-size: 1.3em;
	word-wrap: break-word;
}

.list-group .unit-detail .note{
	padding-left: 10px;
	line-height: 1.5;
	font-size: 1.1em;
	word-wrap: break-word;
}
.list-group .unit-detail .solution{
	margin: 25px 0 30px;
	padding: 16px 0;
	background-color: #0097a8;
	letter-spacing: -0.4em;
}
.list-group .unit-detail .solution dt,
.list-group .unit-detail .solution dd,
.list-group .unit-detail .solution li{
	display: inline-block;
	letter-spacing: 0;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}
.list-group .unit-detail .solution dt{
	width: 86px;
	text-align: center;
	font-family: 'Noto Serif', serif;
}
.list-group .unit-detail .solution dd{
	border-left: 1px solid #393939;
	width: 410px;
}
.list-group .unit-detail .solution ul{
	padding: 0 20px;
	letter-spacing: -0.4em;
	font-size: 85%;
	color: #a9a9a4;
}
.list-group .unit-detail .solution li span{
	color: #a9a9a4;
	padding: 0 5px;
	font-weight: normal;
}
.list-group .unit-detail .solution li.active,
.list-group .unit-detail .solution li.active a{
	color: #f69600;
	font-weight: bold;
}
.list-group .unit-detail .solution li.active a:hover{
	color: #4d4d4d;
}
.list-group .unit-detail .nav{
	margin-right: -13px;
}
.list-group .unit-detail .nav li{
	float: left;
	width: 115px;
	padding: 0 13px 0 0;
}
.list-group .unit-detail .nav li span{
	padding: 8px 13px 9px 0;
}
/* IE9・10 */
.list-group .unit-detail .nav li span:not(:target){
	padding: 11px 13px 6px 0\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .list-group .unit-detail .nav li span {
		padding: 11px 13px 6px 0;
	}
}

/* #works > .list-block */
.detail-block{
	overflow: hidden;
	height: 0;
}
.detail-block .detail-cursor{
	padding: 40px 0 0 0;
	background: url(../images/bg_arrow.png) no-repeat 0 40px;
}
.detail-block.active .detail-cursor{
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.detail-block.cursor1 .detail-cursor{
	background-position: 145px 20px;
}
.detail-block.cursor2 .detail-cursor{
	background-position: 460px 20px;
}
.detail-block.cursor3 .detail-cursor{
	background-position: 780px 20px;
	height: auto;
}

.detail-block .detail-inner{
	position: relative;
	background: #027e9b;
}
.detail-block .detail-inner .close{
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 2px;
	background: #00406c url(../images/ico_close03.png) no-repeat 50% 50%;
	cursor: pointer;
	transition: background 0.3s ease-out;
}
.detail-block .detail-inner .close:hover{
	background: #098eb2 url(../images/ico_close03.png) no-repeat 50% 50%;
	animation: ssAnimate 300ms  ease-out;
	
}
@keyframes ssAnimate{
	0%   {width: 39px; height: 39px; top: 13px; right: 13px;}
	100% {width: 35px; height: 35px; top: 15px; right: 15px;}
}


#moreBtn{
	width: 960px;
	margin: auto;
	padding: 12px 0;
	text-align: center;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	background: #fefefe url(../../shared/images/ico_loading.gif) no-repeat 50% 250%;
	cursor: pointer;
	transition: color 0.2s ease-out;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}
/* IE9・10 */
#moreBtn:not(:target){
	padding: 15px 0 9px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #moreBtn {
		padding: 15px 0 9px;
	}
}
#moreBtn:hover{
	color: #f69600;
	background-color: #fff;
}
#moreBtn.error,
#moreBtn.error:hover{
	color: #f33;
}
#moreBtn.loading{
	text-indent: -9999px;
	background-position: 50% 50%;
}

/* リスト
-----------------------------------------------------------------*/

.txt {

	width:100%;
	margin: 10px 0px 20px;
/*	border: 1px solid #ccc;
	padding: 5px;*/
}


 .txt p {
	font-size:10px;
	line-height:1.2em;
	padding-bottom:10px;
}
 .txt p.way {
	padding-top:15px;
	font-size:25px;
	font-weight: bold;
	color: #4f4f4f;
}

 .txt p.way_rblue {
	padding-top:10px;
	font-size:18px;
	font-weight: 500;
	color: #098eb2;
}
 .txt p.way_rgreen {
	padding-top:10px;
	font-size:18px;
	font-weight: 500;
	color: #098eb2;
}

 .txt p.way_orange {
	padding-top:10px;
	font-size:16px;
	font-weight: bold;
	color: #098eb2;
}

 .txt p.way_red {
	padding-top:10px;
	font-size:14px;
	font-weight: bold;
	color: #e93862;
}


 .txt p.sub {
	padding-top:5px;
/*	border-top:1px solid #CCC;*/
	font-size:12px;
	color: #00a56e;
}

 .txt hr.line01 {
border-top: 1px #00a56e solid;
}





.gaiyou {
	width:90%;
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
	background: #fff;
}
.gaiyou p{
	font-size: 110%;
}

table.brwsr {
	width: 100%;
    font-size: 110%;
    border-collapse: separate;
    border-spacing: 0px 1px;
    margin-bottom:30px;
    padding: 0 3%;
    color: #1f0d00;
}

table.brwsr img{
	margin:0;
}

table.brwsr th {
    font-weight: 500;
    font-size: 110%;
    padding: 8px 0;
    padding-left:5px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #1f0d00 1px solid;
    /*border-bottom: #999 1px solid;
    color: #fff;*/
}
 
table.brwsr td {
    padding: 8px 0;
    text-align: left;
    border-bottom: #1f0d00 1px solid;

}
table.brwsr th.r1 {
    width: 20%;
    text-align: left;
   /* border-right: #999 1px solid;
     background: #447791;*/
}

table.brwsr th.r2 {
    width: 15%;
    text-align: left;
   /* border-right: #999 1px solid;
     background: #447791;*/
}
table.brwsr th.r3 {
    width: 25%;
    text-align: left;
   /* border-right: #999 1px solid;
     background: #447791;*/
}

table.brwsr th.r4, 
table.brwsr th.r5, 
table.brwsr th.r6{
    width: 5%;
    text-align: center;
   /* border-right: #999 1px solid;
     background: #447791;*/
}

table.brwsr td.r1,
table.brwsr td.r2,
table.brwsr td.r3 {
	padding-left: 10px;
    text-align: left;
    font-size: 100%;
   /* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}
 table.brwsr td.r4,
 table.brwsr td.r5,
 table.brwsr td.r6 {
    text-align: center;
    font-size: 100%;
   /* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}

 table.brwsr td.r7{
 	padding-left: 10px;
  	width: 49%;
    text-align: left;
    font-size: 100%;
   /* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}

 table.brwsr td.r8{
 	padding-left: 10px;
  	width: 10%;
    text-align: left;
    font-size: 100%;
   /* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}

 table.brwsr td.r9{
 	padding-left: 10px;
  	width: 39.5%;
    text-align: left;
    font-size: 100%;
   /* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}

 table.brwsr td.r10{
 	width: 1%;
    text-align: left;
    font-size: 100%;
   border-bottom:none;
}


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


.gaiyou {
    width: 100%;
    margin: 0 auto;
}


table.brwsr1 {
	width: 100%;

    margin: 20px 0;
    border-collapse: separate;
    border-spacing: 0px 1px;
	transition: .8s;

}

table.brwsr1 img{
	margin:10px;
}

table.brwsr1 th {
    padding: 4px 0;
    padding-left:15px;
    vertical-align: middle;
    text-align: left;
    width: 100%;
    border-bottom: #999 1px solid;
}
 
table.brwsr1 td {
    padding: 4px 0;
	padding-left:15px;
    text-align: left;
    border-bottom: none;
    display:block;

}
 
table.brwsr1 td.r1 {
    width: 100%;
    text-align: left;
    border-top: #999 1px solid;
    font-weight:600;
    line-height:1.2;
    color:#22833b;
    font-size: 15px;

}
 
table.brwsr1 td.r2 {
    width: 100%;
    text-align: left;
    font-size: 16px;
}

}


 

/* ----------------------------------------------------------
   
   FORM
   
   ---------------------------------------------------------- */
 
   #w_area_box {padding: 10px 5%;position: relative;z-index: 1;/* border-top: #a3d9e0 1px solid; *//* background:url(../images/noise.png) repeat; *//* background: #fafafa; */overflow: auto;}
   #w_area_box:before {position: absolute;top: -1px;left: 0%;right: 0%;width: 100%;height: 0;content: "";border-top: #ededed 1px solid;z-index: 2;}
   
   @media only screen and (max-width: 800px) {
   #w_area_box {padding: 0px 5% 80px;/* top: 120px; */z-index: 0;}
   }
   @media only screen and (max-width: 738px) { 
   #w_area_box{top: 0px;padding: 70px 5%;/* background: url(../images/noise2.png) repeat #fefefe; */}
   }
   @media only screen and (max-width: 414px) { 
   #w_area_box {padding: 0px 5%;z-index: 0;}
   }
   
   
   
   /* --- .contentBox --- */
    .formArea {position: relative;z-index: 2;padding: 10px 0%;font-size: 15px;} 
	 
   
	 
    .formArea:before {position: absolute;top: 7px;left: 0;bottom: 7px;right:0;content: "";/* border: #ddd 1px solid; *//* background:#fefefe; */z-index: -2;}
    .formArea:after {position: absolute;top: 0;left: 7px;bottom: 0;right:7px;content: "";/* border: #ddd 1px dotted; */z-index: -2;}
   
   
   
   
    .formArea {/* margin-bottom:20px; *//* overflow: auto; *//* margin-bottom: 20px; *//* overflow: auto; */width: 100%;max-width: 1200px;/* margin: 0 auto; */} 
    .formArea h2{
   	position: relative;
   	padding: 0.2em 0.5em;
   	background: #FF9800;
   	background: #7d4736;
   	color: #fefefe;
   	font-weight: 400;
   	}   
 
.formArea h2::before{
   	 position: absolute;
   	 content: '';
   	 top: 100%;
   	 left: 0;
   	 border: none;
   	 border-bottom: solid 15px transparent;
   	 border-right: solid 20px #898883;
   }

  .formArea h3{/* margin-bottom:20px; *//* font-size: 25px; *//* font-weight: 600; *//* padding: 0.5em; *//*文字周りの余白*//* color: #494949; *//*文字色*//* background: #fff1f1; *//*背景色*//* border-left: solid 10px #e70000; *//* margin-top: 50px; */}


.title_a{
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  /* width: 250px; */
  font-size: 20px;
  /* padding: 5px; */
  margin-bottom: 20px;
}
.title_a:before, .title_a:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  /* height: -webkit-calc(100% + 14px); */
  /* height: calc(100% + 14px); */
  background-color: black;
}


 .under_a{background: linear-gradient(transparent 70%, #fd9195 70%);font-weight: 500;}



.under_b {
    text-decoration:underline wavy #e8410c;
    font-weight:600;
}

.under_c {
    text-decoration:underline wavy #ffb300;
    font-weight:600;
}

 .under_d{/* background: linear-gradient(transparent 10%, #eadcd7 1%); *//* background: #4c4948; *//* line-height: 2; */font-weight: 500;/* color: #fff; *//* padding: 1.5%; */}




@media only screen and (max-width: 500px) { 
	#w_area_box .formArea h3{font-size: 18px;
	}
}   
   

.margin-b-typeA{
	/* margin-bottom:50px; */
}


   .title_A{
	   padding: 5px;
	   font-size: 24px;
	   background:#075fa5;
	   color: #fff;
	  }
.subtitle{
	font-size: 23px;
	padding-top:30px;
	padding-left:30px;
}

.subtitle span{
	border-bottom: 3px solid #4a2727;
	background: linear-gradient(transparent 70%, #FFEB3B 70%);
	font-weight: 600;
}




 @media only screen and (max-width: 800px) { 
   .title_A{font-size:20px;}
}   
     
   
   
   .area_A{margin: 20px 0 40px;} 
	 
   .area_A h2{font-size: 20px;font-weight:600;border-bottom:1px solid #eee;/* padding-bottom:20px; */} 
   
   .area_A p{margin: 10px 0 20px;} 
   
   
   .mane {
	   width: 100%;
	   margin: 0 auto;
	   text-align: center;
	   padding-top:30px;
   }
   
   
   .mane h2{
	   /* font-size: 25px; */
	   /* font-weight:400; */
	   /* text-align:left; */
	   /* padding-left:30px; */
	  }
   .mane h2{
	 /* position: relative; */
	 /* color: white; */
	 /* background: #137b3b; */
	 /* line-height: 2; */
	 /* font-size: 16px; */
	 /* margin-bottom: 20px; */
	 }
   
   .mane h2:before {/*疑似要素*/
	 font-family: 'FontAwesome';
	 content: "\f14a";
	 position: absolute;
	 left : 0.5em; /*左端からのアイコンまでの距離*/
   }
   
   .mane h3{
	 position: relative;
	 color: #075fa5;
	 text-align:left;
	 font-size: 19px;
	 line-height: 1.5;
	 padding-left: 30px;
	 /* border-bottom:solid 1px; */
	 font-weight: 600;
   }
   
   .mane h3:before {/*疑似要素*/
	 font-family: 'FontAwesome';
	 content: "\f00c";
	 position: absolute;
	 left: 0; /*左端からのアイコンまでの距離*/
	 font-size: 20px;
	 top: -1px;
   }
   .mane p{
	   font-size: 16px;
	   text-align: left;
	   padding-left: 0px;
	   margin-top: 10px;
	  }
   
   
   /* work galleryArea3*/
   
   
   .galleryArea3 { }
   
   
   .galleryArea3 {margin: 0;font-size: 0;-webkit-backface-visibility: hidden;text-align: center;/*text-align:justify;*/text-align: left;line-height:0;}
   .galleryArea3 .wrap { width:100%; max-width: 1200px; margin: 0 auto;}
   
   
   
   .galleryArea3 h2{font-size:25px; }
   
   .galleryArea3 .mix,
   .galleryArea3 .gap {display: inline-block;margin: 10px 2% 30px;padding:0;width: 96%;}
   #container .mix {display: none;}
   /* --- .imgArea --- */
   .galleryArea3 .imgArea {overflow: hidden;position: relative;z-index: 1;background: #ffffff;border: #ededed 1px solid;/* padding-top: 50px; */margin-top: 50px;}
   /*.galleryArea3 .imgArea:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fefefe; z-index: 5; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
   .galleryArea3 .imgArea:hover:before { content: ""; background: rgba(0, 0, 0, 0.03); opacity: 0.1; }
   */
   .galleryArea3 .imgArea img {-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;width: 100%;padding: 0;/* float: left; */}
   .galleryArea3 .imgArea:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
   .galleryArea3 .padd_top {padding-top:60px;}
   
   .galleryArea3 .imgArea p {/* padding: 10px 10px; */}
   /* span.plus */
   .galleryArea3 .imgArea span.plus { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; z-index: 6; overflow: hidden; text-indent: -999px; }
   .galleryArea3 .imgArea span.plus:before {position: absolute;top: 5%;left: 5%;margin-left: -25px;border-bottom: transparent 1px solid;width: 0px;height: 0;content: "";}
   .galleryArea3 .imgArea span.plus:after { position: absolute; top: 50%; left: 50%; margin-top: -25px; border-right: transparent 1px solid; height: 0; content: ""; }
   .galleryArea3 .imgArea span.plus:before,
   .galleryArea3 .imgArea span.plus:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
   .galleryArea3 .imgArea:hover span.plus:before { border-bottom: #fff 1px solid; width: 50px; }
   .galleryArea3 .imgArea:hover span.plus:after { border-right: #fff 1px solid; height: 50px; }
   /* --- .txtArea --- */
   .galleryArea3 .txtArea { text-align: center; }
   .galleryArea3 .txtArea p.no { display: block; width: 50px; height: 50px; margin: -25px auto 0; background: #fefefe; font-size: 14px; /*font-family: 'Catamaran', sans-serif;*/ font-weight: 700; line-height: 50px; letter-spacing: 1px; position: relative; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
   .galleryArea3 .txtArea p.no:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
   .galleryArea3 h4 {font-size: 15px;letter-spacing: 1px;line-height: 1.7;margin-top: -5px;position: relative;z-index: 4;margin-top: 0px;padding: 2% 0 0;/* width: 64%; *//* float: left; */}
   .galleryArea3 h3 {
	   font-size: 18px;
	   letter-spacing: 1px;
	   line-height: 1.3;
	   margin-bottom: 10px;
	   position: relative;
	   z-index: 4;
	   margin-top: 10px;
	   margin-bottom: 20px;
	   padding: 0;
	   /* width: 64%; */
	   /* float: left; */
   }
   
	/* .sozai_title  */
   .sozai_title{font-size:17px;padding:15px 0;}
   
   
   
	/* .txtQcds */
   .txtQcds {float: left;width: 100%;padding: 1%;margin-bottom: 0;}
   .txtQcds p{font-size: 17px;line-height: 1.7;}
   
   
   
   @media only screen and (max-width: 800px) {
   .galleryArea3 .mix,
   .galleryArea3 .gap { display: inline-block; margin: 60px 2% 0; width: 96%;}
   /* --- .imgArea --- */
   .galleryArea3 .imgArea { overflow: hidden; position: relative; z-index: 1; background: #fefefe; border: #ededed 1px solid; }
   .galleryArea3 .imgArea:before { display:none; }
   .galleryArea3 .imgArea:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1);  }
   .galleryArea3 .imgArea span.plus { display:none; }
   .galleryArea3 h4 { font-size: 13px; }
   }
   
   @media only screen and (max-width: 738px) {
   .galleryArea3 { margin: 10px -1.5% 0; }
   .galleryArea3 .mix,
   .galleryArea3 .gap { margin: 40px 1.5% 0; width: 96%; }	
   
   .galleryArea3 .txtArea p.no { width: 40px; height: 40px; margin: -20px auto 0;font-size: 12px; line-height: 40px; }
   .galleryArea3 h4 { font-size: 12px; }
	   
   }
   
   @media only screen and (max-width: 414px) {
   
	   #w_area_box .formArea h2 {
		   font-size: 18px;
		   /* color: #075fa5; */
	   }
   
	   
	   .galleryArea3 .imgArea img {
		   width: 90%;
		   padding: 0;
		   margin: 0 5%;
		   /* float: left; */
	   }
   
	   .galleryArea3 { margin: 10px -1.5% 0; }
	   .galleryArea3 .mix,
	   .galleryArea3 .gap { margin: 30px 1.5% 0;}	
	   .galleryArea3 .txtArea { padding:0 2.5%; }
	   .galleryArea3 h4 { font-size: 11px; }
   }
   
   
   
   .gallery_col{
	   /* width: 100%; */
	   /* padding: 3%; */
	}
   .gallery_col2{
	   width:70%;
	   float:left;
	   padding: 3%;
	}
   
   .gallery_col3{
	   width: 50%;
	   float:left;
	   padding: 3%;
	}
   
   .gallery_col4{
	   width:50%;
	   float:left;
	   padding: 3%;
	}
   
   .gallery_col5{
	   width: 43%;
	   float:left;
	   padding: 3%;
	}
   
	.gallery_col6{
	   width: 35%;
	   float:left;
	   padding: 3%;
	}
   
   @media only screen and (max-width: 414px) {
   
   .gallery_col3{
	   width: 95%;
	   margin: 0 auto;
	}
   
   .gallery_col4{
	   width: 95%;
	   margin: 0 auto;
	}
   
   .gallery_col5{
	   width: 95%;
	}
   
	.gallery_col6{
	   width: 95%;
	   margin: 0 auto;
	}
   
   
   
	}
   
   
   
   
   
   
   @media only screen and (max-width: 800px) {
    .formArea { padding:50px 5%; } 
   }
   @media only screen and (max-width: 738px) {
    .formArea {padding: 20px 1%;} 
   }
   
   
   /* -----------------------------
	  .detailBox
	  ----------------------------- */
    .formBox { padding: 40px 0; text-align: left; border-top: #ddd 1px dashed; } 
    .formBox .leftBox { float: left; width: 25%; }
    .formBox .leftBox h3 {font-size: 14px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; letter-spacing: 1px;}
    .formBox .rightBox {/* float: right; */width: 70%;/* border-left: #ddd 1px dotted; */padding: 0 5%;margin: 0 15%;}
   
   @media only screen and (max-width: 738px) {
   
    .formBox { padding: 40px 2.5% ; text-align: left; border-top: #ddd 1px dashed; }
    .formBox:first-child { padding: 0 2.5% 40px; border-top:none;  }
    .formBox .leftBox { float: none; width: 100%; }
    .formBox .leftBox h3 {text-align:center; }
    .formBox .rightBox {float: none;width: 100%;border-left: none;padding: 25px 0 0;margin: 0;}
   }
   
   
   
   /* -----------------------------
	  
	  .detailArea
	  
	  ----------------------------- */
	  
   #form .detailArea { margin-top: 30px; position: relative; z-index: 4; }
   /* h3, h4*/
   #form .detailArea h3 { font-size: 15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝"; font-weight: bold; letter-spacing: 1px; line-height: 1.8; }
   #form .detailArea h4 { font-size: 15px; font-weight: bold; letter-spacing: 1px; }
   #form .detailArea h5.quiz { margin: 5px 0; font-size: 16px; /*line-height:1; */ letter-spacing: 2px; }
   #form .detailArea h5.quiz span { font-size: 14px; letter-spacing: 0; }
   
   /* -----------------------------
	  .detailBox
	  ----------------------------- */
   #form .detailBox { padding: 40px 0; text-align: left; border-top: #a276c9 1px dotted; }
   
   /* -----------------------------
	  .leftBox, .rightBox
	  ----------------------------- */   
   #form .detailBox .leftBox { float: left; width: 15%; }
   #form .detailBox .rightBox { float: right; width: 80%; border-left: #a276c9 1px dotted; padding-left: 5%; }
   
   
   /* -----------------------------
	  
	  ol.formlist
	  
	  ----------------------------- */
   
   ol.formlist {width: 100%;margin: 0;list-style:none;}
   ol.formlist li { list-style: none; margin-top: 30px; }
   
   ol.formlist li ol.plan { font-size:0; margin:-10px -10px 0; padding:0; }
   ol.formlist li ol.plan li { display:inline-block; margin:20px 10px 0;padding:0; }
   @media only screen and (max-width: 414px) {
   ol.formlist li ol.plan { margin:0 -5px; padding:0; }
   ol.formlist li ol.plan li { margin:10px 5px 0;padding:0; }	
   }
   /* -----------------------------
	  
	  form
	  
	  ----------------------------- */
   
   /* contact-form
   --------------------------- */
   
   .contact-form > dt {
	   position: absolute;
	   padding: 1.8em 0 0 10px;
   }
   
   .contact-form > dd {
	   position: relative;
	   padding: 1em 0 1em 12em;
	   margin-bottom: 30px;
	   border-bottom: 1px solid #4d4d4d;
   }
   
   .contact-form > dd > i {
	   color: #999;
	   display: block;
	   cursor: text;
	   position: absolute;
	   bottom: 1.8em;
	   z-index: -1;
   }
   .contact-form > dd.active > i {
	   display: none;
   }
   .contact-confirm .contact-form > dd > i {
	   display: none;
   }
   
   .contact-confirm .contact-form > dd > span {
	   display: block;
	   line-height: 3.6em;
	   min-height: 3.6em;
   }
   .contact-confirm .contact-form > dd > span {
	   display: block;
	   line-height: 3.6em;
   }
   .contact-confirm .contact-form > dd.message > span {
	   line-height: 2;
	   padding: 1em 0;
	   min-height: 1.6em;
   }
   
   .contact-form .contact-form > dd .error {
	   color: red;
	   position: absolute;
	   top: -1.5em;
   }
   
   .contact-form > dd.active textarea {
	   height: 18em;
   }
   
   .contact-complete {
	   min-height: 480px;
   }
   
   
   .contact-form_btn {
	   margin-bottom: 120px;
   }
   
   .contact-form .c-submitset > li:first-child {
	   display: none;
   }
   
   .contact-confirm .c-submitset > li:first-child > .c-submit {
	   background-color: #808080;
   }
   .contact-confirm .c-submitset > li:first-child > .c-submit:before {
	   background-color: #666;
   }
   
	  
   
   form { font-size: 14px; letter-spacing: 1px; }
   input,
   button,
   textarea,
   select {/* -webkit-appearance: none; *//* border-radius: 0; */}
   input,
   select { vertical-align: middle; }
   
   @media only screen and (max-width: 738px) {
   form { font-size: 13px;  }
   }
   @media only screen and (max-width: 414px) {
   form { font-size: 12px;  }
   }
   /* ----- label ----- */
   label { display: block; font-weight: bold; font-size: 14px; letter-spacing: 1px; line-height: 1.8; margin: 30px 0 5px; position: relative; }
   
   @media only screen and (max-width: 738px) {
   label { font-size: 13px;  }
   }
   @media only screen and (max-width: 500px) {
   label { font-size: 13px;  }
   
   .contact-form > dt {
	   width:100%;
	   padding: 1em 0 0 0px;
	   display: block;
   }
   
   .contact-form > dd {
	   /* position: relative; */
	   padding: 4em 0 1em 0em;
	   margin-bottom: 30px;
	   border-bottom: 1px solid #4d4d4d;
	   display: block;
	   width: 100%;
   }
   
   
   
   
   
   
   
   }
   
   /* ----- input ----- */
   input.st { margin: 0; padding: 10px; border: #ddd 1px solid; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }
   /* input */
   input.col-100 { max-width: 100%; display: block; }
   input.col-half { max-width: 450px; display: block; }
   input.col-address1 { max-width: 80px; margin: 0 5px 0 0; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
   input.col-address2 { max-width: 120px; margin: 0 0 0 5px; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
   input.col-address { max-width: 120px; margin: 0; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
   input:focus { border: #7eccd6 solid 1px; }
   input.other { margin: 0; padding: 5px 10px; border: #7eccd6 1px solid; background: #f8f8f8; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; max-width: 400px; }
   
   /* ----- select ----- */
   select { border: #ddd 1px solid; background: #fefefe; padding: 5px 10px; letter-spacing: 1px; }
   option { border: #ddd 1px solid; margin: -1px 0 0; padding: 5px; font-weight: normal; line-height: 1; }
   
   /* ----- textarea ----- */
   textarea { width: 100%; line-height: 1.7; padding: 10px; letter-spacing: 1px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
   textarea.talentname { height: 5em; }
   textarea.small { height: 10em; }
   textarea.detail { height: 15em; }
   textarea:focus { border: #7eccd6 solid 1px; }
   
   /* ----- span / br ----- */
   span.small-category { display: block; margin-top: 5px; vertical-align: 0; }
   span.birthday { padding: 0 15px 0 5px; vertical-align: 0; }
   span.block { display: block; vertical-align: 0; }
   br.block-1150 { display: none; }
   span.import {color: #fefefe;background: #2ea2aa;border-radius: 5px;padding-left: 5px;padding-right: 5px;padding: 2px 5px;margin-left: 5px;font-weight:500;}
   p.small { font-size: 12px; line-height: 1.8; margin-top: 5px; }
   
   .mustTxt { margin-top: 5px; font-size: 12px; font-weight: bold; color: #fefefe; background: #e803a4; width: 50px; height: 20px; line-height: 20px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
   
   input[type=radio], input[type=checkbox] {display: none;}
   
   /* ----- .radio,.checkbox ----- */
   .radio,
   .checkbox {box-sizing: border-box;position: relative;display: inline-block;margin:0;padding: 10px 15px 10px 42px;/* border-radius: 8px; */background: #f5f5f5;vertical-align: middle;cursor: pointer;z-index:2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
   .radio:hover,
   .checkbox:hover { background: #f0fafe; }
   .radio:hover:after,
   .checkbox:hover:after { border-color: #7eccd6; }
   .radio:after,
   .checkbox:after { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 1px solid #bbb; border-radius: 0; content: ''; background:#fefefe; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
   .radio:after {border-radius: 100%; }
   .radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 19px; display: block; margin-top: -6px; width: 10px; height: 10px; border-radius: 100%; background: #7eccd6; content: ''; opacity: 0; }
   input[type=radio]:checked + .radio:before { opacity: 1; }
   .checkbox:before {  position: absolute; top: 50%; left: 21px; display: block; margin-top: -8px; width: 5px; height: 9px; border-right: 2px solid #7eccd6; border-bottom: 2px solid #7eccd6; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
   input[type=checkbox]:checked + .checkbox:before { opacity: 1; }
   
   
   input[type=liquidation], input[type=checkbox] {display: none;}
   
   /* ----- .liquidation,.checkbox ----- */
   .liquidation,
   .checkbox {box-sizing: border-box;position: relative;display: inline-block;margin:0;padding: 10px 15px 10px 42px;/* border-radius: 8px; */background: #f5f5f5;vertical-align: middle;cursor: pointer;z-index:2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
   .liquidation:hover,
   .checkbox:hover { background: #f0fafe; }
   .liquidation:hover:after,
   .checkbox:hover:after { border-color: #7eccd6; }
   .liquidation:after,
   .checkbox:after { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 1px solid #bbb; border-radius: 0; content: ''; background:#fefefe; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
   .liquidation:after {border-radius: 100%; }
   .liquidation:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 19px; display: block; margin-top: -6px; width: 10px; height: 10px; border-radius: 100%; background: #7eccd6; content: ''; opacity: 0; }
   input[type=liquidation]:checked + .liquidation:before { opacity: 1; }
   .checkbox:before {  position: absolute; top: 50%; left: 21px; display: block; margin-top: -8px; width: 5px; height: 9px; border-right: 2px solid #7eccd6; border-bottom: 2px solid #7eccd6; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
   input[type=checkbox]:checked + .checkbox:before { opacity: 1; }
   
   
   form#mail_form dl dt span.required{
	   background: #b860a3;
	   color:#fff;
	   padding: 3px;
	   border-radius: 5px;
	   margin-right: 5px;
   }
   
   
   
   
   
   /* ----- label ----- */
   ol.formlist li ol.plan li label { display: block; font-weight: 500; font-size: 13px; letter-spacing: 1px; line-height: 1.8; margin: 0; position: relative; }
   @media only screen and (max-width: 738px) {
   ol.formlist li ol.plan li label { font-size: 12px;  }
   ol.formlist li ol.plan li label { margin: 0; position: relative; }
   }
   
   
   /* ul.notice */
   ol.formlist ul.notice { margin: 0 0 5px; padding: 0; list-style: none;text-align: left;}
   ol.formlist ul.notice li { margin-top:3px; padding-left: 1.5em; font-size: 14px; letter-spacing: 1px; line-height: 2; position:relative; }
   ol.formlist ul.notice li:before { position:absolute; top:0; left:0; content: "※"; z-index:0;}
   @media only screen and (max-width: 800px) {
   ol.formlist ul.notice li { font-size: 13px; }
   }
   @media only screen and (max-width: 738px) {
   ol.formlist ul.notice li { font-size: 12px; }
   }
   
   
   
   /* -----------------------------
   
	  .btnArea
   
	  ----------------------------- */
	  
   #w_area_box .btnArea { display: block; text-align: center; padding: 30px 0 40px; text-align: center; border-top: #ddd 1px dashed; }
   #w_area_box .submitbtn,
   #w_area_box .resetbtn { display: inline-block; padding: 0; margin:10px 1% 0; font-size: 13px; text-decoration: none; text-align:center; padding:0; line-height: 50px; letter-spacing: 1px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 5px;
	width:275px; max-width:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
   /* ----- .submitbtn ----- */
   #w_area_box .submitbtn { color:#fefefe; background:#111; border:#111 1px solid;}
   #w_area_box .submitbtn:hover { color:#999; background: #ccc; border:#ccc 1px solid; }
   /* ----- .resetbtn ----- */
   #w_area_box .resetbtn { color:#111; background:none; border: #111 1px solid; }
   #w_area_box .resetbtn:hover { color:#333; background: #fefefe;background:none; border:#ccc 1px solid; }
   
   
   @media only screen and (max-width: 800px) {
   #w_area_box .submitbtn:hover { color:#fefefe; background:#111; border:#111 1px solid; }
   #w_area_box .resetbtn:hover { color:#111; background:none; border: #111 1px solid; }
   }
   @media only screen and (max-width: 738px) {
   #w_area_box .btnArea { padding: 30px 0 15px; }
   }
   
   /* -----------------------------
   
	  #formWrap
   
	  ----------------------------- */
   
   .formWrap { position: relative; z-index: 4; text-align:center; }
   .formWrap h4 { margin: 0; padding: 0; font-size: 14px; font-weight: 500; line-height: 2.2; letter-spacing: 1px;}
   @media only screen and (max-width: 800px) {
   .formWrap h4 { font-size: 13px; line-height: 2; }
   }
   @media only screen and (max-width: 738px) {
   .formWrap h4 { padding:0 5%; font-size: 12px; line-height: 2; text-align:left; }
   }
   
   
   
   /*@media screen and (max-width: 768px) {
   #formWrap { text-align:left; }
   }
   */
   
   
   /* -----------------------------
	  
	  table.formTable
	  
	  ----------------------------- */
	  
   table.formTable { width: 100%; margin: 30px auto 0; border-collapse: collapse; text-align: left; overflow: hidden; font-size: 14px; letter-spacing: 1px; line-height: 2; background:#fefefe; }
   table.formTable tr { border: #ddd 1px solid; }
   table.formTable th { padding: 15px; font-weight: bold; background: #fafafa ; width: 30%; }
   table.formTable td { padding: 15px; border-left: #ddd 1px dotted; }
   
   .noticeTxt { margin: 20px auto 0; width: 100%; }
   .noticeTxt p { margin-top:10px; padding: 12px 15px; color:#7eccd6; background:#ccc; }
   
   
   #w_area_box .formWrap .btnArea { margin-top:40px; }
   
   @media only screen and (max-width: 800px) {
   table.formTable { font-size: 13px; }
   }
   @media only screen and (max-width: 738px) {
   table.formTable { margin: 20px auto 0; font-size: 12px; letter-spacing: 1px; line-height: 2;}
   table.formTable tr { border:none; border-top: 10px solid transparent;}
   table.formTable th { padding: 10px 5%; display:block; width: 100%; border: #ddd 1px solid; border-bottom:#ddd 1px dotted;}
   table.formTable td { padding: 10px 5%; display:block; border: #ddd 1px solid; border-top:none; }
   .noticeTxt p { text-align:left; }
   
   }
   
   
   
   /* =============================================================
   
	   Forms
   
   * ============================================================= */
   
   textarea, input, select {
	   font-family:'Noto Sans JP', "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	   font-size: 100%; /* 14px base */
	   color: #333;
	   letter-spacing: 1px;
   }
   
   input[type="text"],
   textarea {
	   display: block;
	   width: 100%;
	   height: 3.6em;
	   margin: 0;
	   padding: 0 10px;
	   background-color: rgba(255,255,255,.1);
	   border: none;
	   border-radius: 2px;
	   -webkit-box-sizing: border-box;
	   box-sizing: border-box;
	   -webkit-appearance:none;
	   border: 1px solid #eee;
   }
   html.IE8 input[type="text"] {
	   line-height: 3.6em;
   }
   
   textarea {
	   padding: 10px;
	   max-width: none;
	   transition: height .3s;
   }
   
   input[type="text"]:focus,
   textarea:focus {
	   background-color: #f2f2f2;
   }
   textarea:focus {
	   height: 18em;
   }
   
   input[type="submit"] {
	   background: none;
	   border: none;
	   -webkit-appearance:none;
   }
   
   /*
   .c-submitset input[type="submit"]:hover {
	   background-color: #262626;
   }
   */
   
   
   .c-submit {
	   text-align: center;
	   display: inline-block;
	   background-color: #3f3f3f;
	   position: relative;
	   overflow: hidden;
   }
   
   .c-submit > input {
	   color: #fff;
	   font-size: 0.929em;
	   line-height: 1.6;
	   display: inline-block;
	   background-color: transparent;
	   padding: 20px 30px;
	   min-width: 240px;
	   cursor: pointer;
	   -webkit-transition: background-color .15s;
			   transition: background-color .15s;
	   position: relative;
	   z-index: 1;
   }
   
   .c-submit:before {
	   content: "";
	   width: 100%;
	   height: 100%;
	   background-color: #262626;
	   position: absolute;
	   left: 0;
	   top: 100%;
	   -webkit-transition: -webkit-transform .12s ease-out;
			   transition: transform .12s ease-out;
   }
   .c-submit:hover:before {
	   -webkit-transform: translateY(-100%);
		   -ms-transform: translateY(-100%);
			   transform: translateY(-100%);
   }
   .IE8 .c-submit:hover {
	   background-color: #262626;
   }
   
   .c-submit:after {
	   content: "";
	   width: 8px;
	   height: 14px;
	   background: url(../images/sprite1.png) no-repeat -250px 0;
	   position: absolute;
	   right: 15px;
	   top: 50%;
	   margin-top: -7px;
	   opacity: 0;
	   -webkit-transform: translateY(30px);
		   -ms-transform: translateY(30px);
			   transform: translateY(30px);
	   -webkit-transition: all .15s ease-in;
			   transition: all .15s ease-in;
   }
   .c-submit:hover:after {
	   opacity: 1;
	   -webkit-transform: translateY(0);
		   -ms-transform: translateY(0);
			   transform: translateY(0);
	   -webkit-transition-delay: .1s;
			   transition-delay: .1s;
   }
   .IE8 .c-submit:after {
	   content: none;
   }
   .IE8 .c-submit:hover:after {
	   content: "";
   }
   
   .c-submitset {
	   text-align: center;
   }
   
   .c-submitset > li {
	   display: inline-block;
	   margin: 0 5px;
   }
   
   
   
   
   
   
   
   /* -----------------------------
	  
	  .confirmTxt
	  
	  ----------------------------- */
	  
   .confirmArea { margin: 0 auto; max-width: 600px; }
   .confirmTxt { margin: 40px auto 0; width: 100%; }
   .confirmTxt p { margin-top: -1px; padding: 15px 5%; color: #e803a4; border: #e803a4 1px solid; line-height: 1.8; }
   
   /*@media screen and (max-width: 768px) {
   .confirmTxt { margin: 35px auto 0; }
   }
   @media screen and (max-width: 738px) {
   .confirmTxt { margin: 30px auto 0; }
   }*/
   
   
   /* -----------------------------
	  
	  #form .txtArea
	  
	  ----------------------------- */
   #form .txtArea { padding: 0; position: relative; z-index: 4; text-align: left; }
   
   
   /* -----------------------------
	  .applyArea2
	  ----------------------------- */
   
   #form .applyArea { border-top: #a276c9 1px dotted; margin-top: 45px; position: relative; z-index: 4; }
   /* h3, h4*/
   #form .applyArea h3 { font-size: 15px; font-family: font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝"; font-weight: bold; letter-spacing: 1px; line-height: 1.8; }
   #form .applyArea h4 { font-size: 15px; font-weight: normal; letter-spacing: 1px; line-height: 1.8; }
   
   
   /* -----------------------------
	  .applyBox, .applyBox2
	  ----------------------------- */
	  
   #form .applyBox,
   #form .applyBox2 { padding: 35px 0; text-align: left; }
   #form .applyBox { border-bottom: none; }
   #form .applyBox2 { border-top: #a276c9 1px dotted; }
   
   
   /* -----------------------------
	  .leftBox, .rightBox
	  ----------------------------- */
	  
   #form .applyBox .leftBox,
   #form .applyBox2 .leftBox { float: left; width: 20%; }
   #form .applyBox .rightBox,
   #form .applyBox2 .rightBox { float: right; width: 75%; border-left: #a276c9 1px dotted; padding-left: 5%; }
   /* ul li */
   #form .applyBox ul { list-style: disc; margin: 0; padding: 0; padding-left: 1em; }
   #form .applyBox ul li { font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 1.9; margin-bottom: 5px; }
   #form .applyBox ul li:last-child { margin-bottom: 0; }
   #form .applyBox ul li a { border-bottom: #111 1px dotted; }
   #form .applyBox ul li a:hover { color: #fefefe; background: #111; border-bottom: #111 1px solid; }
   /* ul li ul */
   #form .applyBox ul li ul { list-style: decimal }
   #form .applyBox ul li ul li { margin-bottom: 0; }
   /* table */
   #form table.info { border-collapse: collapse; margin-top: 10px; font-size: 13px; letter-spacing: 1px; line-height: 1.9; }
   #form table.info tr { padding-bottom: 3px; display: block; }
   #form table.info tr:last-child { margin-bottom: 0; }
   #form table.info th { width: 90px; }
   #form .linkArea { border-top: #a276c9 1px dotted; margin-top: 0px; padding-top: 30px; }
   

   .otaku{
      padding:10px;
      /* margin-top: 50px; */
   }

   .otaku ol {
      counter-reset:number; 
      list-style-type: none!important;
      padding: 0.3em 0.8em;
      border: solid 2px #ffb107;
    }
    .otaku ol li {
      border-bottom: dashed 1px orange;
      position: relative;
      padding: 0.5em 0.5em 0.5em 30px;
      line-height: 1.5em;
    }
    .otaku ol li:before{
      /* 以下数字をつける */
      position: absolute;
      counter-increment: number;
      content: counter(number);

      display:inline-block;
      background: #ffb107;
      color: white;
      font-family: 'Avenir','Arial Black','Arial',sans-serif;
      font-weight:bold;
      font-size: 15px;
      border-radius: 50%;
      left: 0;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      /*以下 上下中央寄せのため*/
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .otaku ol li:last-of-type {
      border-bottom: none;
    }


.otaku2{
      padding: 50px;
      text-align: center;
      font-size: 20px;
   }

   .otaku2 ol {
      counter-reset:number; 
      list-style-type: none!important;
      padding: 0.3em 0.8em;
      /* border: solid 2px #ffb107; */
    }
    .otaku2 ol li {
      /* border-bottom: dashed 1px orange; */
      position: relative;
      padding: 0.5em 2em 0.5em 2em;
      line-height: 1.5em;
      display: inline;
      font-size: 25px;
    }
    .otaku2 ol li:before{
      position: absolute;
      counter-increment: number;
      content: counter(number);
       display:inline-block;
      background: #009688;
      color: white;
      font-family: 'Avenir','Arial Black','Arial',sans-serif;
      font-weight:bold;
      font-size: 20px;
      border-radius: 50%;
      left: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .otaku2 ol li:last-of-type {
      border-bottom: none;
    }


  .otaku3{
      padding: 0;
      /* margin-top: 50px; */
   }

   .otaku3 ol {
      counter-reset:number;
      list-style-type: none!important;
      padding: 0.3em 0.8em;
      /* border: solid 2px #dedede; */
    }
    .otaku3 ol li {
      border-bottom: dashed 1px #9E9E9E;
      position: relative;
      padding: 0.5em 0.5em 0.5em 30px;
      line-height: 1.5em;
      /* font-weight: 600; */
    }
    .otaku3 ol li:before{position: absolute;counter-increment: number;content: '\e6b4';display:inline-block;color: #e90505;/*       color: white; */font-family:themify;font-weight:bold;font-size: 16px;border-radius: 50%;left: 0;width: 25px;height: 25px;line-height: 25px;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .otaku3 ol li:last-of-type {
      border-bottom: none;
    }



   

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

	.otaku2 {
		padding:10px 15px;
		text-align: left;

	}


  
  .otaku2 ol {
      counter-reset:number; 
      list-style-type: none!important;
      padding: 0.3em 1em;
      /* border: solid 2px #ffb107; */
    }




  .otaku2 ol li {
      /* border-bottom: dashed 1px orange; */
      position: relative;
      padding: 0.5em 2em 0.5em 2em;
      line-height: 1.5em;
      display: block;
      font-size: 18px;
    }

   }





  
/*----------------------------------------------------
柔軟な対応力
------------------*/

.boxFlexible {
    position: relative;
    margin: 1em 0 1em;
    padding: 1em 1em;
    border: solid 1px #0a0a0a;
}

.boxFlexible2 {
    position: relative;
    margin: 0 0 1em;
    padding: 1em 1em;
}



@media only screen and (max-width: 1200px) {
	.boxFlexible {
	position: relative;
	margin: 1em 0 0em;
	padding: 1em 1em;
	border: solid 1px #0a0a0a;
	}

}

.boxFlexible .box-title {
    position: absolute;
    display: inline-block;
    top: -37px;
    left: -3px;
    padding: 0 9px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    font-size: 18px;
    /* background: #999; */
    color: #000;
    font-weight: bold;
    /* border-radius: 5px 5px 0 0; */
}
.boxFlexible p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 2;
    /* font-weight: 600; */
}

.boxFlexible p span{
	border-bottom: 1px solid #ddd;
	/* font-weight: 500; */
}

.img_floatR{float:right;}



.boxBest {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.boxBest .box-title {
    font-size: 1.2em;
    background: #009a3d;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxBest p {
    padding: 25px;
    margin: 0;
}
.icon_img{width:80px;}



.item_c1, .item_c2, .item_c3, {
	width: 100%;
}
.item_c1 img, .item_c2 img, .item_c3 img {
	width: 100%;
	padding:2%;
}

.item2 {
      width: 100%;
    }
.item1 img, 
.item2 img, 
.item3 img, 
.item4 img, 
.item5 img, 
{
      width: 100%;
      padding:2%;
    }


.item3 {
    width: 100%;
}


.item4 {
      width: 100%;
      padding: 2%;
}
 
.item5 {
	  width: 100%;
	  padding: 0.5%;
	}
.item2 img, {
      width: 100%;
      padding:2%;
    }


 @media ( min-width : 800px ){
    .flexbox {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      /* max-width: 1200px; */
      justify-content: left; /* 子要素をflexboxにより中央に配置する */
      align-items: center;  /* 子要素をflexboxにより中央に配置する */
      /* margin-bottom: 100px; */
      }


			.item_c1 {
				width: 100%;
				padding: 0;
			}
			.item_c2 {
				width: 46%;
				padding: 2%;
			}
			.item_c3 {
				width: 31.111111%;
				padding:1%;
			}


	 .item2 {
		  width: 48%;
		  padding: 0% 1% 1%;
		  flex: 0 0 48%;
		}

		.item2 img{
		width: 96%;
		padding: 0 2%;
	}



     .item3 {
		  width: 56.66666%;
		  padding: 2%;
		}
     .item1 {
		  width: 33.33333%;
		  padding: 0%;
		  vertical-align: middle;
		  flex: 0 0 33%;
		}
	     .item1 img{width:100%;width: 98%;padding: 1% 1% 1%;}

	.item p{}
.item5 {
	  width: 24%;
	  padding: 0.5%;
	}

 }

  .boxContact{
  	margin: 0px 0;
  	padding: 0 5px;
  	/* border:1px solid #ddd; */
  }


  .boxContact img{
	/* width:100%; */
	/* padding: 10px; */
	}

  .imgArea{
  	margin:20px 0;
  	/* padding:20px; */
  }

  .p_phone a{font-size:30px;color:#1e843a;border-bottom: 1px dashed;}
  .p_phone a:hover{font-size:50px;color:#FF9800;}

  @media ( min-width : 600px ){
	.p_phone a{font-size:50px;color:#1e843a;border-bottom: 1px dashed;}
	.p_phone a:hover{font-size:50px;color:#FF9800;}

	}




	.list_sec {
		/* border: 1px solid #e5e5e5; */
		background: #fff;
		padding: 30px 40px;
		margin: 50px auto 80px;
		/* max-width: 880px; */
		-webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
		-moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
		/* box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff; */
		padding: 80px 10%;
		position: relative;
		z-index: 1;
		/* border-top: #a3d9e0 1px solid; */
		/* background: url(../images/noise.png) repeat; */
		/* background: #fafafa; */
		font-size: 16px;
	}
	
	
	.list_sec section {
		margin: 0 -10px;
		padding: 20px 10px;
		border-top: 1px solid #d9d9d9;
	}
	.list_sec section:first-child {
		border: none;
		padding-top: 0;
	}
	
	.list_sec h3 {
		font-size: 110%;
		line-height: 1.5;
		padding-bottom: 15px;
	}
	
	.list_sec p,
	.list_sec li {
		/* font-size: 110%; */
		/* line-height: 1.8; */
	}
	
	.list_sec p {
		/* margin-left: 1.4em; */
	}
	
	.list_sec p + ol {
		margin-top: 10px;
	}
	
	.list_sec ul li {
		list-style: disc;
		margin-left: 2.4em;
	}
	.list_sec ol li {
		list-style: decimal ;
		margin-left: 3.2em;
	}
	
	.list_sec .establish {
		text-align: right;
		font-weight: bold;
		padding-top: 20px;
	}
	
	
	/* ---------------------------------------
		max-width: 719px
	--------------------------------------- */
	
	@media screen and (max-width: 719px) {
	
		.list_sec {
			padding: 20px;
			margin: 0 auto 40px;
		}
	
		.list_sec section {
			margin: 0 -10px;
			padding: 15px 10px;
		}
	
		.list_sec h3 {
			font-size: 1.1rem;
			padding-bottom: 10px;
		}
	
		.list_sec .establish {
			padding-top: 10px;
		}
	
	}
	
	/* ---------------------------------------
		max-width: 479px
	--------------------------------------- */
	
	@media screen and (max-width: 479px) {
	
		.list_sec p {
			margin-left: 0;
		}
	
		.list_sec ul li {
			margin-left: 1.4em;
		}
		.list_sec ol li {
			margin-left: 1.8em;
		}
	
	}

/*     #list_a {margin-top:5px} */
	#list_a {margin-bottom:20px}
	
	#list_a dt {
		/* margin-top: 1em; */
		padding: 0 0;
		color: #030303;
		font-size: 20px;
		font-weight: 600;
		/* text-shadow: 1px 1px rgba(0,0,0,.4); */
		/* background-color: #00796d; */
		}

	#list_a dt:first-letter {
	  font-size: 1.5em;
	  color: #c11920;
	}


		
	  #list_a dd {
	  padding: 1em 0;
	  margin-left: 0;
	  font-size: 16px;
	  font-weight: 400;
	  border-width: 0 1px 1px;
	  /* border-style: none solid solid; */
	  /* border-color: #00796d; */
	  border-bottom: 1px solid #ddd;
	  }
	
	
	  
	  

/*============================================================
  voice
============================================================*/
#voice {
	text-align: center;
  }
  
  #voice .list-voice {
	display: block;
	width: 100%;
	font-size: 0;
	text-align: left;
	padding: 0 3.5vw;
	margin-top: 4.4vw;
  }
  
  #voice .list-voice > li {
	display: inline-block;
	width: calc(100% / 3);
	vertical-align: top;
	padding: 0 1.4vw 4vw;
	position: relative;
  }
  
  html.ie #voice .list-voice > li {
	width: 33.333%;
  }
  
  #voice .list-voice > li:nth-of-type(n+4) {
	display: none;
  }
  
  #voice .list-voice.isAll > li:nth-of-type(n+4) {
	display: inline-block;
	-webkit-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	   -moz-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
		-ms-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
		 -o-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
			animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  }
  
  #voice .block-front,
  #voice .block-back {
	overflow: hidden;
	border-radius: 5px;
  }
  
  #voice .block-front .ico-sns {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background-color: #fff;
	padding: 0.4rem;
	overflow: hidden;
	position: absolute;
	right: 0.7vw;
	top: 0.7vw;
  }
  
  #voice .block-back {
	width: 100%;
	height: 100%;
	background-size: 40vw auto;
  }
  
  #voice .block-back.orn {
	background-color: #e8652b;
  }
  
  #voice .block-back.grn {
	background-color: #009688;
  }
  
  
  #voice .block-back.beige {
	background-color: #ecd9a0;
  }
  
  
  
  #voice .block-back .block-content {
	display: table;
	width: 100%;
	height: 100%;
  }
  
  #voice .block-back .block-content .block-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 0 10%;
  }
  
  #voice .block-profile {
	text-align: left;
	margin-top: 1.6rem;
	position: relative;
  }
  
  #voice .txt-name {
	display: inline-block;
	letter-spacing: 0.1em;
	line-height: 1;
  }
  
  #voice .txt-child {
	position: absolute;
	right: 0;
	bottom: 0;
  }
  
  @media (max-width: 768px) and (orientation: portrait) {
	#voice .list-voice {
	  p: 0 6vw;
	  margin-top: 8vw;
	}
  
	#voice .list-voice > li {
	  width: 100%;
	  padding: 0 0 8vw 0;
	}
  
	#voice .block-front .ico-sns {
	  width: 4rem;
	  height: 4rem;
	  right: 2vw;
	  top: 2vw;
	}
  
	#voice .block-back {
	  background-size: 100vw auto;
	}
  
	#voice .block-profile {
	  margin-top: 1.2rem;
	}
  
	#voice .btn-more {
	  margin-top: 1vw;
	}
  }
  


  

/*----------------------------------------------------
実績
------------------*/
 
section table {width: 100%;font-size: 15px;}
section th, section td  {padding: 10px;border: 1px solid #ddd;}
section th  { background: #f4f4f4; }
.w01{width: 10em;}
.w02{width: 5em;}
.w03{width: 6em;}
.w04{width: 5em}
.w05{width: 2em}
.w06{width: 2em}
.w07{width: 2em}
.w08{width: 15em;}

 
/*----------------------------------------------------
  .actual
----------------------------------------------------*/
.actual th  {/* width: 0; */}
.actual td  {text-align: left;}
.actual td:first-child  { text-align: left; }

.r1 {
    width: 5em;
}

.r2 {
    width: 25em;
}

.r3 {
    width: 25em;
}

.r4 {
    width: 8em;
}


@media only screen and (max-width: 800px) { 
  .actual {
    display: block;
    width: 96%;
    margin: 0 2%;
  }
  .actual thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
  }
  .actual tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
  }
  .actual th{ 
    display: block;
    width:auto;
  }
  .actual tbody tr{ 
    display: inline-block; 
    margin: 0 0 0 0.5%;
  }
  .actual td{ 
    display: block;
  }
  
  
.r1 {
    width: 100%;
}

.r2 {
   width: 100%;
}

.r3 {
   width: 100%;
}

.r4 {
   width: 100%;
}

 
  
}


.mane {
	width: 96%;
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
	padding: 30px 2% 0;
}


.mane_title{
  position: relative;
  color: white;
  background: #7d4736;
  line-height: 2;
  font-size: 22px;
  padding-left: 40px;
  margin-bottom: 20px;
  text-align: left;
}


.mane_title:before {/*疑似要素*/
  FONT-WEIGHT: 100;
  font-family: 'FontAwesome';
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  position: absolute;
  top: 0px;
  left: 10px;
  bottom: 7px;
  right: 0;
}






.mane h3{
  position: relative;
  color: #222426;
  text-align:left;
  font-size: 16px;
  line-height: 2.3;
  padding-left: 40px;
  border-bottom: solid 1px #4c4948;
  font-weight: 400;
}

.mane h3:before {/*疑似要素*/
  font-family: 'FontAwesome';
  content: "\f192";
  position: absolute;
  left : 0.6em; /*左端からのアイコンまでの距離*/
  font-size: 16px;
  top: 0px;
}




table.brwsr1 {
	width: 98%;
    font-size: 110%;
    margin: 20px 100px;
    border-collapse: separate;
    border-spacing: 0px 1px;
    margin-bottom:10px;
    margin-left:5px
}

table.brwsr1 img{
	margin:10px;
}

table.brwsr1 th {
    padding: 8px 0;
    padding-left:5px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    /*border-bottom: #999 1px solid;
    color: #fff;*/
}
 
table.brwsr1 td {
    padding: 8px 0;
    text-align: left;
    border-bottom: #999 1px solid;
}
 
table.brwsr1 th.r1 {
    width: 25%;
    text-align: left;
    font-size: 16px;
    /* border-right: #999 1px solid;
     background: #447791;*/
}
 
table.brwsr1 td.r2 {
    width: 75%;
    text-align: left;
    font-size: 16px;
    /* border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;*/
}
 



@media only screen and (min-width: 751px) {



	
	#sub_contents #l-header.type-white {
	  border-bottom: 1px solid #dedede;
	}
	#sub_contents #l-header.type-white #l-header-title svg path {
	  fill: #222426;
	}
	#sub_contents #l-header.type-white #l-header__inner {
	  background-color: #fff;
	}
	#sub_contents #l-header.type-white #l-header__list > li > a {
	  color: #222426;
	}
	#sub_contents #l-header.type-white #l-header__sns li svg path {
	  fill: #222426;
	}
  }
  
  @media only screen and (max-width: 750px) {
	#sub_contents #l-header.type-white #l-header-title svg path {
	  fill: #222426;
	}
	#sub_contents #l-header.type-white #l-header__inner {
	  background-color: #fff;
	}
	#sub_contents #l-header.type-white #l-header-shop .icon svg > * {
	  stroke: #222426;
	}
	#sub_contents #l-header.type-white #l-header-shop .icon svg ellipse {
	  fill: #222426;
	}
	#sub_contents #l-header.type-white #l-header-shop .text {
	  color: #222426;
	}
	#sub_contents #l-header.type-white #l-header-btn::before, #sub_contents #l-header.type-white #l-header-btn::after, #sub_contents #l-header.type-white #l-header-btn .line {
	  background-color: #222426;
	}
	#sub_contents #l-header.type-white #l-header-btn .text {
	  color: #222426;
	}
  }
  
  #sub_contents #p-kv {
	position: relative;
	padding-top:50px;
  }
  
  #sub_contents #p-kv__copy {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	line-height: 28px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 90px;
	margin: auto;
	background: url(../images/training_title.jpg) no-repeat top center;
	/* width: 100%; */
	/* height: 60vw; */
	-webkit-transition: all 1.2s ease;
	transition: all 1.2s ease;
	background-size: contain;
	background-size: cover;
	}
  
  #sub_contents #p-kv__copy > * {
	color: #222426;
  }
  
  #sub_contents #p-kv__copy .jp {
	font-family: "A1明朝" , "A1 Mincho" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝",serif,YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	white-space: nowrap;
  }
  
  #sub_contents #p-kv__copy .en {
	font-family: 'Crimson', serif;
	font-style: italic;
  }
  
  @media only screen and (min-width: 751px) {
	#sub_contents #p-kv {
	  width: 100%;
	  height: 250px;
	  padding-top: 70px;
	}
	#sub_contents #p-kv__copy .jp {
	  font-size: 26px;
	}
  }
  
  @media only screen and (max-width: 750px) {
	#sub_contents #p-kv {
	  width: 100%;
	  height: 52vw;
	}
	#sub_contents #p-kv__copy {
	  padding-top: 14.66667vw;
	  /* background: #ddd; */
	}
	#sub_contents #p-kv__copy .jp {
	  text-align: center;
	  font-size: 5.6vw;
	  line-height: 2;
	}
	#sub_contents #p-kv__copy .en {
	  font-size: 2.93333vw;
	}
  }
  
  @media only screen and (min-width: 751px) {
	#sub_contents .p-sub-content {
	  width: 960px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 65px;
	  margin-top: -35px;
	}
  }
  
  @media only screen and (min-width: 751px) and (max-width: 1080px) and (min-width: 751px) {
	#sub_contents .p-sub-content {
	  width: initial;
	  margin-left: 45px;
	  margin-right: 45px;
	}
  }
  
  @media only screen and (min-width: 751px) {
	#sub_contents .p-sub-content__last {
	  margin-bottom: 100px;
	}
	#sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
	  margin-top: 23px;
	}
	#sub_contents .p-sub-content__title {
	  font-weight: 600;
	  font-size: 16px;
	  border-bottom: solid 1px #dddde4;
	  padding-bottom: 15px;
	}
	#sub_contents .p-sub-content__text {
	  margin-top: 24px;
	  line-height: 26px;
	}
	#sub_contents .p-sub-content-list li {
	  margin-top: 30px;
	}
	#sub_contents .p-sub-content-list__title {
	  display: flex;
	  align-items: center;
	}
	#sub_contents .p-sub-content-list__title span {
	  font-family: 'Crimson', serif;
	  font-style: italic;
	  font-size: 22px;
	  margin-right: 10px;
	}
	#sub_contents .p-sub-content-list__title p {
	  font-weight: 600;
	}
	#sub_contents .p-sub-content-list__text {
	  line-height: 26px;
	  letter-spacing: 0.06em;
	}
	#sub_contents .p-sub-content-list__text02 {
	  margin-top: 15px;
	}
	#sub_contents .p-sub-content-list__note {
	  margin-top: 25px;
	  padding: 22px 35px;
	  background-color: #ededed;
	  line-height: 26px;
	  margin-bottom: 40px;
	}
	#sub_contents .p-sub-content-list__note span {
	  font-weight: 600;
	  display: block;
	}
	#sub_contents .p-sub-content-signature {
	  text-align: right;
	  line-height: 26px;
	  margin-top: 26px;
	}
	#sub_contents .p-sub-content__logo {
	  margin-top: 32px;
	  display: flex;
	  justify-content: space-between;
	  align-items: flex-end;
	}
	#sub_contents .p-sub-content__logo img {
	  width: 70px;
	  height: 72px;
	  transition-property: all;
	  transition-duration: .3s;
	  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}
	#sub_contents .p-sub-content__logo img:hover {
	  opacity: 0.7;
	}
  }
  
  @media only screen and (max-width: 750px) {
	#sub_contents .p-sub-content {
	  margin: 0 30px;
	  margin-bottom: 90px;
	}
	#sub_contents .p-sub-content__last {
	  margin-bottom: 110px;
	}
	#sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
	  margin-top: 13px;
	}
	#sub_contents .p-sub-content__title {
	  font-weight: 600;
	  border-bottom: solid 1px #dddde4;
	  padding-bottom: 10px;
	}
	#sub_contents .p-sub-content__text {
	  margin-top: 16px;
	  line-height: 25px;
	}
	#sub_contents .p-sub-content-list li {
	  margin-top: 22px;
	}
	#sub_contents .p-sub-content-list:last-child li:first-child {
	  margin-top: 0px;
	}
	#sub_contents .p-sub-content-list__title {
	  display: flex;
	  align-items: baseline;
	  margin-bottom: 3px;
	}
	#sub_contents .p-sub-content-list__title span {
	  font-family: 'Crimson', serif;
	  font-style: italic;
	  font-size: 19px;
	  margin-right: 5px;
	}
	#sub_contents .p-sub-content-list__title p {
	  font-weight: 600;
	}
	#sub_contents .p-sub-content-list__text {
	  line-height: 26px;
	  letter-spacing: 0.06em;
	}
	#sub_contents .p-sub-content-list__text02 {
	  margin-top: 8px;
	}
	#sub_contents .p-sub-content-list__note {
	  margin-top: 21px;
	  padding: 22px;
	  background-color: #ededed;
	  line-height: 25px;
	  margin-bottom: 27px;
	  letter-spacing: 0.001em;
	}
	#sub_contents .p-sub-content-list__note span {
	  font-weight: 600;
	  display: block;
	  margin-bottom: 4px;
	}
	#sub_contents .p-sub-content-signature {
	  text-align: right;
	  line-height: 26px;
	  margin-top: 26px;
	}
	#sub_contents .p-sub-content a {
	  color: #222426;
	  text-decoration: none;
	}
	#sub_contents .p-sub-content__logo {
	  margin-top: 20px;
	  display: flex;
	  justify-content: space-between;
	  align-items: flex-end;
	}
	#sub_contents .p-sub-content__logo img {
	  width: 70px;
	  height: 72px;
	}
  }



/* Content */
#main-top {
	width:100%;
	height:70vh;
	position:relative;
	padding:0 50px;
	box-sizing:border-box;
}
#main-top .image{
	position:absolute;
	top:0;
	right:50px;
	width:80%;
	height:100%;
	background:url(../img/top.jpg) no-repeat center;
	background-size:cover;
}
#main-top .main-text{
	background:#fff;
	padding:70px;
	position:absolute;
	left: calc(20% - 50px);
	left: -webkit-calc(20% - 50px);
	top:50%;
	transform:translate(-50%,-50%);
	z-index:5;
	text-align:center;
}
#main-top .main-text h2{
	font-family: 'Abel', sans-serif;
	font-size:2.1em;
	letter-spacing:0.4em;
	margin-left:0.4em;
}
#main-top .main-text h3{
	color:#777;
	font-weight:normal;
}

#contents{
	width:100%;
}
#cnt-copy1{
	width:100%;
	/* background: linear-gradient(to top,#dee2e2 50%, rgba(247, 246, 244, 1) 50%); */
	position:relative;
	padding-top: 30px;
}
#cnt-copy1 .text-box{
	max-width:1280px;
	margin: 0px auto 0;
	box-sizing:border-box;
	background: #fee;
	padding: 30px 30px 0;
}
#cnt-copy1 .text-box h2{
	font-size: 1.8em;
	color: #fefefe;
	opacity: 1;
	font-weight:normal;
	font-weight: 600;
	line-height: 1.3em;
	/*  background: linear-gradient(transparent 70%, #a7d6ff 70%); */
	background: #067f4e;
	position: relative;
	color: white;
	background: #7d4736;
	line-height: 1.4;
	padding: 0.5em 0.5em 0.5em 0.5em;
}



#cnt-copy1 .text-box h2:before{font-family: "FontAwesome";/* content: "\f140"; */font-weight: 500;position: absolute;left : 0.5em; /*左端からのアイコンまでの距離*//* font-family: 'themify'; *//* content: "\e642"; */line-height: 1.4;top: 20px;}






#cnt-copy1 .text-box h2 span{
/*  background: linear-gradient(transparent 70%, #ffd5d7 70%); */
 font-weight: 600;
}


#cnt-copy1 .text-box h2 span{
  /* position: relative; */
  /* line-height: 1.4; */
  /* padding: 0.25em 0.4em; */
  /* display: inline-block; */
  /* top:0; */
  letter-spacing: 0.25em;
}

#cnt-copy1 .text-box h2 span:before, #cnt-copy1 .text-box h2 span:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
#cnt-copy1 .text-box h2 span:before {
  /* border-left: solid 1px black; */
  /* border-top: solid 1px black; */
  /* border-bottom: solid 1px black; */
  /* left: 0; */
}
#cnt-copy1 .text-box h2 span:after {
  /* content: ''; */
  /* border-top: solid 1px black; */
  /* border-right: solid 1px black; */
  /* border-bottom: solid 1px black; */
  /* right: 0; */
}



#cnt-copy1 .text-box h3{
	font-size: 1.6em;
	opacity: 1;
	font-weight:normal;
	font-weight: 600;
	line-height: 2.5em;
}



#cnt-copy1 .text-box p{/* 	margin-top: 40px; */font-size: 17px;padding: 5px;line-height: 2;}
#cnt-item-box{
	/* background:#dee2e2; */
	/* display: grid; */
	padding: 0px 0 0px;
}

#cnt-item-box:last-child{
	padding: 0px 0 50px;
}



#cnt-item-box .cnt-item{
	max-width:1280px;
	width:100%;
	/* min-height: 500px; */
	margin: 100px auto 0;
	margin-top: 0;
	padding: 0 50px 10px;
	box-sizing:border-box;
	background: #fee;
	display:flex;
	position:relative;
}
#cnt-item-box .cnt-item .text-box{
	width:45%;
	order: 2;
	box-sizing:border-box;
}
#cnt-item-box .cnt-item .text-box .text-box-in{
	top:50%;
	transform:translate(0,-50%);
	position:relative;
	
}
#cnt-item-box .cnt-item .text-box h2{
	font-family: 'Abel', sans-serif;
	color: #333;
	opacity: 0.9;
	font-weight: 700;
	line-height: 1.3em;
	box-sizing: border-box;
	font-size:2em;
	letter-spacing: 0.1em;
}
#cnt-item-box .cnt-item .text-box h3{
	font-size:0.8em;
	letter-spacing:0.3em;
	font-weight:normal;
	color:#777;
}
#cnt-item-box .cnt-item .text-box p{
	margin-top:30px;
}

#cnt-item-box .cnt-item2{
	max-width:1280px;
	width:100%;
	margin:50px auto 0;
	padding:50px;
	box-sizing:border-box;
	background:#fff;
	display:flex;
	position:relative;
	width: -webkit-calc(100% - 200px);
}




p.link a{
	position:relative;
    letter-spacing: .2em;
    padding: 15px 0;
    text-align: center;
    display: inline-block;
    font-size:1em;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
	overflow:hidden;
}
p.link a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	height:1px;
	background:#90596a;
	width:100%;
	display:block;
    transition: width .4s cubic-bezier(.25,.1,.25,1);
}
p.link a svg.icn_new_window{
	display:inline-block;
	width:10px;
	height:10px;
	margin-left:10px;
	fill:#333;
	transition: all ease 0.4s;
}
p.link a:hover{
	color:#777;
}
p.link a:hover:after{
	width:0;
	left:100%;
	transition:all .4s cubic-bezier(.25,.1,.25,1);
}
#cnt-item-box .cnt-item .image-box{
	width:55%;
	padding-right:70px;
	box-sizing:border-box;
	order: 1;
}
#cnt-item-box .cnt-item .con_01 .image{
	width:100%;
	height:100%;
	background: url(../images/01_1.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .con_02 .image{
	width:100%;
	height:100%;
	background:url(../images/02_1.jpg) no-repeat top;
	background-size:cover;
}

#cnt-item-box .cnt-item .con_03 .image{
	width:100%;
	height:100%;
	background:url(../images/03_1.jpg) no-repeat top;
	background-size:cover;
}

#cnt-item-box .cnt-item .con_04 .image{
	width:100%;
	height:100%;
	background:url(../images/04_1.jpg) no-repeat top;
	background-size:cover;
}

#cnt-item-box .cnt-item .con_05 .image{
	width:100%;
	height:100%;
	background:url(../images/05_1.jpg) no-repeat top;
	background-size:cover;
}

#cnt-item-box .cnt-item .con_06 .image{
	width:100%;
	height:100%;
	background:url(../images/06_1.jpg) no-repeat top;
	background-size:cover;
}

#cnt-item-box .cnt-item .con_07 .image{
	width:100%;
	height:100%;
	background:url(../images/07_1.jpg) no-repeat top;
	background-size:cover;
}










@media screen and (max-width: 1580px) , (max-device-width : 1580px) {
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}
}
@media screen and (max-width: 1380px) , (max-device-width : 1380px) {
	#cnt-copy1 .text-box {
	    /* width: calc(100% - 100px); */
	    /* width: -webkit-calc(100% - 100px); */
	}
}
@media screen and (max-width: 1280px) , (max-device-width : 1280px) {
	#main-top .image{
		width: 70%;
	}
	#main-top .main-text{
		left: calc(30% - 50px);
		left: -webkit-calc(30% - 50px);
	}
}
@media screen and (max-width: 1100px) , (max-device-width : 1100px) {
	#main-top .image{
		width: 80%;
	}
	#main-top .main-text{
		left: 0;
		transform:translate(0%,-50%);
	}
}
@media screen and (max-width: 1000px) , (max-device-width : 1000px) {
	#cnt-copy1 .text-box p br{
		display:none;
	}
}
@media screen and (max-width: 920px) , (max-device-width : 920px) {
	#cnt-item-box .cnt-item{
		display:block;
		height:auto;
	}
	#cnt-item-box .cnt-item .text-box{
		width:100%;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		top:0;
		padding: 0 20px;
		transform: translate(0,0);
	}
	#cnt-item-box .cnt-item .image-box{
		width:100%;
		height:400px;
		padding:0;
		margin-top:30px;
	}
}
@media screen and (max-width: 800px) , (max-device-width : 800px) {
	#main-top .image{
		width:calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
	}
	#main-top .main-text{
		padding: 70px;
	}
	#cnt-copy1 .text-box{
		padding:80px;
	}
	#cnt-copy1 .text-box h2{
		font-size:2em;
	}
	#cnt-item-box .cnt-item .image-box{
		height:350px;
	}
}
@media screen and (max-width: 700px) , (max-device-width : 700px) {
	#main-top .main-text{
		padding: 50px;
	}
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}
	#cnt-copy1 .text-box h2{
		font-size:1.7em;
		font-weight: 700;
	}
	#cnt-copy1 .text-box p{
		margin-top:30px;
	}
	#cnt-item-box .cnt-item .image-box{
		height:300px;
	}
}
@media screen and (max-width: 600px) , (max-device-width : 600px) {
	#main-top{
		height:100%;
		padding:0 10px;
	}
	#main-top .image{
		width: 100%;
    	right: 0;
		height:370px;
		position: relative;
	}
	#main-top .main-text{
		top: 0;
		transform: translate(0%);
		position: relative;
		padding: 40px;
    	background: #eaeaea;
	}
	#main-top .main-text h2{
		font-size: 1.7em;
	}
	#main-top .main-text h3{
		font-size:0.8em;
	}
	#cnt-copy1{
		margin: 40px auto 0;
	}
	#cnt-item-box{
		padding: 10px 0 40px;
		width:100%;
		box-sizing:border-box;
	}
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item,
	#cnt-item-box .cnt-item2
	{
		padding: 10px 20px;
		box-sizing:border-box;
		margin: 0px auto 0;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 20px);
	}
	#cnt-item-box .cnt-item,
    #cnt-item-box .cnt-item2{
		margin: 0px auto 0;
		z-index: 1;
	}
	#cnt-copy1 .text-box h2{
		font-size:1.5em;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		padding:0;
	}
	#cnt-item-box .cnt-item .text-box h2{
		font-size:1.4em;
	}
	#cnt-item-box .cnt-item .text-box h3,
	#cnt-item-box .cnt-item .text-box p{
		text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	#cnt-item-box .cnt-item .image-box {
		height: 250px;
	}
	p.link a{
		letter-spacing:0;
	}
	
}
@media screen and (max-width: 400px) , (max-device-width : 400px) {
	.link-style a{
		font-size:.8em;
		padding:20px;
	}
}



/* 

.voice {
	width: 100%;
	margin: 0 auto;
	/* text-align: center; */
	padding-top:30px;
}
.voice p{
    font-size:16px;
	padding-top:30px;
}

.voice_title{
  position: relative;
  color: white;
  background: #4c4948;
  line-height: 2;
  font-size: 22px;
  padding-left: 40px;
  margin-bottom: 20px;
  text-align: left;
} */



.box_voice {
    margin: 2em 0;
    background: #fefefe;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); */
    border: 1px solid #ddd;
    padding:1%;
}
.box_voice .box-title {
    /* font-size: 16px; */
    /* background: #dddde4; */
    /* padding: 4px; */
    /* text-align: right; */
    /* color: #000; */
    /* font-weight: 400; */
    /* letter-spacing: 0.05em; */
    /* border-bottom: 1px dashed #ddd; */
}
.box_voice p {
    /* padding: 15px 20px; */
    /* margin: 0; */
}



.txt_l{text-align:left}
.txt_c{text-align:center}
.txt_r{text-align:right}

@media ( min-width : 800px ){
    .kinchanbox {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1200px;
      justify-content: center;
      align-items: center;
      /* margin-bottom: 100px; */
      }

	.kinchanbox .item0 {
	  width: 98%;
	  padding: 1%;
	  vertical-align: middle;
	}
	
	
	.kinchanbox .item1 {
	  width: 20%;
	  padding: 1%;
	  vertical-align: middle;
	  flex: 0 0 20%;
	}
	.kinchanbox .item2 {
		width: 76%;
		padding: 2%;
		vertical-align: middle;
		background: #fff;
		flex: 0 0 74%;
		}
	
	.kinchanbox .item2 p{
		line-height:2;
		margin-bottom:10px;
	 }
	
	.line-b-gray_01 {
		border-bottom: 1px solid #a7a19f;
	}
	}
	
	 .kinchanbox .item1 img{width:100%;max-width: 250px;}

	 
 
	 .bookPresent {
		position: relative;
		/* margin: 2em 0; */
		/* padding: 3%; */
		/* border: solid 1px #eee; */
		border-radius: 0px;
		/* border: dashed 1px #eee; */
		/* margin-bottom: 30px; */
	   }
	.@charset "utf-8";
	body {
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
	
	@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}
	
	@-webkit-keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}
	
	p {
		margin: 0;
		padding: 0;
		font-size: 15px;
		/* font-weight: 500; */
		line-height: 2;
		letter-spacing: 1px;
	}
	
	
	.line_gray{border-bottom:1px solid #999}
	
	/**
	 *
	 *  事業内容
	 *
	 */
	
	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/
	#pageHeader .lead{
		margin-bottom: 0;
		font-size: 124%;
		font-weight: normal;
	}
	#pageHeader .lead br{
		display: block;
	}
	
	/* #service
	-----------------------------------------------------------------*/
	#service{
		/*padding: 0;
		margin: 80px 0;*/
		height: 300px;
		background: url(../images/main_01.jpg) no-repeat 50% 50% ;
		background-size: cover;
		background-position: center;
	}
	
	@media screen and (max-width:1024px) {
	#service{
		height: 200px;
	}
	
	}
	@media screen and (max-width:500px) {
	#service{
		height: 100px;
	}
	
	}
	
	#service .wrap{
		position: relative;
		text-align: center;
	/* 	background: #fff;*/
	/*	opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		*/
	}
	
	#service .note{
		padding-top: 150px;
		width: 100%;
		color: #fff;
	}
	
	#service .note h2{
	/*	color: #fb6e1a;*/
		line-height: 1.5;
		font-size: 400%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	#service .note h2 span1{
	/*	color: #098eb2;*/
		line-height: 1.9;
		font-weight: 500;
		font-size: 80%;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	#service .note h2 span{
	/*	color: #4f4f4f;*/
		line-height: 1.9;
		font-size: 80%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	
	#service .note p{
		margin-top: 20px;
	/*	color: #4f4f4f;*/
		line-height: 1.9;
		font-size: 120%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	
	#service .note h3{
		padding-top: 8px;
		line-height: 2;
		text-align: right;
		font-weight: 500;
	}
	#service .note img{
		margin: 20px;
	
	}
	
	
	.right {
		float: right;
		margin-right:10px;
		padding: 5px 0 5px 5px;
	}
	
	#service .img{
		display: none;
		margin-right: 30px;
		float: right;
		padding:5px;
	}
	
	
	
	#service1{
		padding: 20px 0px;
		background: #fff;
		margin-top: 20px;
	}
	#service1 .wrap{
		position: relative;
	}
	
	
	#service1 .note2{
		margin: 1% ;
		padding: 1%
		width: 46%;
		margin-bottom:0px;
	}
	
	#service1 .note2 h2{
		color: #4f4f4f;
		line-height: 1.9;
		font-size: 380%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
		text-align: left;
	}
	
	
	
	#service2{
		padding: 20px 0px 50px;
		background: #fff;
		margin-top: 20px;
		/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
		background-position: right;  */
	}
	#service2 .wrap{
		position: relative;
	/* 	background: #fff;*/
	/*	opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		*/
	}
	
	#service2 .note{
		margin: 1%;
		padding: 1%;
		width: 96%;
		margin-bottom:0px;
	}
	#service2 .note h2{
		font-size: 200%;
		font-weight: 500;
		/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
		text-align: center;
	}
	
	
	#service2 .note h2 span1{
		color: #098eb2;
		line-height: 1.9;
		font-weight: 500;
		font-size: 80%;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	#service2 .note h2 span{
		color: #000;
		line-height: 1.9;
		font-size: 80%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	
	
	
	#service2 .note2{
		margin: 4%;
		padding: 1%;
		width: 90%;
		margin-bottom:0px;
		float: left;
	}
	
	#service2 .note2 h2{
		color: #000;
		line-height: 1.9;
		font-size: 200%;
		font-weight: 500;
		/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
		text-align: left;
	}
	
	
	#service2 .note2 p{
		color: #000;
		line-height: 1.9;
		font-size: 120%;
		font-weight: 400;
		/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
		text-align: left;
	}
	
	#service2 .note2 img{
		margin: 0 20px 0;
		float: right;
	
	
	}
	
	
	#service2 .note3{
		margin: 50px 140px 0;
		padding: 10px 10px;
		width: 700px;
		/*border: 1px solid #999;*/
		text-align: center;
	}
	#service2 .note3 h2{
		text-align: left;
		padding-left: 10px;
	}
	
	#service2 .note3 .bannerA{
		width: 100%;
		text-align:left;
	}
	
	.bannerA img a:hober{
		padding: 0 0px;
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";}
	
	#service2 .note3 .bannerB{
		width: 100%;
		text-align:left;
	}
	#service2 .note3 .bannerC{
		margin-top: 15px;
		width: 100%;
		text-align:right;
	}
	#service2 .note3 .bannerA p{
		padding-left: 8px;
		margin-top: 0px;
		color: #4f4f4f;
		line-height: 1.9;
		font-size: 110%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	#service2 .note3 h2 a:hover{
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
	
	#service2 .note3 p{
		padding: 0;
		margin-top: 0px;
		color: #4f4f4f;
		line-height: 1.9;
		font-size: 110%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	#service2 .note4{
		margin: 5px 5% 0;
		width: 90%;
		height:20px;
	}
	
	
	
	
	
	#service4{
		padding: 20px 0px 50px;
		background: #fff;
		margin-top: 20px;
		/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
		background-position: right;  */
	}
	#service4 .wrap{
		position: relative;
	/* 	background: #fff;*/
	/*	opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		*/
	}
	
	#service4 .note{
		margin: 0 40px;
		padding: 10px;
		width: 90%;
		margin-bottom:0px;
		text-align:center;
	}
	
	#service4 .note2{
		margin: 50px 40px;
		padding: 12px;
		width: 90%;
		margin-bottom:0px;
	}
	
	#service4 .note2 h2{
		color: #4f4f4f;
		line-height: 1.9;
		font-size: 380%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
		text-align: left;
	}
	
	#service4 .note2 p{
		margin-top: 20px;
		color: #4f4f4f;
		line-height: 1.9;
		font-size: 120%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	}
	
	
	
	@media only screen and (max-width: 414px) {
	
	
	
	
	
	#service2 .note{
		width: 95%;
		margin: 0 2.5%;
	}
	
	#service2 .note h2{
		font-size:18px;
	}
	
	
	
	#service2 .note2{
		width: 100%;
		padding: 5%;
		margin: 0 auto;
	}
	#service2 .note2  h2{
		font-size:18px;
		border-bottom:1px solid #ddd;
		margin-bottom:5px;
	}
	
	
	
	
	
	#service2 .note2 img {
		max-width:220px;
		margin: 0 auto;
		width:90%;
		padding:2%;
	}
	
	
	
	
	}
	
	
	
	
	
	
	
	
	/* 会社案内
	-----------------------------------------------------------------*/
	.gaiyou {
		width:90%;
		margin: 0 auto;
		text-align: center;
	}
	.gaiyou p{
	
		font-size: 110%;
		
	
	}
	/* #mission
	-----------------------------------------------------------------*/
	#mission{
		padding: 54px 5% 80px;
	}
	
	
	@media only screen and (max-width: 414px) {
	
	#mission {
		padding: 10px 5% 80px;
	}
	
	}
	
	
	
	
	table.brwsr1 {
		width: 90%;
		font-size: 120%;
		margin: 20px 100px;
		border-collapse: separate;
		border-spacing: 0px 1px;
		margin-bottom:10px;
		margin-left:5px;
		transition: .8s;
	
	}
	
	table.brwsr1 img{
		margin:10px;
	}
	
	table.brwsr1 th {
		padding: 4px 0;
		padding-left:15px;
		vertical-align: middle;
		text-align: left;
		width: 150px;
		border-bottom: #999 1px solid;
	}
	 
	table.brwsr1 td {
		padding: 4px 0;
		padding-left:15px;
		text-align: left;
		border-bottom: #999 1px solid;
		font-size: 115%;
	
	}
	 
	table.brwsr1 td.r1 {
		width: 25%;
		text-align: left;
	   /* border-right: #999 1px solid;
		 background: #447791;*/
	}
	 
	table.brwsr1 td.r2 {
		width: 100%;
		text-align: left;
	   /* border-left: #fff 1px solid;
		border-right: #999 1px solid;
		background: #5893b1;*/
	}
	
	
	/*--------------------------------------------------------------------------
	  #works
	---------------------------------------------------------------------------*/
	#works{
		width:1000px;
		padding: 20px 0 40px;
	/*-	background: #fafafa;*/
		margin: 10px auto;
	}
	
	.works_title {
		margin: 0 40px 20px 40px;
		color: #4f4f4f;
		line-height: 1.9;
		font-size: 160%;
		font-weight: 500;
		font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	/*	border-bottom: 1px solid #4f4f4f*/
	
	}
	 /*-#works > .list-group*/
	.list-group{
		margin: 0 auto;
		padding: 0 0 0 0;
		margin-bottom: 50px;
	}
	.list-group .list-block .list-inner{
		overflow: hidden;
		letter-spacing: -0.4em;
		
	}
	.list-group .list-block .unit{
		display: inline-block;
		letter-spacing: 0;
		width: 300px;
		text-align:center;
		margin:0 10px;
		vertical-align: top;
		/display: inline;
		/zoom: 1;
	}
	.list-group .list-block .unit-detail{
		display: none;
		overflow: hidden;
	}
	
	
	/* #works > .list-group > .card */
	.list-group .card{
		position: relative;
		display: block;
	/* 	border: 1px solid #e7e7e7;*/
		background: #fff;
		transition: color 0.3s ease-out;
		padding: 5px;
		margin: 5px;
	}
	.list-group .card a:hover{
	
	}
	
	
	.list-group .card .frame{
	/*	border-bottom: 1px solid #c1c1c1;
		height: 275px;*/
		height: 190px;
		text-align:center;
	}
	.list-group .card .thumb{
		position: relative;
		width: 100px;
		min-width: 100px;
		height:100px;
	/*	background:#00406c;
		border-radius: 80px;        
		-webkit-border-radius: 80px;    
		-moz-border-radius: 80px;  */
		padding: 5px 5px 5px;
		margin: 0 auto;
		color:#fff;
		
	}
	.list-group .card .thumb p{
	/*	position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: all 0.4s ease-in-out;
		background: url(../images/bg_card_on.png) repeat 0 0;*/
	}
	.list-group .card:hover {
		background: #00406c;
		color: #fff;
	
	}
	.list-group .thumb:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	
	}
	
	.thumb p{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	.list-group .card .thumb p span{
		position: absolute;
		top: -5px;
		left: -5px;
		/*bottom: 5%;
		right: 5%;*/
		width: 100%;
		height: 100%;
		padding: 0;
		text-indent: -9999px;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.4s 0s ease-in-out;
		background: url(../images/ico_more.svg) no-repeat 100% 100%;
	}
	
	/*  バックアプ
	.list-group .card .thumb p span{
		position: absolute;
		top: 50%;
		left: 50%;
		bottom: 5%;
		right: 5%;
		width: 92px;
		height: 68px;
		margin: -34px 0 0 -46px;
		text-indent: -9999px;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.4s 0s ease-in-out;
		background: url(../images/ico_more.svg) no-repeat 50% 50%;
	}
	*/
	
	
	.list-group .card:hover .thumb p span{
		opacity: 1;
		filter: alpha(opacity=100);
		transition-delay: 0.3s;
	}
	
	.list-group .card .thumb p span1{
		position: absolute;
		top: 50%;
		left: 50%;
	}
	
	
	
	.list-group .card .hdg{
		font-size: #fff;
		padding: 23px 18px 0;
		font-weight: 500;
		font-size:130%;
		line-height: 1.5;
		font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
		word-wrap: break-word;
	
	/*	background: url(../images/ico_more.png) no-repeat 50% 50%;*/
	}
	
	.list-group .card .details{
		font-size: #fff;
		padding: 23px 18px 0;
		font-weight: normal;
		font-size:100%;
		line-height: 1.5;
		font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
		word-wrap: break-word;
	
	/*	background: url(../images/ico_more.png) no-repeat 50% 50%;*/
	}
	
	
	
	.list-group .card .btn{
		display: none;
	}
	
	/* #works > .list-group > .detail */
	.list-group .unit-detail{
		padding: 25px 0 160px;
		
	}
	.list-group .unit-detail .photo-box{
		width: 400px;
		float: left;
		margin-left: 40px;
	
	}
	.list-group .unit-detail .photo-box .pic01{
		padding: 0 0 17px;
	}
	.list-group .unit-detail .photo-box .pic02{
		width: 210px;
		/*background-color: #444;*/
	}
	
	
	.list-group .unit-detail .photo-box .pic03{
		width: 310px;
		/*background-color: #444;*/
	}
	
	
	.list-group .unit-detail .photo-box .pic02{
		float: left;
	}
	.list-group .unit-detail .photo-box .pic03{
		float: left;
	}
	.list-group .unit-detail .photo-box li img{
		box-shadow: 0 2px 1px #3c3c3c;
		display: block;
	}
	.list-group .unit-detail .data-box{
		width: 470px;
		float: right;
		color: #fff;
		margin-right: 40px;
	}
	.list-group .unit-detail .detail-header dl{
		padding: 5px 0 0 0;
		letter-spacing: -0.4em;
	}
	.list-group .unit-detail .detail-header dt,
	.list-group .unit-detail .detail-header dd{
		display: inline-block;
		letter-spacing: 0;
		/display: inline;
		/zoom: 1;
	}
	.list-group .unit-detail .detail-header dt{
		color: #a9a9a4;
		font-size: 110%;
	}
	.list-group .unit-detail .detail-header dd{
		font-weight: bold;
		padding: 0 10px 0 5px;
		word-wrap: break-word;
	}
	.list-group .unit-detail .detail-header .hdg{
		padding: 10px 0 0;
		font-size: 200%;
		line-height: 1.5;
		font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
		word-wrap: break-word;
		border-bottom: 1px solid #fff;
	}
	.list-group .unit-detail .title{
		margin-top: 10px;
		line-height: 1.7;
		font-size: 1.3em;
		word-wrap: break-word;
	}
	
	.list-group .unit-detail .note{
		padding-left: 10px;
		line-height: 1.5;
		font-size: 1.1em;
		word-wrap: break-word;
	}
	.list-group .unit-detail .solution{
		margin: 25px 0 30px;
		padding: 16px 0;
		background-color: #0097a8;
		letter-spacing: -0.4em;
	}
	.list-group .unit-detail .solution dt,
	.list-group .unit-detail .solution dd,
	.list-group .unit-detail .solution li{
		display: inline-block;
		letter-spacing: 0;
		vertical-align: middle;
		/display: inline;
		/zoom: 1;
	}
	.list-group .unit-detail .solution dt{
		width: 86px;
		text-align: center;
		font-family: 'Noto Serif', serif;
	}
	.list-group .unit-detail .solution dd{
		border-left: 1px solid #393939;
		width: 410px;
	}
	.list-group .unit-detail .solution ul{
		padding: 0 20px;
		letter-spacing: -0.4em;
		font-size: 85%;
		color: #a9a9a4;
	}
	.list-group .unit-detail .solution li span{
		color: #a9a9a4;
		padding: 0 5px;
		font-weight: normal;
	}
	.list-group .unit-detail .solution li.active,
	.list-group .unit-detail .solution li.active a{
		color: #f69600;
		font-weight: bold;
	}
	.list-group .unit-detail .solution li.active a:hover{
		color: #4d4d4d;
	}
	.list-group .unit-detail .nav{
		margin-right: -13px;
	}
	.list-group .unit-detail .nav li{
		float: left;
		width: 115px;
		padding: 0 13px 0 0;
	}
	.list-group .unit-detail .nav li span{
		padding: 8px 13px 9px 0;
	}
	/* IE9・10 */
	.list-group .unit-detail .nav li span:not(:target){
		padding: 11px 13px 6px 0\9;
	}
	/* IE11 */
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, .list-group .unit-detail .nav li span {
			padding: 11px 13px 6px 0;
		}
	}
	
	/* #works > .list-block */
	.detail-block{
		overflow: hidden;
		height: 0;
	}
	.detail-block .detail-cursor{
		padding: 40px 0 0 0;
		background: url(../images/bg_arrow.png) no-repeat 0 40px;
	}
	.detail-block.active .detail-cursor{
		transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.detail-block.cursor1 .detail-cursor{
		background-position: 145px 20px;
	}
	.detail-block.cursor2 .detail-cursor{
		background-position: 460px 20px;
	}
	.detail-block.cursor3 .detail-cursor{
		background-position: 780px 20px;
		height: auto;
	}
	
	.detail-block .detail-inner{
		position: relative;
		background: #027e9b;
	}
	.detail-block .detail-inner .close{
		position: absolute;
		top: 15px;
		right: 15px;
		display: block;
		width: 35px;
		height: 35px;
		border-radius: 2px;
		background: #00406c url(../images/ico_close03.png) no-repeat 50% 50%;
		cursor: pointer;
		transition: background 0.3s ease-out;
	}
	.detail-block .detail-inner .close:hover{
		background: #098eb2 url(../images/ico_close03.png) no-repeat 50% 50%;
		animation: ssAnimate 300ms  ease-out;
		
	}
	@keyframes ssAnimate{
		0%   {width: 39px; height: 39px; top: 13px; right: 13px;}
		100% {width: 35px; height: 35px; top: 15px; right: 15px;}
	}
	
	
	#moreBtn{
		width: 960px;
		margin: auto;
		padding: 12px 0;
		text-align: center;
		border: 1px solid #d2d2d2;
		border-radius: 2px;
		background: #fefefe url(../../shared/images/ico_loading.gif) no-repeat 50% 250%;
		cursor: pointer;
		transition: color 0.2s ease-out;
		font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	}
	/* IE9・10 */
	#moreBtn:not(:target){
		padding: 15px 0 9px\9;
	}
	/* IE11 */
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, #moreBtn {
			padding: 15px 0 9px;
		}
	}
	#moreBtn:hover{
		color: #f69600;
		background-color: #fff;
	}
	#moreBtn.error,
	#moreBtn.error:hover{
		color: #f33;
	}
	#moreBtn.loading{
		text-indent: -9999px;
		background-position: 50% 50%;
	}
	
	/* リスト
	-----------------------------------------------------------------*/
	
	.txt {
	
		width:100%;
		margin: 10px 0px 20px;
	/*	border: 1px solid #ccc;
		padding: 5px;*/
	}
	
	
	 .txt p {
		font-size:10px;
		line-height:1.2em;
		padding-bottom:10px;
	}
	 .txt p.way {
		padding-top:15px;
		font-size:25px;
		font-weight: bold;
		color: #4f4f4f;
	}
	
	 .txt p.way_rblue {
		padding-top:10px;
		font-size:18px;
		font-weight: 500;
		color: #098eb2;
	}
	 .txt p.way_rgreen {
		padding-top:10px;
		font-size:18px;
		font-weight: 500;
		color: #098eb2;
	}
	
	 .txt p.way_orange {
		padding-top:10px;
		font-size:16px;
		font-weight: bold;
		color: #098eb2;
	}
	
	 .txt p.way_red {
		padding-top:10px;
		font-size:14px;
		font-weight: bold;
		color: #e93862;
	}
	
	
	 .txt p.sub {
		padding-top:5px;
	/*	border-top:1px solid #CCC;*/
		font-size:12px;
		color: #00a56e;
	}
	
	 .txt hr.line01 {
	border-top: 1px #00a56e solid;
	}
	
	
	
	
	
	.gaiyou {
		width:90%;
		margin: 0 auto;
		text-align: center;
		padding-top:30px;
		background: #fff;
	}
	.gaiyou p{
		font-size: 110%;
	}
	
	table.brwsr {
		width: 100%;
		font-size: 110%;
		border-collapse: separate;
		border-spacing: 0px 1px;
		margin-bottom:30px;
		padding: 0 3%;
		color: #1f0d00;
	}
	
	table.brwsr img{
		margin:0;
	}
	
	table.brwsr th {
		font-weight: 500;
		font-size: 110%;
		padding: 8px 0;
		padding-left:5px;
		vertical-align: middle;
		text-align: left;
		border-bottom: #1f0d00 1px solid;
		/*border-bottom: #999 1px solid;
		color: #fff;*/
	}
	 
	table.brwsr td {
		padding: 8px 0;
		text-align: left;
		border-bottom: #1f0d00 1px solid;
	
	}
	table.brwsr th.r1 {
		width: 20%;
		text-align: left;
	   /* border-right: #999 1px solid;
		 background: #447791;*/
	}
	
	table.brwsr th.r2 {
		width: 15%;
		text-align: left;
	   /* border-right: #999 1px solid;
		 background: #447791;*/
	}
	table.brwsr th.r3 {
		width: 25%;
		text-align: left;
	   /* border-right: #999 1px solid;
		 background: #447791;*/
	}
	
	table.brwsr th.r4, 
	table.brwsr th.r5, 
	table.brwsr th.r6{
		width: 5%;
		text-align: center;
	   /* border-right: #999 1px solid;
		 background: #447791;*/
	}
	
	table.brwsr td.r1,
	table.brwsr td.r2,
	table.brwsr td.r3 {
		padding-left: 10px;
		text-align: left;
		font-size: 100%;
	   /* border-left: #fff 1px solid;
		border-right: #999 1px solid;
		background: #5893b1;*/
	}
	 table.brwsr td.r4,
	 table.brwsr td.r5,
	 table.brwsr td.r6 {
		text-align: center;
		font-size: 100%;
	   /* border-left: #fff 1px solid;
		border-right: #999 1px solid;
		background: #5893b1;*/
	}
	
	 table.brwsr td.r7{
		 padding-left: 10px;
		  width: 49%;
		text-align: left;
		font-size: 100%;
	   /* border-left: #fff 1px solid;
		border-right: #999 1px solid;
		background: #5893b1;*/
	}
	
	 table.brwsr td.r8{
		 padding-left: 10px;
		  width: 10%;
		text-align: left;
		font-size: 100%;
	   /* border-left: #fff 1px solid;
		border-right: #999 1px solid;
		background: #5893b1;*/
	}
	
	 table.brwsr td.r9{
		 padding-left: 10px;
		  width: 39.5%;
		text-align: left;
		font-size: 100%;
	   /* border-left: #fff 1px solid;
		border-right: #999 1px solid;
		background: #5893b1;*/
	}
	
	 table.brwsr td.r10{
		 width: 1%;
		text-align: left;
		font-size: 100%;
	   border-bottom:none;
	}
	
	
	@media only screen and (max-width: 414px) {
	
	
	.gaiyou {
		width: 100%;
		margin: 0 auto;
	}
	
	
	table.brwsr1 {
		width: 100%;
	
		margin: 20px 0;
		border-collapse: separate;
		border-spacing: 0px 1px;
		transition: .8s;
	
	}
	
	table.brwsr1 img{
		margin:10px;
	}
	
	table.brwsr1 th {
		padding: 4px 0;
		padding-left:15px;
		vertical-align: middle;
		text-align: left;
		width: 100%;
		border-bottom: #999 1px solid;
	}
	 
	table.brwsr1 td {
		padding: 4px 0;
		padding-left:15px;
		text-align: left;
		border-bottom: none;
		display:block;
	
	}
	 
	table.brwsr1 td.r1 {
		width: 100%;
		text-align: left;
		border-top: #999 1px solid;
		font-weight:600;
		line-height:1.2;
		color:#22833b;
		font-size: 15px;
	
	}
	 
	table.brwsr1 td.r2 {
		width: 100%;
		text-align: left;
		font-size: 16px;
	}
	
	}
	
	
	 
	
	/* ----------------------------------------------------------
	   
	   FORM
	   
	   ---------------------------------------------------------- */
	 
	   #w_area_box {padding: 10px 5%;position: relative;z-index: 1;/* border-top: #a3d9e0 1px solid; *//* background:url(../images/noise.png) repeat; *//* background: #fafafa; */overflow: auto;}
	   #w_area_box:before {position: absolute;top: -1px;left: 0%;right: 0%;width: 100%;height: 0;content: "";border-top: #ededed 1px solid;z-index: 2;}
	   
	   @media only screen and (max-width: 800px) {
	   #w_area_box {padding: 0px 5% 80px;/* top: 120px; */z-index: 0;}
	   }
	   @media only screen and (max-width: 738px) { 
	   #w_area_box{top: 0px;padding: 70px 5%;/* background: url(../images/noise2.png) repeat #fefefe; */}
	   }
	   @media only screen and (max-width: 414px) { 
	   #w_area_box {padding: 0px 5%;z-index: 0;}
	   }
	   
	   
	   
	   /* --- .contentBox --- */
		.formArea {position: relative;z-index: 2;padding: 10px 0%;font-size: 15px;} 
		 
	   
		 
		.formArea:before {position: absolute;top: 7px;left: 0;bottom: 7px;right:0;content: "";/* border: #ddd 1px solid; *//* background:#fefefe; */z-index: -2;}
		.formArea:after {position: absolute;top: 0;left: 7px;bottom: 0;right:7px;content: "";/* border: #ddd 1px dotted; */z-index: -2;}
	   
	   
	   
	   
		.formArea {/* margin-bottom:20px; *//* overflow: auto; *//* margin-bottom: 20px; *//* overflow: auto; */width: 100%;max-width: 1200px;/* margin: 0 auto; */} 
		.formArea h2{
		   position: relative;
		   padding: 0.2em 0.5em;
		   background: #FF9800;
		   background: #7d4736;
		   color: #fefefe;
		   font-weight: 400;
		   }   
	 
	.formArea h2::before{
			position: absolute;
			content: '';
			top: 100%;
			left: 0;
			border: none;
			border-bottom: solid 15px transparent;
			border-right: solid 20px #898883;
	   }
	
	  .formArea h3{/* margin-bottom:20px; *//* font-size: 25px; *//* font-weight: 600; *//* padding: 0.5em; *//*文字周りの余白*//* color: #494949; *//*文字色*//* background: #fff1f1; *//*背景色*//* border-left: solid 10px #e70000; *//* margin-top: 50px; */}
	
	
	.title_a{
	  position: relative;
	  padding: 0.25em 1em;
	  border-top: solid 2px black;
	  border-bottom: solid 2px black;
	  /* width: 250px; */
	  font-size: 20px;
	  /* padding: 5px; */
	  margin-bottom: 20px;
	}
	.title_a:before, .title_a:after {
	  content: '';
	  position: absolute;
	  top: -7px;
	  width: 2px;
	  /* height: -webkit-calc(100% + 14px); */
	  /* height: calc(100% + 14px); */
	  background-color: black;
	}
	
	
	 .under_a{background: linear-gradient(transparent 70%, #fd9195 70%);font-weight: 500;}
	
	
	
	.under_b {
		text-decoration:underline wavy #e8410c;
		font-weight:600;
	}
	
	.under_c {
		text-decoration:underline wavy #ffb300;
		font-weight:600;
	}
	
	 .under_d{/* background: linear-gradient(transparent 10%, #eadcd7 1%); *//* background: #4c4948; *//* line-height: 2; */font-weight: 500;/* color: #fff; *//* padding: 1.5%; */}
	
	
	
	
	@media only screen and (max-width: 500px) { 
		#w_area_box .formArea h3{font-size: 18px;
		}
	}   
	   
	
	.margin-b-typeA{
		/* margin-bottom:50px; */
	}
	
	
	   .title_A{
		   padding: 5px;
		   font-size: 24px;
		   background:#075fa5;
		   color: #fff;
		  }
	.pickup h3{
		font-size: 23px;
		padding: 30px 0;
		padding-left: 0;
		text-align: center;
	}

	.subtitle{
		font-size: 23px;
		padding: 20px 0;
		padding-left: 0;
		text-align: center;
		font-weight: 500;
	}

	.subtitle span{
		border-bottom: 4px solid #4a2727;
		background: linear-gradient(transparent 20%, #FFEB3B 20%);
		padding: 10px 5px 5px;
	}
	
	
	
	
	 @media only screen and (max-width: 800px) { 
	   .title_A{font-size:20px;}
	}   
		 
	   
	   
	   .area_A{margin: 20px 0 40px;} 
		 
	   .area_A h2{font-size: 20px;font-weight:600;border-bottom:1px solid #eee;/* padding-bottom:20px; */} 
	   
	   .area_A p{margin: 10px 0 20px;} 
	   
	   
	   .mane {
		   width: 100%;
		   margin: 0 auto;
		   text-align: center;
		   padding-top:30px;
	   }
	   
	   
	   .mane h2{
		   /* font-size: 25px; */
		   /* font-weight:400; */
		   /* text-align:left; */
		   /* padding-left:30px; */
		  }
	   .mane h2{
		 /* position: relative; */
		 /* color: white; */
		 /* background: #137b3b; */
		 /* line-height: 2; */
		 /* font-size: 16px; */
		 /* margin-bottom: 20px; */
		 }
	   
	   .mane h2:before {/*疑似要素*/
		 font-family: 'FontAwesome';
		 content: "\f14a";
		 position: absolute;
		 left : 0.5em; /*左端からのアイコンまでの距離*/
	   }
	   
	   .mane h3{
		 position: relative;
		 color: #075fa5;
		 text-align:left;
		 font-size: 19px;
		 line-height: 1.5;
		 padding-left: 30px;
		 /* border-bottom:solid 1px; */
		 font-weight: 600;
	   }
	   
	   .mane h3:before {/*疑似要素*/
		 font-family: 'FontAwesome';
		 content: "\f00c";
		 position: absolute;
		 left: 0; /*左端からのアイコンまでの距離*/
		 font-size: 20px;
		 top: -1px;
	   }
	   .mane p{
		   font-size: 16px;
		   text-align: left;
		   padding-left: 0px;
		   margin-top: 10px;
		  }
	   
	   
	   /* work galleryArea3*/
	   
	   
	   .galleryArea3 { }
	   
	   
	   .galleryArea3 {margin: 0;font-size: 0;-webkit-backface-visibility: hidden;text-align: center;/*text-align:justify;*/text-align: left;line-height:0;}
	   .galleryArea3 .wrap { width:100%; max-width: 1200px; margin: 0 auto;}
	   
	   
	   
	   .galleryArea3 h2{font-size:25px; }
	   
	   .galleryArea3 .mix,
	   .galleryArea3 .gap {display: inline-block;margin: 10px 2% 30px;padding:0;width: 96%;}
	   #container .mix {display: none;}
	   /* --- .imgArea --- */
	   .galleryArea3 .imgArea {overflow: hidden;position: relative;z-index: 1;background: #ffffff;border: #ededed 1px solid;/* padding-top: 50px; */margin-top: 50px;}
	   /*.galleryArea3 .imgArea:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fefefe; z-index: 5; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
	   .galleryArea3 .imgArea:hover:before { content: ""; background: rgba(0, 0, 0, 0.03); opacity: 0.1; }
	   */
	   .galleryArea3 .imgArea img {-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;width: 100%;padding: 0;/* float: left; */}
	   .galleryArea3 .imgArea:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
	   .galleryArea3 .padd_top {padding-top:60px;}
	   
	   .galleryArea3 .imgArea p {/* padding: 10px 10px; */}
	   /* span.plus */
	   .galleryArea3 .imgArea span.plus { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; z-index: 6; overflow: hidden; text-indent: -999px; }
	   .galleryArea3 .imgArea span.plus:before {position: absolute;top: 5%;left: 5%;margin-left: -25px;border-bottom: transparent 1px solid;width: 0px;height: 0;content: "";}
	   .galleryArea3 .imgArea span.plus:after { position: absolute; top: 50%; left: 50%; margin-top: -25px; border-right: transparent 1px solid; height: 0; content: ""; }
	   .galleryArea3 .imgArea span.plus:before,
	   .galleryArea3 .imgArea span.plus:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	   .galleryArea3 .imgArea:hover span.plus:before { border-bottom: #fff 1px solid; width: 50px; }
	   .galleryArea3 .imgArea:hover span.plus:after { border-right: #fff 1px solid; height: 50px; }
	   /* --- .txtArea --- */
	   .galleryArea3 .txtArea { text-align: center; }
	   .galleryArea3 .txtArea p.no { display: block; width: 50px; height: 50px; margin: -25px auto 0; background: #fefefe; font-size: 14px; /*font-family: 'Catamaran', sans-serif;*/ font-weight: 700; line-height: 50px; letter-spacing: 1px; position: relative; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
	   .galleryArea3 .txtArea p.no:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
	   .galleryArea3 h4 {font-size: 15px;letter-spacing: 1px;line-height: 1.7;margin-top: -5px;position: relative;z-index: 4;margin-top: 0px;padding: 2% 0 0;/* width: 64%; *//* float: left; */}
	   .galleryArea3 h3 {
		   font-size: 18px;
		   letter-spacing: 1px;
		   line-height: 1.3;
		   margin-bottom: 10px;
		   position: relative;
		   z-index: 4;
		   margin-top: 10px;
		   margin-bottom: 20px;
		   padding: 0;
		   /* width: 64%; */
		   /* float: left; */
	   }
	   
		/* .sozai_title  */
	   .sozai_title{font-size:17px;padding:15px 0;}
	   
	   
	   
		/* .txtQcds */
	   .txtQcds {float: left;width: 100%;padding: 1%;margin-bottom: 0;}
	   .txtQcds p{font-size: 17px;line-height: 1.7;}
	   
	   
	   
	   /*----------------------------------------------------
	   bookPresent
	   ------------------*/
	   
	   .bookPresent {
		   position: relative;
		   /* margin: 2em 0; */
		   /* padding: 3%; */
		   /* border: solid 1px #eee; */
		   border-radius: 0px;
		   /* border: dashed 1px #eee; */
		   /* margin-bottom: 30px; */
		  }
	   .bookPresent .box-title {
		   position: absolute;
		   display: inline-block;
		   top: -13px;
		   left: 10px;
		   padding: 0 9px;
		   line-height: 1;
		   font-size: 22px;
		   background: #fee;
		   color: #a40019;
		   font-weight: bold;
		  }
	   .bookPresent h2 {
		   font-size:20px;
	   }
	   
	   .bookPresent p {
		   /* margin: 0; */
		   padding:15PX  5px;
		   /* color: #075fad; */
		   font-weight: 400;
		   text-align:left;
		   /* border-bottom: 1px solid #eee; */
		  }
	   
	   
	   
	   .bookPresent img{
		   /* padding: 3%; */
	   }
	   
	   
	   @media only screen and (max-width: 800px) {
	   .galleryArea3 .mix,
	   .galleryArea3 .gap { display: inline-block; margin: 60px 2% 0; width: 96%;}
	   /* --- .imgArea --- */
	   .galleryArea3 .imgArea { overflow: hidden; position: relative; z-index: 1; background: #fefefe; border: #ededed 1px solid; }
	   .galleryArea3 .imgArea:before { display:none; }
	   .galleryArea3 .imgArea:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1);  }
	   .galleryArea3 .imgArea span.plus { display:none; }
	   .galleryArea3 h4 { font-size: 13px; }
	   }
	   
	   @media only screen and (max-width: 738px) {
	   .galleryArea3 { margin: 10px -1.5% 0; }
	   .galleryArea3 .mix,
	   .galleryArea3 .gap { margin: 40px 1.5% 0; width: 96%; }	
	   
	   .galleryArea3 .txtArea p.no { width: 40px; height: 40px; margin: -20px auto 0;font-size: 12px; line-height: 40px; }
	   .galleryArea3 h4 { font-size: 12px; }
		   
	   }
	   
	   @media only screen and (max-width: 414px) {
	   
		   #w_area_box .formArea h2 {
			   font-size: 18px;
			   /* color: #075fa5; */
		   }
	   
		   
		   .galleryArea3 .imgArea img {
			   width: 90%;
			   padding: 0;
			   margin: 0 5%;
			   /* float: left; */
		   }
	   
		   .galleryArea3 { margin: 10px -1.5% 0; }
		   .galleryArea3 .mix,
		   .galleryArea3 .gap { margin: 30px 1.5% 0;}	
		   .galleryArea3 .txtArea { padding:0 2.5%; }
		   .galleryArea3 h4 { font-size: 11px; }
	   }
	   
	   
	   
	   .gallery_col{
		   /* width: 100%; */
		   /* padding: 3%; */
		}
	   .gallery_col2{
		   width:70%;
		   float:left;
		   padding: 3%;
		}
	   
	   .gallery_col3{
		   width: 50%;
		   float:left;
		   padding: 3%;
		}
	   
	   .gallery_col4{
		   width:50%;
		   float:left;
		   padding: 3%;
		}
	   
	   .gallery_col5{
		   width: 43%;
		   float:left;
		   padding: 3%;
		}
	   
		.gallery_col6{
		   width: 35%;
		   float:left;
		   padding: 3%;
		}
	   
	   @media only screen and (max-width: 414px) {
	   
	   .gallery_col3{
		   width: 95%;
		   margin: 0 auto;
		}
	   
	   .gallery_col4{
		   width: 95%;
		   margin: 0 auto;
		}
	   
	   .gallery_col5{
		   width: 95%;
		}
	   
		.gallery_col6{
		   width: 95%;
		   margin: 0 auto;
		}
	   
	   
	   
		}
	   
	   
	   
	   
	   
	   
	   @media only screen and (max-width: 800px) {
		.formArea { padding:50px 5%; } 
	   }
	   @media only screen and (max-width: 738px) {
		.formArea {padding: 20px 1%;} 
	   }
	   
	   
	   /* -----------------------------
		  .detailBox
		  ----------------------------- */
		.formBox { padding: 40px 0; text-align: left; border-top: #ddd 1px dashed; } 
		.formBox .leftBox { float: left; width: 25%; }
		.formBox .leftBox h3 {font-size: 14px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; letter-spacing: 1px;}
		.formBox .rightBox {/* float: right; */width: 70%;/* border-left: #ddd 1px dotted; */padding: 0 5%;margin: 0 15%;}
	   
	   @media only screen and (max-width: 738px) {
	   
		.formBox { padding: 40px 2.5% ; text-align: left; border-top: #ddd 1px dashed; }
		.formBox:first-child { padding: 0 2.5% 40px; border-top:none;  }
		.formBox .leftBox { float: none; width: 100%; }
		.formBox .leftBox h3 {text-align:center; }
		.formBox .rightBox {float: none;width: 100%;border-left: none;padding: 25px 0 0;margin: 0;}
	   }
	   
	   
	   
	   /* -----------------------------
		  
		  .detailArea
		  
		  ----------------------------- */
		  
	   #form .detailArea { margin-top: 30px; position: relative; z-index: 4; }
	   /* h3, h4*/
	   #form .detailArea h3 { font-size: 15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝"; font-weight: bold; letter-spacing: 1px; line-height: 1.8; }
	   #form .detailArea h4 { font-size: 15px; font-weight: bold; letter-spacing: 1px; }
	   #form .detailArea h5.quiz { margin: 5px 0; font-size: 16px; /*line-height:1; */ letter-spacing: 2px; }
	   #form .detailArea h5.quiz span { font-size: 14px; letter-spacing: 0; }
	   
	   /* -----------------------------
		  .detailBox
		  ----------------------------- */
	   #form .detailBox { padding: 40px 0; text-align: left; border-top: #a276c9 1px dotted; }
	   
	   /* -----------------------------
		  .leftBox, .rightBox
		  ----------------------------- */   
	   #form .detailBox .leftBox { float: left; width: 15%; }
	   #form .detailBox .rightBox { float: right; width: 80%; border-left: #a276c9 1px dotted; padding-left: 5%; }
	   
	   
	   /* -----------------------------
		  
		  ol.formlist
		  
		  ----------------------------- */
	   
	   ol.formlist {width: 100%;margin: 0;list-style:none;}
	   ol.formlist li { list-style: none; margin-top: 30px; }
	   
	   ol.formlist li ol.plan { font-size:0; margin:-10px -10px 0; padding:0; }
	   ol.formlist li ol.plan li { display:inline-block; margin:20px 10px 0;padding:0; }
	   @media only screen and (max-width: 414px) {
	   ol.formlist li ol.plan { margin:0 -5px; padding:0; }
	   ol.formlist li ol.plan li { margin:10px 5px 0;padding:0; }	
	   }
	   /* -----------------------------
		  
		  form
		  
		  ----------------------------- */
	   
	   /* contact-form
	   --------------------------- */
	   
	   .contact-form > dt {
		   position: absolute;
		   padding: 1.8em 0 0 10px;
	   }
	   
	   .contact-form > dd {
		   position: relative;
		   padding: 1em 0 1em 12em;
		   margin-bottom: 30px;
		   border-bottom: 1px solid #4d4d4d;
	   }
	   
	   .contact-form > dd > i {
		   color: #999;
		   display: block;
		   cursor: text;
		   position: absolute;
		   bottom: 1.8em;
		   z-index: -1;
	   }
	   .contact-form > dd.active > i {
		   display: none;
	   }
	   .contact-confirm .contact-form > dd > i {
		   display: none;
	   }
	   
	   .contact-confirm .contact-form > dd > span {
		   display: block;
		   line-height: 3.6em;
		   min-height: 3.6em;
	   }
	   .contact-confirm .contact-form > dd > span {
		   display: block;
		   line-height: 3.6em;
	   }
	   .contact-confirm .contact-form > dd.message > span {
		   line-height: 2;
		   padding: 1em 0;
		   min-height: 1.6em;
	   }
	   
	   .contact-form .contact-form > dd .error {
		   color: red;
		   position: absolute;
		   top: -1.5em;
	   }
	   
	   .contact-form > dd.active textarea {
		   height: 18em;
	   }
	   
	   .contact-complete {
		   min-height: 480px;
	   }
	   
	   
	   .contact-form_btn {
		   margin-bottom: 120px;
	   }
	   
	   .contact-form .c-submitset > li:first-child {
		   display: none;
	   }
	   
	   .contact-confirm .c-submitset > li:first-child > .c-submit {
		   background-color: #808080;
	   }
	   .contact-confirm .c-submitset > li:first-child > .c-submit:before {
		   background-color: #666;
	   }
	   
		  
	   
	   form { font-size: 14px; letter-spacing: 1px; }
	   input,
	   button,
	   textarea,
	   select {/* -webkit-appearance: none; *//* border-radius: 0; */}
	   input,
	   select { vertical-align: middle; }
	   
	   @media only screen and (max-width: 738px) {
	   form { font-size: 13px;  }
	   }
	   @media only screen and (max-width: 414px) {
	   form { font-size: 12px;  }
	   }
	   /* ----- label ----- */
	   label { display: block; font-weight: bold; font-size: 14px; letter-spacing: 1px; line-height: 1.8; margin: 30px 0 5px; position: relative; }
	   
	   @media only screen and (max-width: 738px) {
	   label { font-size: 13px;  }
	   }
	   @media only screen and (max-width: 500px) {
	   label { font-size: 13px;  }
	   
	   .contact-form > dt {
		   width:100%;
		   padding: 1em 0 0 0px;
		   display: block;
	   }
	   
	   .contact-form > dd {
		   /* position: relative; */
		   padding: 4em 0 1em 0em;
		   margin-bottom: 30px;
		   border-bottom: 1px solid #4d4d4d;
		   display: block;
		   width: 100%;
	   }
	   
	   
	   
	   
	   
	   
	   
	   }
	   
	   /* ----- input ----- */
	   input.st { margin: 0; padding: 10px; border: #ddd 1px solid; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }
	   /* input */
	   input.col-100 { max-width: 100%; display: block; }
	   input.col-half { max-width: 450px; display: block; }
	   input.col-address1 { max-width: 80px; margin: 0 5px 0 0; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	   input.col-address2 { max-width: 120px; margin: 0 0 0 5px; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	   input.col-address { max-width: 120px; margin: 0; padding: 10px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	   input:focus { border: #7eccd6 solid 1px; }
	   input.other { margin: 0; padding: 5px 10px; border: #7eccd6 1px solid; background: #f8f8f8; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; max-width: 400px; }
	   
	   /* ----- select ----- */
	   select { border: #ddd 1px solid; background: #fefefe; padding: 5px 10px; letter-spacing: 1px; }
	   option { border: #ddd 1px solid; margin: -1px 0 0; padding: 5px; font-weight: normal; line-height: 1; }
	   
	   /* ----- textarea ----- */
	   textarea { width: 100%; line-height: 1.7; padding: 10px; letter-spacing: 1px; border: #ddd 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	   textarea.talentname { height: 5em; }
	   textarea.small { height: 10em; }
	   textarea.detail { height: 15em; }
	   textarea:focus { border: #7eccd6 solid 1px; }
	   
	   /* ----- span / br ----- */
	   span.small-category { display: block; margin-top: 5px; vertical-align: 0; }
	   span.birthday { padding: 0 15px 0 5px; vertical-align: 0; }
	   span.block { display: block; vertical-align: 0; }
	   br.block-1150 { display: none; }
	   span.import {color: #fefefe;background: #2ea2aa;border-radius: 5px;padding-left: 5px;padding-right: 5px;padding: 2px 5px;margin-left: 5px;font-weight:500;}
	   p.small { font-size: 12px; line-height: 1.8; margin-top: 5px; }
	   
	   .mustTxt { margin-top: 5px; font-size: 12px; font-weight: bold; color: #fefefe; background: #e803a4; width: 50px; height: 20px; line-height: 20px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	   
	   input[type=radio], input[type=checkbox] {display: none;}
	   
	   /* ----- .radio,.checkbox ----- */
	   .radio,
	   .checkbox {box-sizing: border-box;position: relative;display: inline-block;margin:0;padding: 10px 15px 10px 42px;/* border-radius: 8px; */background: #f5f5f5;vertical-align: middle;cursor: pointer;z-index:2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	   .radio:hover,
	   .checkbox:hover { background: #f0fafe; }
	   .radio:hover:after,
	   .checkbox:hover:after { border-color: #7eccd6; }
	   .radio:after,
	   .checkbox:after { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 1px solid #bbb; border-radius: 0; content: ''; background:#fefefe; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	   .radio:after {border-radius: 100%; }
	   .radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 19px; display: block; margin-top: -6px; width: 10px; height: 10px; border-radius: 100%; background: #7eccd6; content: ''; opacity: 0; }
	   input[type=radio]:checked + .radio:before { opacity: 1; }
	   .checkbox:before {  position: absolute; top: 50%; left: 21px; display: block; margin-top: -8px; width: 5px; height: 9px; border-right: 2px solid #7eccd6; border-bottom: 2px solid #7eccd6; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	   input[type=checkbox]:checked + .checkbox:before { opacity: 1; }
	   
	   
	   input[type=liquidation], input[type=checkbox] {display: none;}
	   
	   /* ----- .liquidation,.checkbox ----- */
	   .liquidation,
	   .checkbox {box-sizing: border-box;position: relative;display: inline-block;margin:0;padding: 10px 15px 10px 42px;/* border-radius: 8px; */background: #f5f5f5;vertical-align: middle;cursor: pointer;z-index:2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	   .liquidation:hover,
	   .checkbox:hover { background: #f0fafe; }
	   .liquidation:hover:after,
	   .checkbox:hover:after { border-color: #7eccd6; }
	   .liquidation:after,
	   .checkbox:after { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 1px solid #bbb; border-radius: 0; content: ''; background:#fefefe; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	   .liquidation:after {border-radius: 100%; }
	   .liquidation:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 19px; display: block; margin-top: -6px; width: 10px; height: 10px; border-radius: 100%; background: #7eccd6; content: ''; opacity: 0; }
	   input[type=liquidation]:checked + .liquidation:before { opacity: 1; }
	   .checkbox:before {  position: absolute; top: 50%; left: 21px; display: block; margin-top: -8px; width: 5px; height: 9px; border-right: 2px solid #7eccd6; border-bottom: 2px solid #7eccd6; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	   input[type=checkbox]:checked + .checkbox:before { opacity: 1; }
	   
	   
	   form#mail_form dl dt span.required{
		   background: #b860a3;
		   color:#fff;
		   padding: 3px;
		   border-radius: 5px;
		   margin-right: 5px;
	   }
	   
	   
	   
	   
	   
	   /* ----- label ----- */
	   ol.formlist li ol.plan li label { display: block; font-weight: 500; font-size: 13px; letter-spacing: 1px; line-height: 1.8; margin: 0; position: relative; }
	   @media only screen and (max-width: 738px) {
	   ol.formlist li ol.plan li label { font-size: 12px;  }
	   ol.formlist li ol.plan li label { margin: 0; position: relative; }
	   }
	   
	   
	   /* ul.notice */
	   ol.formlist ul.notice { margin: 0 0 5px; padding: 0; list-style: none;text-align: left;}
	   ol.formlist ul.notice li { margin-top:3px; padding-left: 1.5em; font-size: 14px; letter-spacing: 1px; line-height: 2; position:relative; }
	   ol.formlist ul.notice li:before { position:absolute; top:0; left:0; content: "※"; z-index:0;}
	   @media only screen and (max-width: 800px) {
	   ol.formlist ul.notice li { font-size: 13px; }
	   }
	   @media only screen and (max-width: 738px) {
	   ol.formlist ul.notice li { font-size: 12px; }
	   }
	   
	   
	   
	   /* -----------------------------
	   
		  .btnArea
	   
		  ----------------------------- */
		  
	   #w_area_box .btnArea { display: block; text-align: center; padding: 30px 0 40px; text-align: center; border-top: #ddd 1px dashed; }
	   #w_area_box .submitbtn,
	   #w_area_box .resetbtn { display: inline-block; padding: 0; margin:10px 1% 0; font-size: 13px; text-decoration: none; text-align:center; padding:0; line-height: 50px; letter-spacing: 1px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 5px;
		width:275px; max-width:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	   /* ----- .submitbtn ----- */
	   #w_area_box .submitbtn { color:#fefefe; background:#111; border:#111 1px solid;}
	   #w_area_box .submitbtn:hover { color:#999; background: #ccc; border:#ccc 1px solid; }
	   /* ----- .resetbtn ----- */
	   #w_area_box .resetbtn { color:#111; background:none; border: #111 1px solid; }
	   #w_area_box .resetbtn:hover { color:#333; background: #fefefe;background:none; border:#ccc 1px solid; }
	   
	   
	   @media only screen and (max-width: 800px) {
	   #w_area_box .submitbtn:hover { color:#fefefe; background:#111; border:#111 1px solid; }
	   #w_area_box .resetbtn:hover { color:#111; background:none; border: #111 1px solid; }
	   }
	   @media only screen and (max-width: 738px) {
	   #w_area_box .btnArea { padding: 30px 0 15px; }
	   }
	   
	   /* -----------------------------
	   
		  #formWrap
	   
		  ----------------------------- */
	   
	   .formWrap { position: relative; z-index: 4; text-align:center; }
	   .formWrap h4 { margin: 0; padding: 0; font-size: 14px; font-weight: 500; line-height: 2.2; letter-spacing: 1px;}
	   @media only screen and (max-width: 800px) {
	   .formWrap h4 { font-size: 13px; line-height: 2; }
	   }
	   @media only screen and (max-width: 738px) {
	   .formWrap h4 { padding:0 5%; font-size: 12px; line-height: 2; text-align:left; }
	   }
	   
	   
	   
	   /*@media screen and (max-width: 768px) {
	   #formWrap { text-align:left; }
	   }
	   */
	   
	   
	   /* -----------------------------
		  
		  table.formTable
		  
		  ----------------------------- */
		  
	   table.formTable { width: 100%; margin: 30px auto 0; border-collapse: collapse; text-align: left; overflow: hidden; font-size: 14px; letter-spacing: 1px; line-height: 2; background:#fefefe; }
	   table.formTable tr { border: #ddd 1px solid; }
	   table.formTable th { padding: 15px; font-weight: bold; background: #fafafa ; width: 30%; }
	   table.formTable td { padding: 15px; border-left: #ddd 1px dotted; }
	   
	   .noticeTxt { margin: 20px auto 0; width: 100%; }
	   .noticeTxt p { margin-top:10px; padding: 12px 15px; color:#7eccd6; background:#ccc; }
	   
	   
	   #w_area_box .formWrap .btnArea { margin-top:40px; }
	   
	   @media only screen and (max-width: 800px) {
	   table.formTable { font-size: 13px; }
	   }
	   @media only screen and (max-width: 738px) {
	   table.formTable { margin: 20px auto 0; font-size: 12px; letter-spacing: 1px; line-height: 2;}
	   table.formTable tr { border:none; border-top: 10px solid transparent;}
	   table.formTable th { padding: 10px 5%; display:block; width: 100%; border: #ddd 1px solid; border-bottom:#ddd 1px dotted;}
	   table.formTable td { padding: 10px 5%; display:block; border: #ddd 1px solid; border-top:none; }
	   .noticeTxt p { text-align:left; }
	   
	   }
	   
	   
	   
	   /* =============================================================
	   
		   Forms
	   
	   * ============================================================= */
	   
	   textarea, input, select {
		   font-family:'Noto Sans JP', "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		   font-size: 100%; /* 14px base */
		   color: #333;
		   letter-spacing: 1px;
	   }
	   
	   input[type="text"],
	   textarea {
		   display: block;
		   width: 100%;
		   height: 3.6em;
		   margin: 0;
		   padding: 0 10px;
		   background-color: rgba(255,255,255,.1);
		   border: none;
		   border-radius: 2px;
		   -webkit-box-sizing: border-box;
		   box-sizing: border-box;
		   -webkit-appearance:none;
		   border: 1px solid #eee;
	   }
	   html.IE8 input[type="text"] {
		   line-height: 3.6em;
	   }
	   
	   textarea {
		   padding: 10px;
		   max-width: none;
		   transition: height .3s;
	   }
	   
	   input[type="text"]:focus,
	   textarea:focus {
		   background-color: #f2f2f2;
	   }
	   textarea:focus {
		   height: 18em;
	   }
	   
	   input[type="submit"] {
		   background: none;
		   border: none;
		   -webkit-appearance:none;
	   }
	   
	   /*
	   .c-submitset input[type="submit"]:hover {
		   background-color: #262626;
	   }
	   */
	   
	   
	   .c-submit {
		   text-align: center;
		   display: inline-block;
		   background-color: #3f3f3f;
		   position: relative;
		   overflow: hidden;
	   }
	   
	   .c-submit > input {
		   color: #fff;
		   font-size: 0.929em;
		   line-height: 1.6;
		   display: inline-block;
		   background-color: transparent;
		   padding: 20px 30px;
		   min-width: 240px;
		   cursor: pointer;
		   -webkit-transition: background-color .15s;
				   transition: background-color .15s;
		   position: relative;
		   z-index: 1;
	   }
	   
	   .c-submit:before {
		   content: "";
		   width: 100%;
		   height: 100%;
		   background-color: #262626;
		   position: absolute;
		   left: 0;
		   top: 100%;
		   -webkit-transition: -webkit-transform .12s ease-out;
				   transition: transform .12s ease-out;
	   }
	   .c-submit:hover:before {
		   -webkit-transform: translateY(-100%);
			   -ms-transform: translateY(-100%);
				   transform: translateY(-100%);
	   }
	   .IE8 .c-submit:hover {
		   background-color: #262626;
	   }
	   
	   .c-submit:after {
		   content: "";
		   width: 8px;
		   height: 14px;
		   background: url(../images/sprite1.png) no-repeat -250px 0;
		   position: absolute;
		   right: 15px;
		   top: 50%;
		   margin-top: -7px;
		   opacity: 0;
		   -webkit-transform: translateY(30px);
			   -ms-transform: translateY(30px);
				   transform: translateY(30px);
		   -webkit-transition: all .15s ease-in;
				   transition: all .15s ease-in;
	   }
	   .c-submit:hover:after {
		   opacity: 1;
		   -webkit-transform: translateY(0);
			   -ms-transform: translateY(0);
				   transform: translateY(0);
		   -webkit-transition-delay: .1s;
				   transition-delay: .1s;
	   }
	   .IE8 .c-submit:after {
		   content: none;
	   }
	   .IE8 .c-submit:hover:after {
		   content: "";
	   }
	   
	   .c-submitset {
		   text-align: center;
	   }
	   
	   .c-submitset > li {
		   display: inline-block;
		   margin: 0 5px;
	   }
	   
	   
	   
	   
	   
	   
	   
	   /* -----------------------------
		  
		  .confirmTxt
		  
		  ----------------------------- */
		  
	   .confirmArea { margin: 0 auto; max-width: 600px; }
	   .confirmTxt { margin: 40px auto 0; width: 100%; }
	   .confirmTxt p { margin-top: -1px; padding: 15px 5%; color: #e803a4; border: #e803a4 1px solid; line-height: 1.8; }
	   
	   /*@media screen and (max-width: 768px) {
	   .confirmTxt { margin: 35px auto 0; }
	   }
	   @media screen and (max-width: 738px) {
	   .confirmTxt { margin: 30px auto 0; }
	   }*/
	   
	   
	   /* -----------------------------
		  
		  #form .txtArea
		  
		  ----------------------------- */
	   #form .txtArea { padding: 0; position: relative; z-index: 4; text-align: left; }
	   
	   
	   /* -----------------------------
		  .applyArea2
		  ----------------------------- */
	   
	   #form .applyArea { border-top: #a276c9 1px dotted; margin-top: 45px; position: relative; z-index: 4; }
	   /* h3, h4*/
	   #form .applyArea h3 { font-size: 15px; font-family: font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝"; font-weight: bold; letter-spacing: 1px; line-height: 1.8; }
	   #form .applyArea h4 { font-size: 15px; font-weight: normal; letter-spacing: 1px; line-height: 1.8; }
	   
	   
	   /* -----------------------------
		  .applyBox, .applyBox2
		  ----------------------------- */
		  
	   #form .applyBox,
	   #form .applyBox2 { padding: 35px 0; text-align: left; }
	   #form .applyBox { border-bottom: none; }
	   #form .applyBox2 { border-top: #a276c9 1px dotted; }
	   
	   
	   /* -----------------------------
		  .leftBox, .rightBox
		  ----------------------------- */
		  
	   #form .applyBox .leftBox,
	   #form .applyBox2 .leftBox { float: left; width: 20%; }
	   #form .applyBox .rightBox,
	   #form .applyBox2 .rightBox { float: right; width: 75%; border-left: #a276c9 1px dotted; padding-left: 5%; }
	   /* ul li */
	   #form .applyBox ul { list-style: disc; margin: 0; padding: 0; padding-left: 1em; }
	   #form .applyBox ul li { font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 1.9; margin-bottom: 5px; }
	   #form .applyBox ul li:last-child { margin-bottom: 0; }
	   #form .applyBox ul li a { border-bottom: #111 1px dotted; }
	   #form .applyBox ul li a:hover { color: #fefefe; background: #111; border-bottom: #111 1px solid; }
	   /* ul li ul */
	   #form .applyBox ul li ul { list-style: decimal }
	   #form .applyBox ul li ul li { margin-bottom: 0; }
	   /* table */
	   #form table.info { border-collapse: collapse; margin-top: 10px; font-size: 13px; letter-spacing: 1px; line-height: 1.9; }
	   #form table.info tr { padding-bottom: 3px; display: block; }
	   #form table.info tr:last-child { margin-bottom: 0; }
	   #form table.info th { width: 90px; }
	   #form .linkArea { border-top: #a276c9 1px dotted; margin-top: 0px; padding-top: 30px; }
	   
	
	   .otaku{
		  padding:10px;
		  /* margin-top: 50px; */
	   }
	
	   .otaku ol {
		  counter-reset:number; 
		  list-style-type: none!important;
		  padding: 0.3em 0.8em;
		  border: solid 2px #ffb107;
		}
		.otaku ol li {
		  border-bottom: dashed 1px orange;
		  position: relative;
		  padding: 0.5em 0.5em 0.5em 30px;
		  line-height: 1.5em;
		}
		.otaku ol li:before{
		  /* 以下数字をつける */
		  position: absolute;
		  counter-increment: number;
		  content: counter(number);
	
		  display:inline-block;
		  background: #ffb107;
		  color: white;
		  font-family: 'Avenir','Arial Black','Arial',sans-serif;
		  font-weight:bold;
		  font-size: 15px;
		  border-radius: 50%;
		  left: 0;
		  width: 25px;
		  height: 25px;
		  line-height: 25px;
		  text-align: center;
		  /*以下 上下中央寄せのため*/
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		  transform: translateY(-50%);
		}
		.otaku ol li:last-of-type {
		  border-bottom: none;
		}
	
	
	.otaku2{
		  padding: 50px;
		  text-align: center;
		  font-size: 20px;
	   }
	
	   .otaku2 ol {
		  counter-reset:number; 
		  list-style-type: none!important;
		  padding: 0.3em 0.8em;
		  /* border: solid 2px #ffb107; */
		}
		.otaku2 ol li {
		  /* border-bottom: dashed 1px orange; */
		  position: relative;
		  padding: 0.5em 2em 0.5em 2em;
		  line-height: 1.5em;
		  display: inline;
		  font-size: 25px;
		}
		.otaku2 ol li:before{
		  position: absolute;
		  counter-increment: number;
		  content: counter(number);
		   display:inline-block;
		  background: #009688;
		  color: white;
		  font-family: 'Avenir','Arial Black','Arial',sans-serif;
		  font-weight:bold;
		  font-size: 20px;
		  border-radius: 50%;
		  left: 0;
		  width: 35px;
		  height: 35px;
		  line-height: 35px;
		  text-align: center;
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		  transform: translateY(-50%);
		}
		.otaku2 ol li:last-of-type {
		  border-bottom: none;
		}
	
	
	  .otaku3{
		  padding: 0;
		  /* margin-top: 50px; */
	   }
	
	   .otaku3 ol {
		  counter-reset:number;
		  list-style-type: none!important;
		  padding: 0.3em 0.8em;
		  /* border: solid 2px #dedede; */
		}
		.otaku3 ol li {
		  border-bottom: dashed 1px #9E9E9E;
		  position: relative;
		  padding: 0.5em 0.5em 0.5em 30px;
		  line-height: 1.5em;
		  /* font-weight: 600; */
		}
		.otaku3 ol li:before{position: absolute;counter-increment: number;content: '\e6b4';display:inline-block;color: #e90505;/*       color: white; */font-family:themify;font-weight:bold;font-size: 16px;border-radius: 50%;left: 0;width: 25px;height: 25px;line-height: 25px;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
		.otaku3 ol li:last-of-type {
		  border-bottom: none;
		}
	
	
	
	   
	
	  @media only screen and (max-width: 500px) {
	
		.otaku2 {
			padding:10px 15px;
			text-align: left;
	
		}
	
	
	  
	  .otaku2 ol {
		  counter-reset:number; 
		  list-style-type: none!important;
		  padding: 0.3em 1em;
		  /* border: solid 2px #ffb107; */
		}
	
	
	
	
	  .otaku2 ol li {
		  /* border-bottom: dashed 1px orange; */
		  position: relative;
		  padding: 0.5em 2em 0.5em 2em;
		  line-height: 1.5em;
		  display: block;
		  font-size: 18px;
		}
	
	   }
	
	
	
	
	
	  
	/*----------------------------------------------------
	柔軟な対応力
	------------------*/
	
	.boxFlexible {
		position: relative;
		margin: 1em 0 1em;
		padding: 1em 1em;
		border: solid 1px #0a0a0a;
	}
	
	.boxFlexible2 {
		position: relative;
		margin: 0 0 1em;
		padding: 1em 1em;
	}
	
	
	
	@media only screen and (max-width: 1200px) {
		.boxFlexible {
		position: relative;
		margin: 1em 0 0em;
		padding: 1em 1em;
		border: solid 1px #0a0a0a;
		}
	
	}
	
	.boxFlexible .box-title {
		position: absolute;
		display: inline-block;
		top: -37px;
		left: -3px;
		padding: 0 9px;
		height: 35px;
		line-height: 35px;
		vertical-align: middle;
		font-size: 18px;
		/* background: #999; */
		color: #000;
		font-weight: bold;
		/* border-radius: 5px 5px 0 0; */
	}
	.boxFlexible p {
		margin: 0;
		padding: 0;
		font-size: 15px;
		line-height: 2;
		/* font-weight: 600; */
	}
	
	.boxFlexible p span{
		border-bottom: 1px solid #ddd;
		/* font-weight: 500; */
	}
	
	.img_floatR{float:right;}
	
	
	
	.boxBest {
		margin: 2em 0;
		background: #f1f1f1;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	}
	.boxBest .box-title {
		font-size: 1.2em;
		background: #009a3d;
		padding: 4px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	.boxBest p {
		padding: 25px;
		margin: 0;
	}
	.icon_img{width:80px;}
	
	
	
	.item_c1, .item_c2, .item_c3, {
		width: 100%;
	}
	.item_c1 img, .item_c2 img, .item_c3 img {
		width: 100%;
		padding:2%;
	}
	
	.item2 {
		  width: 100%;
		}
	.item1 img, 
	.item2 img, 
	.item3 img, 
	.item4 img, 
	.item5 img, 
	{
		  width: 100%;
		  padding:2%;
		}
	
	
	.item3 {
		width: 100%;
	}
	
	
	.item4 {
		  width: 100%;
		  padding: 2%;
	}
	 
	.item5 {
		  width: 100%;
		  padding: 0.5%;
		}
	.item2 img, {
		  width: 100%;
		  padding:2%;
		}
	
	
	 @media ( min-width : 800px ){
		.flexbox {
		  display: flex;
		  flex-wrap: wrap;
		  width: 100%;
		  /* max-width: 1200px; */
		  justify-content: left; /* 子要素をflexboxにより中央に配置する */
		  align-items: center;  /* 子要素をflexboxにより中央に配置する */
		  /* margin-bottom: 100px; */
		  }
	
	
				.item_c1 {
					width: 100%;
					padding: 0;
				}
				.item_c2 {
					width: 46%;
					padding: 2%;
				}
				.item_c3 {
					width: 31.111111%;
					padding:1%;
				}
	
	
		 .item2 {
			  width: 48%;
			  padding: 0% 1% 1%;
			  flex: 0 0 48%;
			}
	
			.item2 img{
			width: 96%;
			padding: 0 2%;
		}
	
	
	
		 .item3 {
			  width: 56.66666%;
			  padding: 2%;
			}
		 .item1 {
			  width: 33.33333%;
			  padding: 0%;
			  vertical-align: middle;
			  flex: 0 0 33%;
			}
			 .item1 img{width:100%;width: 98%;padding: 1% 1% 1%;}
	
		.item p{}
	.item5 {
		  width: 24%;
		  padding: 0.5%;
		}
	
	 }
	
	  .boxContact{
		  margin: 0px 0;
		  padding: 0 5px;
		  /* border:1px solid #ddd; */
	  }
	
	
	  .boxContact img{
		/* width:100%; */
		/* padding: 10px; */
		}
	
	  .imgArea{
		  margin:20px 0;
		  /* padding:20px; */
	  }
	
	  .p_phone a{font-size:30px;color:#1e843a;border-bottom: 1px dashed;}
	  .p_phone a:hover{font-size:50px;color:#FF9800;}
	
	  @media ( min-width : 600px ){
		.p_phone a{font-size:50px;color:#1e843a;border-bottom: 1px dashed;}
		.p_phone a:hover{font-size:50px;color:#FF9800;}
	
		}
	
	
	
	
		.list_sec {
			/* border: 1px solid #e5e5e5; */
			background: #fff;
			padding: 30px 40px;
			margin: 50px auto 80px;
			/* max-width: 880px; */
			-webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
			-moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
			/* box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff; */
			padding: 80px 10%;
			position: relative;
			z-index: 1;
			/* border-top: #a3d9e0 1px solid; */
			/* background: url(../images/noise.png) repeat; */
			/* background: #fafafa; */
			font-size: 16px;
		}
		
		
		.list_sec section {
			margin: 0 -10px;
			padding: 20px 10px;
			border-top: 1px solid #d9d9d9;
		}
		.list_sec section:first-child {
			border: none;
			padding-top: 0;
		}
		
		.list_sec h3 {
			font-size: 110%;
			line-height: 1.5;
			padding-bottom: 15px;
		}
		
		.list_sec p,
		.list_sec li {
			/* font-size: 110%; */
			/* line-height: 1.8; */
		}
		
		.list_sec p {
			/* margin-left: 1.4em; */
		}
		
		.list_sec p + ol {
			margin-top: 10px;
		}
		
		.list_sec ul li {
			list-style: disc;
			margin-left: 2.4em;
		}
		.list_sec ol li {
			list-style: decimal ;
			margin-left: 3.2em;
		}
		
		.list_sec .establish {
			text-align: right;
			font-weight: bold;
			padding-top: 20px;
		}
		
		
		/* ---------------------------------------
			max-width: 719px
		--------------------------------------- */
		
		@media screen and (max-width: 719px) {
		
			.list_sec {
				padding: 20px;
				margin: 0 auto 40px;
			}
		
			.list_sec section {
				margin: 0 -10px;
				padding: 15px 10px;
			}
		
			.list_sec h3 {
				font-size: 1.1rem;
				padding-bottom: 10px;
			}
		
			.list_sec .establish {
				padding-top: 10px;
			}
		
		}
		
		/* ---------------------------------------
			max-width: 479px
		--------------------------------------- */
		
		@media screen and (max-width: 479px) {
		
			.list_sec p {
				margin-left: 0;
			}
		
			.list_sec ul li {
				margin-left: 1.4em;
			}
			.list_sec ol li {
				margin-left: 1.8em;
			}
		
		}
	
	/*     #list_a {margin-top:5px} */
		#list_a {margin-bottom:20px}
		
		#list_a dt {
			/* margin-top: 1em; */
			padding: 0 0;
			color: #030303;
			font-size: 20px;
			font-weight: 600;
			/* text-shadow: 1px 1px rgba(0,0,0,.4); */
			/* background-color: #00796d; */
			}
	
		#list_a dt:first-letter {
		  font-size: 1.5em;
		  color: #c11920;
		}
	
	
			
		  #list_a dd {
		  padding: 1em 0;
		  margin-left: 0;
		  font-size: 16px;
		  font-weight: 400;
		  border-width: 0 1px 1px;
		  /* border-style: none solid solid; */
		  /* border-color: #00796d; */
		  border-bottom: 1px solid #ddd;
		  }
		
		
		  
		  
	
	/*============================================================
	  voice
	============================================================*/
	#voice {
		text-align: center;
	  }
	  
	  #voice .list-voice {
		display: block;
		width: 100%;
		font-size: 0;
		text-align: left;
		padding: 0 3.5vw;
		margin-top: 4.4vw;
	  }
	  
	  #voice .list-voice > li {
		display: inline-block;
		width: calc(100% / 3);
		vertical-align: top;
		padding: 0 1.4vw 4vw;
		position: relative;
	  }
	  
	  html.ie #voice .list-voice > li {
		width: 33.333%;
	  }
	  
	  #voice .list-voice > li:nth-of-type(n+4) {
		display: none;
	  }
	  
	  #voice .list-voice.isAll > li:nth-of-type(n+4) {
		display: inline-block;
		-webkit-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
		   -moz-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
			-ms-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
			 -o-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
				animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	  }
	  
	  #voice .block-front,
	  #voice .block-back {
		overflow: hidden;
		border-radius: 5px;
	  }
	  
	  #voice .block-front .ico-sns {
		display: block;
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 50%;
		background-color: #fff;
		padding: 0.4rem;
		overflow: hidden;
		position: absolute;
		right: 0.7vw;
		top: 0.7vw;
	  }
	  
	  #voice .block-back {
		width: 100%;
		height: 100%;
		background-size: 40vw auto;
	  }
	  
	  #voice .block-back.orn {
		background-color: #e8652b;
	  }
	  
	  #voice .block-back.grn {
		background-color: #009688;
	  }
	  
	  
	  #voice .block-back.beige {
		background-color: #ecd9a0;
	  }
	  
	  
	  
	  #voice .block-back .block-content {
		display: table;
		width: 100%;
		height: 100%;
	  }
	  
	  #voice .block-back .block-content .block-inner {
		display: table-cell;
		width: 100%;
		height: 100%;
		text-align: left;
		vertical-align: middle;
		padding: 0 10%;
	  }
	  
	  #voice .block-profile {
		text-align: left;
		margin-top: 1.6rem;
		position: relative;
	  }
	  
	  #voice .txt-name {
		display: inline-block;
		letter-spacing: 0.1em;
		line-height: 1;
	  }
	  
	  #voice .txt-child {
		position: absolute;
		right: 0;
		bottom: 0;
	  }
	  
	  @media (max-width: 768px) and (orientation: portrait) {
		#voice .list-voice {
		  p: 0 6vw;
		  margin-top: 8vw;
		}
	  
		#voice .list-voice > li {
		  width: 100%;
		  padding: 0 0 8vw 0;
		}
	  
		#voice .block-front .ico-sns {
		  width: 4rem;
		  height: 4rem;
		  right: 2vw;
		  top: 2vw;
		}
	  
		#voice .block-back {
		  background-size: 100vw auto;
		}
	  
		#voice .block-profile {
		  margin-top: 1.2rem;
		}
	  
		#voice .btn-more {
		  margin-top: 1vw;
		}
	  }
	  
	
	
	  
	
	/*----------------------------------------------------
	実績
	------------------*/
	 
	section table {width: 100%;font-size: 15px;}
	section th, section td  {padding: 10px;border: 1px solid #ddd;}
	section th  { background: #f4f4f4; }
	.w01{width: 10em;}
	.w02{width: 5em;}
	.w03{width: 6em;}
	.w04{width: 5em}
	.w05{width: 2em}
	.w06{width: 2em}
	.w07{width: 2em}
	.w08{width: 15em;}
	
	 
	/*----------------------------------------------------
	  .actual
	----------------------------------------------------*/
	.actual th  {/* width: 0; */}
	.actual td  {text-align: left;}
	.actual td:first-child  { text-align: left; }
	
	.r1 {
		width: 5em;
	}
	
	.r2 {
		width: 25em;
	}
	
	.r3 {
		width: 25em;
	}
	
	.r4 {
		width: 8em;
	}
	
	
	@media only screen and (max-width: 800px) { 
	  .actual {
		display: block;
		width: 96%;
		margin: 0 2%;
	  }
	  .actual thead{ 
		display: block; 
		float: left;
		overflow-x:scroll;
	  }
	  .actual tbody{ 
		display: block; 
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	  }
	  .actual th{ 
		display: block;
		width:auto;
	  }
	  .actual tbody tr{ 
		display: inline-block; 
		margin: 0 0 0 0.5%;
	  }
	  .actual td{ 
		display: block;
	  }
	  
	  
	.r1 {
		width: 100%;
	}
	
	.r2 {
	   width: 100%;
	}
	
	.r3 {
	   width: 100%;
	}
	
	.r4 {
	   width: 100%;
	}
	
	 
	  
	}
	
	
	.mane {
		width: 96%;
		margin: 0 auto;
		text-align: center;
		padding-top:30px;
		padding: 30px 2% 0;
	}
	
	
	.mane_title{
	  position: relative;
	  color: white;
	  background: #7d4736;
	  line-height: 2;
	  font-size: 22px;
	  padding-left: 40px;
	  margin-bottom: 20px;
	  text-align: left;
	}
	
	
	.mane_title:before {/*疑似要素*/
	  FONT-WEIGHT: 100;
	  font-family: 'FontAwesome';
	  content: "\f14a";
	  position: absolute;
	  left : 0.5em; /*左端からのアイコンまでの距離*/
	  position: absolute;
	  top: 0px;
	  left: 10px;
	  bottom: 7px;
	  right: 0;
	}
	
	
	
	
	
	
	.mane h3{
	  position: relative;
	  color: #222426;
	  text-align:left;
	  font-size: 16px;
	  line-height: 2.3;
	  padding-left: 40px;
	  border-bottom: solid 1px #4c4948;
	  font-weight: 400;
	  padding-left: 2em;
	  text-indent: -2.5em;
	}
	
	.mane h3:before {/*疑似要素*/
	  font-family: 'FontAwesome';
	  content: "\f192";
	  position: absolute;
	  left : 0.6em; /*左端からのアイコンまでの距離*/
	  font-size: 16px;
	  top: 0px;
	}
	
	
	
	
	table.brwsr1 {
		width: 98%;
		font-size: 110%;
		margin: 20px 100px;
		border-collapse: separate;
		border-spacing: 0px 1px;
		margin-bottom:10px;
		margin-left:5px
	}
	
	table.brwsr1 img{
		margin:10px;
	}
	
	table.brwsr1 th {
		padding: 8px 0;
		padding-left:5px;
		vertical-align: middle;
		text-align: left;
		border-bottom: #999 1px solid;
		/*border-bottom: #999 1px solid;
		color: #fff;*/
	}
	 
	table.brwsr1 td {
		padding: 8px 0;
		text-align: left;
		border-bottom: #999 1px solid;
	}
	 
	table.brwsr1 th.r1 {
		width: 25%;
		text-align: left;
		font-size: 16px;
		/* border-right: #999 1px solid;
		 background: #447791;*/
	}
	 
	table.brwsr1 td.r2 {
		width: 75%;
		text-align: left;
		font-size: 16px;
		/* border-left: #fff 1px solid;
		border-right: #999 1px solid;
		background: #5893b1;*/
	}
	 
	
	
	
	@media only screen and (min-width: 751px) {
	
	
	
		
		#sub_contents #l-header.type-white {
		  border-bottom: 1px solid #dedede;
		}
		#sub_contents #l-header.type-white #l-header-title svg path {
		  fill: #222426;
		}
		#sub_contents #l-header.type-white #l-header__inner {
		  background-color: #fff;
		}
		#sub_contents #l-header.type-white #l-header__list > li > a {
		  color: #222426;
		}
		#sub_contents #l-header.type-white #l-header__sns li svg path {
		  fill: #222426;
		}
	  }
	  
	  @media only screen and (max-width: 750px) {
		#sub_contents #l-header.type-white #l-header-title svg path {
		  fill: #222426;
		}
		#sub_contents #l-header.type-white #l-header__inner {
		  background-color: #fff;
		}
		#sub_contents #l-header.type-white #l-header-shop .icon svg > * {
		  stroke: #222426;
		}
		#sub_contents #l-header.type-white #l-header-shop .icon svg ellipse {
		  fill: #222426;
		}
		#sub_contents #l-header.type-white #l-header-shop .text {
		  color: #222426;
		}
		#sub_contents #l-header.type-white #l-header-btn::before, #sub_contents #l-header.type-white #l-header-btn::after, #sub_contents #l-header.type-white #l-header-btn .line {
		  background-color: #222426;
		}
		#sub_contents #l-header.type-white #l-header-btn .text {
		  color: #222426;
		}
	  }
	  
	  #sub_contents #p-kv {
		position: relative;
		padding-top:50px;
	  }
	  
	  #sub_contents #p-kv__copy {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		line-height: 28px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 90px;
		margin: auto;
		background: url(../images/training_title.jpg) no-repeat top center;
		/* width: 100%; */
		/* height: 60vw; */
		-webkit-transition: all 1.2s ease;
		transition: all 1.2s ease;
		background-size: contain;
		background-size: cover;
		}
	  
	  #sub_contents #p-kv__copy > * {
		color: #222426;
	  }
	  
	  #sub_contents #p-kv__copy .jp {
		font-family: "A1明朝" , "A1 Mincho" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝",serif,YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
		white-space: nowrap;
	  }
	  
	  #sub_contents #p-kv__copy .en {
		font-family: 'Crimson', serif;
		font-style: italic;
	  }
	  
	  @media only screen and (min-width: 751px) {
		#sub_contents #p-kv {
		  width: 100%;
		  height: 250px;
		  padding-top: 70px;
		}
		#sub_contents #p-kv__copy .jp {
		  font-size: 26px;
		}
	  }
	  
	  @media only screen and (max-width: 750px) {
		#sub_contents #p-kv {
		  width: 100%;
		  height: 52vw;
		}
		#sub_contents #p-kv__copy {
		  padding-top: 14.66667vw;
		  /* background: #ddd; */
		}
		#sub_contents #p-kv__copy .jp {
		  text-align: center;
		  font-size: 5.6vw;
		  line-height: 2;
		}
		#sub_contents #p-kv__copy .en {
		  font-size: 2.93333vw;
		}
	  }
	  
	  @media only screen and (min-width: 751px) {
		#sub_contents .p-sub-content {
		  width: 960px;
		  margin-left: auto;
		  margin-right: auto;
		  margin-bottom: 65px;
		  margin-top: -35px;
		}
	  }
	  
	  @media only screen and (min-width: 751px) and (max-width: 1080px) and (min-width: 751px) {
		#sub_contents .p-sub-content {
		  width: initial;
		  margin-left: 45px;
		  margin-right: 45px;
		}
	  }
	  
	  @media only screen and (min-width: 751px) {
		#sub_contents .p-sub-content__last {
		  margin-bottom: 100px;
		}
		#sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
		  margin-top: 23px;
		}
		#sub_contents .p-sub-content__title {
		  font-weight: 600;
		  font-size: 16px;
		  border-bottom: solid 1px #dddde4;
		  padding-bottom: 15px;
		}
		#sub_contents .p-sub-content__text {
		  margin-top: 24px;
		  line-height: 26px;
		}
		#sub_contents .p-sub-content-list li {
		  margin-top: 30px;
		}
		#sub_contents .p-sub-content-list__title {
		  display: flex;
		  align-items: center;
		}
		#sub_contents .p-sub-content-list__title span {
		  font-family: 'Crimson', serif;
		  font-style: italic;
		  font-size: 22px;
		  margin-right: 10px;
		}
		#sub_contents .p-sub-content-list__title p {
		  font-weight: 600;
		}
		#sub_contents .p-sub-content-list__text {
		  line-height: 26px;
		  letter-spacing: 0.06em;
		}
		#sub_contents .p-sub-content-list__text02 {
		  margin-top: 15px;
		}
		#sub_contents .p-sub-content-list__note {
		  margin-top: 25px;
		  padding: 22px 35px;
		  background-color: #ededed;
		  line-height: 26px;
		  margin-bottom: 40px;
		}
		#sub_contents .p-sub-content-list__note span {
		  font-weight: 600;
		  display: block;
		}
		#sub_contents .p-sub-content-signature {
		  text-align: right;
		  line-height: 26px;
		  margin-top: 26px;
		}
		#sub_contents .p-sub-content__logo {
		  margin-top: 32px;
		  display: flex;
		  justify-content: space-between;
		  align-items: flex-end;
		}
		#sub_contents .p-sub-content__logo img {
		  width: 70px;
		  height: 72px;
		  transition-property: all;
		  transition-duration: .3s;
		  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		}
		#sub_contents .p-sub-content__logo img:hover {
		  opacity: 0.7;
		}
	  }
	  
	  @media only screen and (max-width: 750px) {
		#sub_contents .p-sub-content {
		  margin: 0 30px;
		  margin-bottom: 90px;
		}
		#sub_contents .p-sub-content__last {
		  margin-bottom: 110px;
		}
		#sub_contents .p-sub-content__last .p-sub-content-list li:first-child {
		  margin-top: 13px;
		}
		#sub_contents .p-sub-content__title {
		  font-weight: 600;
		  border-bottom: solid 1px #dddde4;
		  padding-bottom: 10px;
		}
		#sub_contents .p-sub-content__text {
		  margin-top: 16px;
		  line-height: 25px;
		}
		#sub_contents .p-sub-content-list li {
		  margin-top: 22px;
		}
		#sub_contents .p-sub-content-list:last-child li:first-child {
		  margin-top: 0px;
		}
		#sub_contents .p-sub-content-list__title {
		  display: flex;
		  align-items: baseline;
		  margin-bottom: 3px;
		}
		#sub_contents .p-sub-content-list__title span {
		  font-family: 'Crimson', serif;
		  font-style: italic;
		  font-size: 19px;
		  margin-right: 5px;
		}
		#sub_contents .p-sub-content-list__title p {
		  font-weight: 600;
		}
		#sub_contents .p-sub-content-list__text {
		  line-height: 26px;
		  letter-spacing: 0.06em;
		}
		#sub_contents .p-sub-content-list__text02 {
		  margin-top: 8px;
		}
		#sub_contents .p-sub-content-list__note {
		  margin-top: 21px;
		  padding: 22px;
		  background-color: #ededed;
		  line-height: 25px;
		  margin-bottom: 27px;
		  letter-spacing: 0.001em;
		}
		#sub_contents .p-sub-content-list__note span {
		  font-weight: 600;
		  display: block;
		  margin-bottom: 4px;
		}
		#sub_contents .p-sub-content-signature {
		  text-align: right;
		  line-height: 26px;
		  margin-top: 26px;
		}
		#sub_contents .p-sub-content a {
		  color: #222426;
		  text-decoration: none;
		}
		#sub_contents .p-sub-content__logo {
		  margin-top: 20px;
		  display: flex;
		  justify-content: space-between;
		  align-items: flex-end;
		}
		#sub_contents .p-sub-content__logo img {
		  width: 70px;
		  height: 72px;
		}
	  }
	
	
	
	/* Content */
	#main-top {
		width:100%;
		height:70vh;
		position:relative;
		padding:0 50px;
		box-sizing:border-box;
	}
	#main-top .image{
		position:absolute;
		top:0;
		right:50px;
		width:80%;
		height:100%;
		background:url(../img/top.jpg) no-repeat center;
		background-size:cover;
	}
	#main-top .main-text{
		background:#fff;
		padding:70px;
		position:absolute;
		left: calc(20% - 50px);
		left: -webkit-calc(20% - 50px);
		top:50%;
		transform:translate(-50%,-50%);
		z-index:5;
		text-align:center;
	}
	#main-top .main-text h2{
		font-family: 'Abel', sans-serif;
		font-size:2.1em;
		letter-spacing:0.4em;
		margin-left:0.4em;
	}
	#main-top .main-text h3{
		color:#777;
		font-weight:normal;
	}
	
	#contents{
		width:100%;
	}
	#cnt-copy1{
		width:100%;
		/* background: linear-gradient(to top,#dee2e2 50%, rgba(247, 246, 244, 1) 50%); */
		position:relative;
		padding-top: 30px;
	}
	#cnt-copy1 .text-box{
		max-width:1280px;
		margin: 0px auto 0;
		box-sizing:border-box;
		background: #fee;
		padding: 30px 30px 0;
	}
	#cnt-copy1 .text-box h2{
		font-size: 1.8em;
		color: #fefefe;
		opacity: 1;
		font-weight:normal;
		font-weight: 600;
		line-height: 1.3em;
		/*  background: linear-gradient(transparent 70%, #a7d6ff 70%); */
		background: #067f4e;
		position: relative;
		color: white;
		background: #7d4736;
		line-height: 1.4;
		padding: 0.5em 0.5em 0.5em 0.5em;
	}
	
	
	
	#cnt-copy1 .text-box h2:before{font-family: "FontAwesome";/* content: "\f140"; */font-weight: 500;position: absolute;left : 0.5em; /*左端からのアイコンまでの距離*//* font-family: 'themify'; *//* content: "\e642"; */line-height: 1.4;top: 20px;}
	
	
	
	
	
	
	#cnt-copy1 .text-box h2 span{
	/*  background: linear-gradient(transparent 70%, #ffd5d7 70%); */
	 font-weight: 600;
	}
	
	
	#cnt-copy1 .text-box h2 span{
	  /* position: relative; */
	  /* line-height: 1.4; */
	  /* padding: 0.25em 0.4em; */
	  /* display: inline-block; */
	  /* top:0; */
	  letter-spacing: 0.25em;
	}
	
	#cnt-copy1 .text-box h2 span:before, #cnt-copy1 .text-box h2 span:after { 
	  position: absolute;
	  top: 0;
	  content:'';
	  width: 8px;
	  height: 100%;
	  display: inline-block;
	}
	#cnt-copy1 .text-box h2 span:before {
	  /* border-left: solid 1px black; */
	  /* border-top: solid 1px black; */
	  /* border-bottom: solid 1px black; */
	  /* left: 0; */
	}
	#cnt-copy1 .text-box h2 span:after {
	  /* content: ''; */
	  /* border-top: solid 1px black; */
	  /* border-right: solid 1px black; */
	  /* border-bottom: solid 1px black; */
	  /* right: 0; */
	}
	
	
	
	#cnt-copy1 .text-box h3{
		font-size: 1.6em;
		opacity: 1;
		font-weight:normal;
		font-weight: 600;
		line-height: 2.5em;
	}
	
	#cnt-copy1 .text-box h3.pickup{
		line-height: 2.5em;
		text-align:center
	}
	
	
	#cnt-copy1 .text-box p{/* 	margin-top: 40px; */font-size: 17px;padding: 5px;line-height: 2;}
	#cnt-item-box{
		/* background:#dee2e2; */
		/* display: grid; */
		padding: 0px 0 0px;
	}
	
	#cnt-item-box:last-child{
		padding: 0px 0 50px;
	}
	
	
	
	#cnt-item-box .cnt-item{
		max-width:1280px;
		width:100%;
		/* min-height: 500px; */
		margin: 100px auto 0;
		margin-top: 0;
		padding: 0 50px 10px;
		box-sizing:border-box;
		background: #fee;
		display:flex;
		position:relative;
	}
	#cnt-item-box .cnt-item .text-box{
		width:45%;
		order: 2;
		box-sizing:border-box;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		top:50%;
		transform:translate(0,-50%);
		position:relative;
		
	}
	#cnt-item-box .cnt-item .text-box h2{
		font-family: 'Abel', sans-serif;
		color: #333;
		opacity: 0.9;
		font-weight: 700;
		line-height: 1.3em;
		box-sizing: border-box;
		font-size:2em;
		letter-spacing: 0.1em;
	}
	#cnt-item-box .cnt-item .text-box h3{
		font-size:0.8em;
		letter-spacing:0.3em;
		font-weight:normal;
		color:#777;
	}
	#cnt-item-box .cnt-item .text-box p{
		margin-top:30px;
	}
	
	#cnt-item-box .cnt-item2{
		max-width:1280px;
		width:100%;
		margin:50px auto 0;
		padding:50px;
		box-sizing:border-box;
		background:#fff;
		display:flex;
		position:relative;
		width: -webkit-calc(100% - 200px);
	}
	
	
	
	
	p.link a{
		position:relative;
		letter-spacing: .2em;
		padding: 15px 0;
		text-align: center;
		display: inline-block;
		font-size:1em;
		-webkit-transition: all ease 0.4s;
		-moz-transition: all ease 0.4s;
		-o-transition: all ease 0.4s;
		-ms-transition: all ease 0.4s;
		transition: all ease 0.4s;
		overflow:hidden;
	}
	p.link a:after{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		height:1px;
		background:#90596a;
		width:100%;
		display:block;
		transition: width .4s cubic-bezier(.25,.1,.25,1);
	}
	p.link a svg.icn_new_window{
		display:inline-block;
		width:10px;
		height:10px;
		margin-left:10px;
		fill:#333;
		transition: all ease 0.4s;
	}
	p.link a:hover{
		color:#777;
	}
	p.link a:hover:after{
		width:0;
		left:100%;
		transition:all .4s cubic-bezier(.25,.1,.25,1);
	}
	#cnt-item-box .cnt-item .image-box{
		width:55%;
		padding-right:70px;
		box-sizing:border-box;
		order: 1;
	}
	#cnt-item-box .cnt-item .con_01 .image{
		width:100%;
		height:100%;
		background: url(../images/01_1.jpg) no-repeat top;
		background-size:cover;
	}
	#cnt-item-box .cnt-item .con_02 .image{
		width:100%;
		height:100%;
		background:url(../images/02_1.jpg) no-repeat top;
		background-size:cover;
	}
	
	#cnt-item-box .cnt-item .con_03 .image{
		width:100%;
		height:100%;
		background:url(../images/03_1.jpg) no-repeat top;
		background-size:cover;
	}
	
	#cnt-item-box .cnt-item .con_04 .image{
		width:100%;
		height:100%;
		background:url(../images/04_1.jpg) no-repeat top;
		background-size:cover;
	}
	
	#cnt-item-box .cnt-item .con_05 .image{
		width:100%;
		height:100%;
		background:url(../images/05_1.jpg) no-repeat top;
		background-size:cover;
	}
	
	#cnt-item-box .cnt-item .con_06 .image{
		width:100%;
		height:100%;
		background:url(../images/06_1.jpg) no-repeat top;
		background-size:cover;
	}
	
	#cnt-item-box .cnt-item .con_07 .image{
		width:100%;
		height:100%;
		background:url(../images/07_1.jpg) no-repeat top;
		background-size:cover;
	}
	
	
	
	.pickup h3{text-align:center}
	
	
	
	
	
	
	@media screen and (max-width: 1580px) , (max-device-width : 1580px) {
		#cnt-copy1 .text-box,
		#cnt-item-box .cnt-item{
			width: calc(100% - 200px);
			width: -webkit-calc(100% - 200px);
		}
	}
	@media screen and (max-width: 1380px) , (max-device-width : 1380px) {
		#cnt-copy1 .text-box {
			/* width: calc(100% - 100px); */
			/* width: -webkit-calc(100% - 100px); */
		}
	}
	@media screen and (max-width: 1280px) , (max-device-width : 1280px) {
		#main-top .image{
			width: 70%;
		}
		#main-top .main-text{
			left: calc(30% - 50px);
			left: -webkit-calc(30% - 50px);
		}
	}
	@media screen and (max-width: 1100px) , (max-device-width : 1100px) {
		#main-top .image{
			width: 80%;
		}
		#main-top .main-text{
			left: 0;
			transform:translate(0%,-50%);
		}
	}
	@media screen and (max-width: 1000px) , (max-device-width : 1000px) {
		#cnt-copy1 .text-box p br{
			display:none;
		}
	}
	@media screen and (max-width: 920px) , (max-device-width : 920px) {
		#cnt-item-box .cnt-item{
			display:block;
			height:auto;
		}
		#cnt-item-box .cnt-item .text-box{
			width:100%;
		}
		#cnt-item-box .cnt-item .text-box .text-box-in{
			top:0;
			padding: 0 20px;
			transform: translate(0,0);
		}
		#cnt-item-box .cnt-item .image-box{
			width:100%;
			height:400px;
			padding:0;
			margin-top:30px;
		}
	}
	@media screen and (max-width: 800px) , (max-device-width : 800px) {
		#main-top .image{
			width:calc(100% - 100px);
			width:-webkit-calc(100% - 100px);
		}
		#main-top .main-text{
			padding: 70px;
		}
		#cnt-copy1 .text-box{
			padding:80px;
		}
		#cnt-copy1 .text-box h2{
			font-size:2em;
		}
		#cnt-item-box .cnt-item .image-box{
			height:350px;
		}
	}
	@media screen and (max-width: 700px) , (max-device-width : 700px) {
		#main-top .main-text{
			padding: 50px;
		}
		#cnt-copy1 .text-box,
		#cnt-item-box .cnt-item{
			width: calc(100% - 200px);
			width: -webkit-calc(100% - 200px);
		}
		#cnt-copy1 .text-box h2{
			font-size:1.7em;
			font-weight: 700;
		}
		#cnt-copy1 .text-box p{
			margin-top:30px;
		}
		#cnt-item-box .cnt-item .image-box{
			height:300px;
		}
	}
	@media screen and (max-width: 600px) , (max-device-width : 600px) {
		#main-top{
			height:100%;
			padding:0 10px;
		}
		#main-top .image{
			width: 100%;
			right: 0;
			height:370px;
			position: relative;
		}
		#main-top .main-text{
			top: 0;
			transform: translate(0%);
			position: relative;
			padding: 40px;
			background: #eaeaea;
		}
		#main-top .main-text h2{
			font-size: 1.7em;
		}
		#main-top .main-text h3{
			font-size:0.8em;
		}
		#cnt-copy1{
			margin: 40px auto 0;
		}
		#cnt-item-box{
			padding: 10px 0 40px;
			width:100%;
			box-sizing:border-box;
		}
		#cnt-copy1 .text-box,
		#cnt-item-box .cnt-item,
		#cnt-item-box .cnt-item2
		{
			padding: 10px 20px;
			box-sizing:border-box;
			margin: 0px auto 0;
			width: calc(100% - 40px);
			width: -webkit-calc(100% - 20px);
		}
		#cnt-item-box .cnt-item,
		#cnt-item-box .cnt-item2{
			margin: 0px auto 0;
			z-index: 1;
		}
		#cnt-copy1 .text-box h2{
			font-size:1.5em;
		}
		#cnt-item-box .cnt-item .text-box .text-box-in{
			padding:0;
		}
		#cnt-item-box .cnt-item .text-box h2{
			font-size:1.4em;
		}
		#cnt-item-box .cnt-item .text-box h3,
		#cnt-item-box .cnt-item .text-box p{
			text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
		}
		#cnt-item-box .cnt-item .image-box {
			height: 250px;
		}
		p.link a{
			letter-spacing:0;
		}
		
	}
	@media screen and (max-width: 400px) , (max-device-width : 400px) {
		.link-style a{
			font-size:.8em;
			padding:20px;
		}
	}
	
	
	
	/* 
	
	.voice {
		width: 100%;
		margin: 0 auto;
		/* text-align: center; */
		padding-top:30px;
	}
	.voice p{
		font-size:16px;
		padding-top:30px;
	}
	
	.voice_title{
	  position: relative;
	  color: white;
	  background: #4c4948;
	  line-height: 2;
	  font-size: 22px;
	  padding-left: 40px;
	  margin-bottom: 20px;
	  text-align: left;
	} */
	
	
	
	.box_voice {
		margin: 2em 0;
		background: #fefefe;
		/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); */
		border: 1px solid #ddd;
		padding:1%;
	}
	.box_voice .box-title {
		/* font-size: 16px; */
		/* background: #dddde4; */
		/* padding: 4px; */
		/* text-align: right; */
		/* color: #000; */
		/* font-weight: 400; */
		/* letter-spacing: 0.05em; */
		/* border-bottom: 1px dashed #ddd; */
	}
	.box_voice p {
		/* padding: 15px 20px; */
		/* margin: 0; */
	}
	
	

.txt_l{text-align:left}
.txt_c{text-align:center}
.txt_r{text-align:right}

@media ( min-width : 800px ){
	.kinchanbox {
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
	  max-width: 1200px;
	  justify-content: center;
	  align-items: center;
	  /* margin-bottom: 100px; */
	  }

	.kinchanbox .item0 {
	  width: 98%;
	  padding: 1%;
	  vertical-align: middle;
	}
	
	
	.kinchanbox .item1 {
	  width: 20%;
	  padding: 1%;
	  vertical-align: middle;
	  flex: 0 0 20%;
	}
	.kinchanbox .item2 {
		width: 76%;
		padding: 2%;
		vertical-align: middle;
		background: #fff;
		flex: 0 0 74%;
	}
	
	.kinchanbox .item2 p{
		line-height:2;
		margin-bottom: 0;
		font-size: 16px;
		}
	
	.line-b-gray_01 {
		border-bottom: 1px solid #a7a19f;
	}
	


	
}
	
 .kinchanbox .item1 img{width:100%;max-width: 250px;}

	.naiyo{width:100%;max-width:500px;margin: 10px auto;background:#f7f7f7;padding:5px}
	.naiyo .wrap{width:90%;margin:0 auto;}

.bookPresent {
  position: relative;
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 2px #c11920;
  border-radius: 3px;
  /* width: 45%; */
}
@media screen and (max-width: 500px) {
	.bookPresent {
	  width: 90%;
	}
}

 .bookPresent {
	position: relative;
	border-radius: 0px;
   }
.bookPresent .book-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 18px;
	background: #FFF;
	color: #137b3b;
	font-weight: bold;
}
.bookPresent h2 {
	font-size:20px;
}

.bookPresent p {
	padding:15PX  5px;
	font-weight: 400;
	text-align:left;
   }
.bookPresent p.title {font-size: 18px;}


.bookPresent p.tx_02 {font-size: 18px;font-weight:600}
.bookPresent p.tx_02 span {color:#a40019;font-size: 18px;font-weight:600}
.bookPresent ul {font-size: 16px;background: #fff;padding: 10px;border-radius: 1em;}
.bookPresent p.tx_03 {font-size: 16px;font-weight: 400;line-height: 1.6;}
.bookPresent img{
	/* padding: 3%; */
}
.book-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 18px;
	background: #FFF;
	color: #137b3b;
	font-weight: bold;
}
.bookPresent h2 {
	font-size:20px;
}

.bookPresent p {
	/* margin: 0; */
	padding: 5px;
	/* color: #075fad; */
	font-weight: 400;
	text-align:
	left;
	/* border-bottom: 1px solid #eee; */
	}



.bookPresent img{
	/* padding: 3%; */
}