@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

html{
	/*overflow-y: scroll;
	overflow-x: hidden!important;*/
}

html,body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*overflow: hidden!important;*/
}

textarea,input{ max-width: 95%; }

input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{ max-width: none; }


/*●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

a{
	color: #39f;
	/*-webkit-tap-highlight-color: #fc6;*/
}


/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/

#container{
	padding-top: 0;
	padding-bottom: 0;
}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{
	position: relative;
	top: 0;
	height: auto;
	font-size: 1.2em;
}

#top-menu{
	float: none;
}

#top-menu li{
	text-align: left;
	display: block;
}


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

/*●ヘッダの回り込み解除*/
/*#header #header-title,
#header-in #header-text{
	float: none;
	width: 100%;
	}*/

	#header .header-logo{ font-size: 2em; }


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{ border-bottom: 0; }

#global-nav dt{
	padding-left: 2.5em!important;
	background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #333;
	color: #fff;
}

#global-nav #global-nav-in .menu-wrap{ display:none; }

#global-nav #global-nav-in #menu{ margin-bottom: 0; }

#global-nav #global-nav-in #menu,
#global-nav #global-nav-in #menu li{
	width: 100%;
	border: 0;
}

#global-nav #menu li.first{ border-left: 0; }

#global-nav #global-nav-in #menu li{
	border-bottom: 1px solid #fff;
	background-color: #eaeaea;
	white-space: normal;
}

#global-nav #global-nav-in #menu li.first{ border-left: 0; }

#global-nav #global-nav-in #menu ul{
	position: static;
	width: auto;
	padding-left: 10%;
}

#global-nav #global-nav-in #menu ul li{ width: 100%; }

#global-nav #global-nav-in #menu ul li:last-child{ border-bottom: 0; }

/*メニューのデザイン*/
#global-nav #global-nav-in #menu li a:link,
#global-nav #global-nav-in #menu li a:visited,
#global-nav #global-nav-in #menu li a:hover,
#global-nav #global-nav-in #menu li a:active{ background: url(./images/icon/icon-arrow04.png) 1em 1em no-repeat #eaeaea; }

#global-nav #global-nav-in #menu ul li a{ width: auto; }

#global-nav .btn-gnav{
	display:block;
	padding: 1em;
	cursor: pointer;
}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-image .catch-copy{ font-size: 1.4em; }


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

/*●最新情報の回り込みを解除*/
#main-contents dl.news dt,
#main-contents dl.news dd.cat,
#main-contents dl.dl-style01 dt{ float: none; }

#main-contents dl.news dt{ margin-bottom: 0.4em; }

#main-contents dl.news dt,
#main-contents dl.dl-style01 dt{
	padding-right: 1em;
	padding-left: 1em;
}

#main-contents dl.news dd.cat{
	display: inline-block;
	width: auto;
	margin: 0 1em 0.5em;
	padding: 0.3em 1em;
}

#main-contents dl.news dd,
#main-contents dl.dl-style01 dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 1em;
}

/*●Tableをブロック表示に*/
#main-contents .table-style01,
#main-contents .table-style01 thead,
#main-contents .table-style01 tbody,
#main-contents .table-style01 tfoot,
#main-contents .table-style01 tr,
#main-contents .table-style01 th,
#main-contents .table-style01 td{ display: block; }

#main-contents .table-style01 th,
#main-contents .table-style01 td{
	float: left;
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
}

#main-contents .table-style01{ /zoom : 1; }
#main-contents .table-style01:after{ content : ''; display : block; clear : both; height:0; }

.box-wrap .box-l,
.box-wrap .box-r{
	float: none;
	width: 100%;
}


/*Youtube動画*/
#main-contents .v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

#main-contents .v-wrap iframe,
#main-contents .v-wrap object,
#main-contents .v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main-inner {
	width: 90%;
	margin: auto;
}

.sp-slide p {
	font-size: 7vw;
	font-weight: bold;
	top: 33%;
}

.sp-slide span {
	font-size: 3vw;
	font-weight: normal;
}

#main-image img {
	bottom: 0px;
}

.sp-slidebt p {
	font-size: 3vw;
	font-weight: bold;
	top: 43%;
}
.sl-box.sp-slidebt.thup p {
	top: 39%;
}

/*.bx-wrapper .bx-pager {
	padding-bottom: 10%;
}*/

