@charset "utf-8";
/* CSS Document */

main p {
	font-size: 16px;
	margin: 0 0 15px;
	letter-spacing: 0.8px;
}
main p:last-child {
	margin: 0;
}
img {
	max-width: 100%;
}
.fl_l {
	float: left;
}
.fl_r {
	float: right;
}
.sp {
	display: none;
}
.tit_h4{
	font-size: 1.3em;
}
.bold{
	font-weight: bold;
}
.exag{
	font-size: 1.2em;
}
.line_yellow{
  position: relative;
  background: linear-gradient(transparent 60%, yellow 40%);
}
.mg20{
	margin: 20px 0;
}
.mt50{
	margin-top: 50px;
}
.topic_catch{
	width: 70%;
}
.text-align-right{
	text-align: right;
}


/* pages 
---------------------------------------------------------- */ 

/* policy
---------------------------------------------------------- */ 
#policy .case p{
	margin-bottom: 20px;
}
#policy .list_style{
	margin-top: 20px;
}
/* disclaimer
---------------------------------------------------------- */ 
#disclaimer .case {
	margin-bottom: 318px;
}
#disclaimer .case p{
	margin-bottom: 20px;
}
/* law
---------------------------------------------------------- */ 
dl {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	width: 948px;
}
dl:last-child{
	margin-bottom: 0;
}
dl dt, dl dd{
	padding: 15px 20px;
	overflow: hidden;
}
dl p{
	padding: 10px 0 0 60px;
}
dl dt {
	background-color: #fafafa;
	border-bottom: 1px solid #ddd;
}
dl dt .quest {
	border-radius: 7px;
	background-color: #ffbb70;
	color: #fff;
	font-size: 16px;
	padding: 6px 0;
	width: 36px;
	text-align: center;
	display: block;
	float: left;
}
dl dd {
	display: block;
	overflow: hidden;
}
dl dd .ans{
	border-radius: 7px;
	background-color: #ff9016;
	color: #fff;
	font-size: 16px;
	padding: 6px 0;
	display: block;
	width: 36px;
	text-align: center;
	float: left;
}
dl dd .right_pic{
	float: right;
}
dl dd .right_pic img {
	width: 314px;
}
dl dd .left_side {
	float: left;
}
dl dd .tit_topic{
	padding: 10px 0 0 60px;
}
/* contact
---------------------------------------------------------- */ 
.contact-tel {
	background:url(../img/common/tel.png) no-repeat 0 20%;
}
.contact-tel  a {
	padding-left:25px;
	display: block;
	color: #19305c;
	font-size: 24px;
	font-weight:bold;
	letter-spacing: 1px;
}
.table01{
	border: 2px solid #dbdbdb;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 20px;
	display: block;
	width: 946px;
	margin-top: 50px;
}
.table01 th{
	padding: 11px 8px 10px;
	font-size:100%;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #f4f4f4;
	letter-spacing:2px;
}
.table01 td{
	padding: 11px 10px;
	text-align: left;
	line-height:150%;
	font-size:100%;
	vertical-align: top;
	background-color: #ffffff;
	border-top: dotted 1px #e4e4e4;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
#contacts .case p {
	margin-bottom: 15px;
	padding-right: 10px;
}
#contacts span.required{ background-color:#bc0d0d; color:#FFF; padding:3px;border-radius:3px; font-size:90%; }
#contacts .reqtext{margin:0 5px 7px 0;}
#contacts dl{
	clear:both; 
	border: none;
	margin-bottom: 0;
	width: 100%;
}
#contacts dt {
	float:left;
	line-height:30px; 
	width:70px;
	margin:0px 0px 10px 0px; 
	padding: 0;
	border-bottom: none;
	background-color: transparent;
}
#contacts dd {
	float:left;
	margin:0px 0px 10px 0px; 
	padding: 0;
}
.select {
	padding: 5px; 
	border:solid 1px #ccc; 
	line-height:30px; 
	vertical-align:middle;
}
.form_190 {
	width:170px; 
	height:30px; 
	line-height:30px; 
	padding:0px 10px; 
	border:solid 1px #CCC; 
	margin-right:20px;
}
.form_320 {
	width:300px;
	height:30px;
	line-height:30px; 
	padding:0px 10px; 
	border:solid 1px #CCC;
}
.form_400 {
	width:380px; 
	height:30px; 
	line-height:30px; 
	padding:0px 10px; 
	border:solid 1px #CCC;
}
.form_500 {
	width:480px; 
	height:30px; 
	line-height:30px; 
	padding:0px 10px; 
	border:solid 1px #CCC;
}
.textarea {
	width:635px; 
	height:160px; 
	border:solid 1px #CCC; 
	padding:10px;
}
.box_form {
	width:260px; 
	height:56px; 
	background:#FFF3B5; 
	text-align:center; 
	line-height:56px;
	font-weight:bold;
}
.submit {
	margin:30px auto; 
	border:none;
	font-size: 20px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color: #48ccc4;
	border-radius: 8px;
	padding: 15px 80px;
	display: block;
	color: #fff;
	box-shadow: 0px 2px 0px rgba(41, 140, 134, 1);
	letter-spacing: 1px;
}
input[type="submit"], input[type="reset"], input[type="button"], button{
	cursor: pointer;
}
.box_960{
	padding:30px 0px 10px 0px; 
	width:960px; 
	margin:auto; 
	text-align:justify;
}
input#back,
input#send {
	color: #fff;
	border: 0;
	font-size: 20px;
	padding: 8px 30px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	border-radius: 8px;
	margin: 30px 10px 0;
}
input#back {
	border: 0;
	background: #989595;
	border-bottom: 2px solid #696767;
}
input#send {
	background-color: #48ccc4;
	border-bottom: 2px solid #298c86;
}
#contacts .case p.error_messe {
	color: #ff0000;
}
.formComplete .contents{
	min-height: 475px;
}

