@charset "utf-8";

html {
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #111111;
	webkit-text-size-adjust: 100%;
	word-break: break-all;
}

#container {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.wrapper {
	width: 97%;
	margin: 0px auto;
}

.wrapper.narrow {
	width: 94%;
}
.pc {
	display: none;
}
img {
	max-width: 100%;
	max-height: 100%;
}

/*
	::a
***************************/
a {
	color: #007abf;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #007abf;
	text-decoration: none;
}
a img {
	border: 0;
}

/*
	::header
***************************/
#header {
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}
.head_top {
	display: none;
	width: 960px;
	margin: 0 auto;
	padding:10px 0 9px 0;
}
.head_top .left {
	width:827px;
	padding-right: 10px;
	float:left;
}
h1 {
	font-size: 12px;
}
.head_top .right {
	width:123px;
	padding:0 0 0 10px;
	box-sizing:border-box;
	background:url(../images/arrow_icon.png) no-repeat left 7px;
	float:left;
	font-size: 14px;
}
.head_top .right a {
	color:#111111;
	text-decoration: none;
}
.head_top .right a:hover {
	text-decoration: underline;
	color:#007BBF;
}
.head_main {
	margin: 0 auto 10px;
}
.head_main .left {
	/*width:470px;
	float:left;*/
	margin:0 auto 15px;
}
.head_main .left .logo {
	float: left;
	width: 50%;
}
.head_main .left .menu {
	float: right;
	width: 15%;
}
.head_main .center {
	width:278px;
	margin:0 20px 0;
	float:left;
}
.head_main .right {
	/*width:192px;
	float:right;*/
	margin:0 auto;
}
.head_main .right ul li {
	float:left;
	width: 49%;
}
.head_main .right ul li:nth-child(2n) {
	float: right;
}

.menu_list {
	display: none;
	margin-bottom: 10px;
}
.menu_list li {
	float: left;
	width: 50%;
	display: table;
	padding: 0px 0px 0px 0px;
}
.menu_list li a {
	display: table-cell;
	width: 100%;
	box-sizing: border-box;
	border-right: 1px solid #b2aeae;
	border-bottom: 1px solid #b2aeae;
	color: #252525;
	text-decoration: none;
	padding: 10px 10% 10px 5%;
	background: #fafafa url(../images/_sp_menu_icon.png) 95% center no-repeat;
	background-size: 6px;
	font-size: 80%;
	vertical-align: middle;
}
.menu_list li:nth-child(2n) a {
	border-right: 1px solid #fafafa;
}
.menu_list li:last-child a {
	border-bottom: none;
}
.menu_list li:nth-last-of-type(2) a {
	border-bottom: none;
}
.menu_list li:nth-last-of-type(2):nth-child(2n) a {
	border-bottom: 1px solid #b2aeae;
}

/*
	::gnav
***************************/
#gnav {
	display: none;
	min-width: 960px;
	margin: 0 auto;
}
#gnav ul li {
	float: left;
}

/*
	::contents
***************************/
#contents{
	width: 100%;
	margin: 0 auto;
}
#mainC {
	width: 100%;
	margin: 0 auto;
}
#column-2 {
	width: 97%;
	margin: 0 auto;
}
#column-2 #mainC {
	/*width: 700px;
	float: left;*/
	margin-bottom: 20px;
}
#column-2 #sideC {
	/*width: 240px;
	margin: 0 auto;
	float: left;*/
}

/*
	::footer
***************************/
#footer {
	width: 100%;
	margin: 0 auto;
	border-top: 4px solid #cbc8c8;
	padding:31px 0 0px;
}
.foot_main {
	display: none;
	/*min-width: 960px;
	margin: 0 auto;
	background: #666666;
	padding:35px 0 50px;*/
}/*
.foot_main .left {
	width:226px;
	margin:0 125px 0 0;
	float:left;
}
.foot_main .right {
	width:558px;
	margin:0 0 0 -50px;
	float:left;
}
.foot_main .right .flink_wrap {
	width:145px;
	margin:0 0 0 40px;
	float:left;
	font-size: 13px;
}
.flink_wrap a {
	color:#f7f7f7;
	text-decoration: none;
}
.flink_wrap a:hover {
	text-decoration: underline;
}*/

.foot_sp {
	width: 97%;
	margin: 0px auto 30px;
	max-width: 510px;
}
.foot_sp .contact {
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #666666;
}
.foot_sp .myncloud {}