.bxslider li {
	height: auto!important;
}


.contactlead {
	font-size: 2.8vw!important;
}
.contactstep {
	font-size: 3vw!important;
}

.contactstep span {
	font-size: 3.2vw!important;
	margin-left: 11px;
	bottom: 1px;
	margin-left: 3px;

}
span.text {
    margin: 0 2%;
    font-size: 3vw;
}

.contactname {
	font-size: 2vw!important;
	right: 10%;
	top: 48%;
}

.contacttable th,.contacttable td {
	display: block;
	width: 100%;
}

.contacttable td input,.contacttable td textarea {
	border: 1px solid  #cfcfcf;
}

.checker {
	width: 100%;
	display: block;
}



.checker label{
    font-size: 2.8vw;
}

.sp_checker {
	display: none;
}

.contactprivacy a {
	font-size: 2.8vw;
}

.submit input {
	font-size: 3vw;
}

.first_arrow {
	width: 60%;
	display: block;
}

.contact_aroow {
	/*width: 60%;
	display: block;
	margin-bottom: 4%;*/
	width: 32%;
    display: inline-block;
    margin-bottom: 4%;
    margin-right: 1%;
}
.contactstep {
    position: absolute;
    top: -4%;
    font-size: 12px!important;
    vertical-align: middle;
    left: 4%;
}

.contacttable th span {
	font-size: 2.8vw;
}

.contacttable th {
	font-size: 3.8vw;
}

.table_choice {
	font-size: 3vw!important;
}

.contacttable th span,.place span {
	margin-right: 2%;
}

.place span {
	font-size: 2.6vw;
}

.place {
	font-size: 2.8vw!important;
}

.question {
    content: "";
    background: url(./images/arrow_down.png) no-repeat 98%;
    background-position: 98% 87%;
}


.bx-wrapper .bx-viewport {
	background: transparent!important;
}

.question {background-position: 98% 87%;}

.question.sp-acrd {
	margin: 0!important;
	background-image: none!important;
}
.question.sp-acrd::before {
	content: "";
}
.question.sp-acrd.qaactive {
	color: #fff;
	background: #607D8B!important;
}
.child.answer {
	margin-left: 0!important;
	padding: 0!important;
}
.checker span {
	width: 49%!important;
}
a.top_postarea:hover, a.top_postarea:active {
	color: #000;
}
	#breadcrumbs{
		padding: 20px 5%;
    	box-sizing: border-box;
    }
    .post {
    	width: 90%!important;
    	margin:0 auto;
    }
    .fo16 {
    	font-size: 16px!important;
    }
#philosophy {
    background-position: 9vw 43%!important;
}
#work {
	background-position: 9vw 50%!important;
}
#about {
    background-position: 9vw 53%!important;
}
#simuration {
    background-position: 9vw 37%!important;
}
#consluting,#voice,#news {
    background-position: 9vw 35%!important;
}
.pc-rodo-back {
    background-position: 33vw 40%!important;
    background-size: 20em!important;
}
#column {
		background-position: 9vw 52%!important;
	}
#corporate {
    background-position: 9vw 50%!important;
}
#privacy {
	background-position: 9vw 42%!important;
}
.voicetext-wit {
		width: 100%!important;
	}
.voice_sp-mg {
	margin-bottom: 5%!important;
}
.voice_sp-mg:last-child {
	margin-bottom: 0!important;
}
@media screen and (max-width: 600px) {
	.bottom-slide_box_sp .bx-wrapper .bx-viewport {
		height: 300px!important;
	}
}
@media screen and (max-width: 540px) {
	.question {background-position: 99% 80%;}
	.checker input {
		width: 6%;
		margin-right: 0;
	}
	.bottom-slide_box_sp
	/*.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		bottom: 16%!important;
	}*/
	/*.mw_wp_form .horizontal-item + .horizontal-item{
		margin-left: 2%!important;
	}
	.mw_wp_form .horizontal-item + .horizontal-item:nth-child(4),.mw_wp_form .horizontal-item + .horizontal-item:nth-child(7){
		margin-left: 0!important;
	}*/
	#simuration {
   		background-position: 100% 38%!important;
	}
}
@media screen and (max-width: 500px) {
.bottom-slide_box_sp > .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 30%!important;
	}

	.bottom-slide_box_sp .bx-wrapper .bx-viewport {
		height: 400px!important;
	}
}