.formComplete .contents a{
	color: #333;
	text-decoration:underline;
}
/* sitemap
---------------------------------------------------------- */ 
#sitemap .case{
	width: 31.3%;
	float: left;
	margin-right: 2%;
}
#sitemap .case .tit_sec {
	background: url(../img/common/ico_arrow.png) left top 5px no-repeat;
	padding-left: 30px;
}
#sitemap .case .list_style01 a {
	color: #010101;
}
#sitemap .case .list_style01 a:hover {
	text-decoration: underline;
}
#sitemap a:hover {
	text-decoration: underline;
	color: #333333;
}
/* guide
---------------------------------------------------------- */ 
#application .pack {
	background: url(../img/guide/ico_arrowdown.png) bottom 10px center no-repeat;
	padding-bottom: 35px;
}
#application .pack:last-child {
	background: none;
	padding-bottom: 0;
}
#application .pack .item{
	padding: 20px;
	overflow: hidden;
	display: table;
	width: 910px;
	background: #f4f4f4;
}
#application .pack .desc {
	display: table-cell;
	vertical-align: middle;
	width: 575px;
}
#application .pack .desc .list_style01 {
	padding-bottom: 0;
}
#application .pack .desc .list_style01 li{
	margin-top: 18px;
}
#application .pack .desc .num {
	background-color: #2aaea6;
	padding: 3px 9px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}
#application .pack .desc .tit_topic {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}
#application .pack .desc p{
	padding-top: 18px;
}
#application .pack .photo {
	display: table-cell;
	vertical-align: middle;
}
#application .pack .photo img {
	width: 300px;
	float: right;
	border: 1px solid #ddd;
}
#guide .banner {
	margin: 30px 0 40px 0; 
}
#guide .banner img {
	width: 852px;
	margin: 0 auto;
}
#guide .list_style02 li .tit_topic {
	padding-top: 10px;
	font-weight: bold;
}
#guide .list_style02 li .red {
	color: #ff0000;
}
#appMethod .pack {
	margin: 0 0 30px;
}
#appMethod .pack:last-child {
	margin: 0;
}
#method .item {
	display: table;
	background: #fff;
	border: 1px solid #dddddd;
	width: 948px;
	margin: 0 0 10px;
}
#method .item:last-child {
	margin: 0;
}
#method .itemBox {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
}
#method .itemBox img {
	width: 430px;
}
#method .method01 .itemBox img {
	width: 132px;
}
#method .methodNum {
	background: #e6f2d8;
	width: 235px;
}
#method .methodNum .tit_topic {
	font-weight: bold;
	font-size: 16px;
}
#method .methodNum .tit_topic span {
	color: #548c12;
	font-size: 24px;
	padding: 0 15px 0 0;
	border-right: 1px solid #a1be80;
	margin: 0 15px 0 0;
}
/* message
---------------------------------------------------------- */
/*** mainVisual ***/
.page_message #mainVisual {
	height: 220px;
	background: url(../img/message/mvisual.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 0 20px;
}
.page_message #mainVisual .mvBox {
	position: absolute;
	right: 40px;
	bottom: 40px;
	text-align: right;
}
.page_message #mainVisual .mvBox br {
		display: none;
	}