.copyright {
	text-align: center;
	color: #fff;
	background: #333333;
	font-size: 14px;
	padding: 20px 0;
	line-height: 1.0;
}

/*
	::pagetop
***************************/
#pagetop {
	text-align: right;
	position: fixed;
	right: 10px;
	bottom: 10px;
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 50px;
    border: 3px solid #007abf;
    background: #fff;
    color: #007abf;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
}

/*
　::共通
**************************/
section,.section {
	padding: 0 0 0px 0;
}

section h2,.section h2 {
	text-align: center;
}

.textArea {
	margin: 0 0 20px 0;
}
.textArea.bg_red {
	background-color: #FFEDED;
	padding: 15px;
}

.common_inquiry {
	padding:26px 0;
	background: #f8f8f8;
}
.common_inquiry h2.cont_h_image {
	margin-bottom: 45px;
}
.common_inquiry .left {
	/*width:480px;
	float:left;*/
	border-bottom:1px solid #666666;
	padding: 7px 0 14px;
	margin-bottom: 20px;
}
.common_inquiry .right {
	/*width:479px;
	float:left;*/
	padding: 7px 0 14px;
}
.common_inquiry .left .icon,
.common_inquiry .right .icon {
	text-align: center;
	margin-bottom: 32px;
}
.common_inquiry .left .btn,
.common_inquiry .right .btn {
	text-align: center;
}

.clearfix .areaL {
    float:left;
}
.clearfix .areaR {
    float:right;
}

/*
	::トップページ
**************************/
.top_mv {
	position:relative;
	/*height: 600px;*/
	background-size: cover;
}

.top_mv .wrapper {
	position:relative;
	padding: 10px 0px 10px 0px;
}

.top_mv img.MV {
	position:absolute;
}

.top_mv .wrapper .logo {
	position:absolute;
	top: 30px;
}

.top_mv .wrapper .btn_mv {
	/*position: absolute;
	right: 0;
	top: 287px;*/
}

.top_mv .wrapper .mv_kokuchi {
	/*position: absolute;
	right: 0;
	top: 50px;*/
	max-width: 195px;
	width: 30%;
	margin-left: 70%;
	margin-bottom: 6px;
}

.top_mv .wrapper .main_copy {
	/*position: absolute;
	left: 0;
	top: 130px;*/
}
.marquee {
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	/*position: absolute;
	right: 0;
	top: 539px;
	z-index: 10;*/
	background: url(../images/mv_redbg.png) repeat-x;
	height: 50px;
	width: 100%;
	text-align: center;
	padding-top:10px;
	box-sizing:border-box;
}
.marquee marquee {
	width: 100%!important;
}
/*特徴*/
.feature3 {
	background-color: #007BBF;
	padding: 0px 0 0px 0;
	color: #ffffff;
	border-top: 1px solid #fff;
}
.feature3 ul {
	/*display: flex;*/
}
.feature3 ul li {
	/*float: left;
	width:33%;*/
	padding: 20px 0 20px 0;
}
.feature3 ul li + li {
	border-top: 1px solid #fff;
}
/*
.feature3 ul li:nth-child(2) {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}*/
.feature3 ul li .feature3_cont .title {
	font-size: 120%;
	margin: 0 0 10px;
	font-weight: bold;
}
.feature3 ul li .feature3_cont .richtext {
	text-align: center;
	font-size: 90%;
}