@media screen and (max-width: 480px) {
	.header-logo span {
		font-size: 3.8vw;
        top: 4px;
	}
	.contact_aroow {
		width: 31%;
	}
	#main-contents p {
		font-size: 15px;
	}
	.fo16 {
    	font-size: 16px!important;
    }
}

@media screen and (max-width: 440px) {
.bottom-slide_box_sp > .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 40%!important;
	}
	#main-contents p{
		font-size: 15px;
	}
	.fo16 {
    	font-size: 16px!important;
    }
    #consluting {
    	background-position: 9vw 43%!important;
	}
	#voice {
    	background-position: 9vw 43%!important;
	}
	#news{
		background-position: 9vw 42%!important;
	}
}
@media screen and (max-width: 400px) {
	.contacttable td input{
	    width: 6%;
	}
	#simuration {
    background-position: 9vw 43%!important;
	}
	.pc-rodo-back {
    background-position: 33vw 45%!important;
    background-size: 20em!important;
}
}
@media screen and (max-width: 380px) {
	div.bx-viewport {
		/*height: 260px!important;*/
	}
	.bx-wrapper .bx-viewport {
		/*overflow: inherit!important;*/
		}
	.header-logo span {
		font-size: 3.8vw;
        top: 7px;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    	position: absolute;
    	bottom: 3px!important;
    	width: 100%;
	}
	.bottom-slide_box_sp > .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    	bottom: 15%!important;
	}
	.question {
		background-position: 99% 87%;
	}
	#main-contents h2 {
		font-size: 18px!important;
	}
	.contacttable td input {
    	width: 9%;
	}
	.checker label {
    	font-size: 3.4vw;
	}
	.mw_wp_form .error {
		font-size: 70%!important;
	}
	.bx-viewport#main-image img {
		height: 250px!important;
	}
	.contact_aroow_box img{
		height: 3em!important;
	}

	.bottom-slide_box_sp .bx-wrapper .bx-viewport {
		height: 258px!important;
	}
	#main-contents p {
    font-size: 12px;
}
.fo16 {
    	font-size: 16px!important;
    }
    .eng span {
    	padding-top: 0!important;
    	bottom: 2px;
    }
}

@media screen and (max-width: 340px) {
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
   /* bottom: 10%!important;*/
	}
.bottom-slide_box_sp > .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    	bottom: 20%!important;
	}
	.bottom-slide_box_sp .bx-wrapper .bx-viewport {
		height: 272px!important;
	}
}
@media screen and (max-width: 320px) {
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    /*bottom: 20px!important;*/
}
.bottom-slide_box_sp .bx-wrapper .bx-viewport {
	height: 252px!important;
}
div.bx-viewport {
    /*height: 218px!important;*/
}
body {
	/*overflow: hidden!important;*/
}
}






/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

/*折り畳み*/
/*#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
	display: block;
	margin-bottom: 1em;
	padding: 1em;
	padding-left: 2.5em!important;
	background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #333;
	color: #fff;
	cursor: pointer;
}

.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }

.sub-column .showSubConts,
.sub-column .showSidebar{
	display: block!important;
	}*/

	/*#sub-contents .sub-contents-btn{
		display: block;
		margin-bottom: 1em;
		padding: 1em;
		padding-left: 2.5em!important;
		background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #666;
		color: #fff;
		cursor: pointer;
	}*/


	.sub-column #sub-contents-in{ display: none; }

	.sub-column .showSubConts{
		display: block!important;
	}

	.col1 .sub-column .ranking .item-img,
	.col2 #sub-contents .ranking .item-img,
	.col2r #sub-contents .ranking .item-img,
	.col1 .sub-column .profile-img,
	.col2 #sub-contents .profile-img,
	.col2r #sub-contents .profile-img{
		float: none;
		padding-right: 0;
	}

	.col1 .sub-column .banner li,
	.col2 #sub-contents .banner li,
	.col2r #sub-contents .banner li{
		display: block;
		margin-right: 0;
	}

	.sub-column dl.search-box{ width: 100%; }

	.sub-column dl.search-box dt{
		margin-right: 0;
		margin-bottom: 0.4em;;
		width: 100%;
	}

	.sub-column dl.search-box dt,
	.sub-column dl.search-box dd{ float: none; }
	.col2 #sidebar{
		display: none;
	}


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