.page_message .mvBox .tit_mv {
	font-size: 36px;
	color: #fff;
}
.page_product .list_style,.page_message .list_style {
	display: inline-block;
}
.page_product .list_style li,.page_message .list_style li {
	background: url(../img/common/ico_bullet.png) no-repeat left top 5px;
	background-size: 10px;
	padding: 0 0 0 16px;
	margin: 0 0 10px;
}
.page_product .list_style li:last-child,.page_message .list_style li:last-child {
	margin: 0;
}
.page_product .list_style li span,.page_message .list_style li span {
	font-size: 12px;
	display: block;
	margin: 0 0 15px;
	color: #666666;
}
.page_message .name {
	font-size: 18px;
	margin: 5px 0 10px;
}
.page_message .name span {
	font-weight: bold;
}
/* business
---------------------------------------------------------- */
/*** mainVisual ***/
.page_business #mainVisual {
	height: 220px;
	background: url(../img/business/mvisual.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 0 20px;
}
.page_business #mainVisual .mvBox {
	position: absolute;
	right: 40px;
	bottom: 40px;
	text-align: right;
}
.page_business #mainVisual .mvBox br {
		display: none;
	}
.page_business .mvBox .tit_mv {
	font-size: 36px;
	color: #fff;
}


#biz .case {
	padding: 0 0 30px;
	border-bottom: 1px solid #dddddd;
	margin: 0 0 30px;
}
#biz .case:last-child {margin: 0;}

#biz .pack {
	overflow: hidden;
	clear: both;
	width: 920px;
}
#biz .step5 .fl_l{
	height: 419px;
}
#biz .step5 .imgList img{
	height: 241px;
}
#biz .step6 .fl_l{
	height: 270px;
}
#biz .step7 .fl_l{
	height: 352px;
}
#biz .step7 .imgList img{
	height: 243px;
}
#biz .step9 .fl_l{
	height: 277px;
}
#biz .fl_l {
	width: 270px;
	margin: 0 0 0 25px;
	height: 200px;
}
#biz .boxShadow {
	margin: 4px 23px 4px 2px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.10);
	box-shadow: 0 0 4px rgba(0,0,0,0.10);
}
#biz .item {
	width: 625px;
	float: left;
}
#biz .item.lower {
	width: auto;
	float: none;
	clear: both;
	padding: 10px 0 0;
}
#biz .imgList {
	overflow: hidden;
	margin: 0 0 10px;
}
#biz .imgList li {
	float: left;
	width: 172px;
	margin: 4px 20px 4px 4px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.10);
	box-shadow: 0 0 4px rgba(0,0,0,0.10);
}
#biz .emp {
	border: 2px solid #fdc992;
	color: #d97a14;
	padding: 15px 20px;
	margin: 15px 0 0;
}

/* company
---------------------------------------------------------- */
/*** mainVisual ***/
.page_product #mainVisual {
	height: 220px;
	background: url(../img/company/mvisual.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 0 20px;
}
.page_product #mainVisual .mvBox {
	position: absolute;
	right: 40px;
	bottom: 40px;
	text-align: right;
}
.page_product .mvBox p {
	background: #fef9df;
	color: #7e5f31;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	padding: 8px 19px;
	margin: 0 0 8px;
}
.page_product #mainVisual .mvBox br {
		display: none;
	}
