@charset "utf-8"; 

/*------------------------ 
タイトル: 基本設計
制作者 : E.M.J
URL : 
概要 : レスポンシブ用特殊設定
作成日 : 2015/08/20
変更日 : 2015/08/29
--------------------------*/

/************************************
一応参考までにBootStrapの画面切り替えポイント（BreakPoint）を書いておきます。
.col-xs- 
Extra small devices = Phones (<768px) 

.col-sm-
Small devices = Tablets (≥768px) : contsiner width 750px

.col-md-
Medium devices = Desktops (≥992px)  : contsiner width 970px

.col-lg-
Large devices = Desktops (≥1200px) : contsiner width 1170px
************************************/


/* lg PC大画面 */ 
@media (min-width: 1200px) {
/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
	}

	#portfolio .row {
	margin-left: -10px;
	margin-right: -10px;
	}

	#footer ul > li {
	display: inline-block;
	margin-left: 15px;
	}

	.portfolio-item-function {
	xbackground-color:#76daba;
	}

	/* 20180320 add */
	.br-lg:before{ content:""; white-space:normal; }
}

/* 20180608 add */
@media (max-width: 1199px){
	#top_appeal, .top_appeal_wrap{
	min-height: 1.3rem;
	}
	div.top_appeal_wrap_title{
	display: none;
	}
	div.top_appeal_wrap_contents{
	text-align: center !important;
	height: auto !important;
	min-height: 1.3rem;
	font-size:1.3rem;
	width: 100%;
	line-height: 2;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	text-indent: 0;}

	/* 20180611add #main-slider .carousel */	
	#main-slider .carousel .item {
	margin-top: 100px;
	height: 340px;
	}
	#main-slider .carousel h1,#main-slider .carousel .mainttl  {
	font-size: 18px;
	padding-top: 30px;
	line-height: 1.3;
	}
	#main-slider .carousel h2 {
	font-size: 14px;
	}
	#main-slider .carousel .item ,.col-margin{
	background-position: right center;
	}
}

/* md 主にPC向け */
@media (min-width: 992px) and (max-width: 1199px) {
	/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
	}

	.phone li{
	font-size:13px;
	}

	.navbar-nav > li {
	margin-left: 10px;
	}

	.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	}

	#main-slider .carousel .carousel-content {
	margin-left: 80px;
	width:66.66666666666666%;
	}

	#main-slider .carousel .item {
	background-position: 70% 50%;
	}

	.review-wrap .review-inner h3 a {
	font-size: 15px;
	color: #ff0;
	}

	.btn-cta {
	padding: 8px 20px;
	font-size: 25px;
	font-weight: 400;
	margin: 0px;
	}

	.btn-news {
	font-size: 150%;
	width: 770px;
	}

	.cta_area {
	padding:20px;
	border-radius:5px;
	}

	.cta_area_p-ore { 
	font-size: 35px;
	margin-bottom: 0px;
	color:#f28828;
	}

	.cta_area_p-ble {
	font-size: 30px;
	margin-bottom: 0px;
	color:#1757b9;
	}

	.review-wrap .overlay{
	padding: 15px;
	}

	.review-wrap .overlay .preview{
	line-height: inherit;
	}

	.feature-wrap h2, 
	.single-services h2 {
	font-size: 18px;
	}

	.feature-wrap h3, 
	.single-services h3{
	font-size: 14px;
	}

	#portfolio .row {
	margin-left: -10px;
	margin-right: -10px;
	}

	#footer ul > li {
	display: inline-block;
	margin-left: 15px;
	}

	.bottom-banner-item-wrap {
	background-color: #ff0;
	padding: 0 0 0 23px;
	}

	.portfolio-item-function {
	xbackground-color:#e5eea8;
	}

	.review-wrap .review-inner h3{
	font-size: 14px;
	}

	.review-wrap .review-inner p.function-icon{
	font-size: 12px;
	}
	.pagefunc .pagefunc-wrap{
	min-height: 41em !important;
	}
	.intro-wrap {
	min-height: 32em;
	}
}

/* 20180620 edit */
@media (max-width: 991px){
.pconly{
display: none;
}

/* sm ※タブレット向け */
@media (min-width: 768px) and (max-width: 991px) {
/* Make Navigation Toggle on Desktop Hover */

.dropdown:hover .dropdown-menu {
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}

.navbar-collapse {
padding-left: 0;
padding-right: 0;
}

.navbar-nav > li {
margin-left: 0;
}

#main-slider .carousel .carousel-content {
margin-left: 80px;
width:100%;
}

#main-slider .carousel .item {
background-position: 80% 50%;
}

#main-slider .carousel h1 {
font-size: 20px;
}

#main-slider .carousel h2 {
font-size: 15px;
}

.review-wrap .review-inner h3 a {
font-size: 14px;
}

.review-wrap .review-inner p {
line-height: 1.2em;
}

.btn-cta {
padding: 8px 20px;
font-size: 20px;
font-weight: 400;
margin: 0px;
}

.cta_area {
padding:20px;
margin-bottom: 40px;
border-radius:5px;
}

.cta_area_p-ore { 
font-size: 28px;
margin-bottom: 0px;
}

.cta_area_p-ble {
font-size: 22px;
margin-bottom: 0px;
}
.btn-news {
font-size: 120%;
width: 70%;
}

#footer ul > li {
xdisplay: inline-block;
margin-left: 15px;
}

.bottom-banner-item-wrap {
xbackground-color:#f4acac;
padding: 0 0 0 23px;
}

.p-mark {
height: 58px;
}

.portfolio-item-function {
xbackground-color:#a7a3cd;
}