#footer .footer-menu ul{
	float: none;
	width: 100%;
}

#footer .area01,
#footer .area02{
	float: none;
	width: 100%;
	margin-bottom: 2em;
}

.copyright{ padding-bottom: 40px; }

.copyright span{ display: block; }


/*------------------------------------------------------------
WordPress用
-------------------------------------------------------------*/

#main-contents .sb{
	text-align: left;
}

img.alignleft,
img.alignright{
	float: none;
	display: block;
	padding: 0;
	margin: auto;
}

.wp-caption{
	max-width: 100%;
}

/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/
.bottom-slide_box_sp .bx-viewport {
	height: 410px!important;
}

.page-top{
	right: 0;
	bottom: 0;
	width: auto;
	text-align: right;
}

.page-top a{
	display: block;
	border: 0;
	border-top: 1px solid #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 10px;
}

.page-top a:link,
.page-top a:visited,
.page-top a:hover,
.page-top a:active{
	/*background: url(./images/common/bg-pagetop.gif) 14px center no-repeat #999;
	color: #fff;*/
	border: 0;
}

.page-top:not(\*|*){ position: static; }/* Opera9以下 */

/*--------------------------------------------------------*/

.pc{
	display: none !important;
}

.sp{
	display: block !important;
}

.header-logo .pc{
	display: none !important;
}


#header-in {
	padding: 1em 0 1em;
}

.menu_sp{
	width: 34px;
	float: right;
}

#header-in #header-text {
	float: right;
	width: 20%;
	color: #333;
}

#header #header-title {
	float: left;
	width: 80%;
}
.header-logo span {
	font-size: 3.8vw;
    position: relative;
}

.drawer-toggle{
	background: none;
	border: none;
	padding: 0;
}

.drawer-menu .logo{
	background: #3F51B5;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.drawer-menu .logo img{
	width: 150px;
}

.drawer-menu li{
	border-bottom: 1px solid #ECEFF1;
}

.drawer-menu li a{
	display: block;
	padding: 10px;
	font-size: 14px;
	color: #333;
}

.drawer-menu .pare p{
	padding: 10px;
	font-size: 14px;
	background: #607D8B;
	color: #fff;
	font-weight: bold;
}

.drawer-menu .pare{
	border-bottom: none;
}

.news_area {
	width: 100%;
	margin-bottom: 40px;
	float: none;
	border: none;
	padding: 0;
}

.column_area {
	width: 100%;
	float: none;
	border: none;
	padding: 0;
}

.news_area .date {
	float: none;
	width: 100%;
}

.news_area .title {
	float: none;
	width: 100%;
}

.column_area .date {
	float: none;
	width: 100%;
}

.column_area .title {
	float: none;
	width: 100%;
}

#main-contents h2 {
	font-size: 20px;
}

#main-contents .m80-b{
	margin-bottom: 50px !important;
}

.promise .three_one p {
	font-weight: bold;
	font-size: 18px;
}

.news_area .eng{
	border-bottom: 2px solid #3F51B5;
}

.column_area .eng{
	border-bottom: 2px solid #3F51B5;
}

.eng span {
	float: right;
	padding-top: 3px;
}
.bx-pager .bx-default-pager {
	bottom: 6px!important;
}

.three_one {
	width: 100%;
	margin-right: 0;
	float: none;
	margin-bottom: 50px;
}

.promise_title{
	display: inline-block !important;
	padding: 5px 10px;
	color: #fff;
	background: #3F51B5;
	margin-bottom: 20px;
}

.two_one {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
}

.two_one:nth-child(2n) {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.aqua_btn_b {
	background: #2196F3;
	text-align: center;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	display: inline-block;
	width: 100%;
}

.aqua_btn_b a {
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	display: block;
	font-size: 14px;
}

.aqua_btn_b i {
	vertical-align: bottom;
	font-size: 20px;
	margin-right: 5px;
}

.blue_btn_b {
	background: #3F51B5;
	text-align: center;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	display: inline-block;
	width: 100%;
}

.blue_btn_b a {
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	display: block;
	font-size: 14px;
}

.blue_btn_b i {
	vertical-align: bottom;
	font-size: 20px;
	margin-right: 5px;
}

#top_contact .m80-b{
	margin-bottom: 30px !important;
}