.page_product .mvBox .tit_mv {
	font-size: 36px;
	color: #fff;
}
/*** common ***/
section {
	margin: 0 0 45px;
}
.tb_product {
	width: 100%;
	border-spacing: 0;
	text-align: center;
}
.tb_product th {
	background: #fef9df;
	border-top: 1px solid #d2d2d2;
}
.tb_product th,
.tb_product td {
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	padding: 6px 0 5px;
}
.tb_product th:first-child,
.tb_product td:first-child {
	border-left: 1px solid #d2d2d2;
}
.page_product .tit_sub,.page_business .tit_sub {
	background-color: #003759;
	background-size: 26px;
	color: #fff;
	padding: 6px 15px 5px 24px;
	height: auto;
	border: 0;
}
.page_product .tit_sec {
	font-size: 20px;
	margin: 0 0 15px;
	background: url(../img/product/ico_tit_sec.jpg) no-repeat left top 5px;
	padding: 0 0 0 20px;
	color: #333333;
	font-weight: bold;
	border: 0;
}
.page_product main p {
	margin: 0 0 15px;
}
.page_product main p:last-child {
	margin: 0;
}

.page_product table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
.page_product table th,
.page_product table td {
	border: 1px solid #d2d2d2;
	vertical-align: middle;
	padding: 15px;
}
.page_product table th {
	background: #ececec;
}
.page_product table td {
	text-align:left;
}
.page_product table td a{
	color: #4169e1;
}
.page_product table td a:hover {
	color: #00bfff;
}
.page_product table tr:nth-child(11) td{
	line-height: 2em;
}
.page_product .tb_stlye01 th {
	width: 209px;
}
.page_product table .bnr_g a img{
	margin: 0 auto;
}
.page_product table .bnr_g{
	display: flex;
	flex-wrap: wrap;
}
.page_product table .bnr_g li{
	border: 1px #222222;
	width: 190px;
	margin:4px 15px;
}
.page_product table .bnr_g li a{
	display: block;
}
.page_product table td a:hover{
	transform: none;
    opacity: 0.6;
}
.page_product .sdgs th{
	width: 30%;
}
.page_product .sdgs td{
	width: 70%;
}
.page_product .sdgs th img{
	width: 65%;
	margin: 0 auto;
}


.page_product .sdgs thead th{
	background: #b1b0b0;
	color: #fff;
	font-size: 1.5em;
}
.newspoint{
	margin: 40px;
	background: #ebebeb;
    padding: 30px;
}
.newspoint li{
	font-size:1.7em;
	font-weight: bold;
    transform: skewX(-10deg);
}
.koushi_cont{
	margin: 40px 0;
}
.koushi_shoukai{
	display: flex;
    align-items: center;
}
.koushi_shoukai dt{
	background-color: #fff;
	    width: 80%!important;
}