.feature3 ul li .feature3_cont .img {
	margin: 0 0 10px;
}
/*理由*/
.gust {
	padding: 25px 0 30px 0;
}
.gust_wrap {
	width:100%;
	border: 3px solid #990000;
	padding:16px 3% 22px 3%;
	box-sizing:border-box;
	background: url(../images/gust_wrap_bg.jpg) repeat;
	background-size: auto;
}
.gust_wrap h2.cont_h_image {
	margin-bottom: 9px;
}
.gust_wrap .imgtxt {
	margin-bottom: 16px;
}
.gust_wrap .text {
	width:100%;
	border:3px solid #666666;
	padding:12px 3%;
	box-sizing:border-box;
	background: #fff;
	font-size: 100%;
	color:#000000;
	line-height: 1.6;
}
/*topics*/
.topics {
	padding: 20px 0 22px 0;
	background: #f8f8f8;
}
.topics h2.cont_h_image {
	margin-bottom: 22px;
}
.topics .img_center {
	margin-bottom: 0px;
}
.topics_list {
	/*width:861px;*/
	margin: 0 auto 33px;
	background: url(../images/topics_border.gif) no-repeat left top;
	padding-top: 1px;
}
.topics_list li {
	width:100%;
	box-sizing:border-box;
	padding: 15px 2% 16px;
	background: url(../images/topics_border.gif) no-repeat left bottom;
	font-size: 13px;
}
.topics_list li .date {
	/*width:109px;
	float:left;*/
	margin-bottom: 5px;
	color:#666666;
}
.topics_list li .ttl {
	/*width:730px;
	float:left;*/
	color:#333333;
}
.topics_list li .ttl a {
	color:#333333;
	text-decoration: underline;
}
.topics_list li .ttl a:hover {
	text-decoration: none;
}
/*実績*/
.results {
	padding: 24px 0 30px 0;
	background: #fff;
}
.results h2.cont_h_image {
	margin-bottom: 32px;
}
.results .img_center {
	margin-bottom: 0px;
}
.results_slide {
	margin-bottom: 32px;
}
.results_slide li {
	width:300px;
	float:left;
}
.results .bx-wrapper {
	margin-bottom: 32px!important;
}
.results .bx-viewport {
	border:0!important;
	left:0!important;
	-webkit-box-shadow:none!important;
}
.results .bx-controls {
	display: none!important;
}
/*安心*/
.reason3 {
	padding: 0 0 40px 0;

}
.reason3 h2.cont_h_image {
	margin-bottom: 20px;
}
.reason3 ul.reason_list {

}
.reason3 ul.reason_list li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #c69337;
}
.reason3 ul.reason_list li:last-child {
	margin-bottom: 0;
}
.reason3 ul li .reason_cont .info {
	/*float: left;
	width: 50%;*/
	padding: 0 0 0 0px;
}
.reason3 ul li .reason_cont .info .richtext {
	margin: 0 0 15px 0;
}
.reason3 ul li .reason_cont .info .guideline {
	background-color: #f7f3eb;
	padding: 10px 2% 15px 2%;
	font-size: 14px;
	line-height: 1.6;
}
.reason3 ul li .reason_cont .info .guideline p {
	margin: 0 0 10px 0;
}
.reason3 ul li .reason_cont .info .guideline table {
	width: 98%;
}
.reason3 ul li .reason_cont .info .guideline table th {
	background-color: #eee;
	border: 1px solid #999;
	padding: 3px;
	text-align: center;
}
.reason3 ul li .reason_cont .info .guideline table td {
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
}