.review-wrap .review-inner h3{
font-size: 14px;
}

.review-wrap .review-inner p.function-icon{
font-size: 12px;
}

#main-slider .carousel .btn-slide{
margin-top: 15px !important;
width:250px !important;
}

/* 20180315 add start */
#column .column-list-index .head1,
#column .column-list .head1{
font-size: 18px;
font-weight:normal;
text-align:center;
}

#column .column-list-area{
margin:40px 0 0;
}
}

/* XS-MD　*/
/* 20180320 add */
@media (min-width: 768px) and (max-width: 1119px) {
.row .row{ margin-left:0; }
.animated-item-1_1sttxt{
font-size:1.3rem !important;
}
.pagefunc .pagefunc-wrap{
min-height: 1rem;
}

}

/* xs スマホ向け　*/
@media (max-width: 767px) {

#main-slider .carousel h1, #main-slider .carousel .mainttl{
margin-top: 0;
padding-top: 0;
}
.animated-item-1_1sttxt{
font-size:1.3rem !important;
}
#main-slider .carousel .item {
margin-top: 30px !important;
height: 330px;
}


body > section {
xpadding: 20px 0 0 0;
}

h1, h2, h3 {
margin-top: 10px;
}

.center h2 {
font-size: 20px;
}

.center {
padding-bottom: 0;
}
.sp{
display: block !important;
}
.pc{
display: none !important;
}
.intro {
padding-bottom: 0;
}

.module-art {
padding-bottom: 20px;
}

.module-art h2 {
font-size: 20px;
}  
.news-list dd {
padding: 0 0 0.5em 1em;
}

.container > .navbar-header,
.container > .navbar-collapse{
margin-left: 0;
}

.navbar {
background: #1757b9;
}

.navbar .container {
padding-left: 0;	  
}

.navbar-brand {
padding-left: 15px;
}

.navbar-collapse {
background: #403f3f;
padding-left: 0;  
}

.navbar-nav > li {
padding-bottom: 0;
}

.news-list .head1, 
.news-list .head2, 
.news-list .head3 {
font-size: 18px;
}

.btn-cta {
padding: 8px 20px;
border-radius: 0px;
font-size: 17px;
font-weight: 400;
margin: 0px;
}

.function-number {
font-size: 80px;
line-height: 7rem;
}

.price-number {
font-size: 80px;
line-height: 7rem;
}

.testimonials_section_pub-area_logo {
max-width: 100px;
}

.cta_area {
padding:20px;
margin-bottom: 30px;
border-radius:0px;
}

.cta_area_p-ore { 
font-size: 20px;
margin-bottom: 10px;
}

.cta_area_p-ble {
font-size: 20px;
margin-bottom: 10px;
}

.btn-news {
font-size: 100%;
width: 70%;
}
.pagefunc .pagefunc-wrap{
min-height: 1rem;
}

#footer .pull-right{
float: left !important;
}

.bottom-banner_item {
margin-bottom: 10px;
}

#footer ul > li {
}

.review-wrap .review-inner h3{
font-size: 16px;
}

.review-wrap .review-inner p{
font-size: 14px;
line-height: 1.5em;
}

#main-slider .carousel .btn-slide{
margin-top: 15px !important;
width:250px !important;
}

#column h2 {
font-size: 22px;
font-weight: bold;
}
	
#column h1.column-title {
padding-bottom: 15px !important;
font-size: 22px !important;
font-weight: bold !important;
}

#column h2.column-index-title {
	padding-bottom: 5px;
}
	
#request {
display: none;
}

.testimonials_relation {
margin-bottom: 30px;
}

.testimonials_relation a {
font-size: 15px;
}

.pagefunc .pagefunc-wrap {
margin-bottom: 20px;
}

/* 20180315 add start */
#column .column-list-index .head1,
#column .column-list .head1{
font-size: 18px;
font-weight:normal;
text-align:center;
}

#column .column-list-area{
margin:40px 0 0;
}

/* 20180320 move */
#function_list_table td ,
#function_list_table th {
width: 100%;
display: block;
border-top: none;
}
#function_list_table th {
font-size: 20px;
}
#function_list_table td.function_list_table_plan {
padding: 0 0.5em 0 1em;
text-align: left;
}
/* 20180320 add */
.col-xs-center{
text-align:center;
}
	
	/* 20180620 add */
	#column .lead-table td.lead-table-label,
	#column .lead-table td,
	#column .lead-table th{
		width:100%;
		display:block;
		border:none;
	}
	#column .lead-table td{
		padding-top:0em;
	}
	#column .lead-table td.lead-table-label{
		border-style:solid none none;
		border-color:#ccc;
		border-width:1px;
		padding-top:0.5em;
	}
}

/* 20180320 add */
@media (min-width: 768px) {
.br-sm:before{ content:"\A"; white-space:pre; }
.function-lower .step-image-first{ padding-top:320px; }
.function-lower .step-image-second{ padding-top:80px; }
.function-lower .step-image-third{ text-align:left; }

.function-lower .step-image-1{ text-align:right; }
.function-lower .step-image-2{ text-align:center; }
}


/* XS Portrait ※スマホ横向き　*/
@media (max-width: 480px) {

#main-slider .carousel .btn-slide{
margin-top: 10px !important;
width:250px !important;
}
}

/* XXS スマホ向け　*/
/* 20180320 add */
@media (max-width: 414px) {
.col-xxs-12{ width:100%; }
}

/* 20211022 add */
@media (max-width: 768px) {
	.sns-wrap.column-sns {
		flex-direction: column;
		align-items: flex-start;
	}
	.sns-wrap.column-sns p {
		margin:  0;
	}
	}