#top_contact .two_one{
	margin-bottom: 20px;
}

#footer{
	display: none;
}

#footer_sp{
	display: block;
}

#footer_sp .under_menu{
	background: #3F51B5;
	color: #fff;
	padding: 10px;
	font-size: 20px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
}

#footer_sp ul li{
	border-bottom: 1px solid #E0E0E0;
}

#footer_sp ul li a{
	display: block;
	padding: 20px 10px;
	font-weight: bold;
	position: relative;
	font-size: 14px;
	color: #263238;
}

#footer_sp ul li a:after{
	content: "";
	background: url(./images/under_menu_arrow.png) no-repeat right center;
	background-size: 10px;
	width: 10px;
	height: 17px;
	position: absolute;
	display: block;
	right: 10px;
	top: 21px;
}

#footer_sp .copyright{
	background: #3F51B5;
	color: #fff;
}

#main-contents .price_hyou thead td:last-child{
	width: 30%;
}

#main-contents .price_hyou2 thead td:last-child{
	width: 30%;
}

#main-contents .price_hyou tbody .price_area{
	font-size: 16px;
}

#main-contents .price_hyou2 tbody .price_area{
	font-size: 16px;
}

#main-contents .price_hyou thead td .f18px{
	font-size: 16px !important;
}

#main-contents .price_hyou thead td{
	padding: 10px;
}

#main-contents .price_hyou2 thead td .f18px{
	font-size: 16px !important;
}

#tabnavi li.right a{
	font-size: 14px;
}

#tabnavi li.left a{
	font-size: 14px;
}

.price_wrapp{
	padding: 40px 20px;
}

.price_wrapp .two_one{
	float: none;
}

.price_wrapp .two_one{
	margin-bottom: 20px;
}

.philo_main{
	padding: 20px;
}

.title_area{
	font-size: 3.7vw;
	margin-bottom: 30px;
}

.title_area .container_wrapp {
	font-size: 3.3vw;
}
#consluting {
	background-size: contain;
}

.overview {
	border: 0;
}

.overviewlist {
	width: 25%;
}

.contact_infolist {
	width: 19%;
}

.table-cell {
	display: block;
}

.profile_img {
	width: 90%;
	margin: auto;
	padding: 0 0 20px;
	text-align: center;
}

.formalities_content {
	display: block;
	padding-right: 0;
	width: 100%;
	margin-bottom: 20px;
}

.formalities_content:last-child {
	padding-left: 0;
	margin-bottom: 0;
}

#main-contents .workkind_box {
	margin-bottom: 30px;
}

.sitemap-list-left,
.sitemap-list-right {
	float: none;
	width: 100%;
}

/**/
.division-text {
	width: 100%;
	display: block;
	padding-left: 0;
}

.division-img {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

/*コラム*/

.blog_wrapp {
	padding-bottom: 20px;
	margin-bottom: 20px!important;
}

.column_box {
	width: 100%;
}

#main-contents .blog_wrapp h2 {
	margin-bottom: 10px;
}

.blog_wrapp .date {
	margin-bottom: 0px!important;
}

/*よくある質問*/
.division-img {
	padding-top: 1em;
}

.qaactive {
	background: url(./images/arrow_up.png) no-repeat 98%!important;
	background-size: 6%!important;
}

.question {
	background-size: 6%;
}
.qaactive {
	background-position: 99% 80%!important;
}

.answer {
	margin-left: 1em!important;
}

.answer-inner:before {
	font-size: 20px;
	margin-left: -.7em;
}

.thumbnail_img {
	width: 100%;
}

.post-title,
.post-meta,
.sb {
	/*padding: 0 10px!important;*/
}
/*#main-contents .contents {
	padding: 0;
}*/

.spbr {
	display: none;
}

#philosophy,
#simuration,
#consluting
#news,
#voice,
#work,
#column,
#corporate,
#about,
#case,
#privacy,
#sitemap,
#contact {
	background-size: 100%;
	background-position: center center;
}

.division-block:first-child,
.division-block:nth-child(2),
.division-block:nth-child(3),
.division-block:nth-child(4) {
	margin: 0 auto 30px;
}




/*----------------------------------------------------------------*/
}




@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */

/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/