.reason3 ul li .reason_cont .img {
	/*float: right;
	width: 46%;*/
	text-align: center;
}
/*コラム*/
.column {
	padding: 22px 0 20px 0;
	background: #f8f8f8;

}
.column h2.cont_h_image {
	margin-bottom: 20px;
}
.column_list {
	margin:0 0 0 0px;
}
.column_list li {
	/*width:280px;
	float:left;*/
	margin:0 0 22px 0px;
}
.column_list li .img {
	margin-bottom: 10px;
	text-align: center;
}
.column_list li .date {
	text-align: right;
	margin-bottom: 5px;
}
.column_list li .date span {
	color:#111111;
	font-size: 13px;
	padding:0 7px 0 24px;
	background: url(../images/date_icon.png) no-repeat left 4px;
}
.column_list li .ttl {
	color:#111111;
}
.column_list li .ttl a {
	color:#111111;
	text-decoration: underline;
}
.column_list li .ttl a:hover {
	text-decoration: none;
}
/**/
.inquiry {
	background: url(../images/bg_cvr.jpg) repeat-x;
	background-size: cover;
	text-align: center;
	/*min-height: 339px;*/
	box-sizing:border-box;
	padding: 32px 0 25px 0;
}
.inquiry .txt {
	margin-bottom: 30px;
}
.inquiry .img_center {
	margin-bottom: 0px;
}
.service {
	padding: 55px 0 50px 0;
}
.service h2 {
	margin: 0 0 40px 0;
}
.service .bx-wrapper {
	width: 99% !important;
	max-width: 99% !important;
}
.service .bx-wrapper li {
	width: 300px !important;
}
.service .bx-wrapper li p {
	margin: 0 0 10px 0;
}
.service .bx-wrapper li .richtext {
	text-align: center;
	font-size: 90%;
}
.function6 {
	background: url(../images/bg_function6.jpg) repeat ;
	padding: 30px 0 40px 0;
}
.function6 ul li {
	background: url(../images/bg_function6_cont.jpg) repeat ;
	width: 410px;
	float: left;
	margin: 0 0px 25px 25px;
	padding: 30px 22px;
	border-right:1px solid #0093d3;
	border-bottom:1px solid #0093d3;
}
.function6 ul li .function6_cont {
	background-color: #fff;
	padding: 35px 30px;
	border:1px solid #0093D3;
	min-height: 410px;
}
.function6 ul li .function6_cont h3 {
	text-align: center;
	margin: 0 0px 40px 0px;
}
.function6 ul li .function6_cont h4 {
	font-size: 150%;
	color: #007abf;
	background: url(../images/icon_func_h4.jpg) no-repeat 0 7px ;
	padding: 0 0 0 25px;
	margin: 0 0px 25px 0px;
}
.aligned {
	background-color: #BA0001;
}
.flow {
	background: url(../images/bg_flow.jpg) repeat;
	background-size: cover;
	padding: 50px 50px;
}
.flow h2 {
	margin: 0 0 50px 0;
}
.price {

}
.price .head {
	background: url(../images/bg_price.jpg) repeat-x;
	background-size: cover;
	text-align : center;
	min-height: 112px;
	padding: 70px 0 0 0;
}
.price .cont_price {
	background: url(../images/bg_cont_price.jpg) repeat;
	padding: 45px 0 60px 0;
}
.price .cont_price .price_table1 table {
	width: 100%;
	margin: 0 0 30px 0;
}
.price .cont_price .price_table1 table th {
	width: 35%;
	padding: 5px;
	background-color: #0096DD;
	color: #fff;
	font-size: 180%;
	border: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
}
.price .cont_price .price_table1 table td {
	width: 65%;
	padding: 5px 70px 0 0px;
	color: #111;
	font-size: 180%;
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: right;
	font-weight: bold;
}
.price .cont_price .price_table2 table {
	width: 100%;
	margin: 0 0 10px 0;
}
.price .cont_price .price_table2 table th {
	padding: 10px;
	background-color: #0096DD;
	color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 130%;
}
.price .cont_price .price_table2 table th:nth-child(1) {
	width: 22%;
}
.price .cont_price .price_table2 table th:nth-child(2) {
	width: 22%;
}
.price .cont_price .price_table2 table th:nth-child(3) {
	width: 56%;
}
.price .cont_price .price_table2 table td {
	padding: 10px;
	color: #111;
	border: 1px solid #ccc;
	background-color: #fff;
}
.textArea.price_txt {
	background-color: #fff;
	border: 3px solid #0086c5;
	border-radius: 15px;
	padding: 10px 2% 10px 2%;
	margin: 15px 0 0 0;
}

.intro_method {
	margin: 0 0 15px 0;
}
.intro_method ul {
	margin: 0 auto;
}
.intro_method ul li {
	border: 2px solid #999;
	border-radius: 5px;
	font-size: 130%;
	margin: 0 0 40px;
	padding: 10px 0 10px 0px;
	text-align: center;
	position: relative;
}
.intro_method ul li:after {
	bottom: -36px;
	color: red;
	content: url(../images/arrow_inro.jpg);
	font-size: 85%;
	left: 45%;
	position: absolute;
}

section.faq {
}
section.faq .head {
	background: url(../images/bg_faq.jpg) repeat-x;
	text-align : center;
	min-height: 112px;
	padding: 70px 0 0 0;
}
section.faq .cont_faq {
	background: url(../images/bg_cont_faq.jpg) repeat;
	padding: 45px 0 60px 0;
}
section.faq .cont_faq ul li {
	margin: 0 0 25px 0;
}
section.faq .cont_faq ul li .faq_q {
	background: rgba(0, 0, 0, 0) url("../images/question.png") no-repeat scroll 0 0;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 9px 0 11px 65px;
}
section.faq .cont_faq ul li .faq_a {
	background-color: #fbfbfb;
	padding: 20px 20px 20px 55px;
}

/*実績*/
.textArea.catch {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.results_list {
	margin: 0 0 20px 0px;
}
.results_list li {
	/*width:300px;
	float:left;*/
	margin:0 0 30px 0px;
}
.results_list li .img {
    margin-bottom:10px;
    text-align: center;
}
.results_voice_wrap {
	width:100%;
	border:3px solid #666666;
	padding:15px 2.5% 15px 2.5%;
	box-sizing:border-box;
	background: #fff;
	color:#000000;
	line-height: 1.6;
	margin:0 auto 25px;
}
.results_voice_wrap .ttl {
    font-weight:bold;
    margin-bottom:15px;
    font-size:18px;
    font-weight:bold;
}