/*** content ***/
#courseMenu ul {
	overflow: hidden;
	width: 956px;
}
#courseMenu ul li {
	float: left;
	margin: 0 6px 5px 0;
}
#courseMenu ul li a {
	color: #000000;
	display: block;
	border: 1px solid #d1d1d1;
	background: url(../img/product/ico_arrow_menu.png) no-repeat left 20px center #fbfbfb;
	background-size: 20px;
	padding: 13px 20px 12px 60px;
	width: 151px;
	font-size: 16px;
}
#concept .case {
	background: url(../img/product/bg_concept01.png) no-repeat right bottom;
	padding: 25px 237px 23px 0;
}
#concept .tit_sec {
	color: #d97a14;
	font-size: 20px;
	margin: 0 0 20px;
	padding: 0;
	background: none;
}
#recommend .case {
	background: url(../img/product/bg_recommend02.png) no-repeat left 30px top 35px, url(../img/product/bg_recommend01.jpg) no-repeat center;
	overflow: hidden;
	padding: 22px 20px;
}
#recommend .pack {
	float: right;
	padding: 23px 0 26px;
	background: url(../img/product/bg_flower01.png) no-repeat right 4px top, url(../img/product/bg_flower02.png) no-repeat left bottom;
}
#recommend ul {
	background: #fff;
	padding: 22px 20px 20px;
	width: 637px;
}
#recommend ul li {
	background: url(../img/product/ico_bullet.png) no-repeat left top 5px;
	background-size: 10px;
	padding: 0 0 0 16px;
	margin: 0 0 11px;
}
#recommend ul li:last-child {
	margin: 0;
}
#outline .case {
	background: #e3ede0;
	padding: 35px;
}
#outline .fl_l,
#outline .fl_r {
	width: 200px;
	height: 195px;
}
#outline .fl_r {
	margin: 0 0 0 15px;
}
#outline .fl_l {
	margin: 0 15px 0 0;
}
#outline .pack {
	margin: 0 0 25px;
	overflow: hidden;
}
#outline .pack:last-child {
	margin: 0;
}
#autonomic {
	background: #fff;
	padding: 20px;
}
#autonomic .fl_l {
	width: 250px;
	margin: 0 20px 0 0;
	height: 150px;
}
#autonomic .emp {
	color: #d97a14;
}
#fee .case {
	overflow: hidden;
	background: #fef9df;
	padding: 20px;
}
#fee .fl_l {
	width: 480px;
	height: 287px;
	margin: 0 35px 0 0;
}
#fee .pack {
	background: #fff;
	padding: 15px 30px 30px;
	float: left;
	width: 320px;
	margin: 70px 0 0;
}
#fee .pack p {
	margin: 0 0 12px;
}
#fee .pack p span {
	font-size: 26px;
	font-weight: bold;
}
#fee .pack a {
	display: block;
	background: url(../img/product/ico_cart.png) no-repeat left 12px center #ff7300;
	padding: 12px 10px 11px;
	text-align: center;
	background-size: 25px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.16);
	box-shadow: 0 0 3px rgba(0,0,0,0.16);
}
#steps .case {
	display: table;
	border: 1px solid #a5d5d2;
	width: 948px;
	padding: 0 20px 0 0;
	margin: 0 0 10px;
}
#steps .case:last-child {
	margin: 0;
}
#steps .case span.num,
#steps .case .pack,
#steps .case .imgBox {
	display: table-cell;
	vertical-align: middle;
}
#steps .case .imgBox {
	padding: 20px 0;
}
#steps .case .imgBox img {
	float: right;
	width: 197px;
}
#steps .case #step1 img{
	height: 232px;
}
#steps .case #step2 img{
	height: 184px;
}
#steps .case #step3 img{
	height: 233px;
}
#steps .case #step5 img{
	height: 176px;
}
#steps .case #step7 img{
	height: 167px;
}
#steps .case #step8 img, #steps .case #step9 img{
	height: 235px;
}
#steps .case #step10 img{
	height: 136px;
}
#steps .case span.num {
	font-size: 18px;
	font-weight: bold;
	color: #2aaea6;
	background: #fef9df;
	width: 120px;
	text-align: center;
}
#steps .pack {
	padding: 20px 30px 20px 20px;
	max-width: 510px;
}
#steps .case .lrgImg .pack {
	max-width: 389px;
}
#steps .case.lrgImg img {
	width: 391px;
	height: 182px;
}
#steps .threeImg .pack {
	padding: 20px 0 20px 20px;
}
.threeImg li {
	float: left;
	width: 245px;
	margin: 0 25px 0 0;
}
.threeImg li:last-child {
	margin: 0;
}
#steps .threeImg li img {
	display: block;
	padding: 0;
	height: 220px;
}
span.note {
	font-size: 12px;
	color: #666666;
}
#profile .case {
	border: 1px solid #dddddd;
	padding: 20px;
	margin: 0 0 20px;
}
#profile .case:last-child {
	margin: 0;
}
#profile .fl_l {
	width: 200px;
	margin: 0 25px 0 0;
	height: 195px;
}

#profile .pack {
	margin: 0 0 25px;
	overflow: hidden;
}
.page_product #faq dl {
	margin: 0 0 20px;
}
.page_product #faq dl:last-child {
	margin: 0;
}
.page_product #faq dt {
	background: #fef9df;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 20px 12px 78px;
	position: relative;
	margin: 0 0 10px;
}
.page_product #faq dt .num {
	color: #fff;
	background: url(../img/product/ico_question.png) no-repeat left 10px top 5px #48ccc4;
	background-size: 20px;
	padding: 4px 9px 0px 34px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 25px;
}
.page_product #faq dd {
	background: url(../img/product/ico_answer.png) no-repeat left 13px top;
	background-size: 30px;
	padding: 0 15px 10px 67px;
}
#materials table {
	margin: 0 0 20px;
}
#materials table:last-child {
	margin: 0;
}
#materials td span {
	margin: 0 0 10px;
	background: url(../img/common/ico_bullet02.jpg) no-repeat left center;
	background-size: 7px;
	padding: 0 0 0 13px;
	display: block;
}
#materials td span.note {
	padding: 0;
	background: none;
}
#materials td {
	min-width: 129px;
}
#materials ul {
	margin: 10px 0;
}
#materials ul li {
	margin: 0 0 10px;
}
#materials ul li:last-child {
	margin: 0;
}


/* 特商法
---------------------------------------------------------- */
.page_tokushou table{
	width: 100%;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    font-size:13px;
text-align: left;
}
.page_tokushou th, .page_tokushou td {
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px 15px;
}
.page_tokushou th{
	background: #eee;
}
.page_tokushou td{
	background: #fff;
}



@media screen and (max-width:640px) {
	.page_product .sdgs tbody {
		width: 95%;
	}
	.page_product .sdgs tbody th{
        width: 95%;
		display: block;
}
	.page_product .sdgs tbody td{
        width: 95%;
		display: block;
        text-align: center;

}
.sdgstitle{
	font-size: 0.8em;
}

.newspoint{
	margin: 20px 0;
	padding: 5px;
}

.newspoint li{
	font-size: 1em;
}

.page_product .sdgs thead th{
	font-size: ;
}
.koushi_shoukai {
	display: block;
}
.koushi_shoukai p{
	padding: 0;

}
.mg0a{
	margin: 0 auto;
}
.tac{
	text-align: center;
}




	.fl_l, .fl_r {
		float: none;
	}
	dl {
		width: 100%;
		box-sizing: border-box;
	}
	dl dd .right_pic {
		width: 100%;
	}
	dl dd .right_pic img{
		margin: 0 auto;
		width: 100%;
	}
	.table01 {
		width: 100%;
		box-sizing: border-box;
	}
	.form_400 {
		width:90%; 
	}
	.form_190 {
		width:90%; 
		margin-bottom: 10px;
	}
	.form_320 {
		width:90%;
		box-sizing: border-box; 
	}
	.textarea {
		width:90%; 
	}
	.box_960{
		padding:30px 0px 10px 0px; 
		width:100%; 
		margin:auto; 
		text-align:justify;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	/* guide
	---------------------------------------------------------- */
	#application .pack {
		padding-bottom: 25px;
		background-size: 22px;
		background-position: bottom 8px center;
	}
	#application .pack .item {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}
	#application .pack .photo img {
		float: none;
		width: 80%;
		margin: 0 auto;
	}
	#application .pack .desc {
		width: auto;
		display: block;
	}
	#application .pack .photo {
		display: block;
		margin: 10px 0 0;
	}
	#application .pack .desc .step_tit {
		position: relative;
	}
	#application .pack .desc .num {
		position: absolute;
		padding: 1px 4px;
	}
	#application .pack .desc .tit_topic {
		display: block;
		font-size: 114%;
		padding: 7px 10px 2px 44px;
	}
	#application .pack .desc p {
		padding-top: 10px;
	}
	#application .pack .desc .list_style01 li {
		margin-top: 10px;
	}
	#guide .banner {
		margin: 20px 0;
	}
	#guide .banner img {
		width: 100%;
	}
	#method .item {
		width: 100%;
		box-sizing: border-box;
	}
	#method .itemBox.methodNum {
		box-sizing: border-box;
	}
	#method .itemBox {
		padding: 10px;
	}
	#method .itemBox.methodNum {
		width: 40%;
		box-sizing: border-box;
	}
	#method .methodNum .tit_topic {
		font-size: 100%;
	}
	#method .methodNum .tit_topic span {
		font-size: 140%;
		display: block;
		border-right: 0;
		padding: 0 0 5px;
		margin: 0 0 5px;
		border-bottom: 1px solid #a1be80;
	}
	#method .itemBox img {
		width: 100%;
	}
	#appMethod .tb_style01.sp {
		margin: 0 0 15px;
		display: table;
	}
	#appMethod .tb_style01:last-child {
		margin: 0;
	}
	#appMethod .tb_style01 th {
		width: auto;
	}
	#appMethod .tb_style01 th:first-child {
		width: 65px;
	}
	#appMethod .pack {
		margin: 0 0 15px;
	}
	/* product
	---------------------------------------------------------- */
	/*** mainVisual ***/
	.page_product #mainVisual,.page_company #mainVisual,.page_business #mainVisual,.page_message #mainVisual {
		height: 0;
		background-size: 100%;
		padding: 24.8% 0 0;
		margin: 0 0 10px;
		z-index: -1;
	}
	.page_product #mainVisual .mvBox,.page_company #mainVisual .mvBox,.page_business #mainVisual .mvBox,.page_message #mainVisual .mvBox {
		right: 2%;
		bottom: 2%;
	}
	.page_product .mvBox .tit_mv,.page_company .mvBox .tit_mv,.page_business .mvBox .tit_mv,.page_message .mvBox .tit_mv {
		font-size: 6vw;
	}
	.page_product #mainVisual .mvBox br,.page_company #mainVisual .mvBox br,.page_business #mainVisual .mvBox br,.page_message #mainVisual .mvBox br {
		display: block;
	}
	/*** common ***/
	.page_product main p {
		margin: 0 0 5px;
	}
	.tb_product th, .tb_product td {
		padding: 3px 2px;
	}
	section {
		margin: 0 auto 25px;
		width: 98%
	}
	.page_product .tit_sub,.page_business .tit_sub {
		margin-bottom: 10px;
		padding: 3px 10px 3px 30px;
		background-size: 20px;
		background-position: left 5px top 8px;
	}
	.page_product .list_style li {
		margin: 0 0 5px;
		background-size: 8px;
		padding: 0 0 0 10px;
	}
	.page_product .tb_stlye01 th {
		width: 85px;
	}
	.page_product table th, .page_product table td {
		padding: 8px;
	}
	/*** content ***/
	#courseMenu ul {
		width: 104%;
	}
	#courseMenu ul li {
		margin: 0 2% 2% 0;
		width: 47%
	}
	#courseMenu ul li a {
		background-position: left 5px center;
		background-size: 15px;
		width: 100%;
		box-sizing: border-box;
		padding: 5px 10px 5px 24px;
		font-size: 85%;
	}
	#concept .case {
		padding: 10px 0 90px;
		background-size: 120px;
	}
	#concept .tit_sec {
		font-size: 114%;
		margin: 0 0 10px;
	}
	#recommend .case {
		padding: 83% 15px 10px;
		background-position: top 15px center, center;
		background-size: 50%, cover;
	}
	#recommend .pack {
		padding: 15px 0;
		background-size: 150px;
		float: none;
	}
	#recommend ul {
		width: auto;
		padding: 10px;
	}
	#recommend ul li {
		margin: 0 0 5px;
		background-size: 8px;
		padding: 0 0 0 11px;
	}
	#outline .pack {
		margin: 0 0 15px;
	}
	#outline .case {
		padding: 10px;
	}
	#outline .fl_l, #outline .fl_r {
		width: 49%;
		height: auto;
	}
	#outline .fl_l {
		margin: 0 2% 10px 0;
		float: left;
	}
	#outline .fl_r {
		margin: 0 0 10px 2%;
		float: right;
	}
	#outline .twoColumn .fl_r:first-child {
		margin: 0;
	}
	#outline .twoColumn .fl_r {
		margin: 0 2% 10px 0;
	}
	#autonomic {
		padding: 10px;
	}
	#biz .case {
		padding: 0 0 15px;
		margin: 0 0 15px;
	}
	#autonomic .fl_l {
		height: auto;
	}

	#biz h3 {
		float: none;
		font-size: 128%;
		margin: 0 0 10px;
	}
	#biz h3 span {
		font-size: 100%;
		margin: 0;
	}
	#biz .fl_l {
		width: 100%;
		margin: 0 0 15px;
		height: auto;
	}
	#biz .step5 .fl_l{
		height: auto;
	}
	#biz .step5 .imgList img{
		height: auto;
	}
	#biz .step6 .fl_l{
		height: auto;
	}
	#biz .step7 .fl_l{
		height: auto;
	}
	#biz .step7 .imgList img{
		height: auto;
	}
	#biz .step9 .fl_l{
		height: auto;
	}
	#biz .boxShadow {
		margin: 2px 2px 15px;
		width: 99%;
	}
	#biz .item {
		width: auto;
		float: none;
	}
	#biz .item.lower {
		padding: 0;
	}
	#biz .imgList li {
		width: 31.6%;
		margin: 4px 1% 4px 1%;
	}
	#biz .imgList li:last-child {
		margin: 4px 1% 4px 0;
	}
	#biz .emp {
		margin: 10px 0 0;
		padding: 5px 10px;
	}
	#fee .case {
		padding: 10px;
	}
	#fee .fl_l {
		width: 100%;
		margin: 0;
		height: auto;
	}
	#fee .pack {
		float: none;
		width: auto;
		margin: 15px 0 0;
		padding: 5px 10px 10px;
		text-align: center;
	}
	#fee .pack p {
		margin: 0 0 5px;
	}
	#fee .pack p span {
		font-size: 142%;
	}
	#fee .pack a {
		padding: 5px;
		font-size: 100%;
		width: 239px;
		margin: 0 auto;
		background-size: 20px;
		box-sizing: border-box;
	}
	#steps .case {
		width: 100%;
		box-sizing: border-box;
		padding: 0 0 10px;
	}
	#steps .case span.num {
		font-size: 114%;
		width: auto;
		padding: 5px;
	}
	#steps .case span.num, #steps .case .pack, #steps .case .imgBox {
		display: block;
	}
	#steps .pack {
		padding: 10px;
	}
	.page_product .tit_sec {
		font-size: 116%;
		background-position: left top 3px;
		background-size: 6px;
		padding: 0 0 0 10px;
		margin: 0 0 5px;
	}
	#steps .case .imgBox {
		padding: 0;
	}
	#steps .case .imgBox img {
		float: none;
		width: 80%;
		margin: 0 auto;
	}
	#steps .case #step1 img{
		height: auto;
	}
	#steps .case #step2 img{
		height: auto;
	}
	#steps .case #step3 img{
		height: auto;
	}
	#steps .case #step5 img{
		height: auto;
	}
	#steps .case #step7 img{
		height: auto;
	}
	#steps .case #step8 img, #steps .case #step9 img{
		height: auto;
	}
	#steps .case #step10 img{
		height: auto;
	}
	#steps .threeImg .pack {
		padding: 10px;
	}
	.threeImg ul {
		overflow: hidden;
	}
	.threeImg li {
		width: 32%;
		margin: 0 2% 0 0;
	}
	#steps .threeImg li img {
		width: 100%;
		height: auto;
	}
	#profile .case {
		padding: 10px;
		margin: 0 0 10px;
	}
	#profile .fl_l {
		width: 100%;
		float: none;
		margin: 0 0 10px;
		height: auto;
	}
	#profile .name {
		margin: 0 0 5px;
		font-size: 114%;
	}
	#profile .pack {
		margin: 0 0 10px;
	}
	.page_product #faq dl {
		margin: 0 0 10px;
	}
	.page_product #faq dt {
		font-size: 114%;
		padding: 9px 10px 6px 61px;
	}
	.page_product #faq dt .num {
		width: 18px;
		background-size: 16px;
		padding: 4px 10px 0px 24px;
		background-position: left 5px top 5px;
	}
	.page_product #faq dd {
		background-size: 24px;
		background-position: left 5px top;
		padding: 0 10px 10px 38px;
	}
	#materials td {
		min-width: 60px;
	}
	.formComplete .contents{
		min-height: auto;
	}
	/* sitemap
	---------------------------------------------------------- */
	#sitemap .case {
		width: auto;
		float: none;
		margin-right: 0;
	}
	#sitemap .case .tit_sec{
		font-size: 120%;
		background-size: 8px;
	}
	input#back, input#send{
		font-size: 110%;
		padding: 7px 13px;
		margin: 15px 5px 0;
	}
	.submit{
		font-size: 110%;
		padding: 7px 50px;
		margin: 15px auto 0;
	}
	/* 特商法
---------------------------------------------------------- */
.page_tokushou table{
	width: 100%;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.page_tokushou th, .page_tokushou td {
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px 15px;
}
.page_tokushou th{
	background: #eee;
}
.page_tokushou td{
	background: #fff;
}

	/*新着情報　記事
---------------------------------------------------------- */
.topic_catch{
	width: 100%;
}


}