/*Base*/
@charset "UTF-8";


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


#head img{
	width:75%;
	max-width:440px;
}


#function{
	width:100%;
	height:auto;
	padding-bottom:120px;
	margin-bottom:-50px;
}


#function span{
	padding:10px;
	font-size:0.85em;
	line-height:1px;
}


#function #iconall{

width:90%;
	margin-top:0px;
}

#function #iconall img{
	width:50%;
	padding:0px;
	height:auto;
}


.mouseover__conts02, #function .actionmo, #function .mouseover__box{
	display:none;
}

#iconall .iconsp{
	display:inline;
	margin-top:0px;
}

#function #iconall .graf{
  width: 48%;
	height:auto;
  margin: 1px 0 20px;
}

#function #iconall .graf img{
  width: 100%;
	height:auto;
}

#function #iconall .one{
  width: 21%;
	height:auto;
	margin:30px 0 0;
	padding:0 5px;
}

#function #iconall .iconone{
	margin:30px auto 0;
	text-align:center;
	display:flex;
justify-content: space-between;
  width: 100%;
}



#iconall .tes, #iconall br{
	display:none;
}
#iconall02 .mouseover__conts02{
	left:10px;
	margin:240px 0 10px;
	width:140px;
	border:0px solid#333;
}


.mouseover__conts02 .mouseover__box{
	margin-top:0px;
	margin-bottom:50px;
	left:-30px;
}

.mouseover__conts02 .mouseover__box img{
	margin-top:0px;
}

.mouseover__box{
  display: none;
  position: absolute;
  top:-235px;
	left:30px;
  width: 250px;
	height:230px;
  padding: 5px 10px;
  font-size: 1.0em;
	z-index:999;
	border:0px;
}

.boxgraf{
  top:-245px;
	left:40px;
}


.boxleft{
	left:-160px;
}

#iconall03{
	display:none;
}
/*Function rollOver*/

#form{
	width:80%;
	margin:120px auto 0;
}
/*spmenu*/

}

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

/*spmenu*/
#spmenu{
	display:inline;
	position:absolute;
	right:65px;
	top:25px;
}

#mtxt{
	color:#264295;
	margin-top:6px;
}
#menuM {
  z-index: 2;
}

#menu-bar {
  width: 45px;
  height: 40px;
  cursor: pointer;
	z-index:19;
}

.bar{
  height: 5px;
  width: 100%;
  background-color: #fff;
  display: block;
  border-radius: 5px;
  transition: 0.3s ease;
}


#bar1 {
  transform: translateY(-4px);
}

#bar3 {
  transform: translateY(4px);
}

.navm {
  transition: 0.3s ease;
  display: none;
}

.navm ul {
  padding: 0 22px;
	position:absolute;
	right:40px;
	top:-60px;
	z-index:999;
}

.navm li {
  list-style: none;
  padding: 6px 0;
}

.navm li a {
  color: white;
  font-size: 20px;
  text-decoration: none;
	width:140px;
}

.navm li a:hover {
  font-weight: bold;
}

.menu-bg, #menuM {
  top: 0;
  left: 0;
  position: absolute;
}

.menu-bg {
  z-index: 1;
  width: 0;
  height: 0;
  margin: 30px 0 20px 20px;
  background: radial-gradient(circle, #1c439a, #DC052D);
  border-radius: 50%;
  transition: 0.3s ease;
}

.change {
  display: block;
}

.change .bar {
  background-color: white;
}

.change #bar1 {
  transform: translateY(4px) rotateZ(-45deg);
}

.change #bar2 {
  opacity: 0;
}

.change #bar3 {
  transform: translateY(-6px) rotateZ(45deg);
}

.change-bg {
  width: 550px;
  height: 550px;
  transform: translate(-60%,-30%);
}
/*spmenu*/






/*機能一覧*/
#function h4{
	margin:0px 0 0;
}

#function #iconall{
	width:99%;
	}


#function span{
    margin: 30px auto;
}

#function #iconall02{
	margin:20px auto 0;
	display:inline;
	flex-wrap: wrap;
	width:100%;
}

#function .mouseover__conts02{
	width:90%;
	margin:210px 0 -50px;
	}

#function .mouseover__conts02 .boxgraf{
	margin:25px 0 0 50px;
}
.more a{
	position:absolute;
	right:0%;
	width:280px;
	margin-top:20px;
}


/*ケース*/




/*特徴*/

#features h3{
	font-size:1.4em;
}

#faq{
	margin:0 auto -110px;
}
#faq  .accordion{
  width: 98%;

}
#faq .accordion_title {
	font-size:1.15em;
	border-radius:1px;
	margin:0px auto 0px;
  width: 99%;
  padding: 0.004em 0.002em;
}
#faq .accordion_contents {
  width: 95%;
	}
#faq .accordion_contents ol li{
	margin-left:0px;
	text-align:justify;
	width:110%;}

#faq .accordion_title ol li::before {
  margin-right: 0.8em; /* マーカーとテキストの間にスペースを設ける */
	padding:1px 10px 4px;
	border-radius:24px;
	color:#fff;
}
/*SPfooter*/




.menusp a {
	color:#fff;
	font-size:0.9em;
}
/*SPfooter*/

#page-top {
    	bottom: 78px;
    	right: 1%;
}
}

@media only screen and (max-width: 768px) {
footer{
	display:none;
}


#head .copytext{
	font-size:1em;
}

.swiper-custom-parent {
	height:220px;}

.swiper-slide .titlesub img{
	height:220px;
	width:auto;}

.titlesub{
	font-size:0.9em;
}

 #company .companymainpic{
	height:200px;
}

}

@media only screen and (max-width: 685px) {
html, body {
    overflow-x: hidden; /* 水平方向のスクロールを非表示にする */
    width: 100%;        /* 幅をビューポートに合わせる */
}

#navArea{
	display:inline;
}

/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 20px;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
	z-index:99991;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #09337b;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

.menutl{
	margin-top:30px;
	color:#09337b;
	letter-spacing:-0.01em;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 9999;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 9,51,123,0.7 );
  text-align: center;
  width: 100%;
	height:97%;
  transform: translateY(-100%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 60px auto;
  padding: 0 0 0 50px;
  width: 100%;
	text-align:left;
font-size:1.1em;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0 0 0 30px;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#09337b;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateY(0%);
}


.menusp {
	display:inline;
	height:20px;
	position: fixed;
	bottom: 0;
	background:#1c439a;
	width: 100%;
	z-index:999;
}
/*SPMENU*/


#head{
	position:relative;
	background-color: rgb(255 255 255 / 0.5);
	z-index:999;
	height:60px;
}

#head img{
}

#head img{
	width:95%;
	max-width:440px;
}
#head .logo{
	width:430px;
	padding:25px 0 0 10px;
	z-index:2;
}


#head .form{
	display:inline;
	width:190px;
	padding:25px 70px 0 0px;
	z-index:2;
}


#head .copytext{
	display:none;
}

/*
#head .copytext{
	font-size:0.8em;
	line-height:20px;
	letter-spacing:0px;
	margin:20px 0px 0 0px;
	width:330px;
}

#head .copytext br{
	display:inline-block;
}
*/

#home{
	margin-top:-50px;
}

#function h2, #features h2, #casestudy h2, #price h2, #faq h2, #column h2, #solution h2, #information h2, #company h2, #sample h2, #case h2{
	margin:30px 0 50px;
	font-size:2.1em;
	padding-top:25px;
}

.title02{
	padding-top:25px;
}

#featuresflex .featurestext h2{
	font-size:1.1em;
	padding:6px 15px 6px 30px;
}

#slidepc{
	padding:5px 0 0;
}


#slidepc img{
	width:90%;
	margin:0px 0 0px;
}

#slidepc h3{
	margin:30px auto 25px;
	width:90%;
	padding:8px;
	line-height:28px;
}
#slidepc h2{
	font-size:0.95em;
}

#slidepc h2 :after {
	display:none;
}
#slidepc br{
	display:inline;
}
.second{
	margin-top:70px;
}
.swiper-button-prev,
.swiper-button-next {
	display:none;}

#column .swiper-custom-parent, .swiper-custom-parent , #casestudy .swiper-custom-parent, .swiper-custom-parent{
	width:95%;}

#column .swiper-custom-parent{
	display:none;
}

#column .columnsp{
	display:inline;
}

/*1つのとき*/
#column #columntopsp{
	padding-left:20px;
}
/*1つのとき*/

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0px;
  right: auto;
	top:150px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 background: url('../svg/slide-right.svg') no-repeat center !important;
  background-size: 25px 25px !important; /* ここでサイズ */
  right: 0px;
  left: auto;
	top:150px;
}

#slidepc{
	display:none;
}

#slidesp{
	display:inline-block;
	margin:50px auto 0px;
	width:100%;
	text-align:center;
}

#slidesp img{
	margin:30px 0 0;
	width:95%;
}

#slidesp h2{
	margin:0;
	font-size:0.99em;
}

#slidesp .copythome{
	font-size:1em;
	letter-spacing:2px;
	position:relative;
	font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
	margin:0px 0 0px;
	z-index:1;
	color:#4667c8;
}

#head .apply{
	display:none;
}

#head .menu{
	display:none;
}


.menusp .apply{
	margin-top:6px;
}

.menusp .apply a.btn_q{
	cursor:pointer;
	font-size:0.9em;
	display: block;
	text-align: center;
	line-height:40px;
	width: 148px;
	height:38px;
	font-weight: bold;
	background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
	border-radius: 1vh;
	color: #1c439a;
	border: 1px solid #aaabbb;
	transition: 0.5s;
}



/*SPMENU*/
#spmenu{
	position:fixed;
	right:65px;
	top:30px;
	z-index:2999;
}



#menu-bar {
  width: 45px;
  height: 40px;
  cursor: pointer;
	z-index:19;
}

.bar {
  height: 5px;
  width: 100%;
  background-color: #264295;
  display: block;
  border-radius: 5px;
  transition: 0.3s ease;
}

#bar1 {
  transform: translateY(-4px);
}

#bar3 {
  transform: translateY(4px);
}

.navm {
  transition: 0.3s ease;
  display: none;
}

.navm ul {
  padding: 0 22px;
	position:absolute;
	right:40px;
	top:-60px;
	z-index:999;
}

.navm li {
  list-style: none;
  padding: 8px 0;
}

.navm li a {
  color: white;
  font-size: 20px;
  text-decoration: none;
	width:140px;
}

.navm li a:hover {
  font-weight: bold;
  color: #264295;
}

.menu-bg, #menuM {
  top: 0;
}

.menu-bg {
  width: 0;
  height: 0;
  margin: 110px 0px 0px 10px;
  background: radial-gradient(circle, #25abf8, #25abf8);
}

.navm ul {
  padding: 0 22px;
	right:-110px;
	top:0px;
	width:330px;
}

.change {
  display: block;
}


.change-bg {
  width: 550px;
  height: 550px;
  transform: translate(-60%,-30%);
}
/*spmenu*/


/*特長*/

/*solution*/
#solution{
	margin:0 0 -290px;
}
#solution h1{
	font-family: "Noto Serif JP", serif;
	text-align:center;
	margin:0 0 40px;
	text-align:center;
	font-size:1.4em;
	color:#5179f3;
}

#solution h4{
	font-size:1.02em;
font-feature-settings: "palt";
	margin:40px 0 0;
	padding-left:0px;
    background-size: 100% 40%;
	width:100%;
}
#solution .mainh1{
	margin:0 0 20px;
	font-size:1.5em;
	letter-spacing:-0.02em;
}
#solution .mainh1::before,
#solution .mainh1::after {
	width: 40px;
}


#solution .sub{
	position:relative;
	margin:0 0 0px -25px;
	top:-20px;
	font-size:1.1em;
	width:220px;
	padding:4px 90px;
}


#solution .sub::after {
	top:0px;
}

#solution .solblock{
	border:2px solid#a7afc3;
	padding:10px 20px 0;
	width:86%;
	font-size:1.2em;
	line-height:34px;
}

#solution .solblock h3{
	margin:30px 0 0;
	font-size:1.05em;
	line-height:28px;
}

#solution .solblock br{
	display:none;
}

#solution .solblockin .solimg img{
	margin-top:0px;
	width:70%;
}

#solution .solblockin .solimg{
	margin:30px auto 0;
	width:80%;
}
#solution .solblockin{
	display:inline;
}



#solution .soltextblock{
	margin:10px 0 0;
	width:100%;
}

#solution h3{
	color:#4495c1;
	font-size:1.4em;
	font-weight:normal;
	text-align:center;
	margin:0px 0 30px;
	letter-spacing:1px;
	text-align: left;
}

#solution .soltext{
	margin:20px 0;
	color:#666;
	width:100%;
}


#solution .soltextblock .solmore{
	top:0px;
}




.bpmbig{
	font-size:1.0em;
	margin:0px;
	position: relative;
}



/*選ばれる理由*/
#featureswaku{
	width:98%;
	margin:20px auto 90px;
	border:0px solid#333;
	background:#fff;
}

#features{
	padding:80px 0 0px;
}
#features h1 p{
	display:inline;
}
#features .fcopy{
	font-size:1.3em;
	margin-bottom:100px;
}
#features h1{
	line-height:34px;
}
#features h1 .br{
	 display: block;}

#featureswaku{
	margin:-145px 0 -110px;
}

#featuresflex{
	margin:5px 0 -10px;
	padding:20px;
	display:flex;
  flex-flow: column;
	text-align:left;
	line-height:28px;
	background:#fff;
}
#featuresflex h2{
	width:75%;
	margin:-250px 0 20px -30px;
	text-align:center;
}

#featuresflex h3{
	margin:0px 0 380px;
	font-size:1.3em;
	line-height:33px;
	font-weight:bold;
	width:100%;
}

.featurestext{
	margin:-260px 0 210px;
	text-align:justify;
	line-height:38px;
}

.featurestext .br::after {
 content:"\A";
 white-space:pre;
}
#featuresflex .featuresimg{
	margin:100px 0 60px;
	height:290px;
}

#features .featuresimg p{
	margin:190px 0 -40px;
	font-size:0.95em;
}


#featuresflex .featuresimg img{
	width:75%;
	margin:120px 0 0px 20px;
	text-align:center;
}

#featuresflex img{
	margin:90px 0 0px;
	width:220px;
}

/*
#head .apply{
	left:32%;
	top:63px;
}
#head .apply a.btn_q, .footermenu .apply a.btn_q {
	line-height:34px;
	width: 148px;
	height:32px;
	margin: auto;
	padding: 1px 5px 1px 5px;
	font-weight: bold;
}
*/

.c01, .c01b{
	font-size:0.7em;
	left:13%;
	top:-10px;
	line-height:8px;
}

.c04{
	font-size:0.8em;
}
#information{
	margin:0;
	border:0px solid#333;
	padding:0 0 130px;
}

#information .article{
	font-size:0.85em;
	width:85%;
	padding:5px 10px ;
	margin:0px auto 0;
	height:150px;}

#information .article h2, #information .column .tlcolumn{
	font-size:0.8em;
	padding:0px ;
}

#information .article .date{
	margin:0 12px 0 8px;
}
#information .article .more a{
	position:relative;
	right:35px;
	font-size:0.8em;
	width:90px;
	top:	25px;
	left:260px;
}
#information .column{
	font-size:0.85em;
	width:87%;
	padding:15px 0px 0px 10px;
	margin:20px auto 0;
}

#information .privacy{
	width:85%;
	margin:0 auto;}

#casestudy , #column{
	margin:0 auto;

}
#casestudy .second{
	margin-top:30px;
}

#case .casenav{
	width:80%;
}

#case .casenav span{
}

#column .second .article{
	width:96%;
}
#column .second .article h1{
	font-size:1.0em;
	color:#666;
	border:1px solid#ddd;
	padding:10px;
	margin:20px 0 50px;
}
#column .second .article h3{
	background:#e0e5fa;
	border-left:5px solid#7691f5;
	padding-left:15px;
	margin:60px 0 40px;
	font-weight:normal;
}

#column .second .article h4{
	margin:80px auto 40px;
	color:#333;
	text-align:center;
	font-size:1.2em;
}

#column .second .article .matome{
	border:1px solid#ddd;
	padding:20px;
}

#casestudy .slider2{
	width:90%;
}

/*case*/
#casestudy{
	background:#f9fafc;
	padding-bottom:190px;
	margin-bottom:-170px;
}
#case{
	width:95%;
	margin-bottom:220px;
}


#case .caseread h2, #case .casecolumn h2{
	font-size:1.1em;
	margin:40px 0 20px;
}

#case .casearticle h2{
	font-size:1.1em;
	padding:2px 5px;
	width:95%;
	margin:80px 0 30px;
}

.casemainpict{
	display:flex;
	 justify-content:left;
	width:80%;
}

.casemainpict img{
	width:45%;
	height:auto;
}

#case .casearticle b, #case .casearticle strong{
	margin-left:0px;
}

#case .casearticle h2{
	text-align:left;
	margin-left:0px;
	padding:0px 3px 0 12px;
}
/*case*/

/*function*/

#function{
	width:100%;
	height:auto;
	padding-bottom:120px;
	margin-bottom:-50px;
}


#function span{
	padding:10px;
	font-size:0.85em;
	line-height:1px;
}


#function #iconall{
width:90%;
	margin-top:-10px;
height:auto;
}

#function #iconall div {
  width: calc(45% - 22px); /* margin padding分を引く */
  margin: 1px;
  padding: 10px;
}
.mouseover__conts02, #function .actionmo, #function .mouseover__box{
	display:none;
}

#iconall .iconsp{
	display:inline;
	margin-top:0px;
}

#function #iconall .graf{
  width: 98%;
	height:auto;
  margin: 1px 0 20px;
}

#function #iconall .graf img{
  width: 100%;
	height:auto;
}

#function #iconall .one img{
  width: 54%;
	height:auto;
	margin:20px 15px 0 0;
}

#function #iconall .one{
	text-align:center;
	width:100%;
}

#function .mouseover__conts{
	}

#iconall .tes, #iconall br{
	display:none;
}
#iconall02 .mouseover__conts02{
	left:10px;
	margin:240px 0 10px;
	width:140px;
	border:0px solid#333;
}


.mouseover__conts02 .mouseover__box{
	margin-top:0px;
	margin-bottom:50px;
	left:-30px;
}

.mouseover__conts02 .mouseover__box img{
	margin-top:0px;
}

.mouseover__box{
  display: none;
  position: absolute;
  top:-235px;
	left:30px;
  width: 250px;
	height:230px;
  padding: 5px 10px;
  font-size: 1.0em;
	z-index:999;
	border:0px;
}

.boxgraf{
  top:-245px;
	left:40px;
}


.boxleft{
	left:-160px;
}

#iconall03{
	display:none;
}


/*追加*/
#function #iconall .one{
  width: 41%;
	height:auto;
	margin:30px 0 0;
	padding:0 5px;
}

#function #iconall .iconone{
	margin:30px auto 0;
	text-align:center;
	display:inline;
  width: 40%;
	height:auto;
}



/*function*/

#question{
	width:95%;
	margin:30px auto 50px;
}

#question h2{
	font-size:1em;
	border-radius:15px;
	width: 100%;
	padding: 8px 0;
	margin: 0px auto 50px;
}

.accordion_title {
	font-size:0.9em;
	border-radius:15px;
  width: 87%;
  padding: 0.4em 2.3em 0.4em 0.9em ;
}



#features{
	margin:20px 0 160px 0px;
}

#features br{
	display:inline;
}
#features .text{
	font-size:0.9em;
}
#features .three{
	display:block;
	margin:0 0 0 17%;
}
#features h1{
	margin:0 0 50px;
	font-size:1.4em;
}
#features .text{
	font-size:0.9em;
}






.swiper-custom-parent {
	height:180px;}

.swiper-slide .titlesub img{
	height:140px;
	width:auto;}

.titlesub{
	font-size:0.82em;
	width:90%;
	line-height:26px;
}


/*price*/


#price table{
	margin:0 auto 20px; 
	width:95%;
}
#price td{
	padding:22px 20px;
	font-size:1.0em;
}


#price .small{
	font-size:0.7em;
}
#company{
	margin:-80px 0 0px;
}

#company h2{
	margin:0 0 10px;
}

#company .crmlogo{
	margin:0 auto 60px;
	width:80px;
}

#company .copy, #company .consult{
	width:90%;
	text-align:justify;
}
#company .copy{
	margin:20px 0 0 20px;
	font-size:1.6em;
}
#company .detail{
	width:90%;
	text-align:left;
	margin:90px 10px 120px;
}
#company .detail h3{
	width:150px;
	margin:30px 0 0 15px;
	font-size:1.4em;}
#company table{
	margin:30px 0px 50px;
	width:100%;
	padding:2px;
	border:0px solid#333;
}
#company table .right{
	width:240px;
}

#bpmlp{
	width:100%;
	margin:-30px 0 190px;
}
#bpmlp h2{
	width: 100%;
	padding: 11px 0;
	margin: 0px auto 0px;
	font-size:1.15em;
	}

#bpmlp h2:after {
	font-size:0.85em;
  top: -20px;
left:0;
}
#bpmlp h3{
	margin-left:-40px;
	width:80%;
}
#bpmlp h3 .fuki{
	left:55px;
	font-size:0.9em;
	margin-top:-20px;
	width:150px;
	padding: 2px 20px 2px 0px;
}


#bpmlp .fukidashi{
	margin:70px 0 0 -70px;
	text-align:center;
	font-size:0.7em;
}

#bpmlp .marker01{
	font-size:2.05em;
}
#bpmlp .marker02{
	font-size:1.90em;
	margin:-5px 0 0 0px;
}
#bpmlp .marker03{
	font-size:1.90em;
	margin:-5px 0 0 0px;
}

#bpmlp .marker03 br{
	display:inline;
}
#bpmlp .lp02tl br{
	display:inline;
}

#bpmlp .lp02tlrr{
	padding-left:50px;
}
#bpmlp .lp03tl{
	padding-left:20px;
}

#bpmlp .lp03tl br{
	display:inline;
}
#bpmlp .h2span{
	letter-spacing:-0.05em;
}

#bpmlp .bpmlptext{
	font-size:1.05em;
	text-align:left;
	line-height:40px;
	width:90%;
	margin: 80px auto 110px;
	display:inline;
}

#bpmlp .bpmlptext .textbefore, #bpmlp .bpmlptext .textafter{
	width:74%;
	padding:20px 30px;
	margin:20px;
	}

#bpmlp .bpmlptext .textafter{
	margin:20px auto 120px;}

#bpmlp .bpmlptext03{
	font-size:0.95em;
	text-align:left;
	line-height:32px;
	margin: -30px auto 40px;
	display:inline-block;
}


#bpmlp .bpmlptext04{
	font-size:1.2em;
	text-align:justify;
	width:70%;
	padding-left:60px;
	margin: 20px auto 0px;
}


#bpmlp .lp01bimg{
	display:none;
}

#bpmlp .bpmlptext01,#bpmlp .bpmlptext02{
	width:78%;
}
.bpmlptext02{
	margin-bottom:130px;
}

#bpmlp .bpmlpimg{
	margin: 40px auto 50px;
	text-align:center;
	width:95%;
}

#bpmlp .bpmlptext03{
	font-size:0.95em;
	text-align:center;
	line-height:32px;
	width:90%;
	margin: -20px 0 40px 10px;
	display:inline-block;
}


#bpmlp .bpmlptext03 .manage01, .manage02, .manage03{
	margin: 20px auto 0px;
	width:100%;
}



#bpmlp .bpmlpimg img{
	width:100%;
}

#bpmlp{
	margin:10px 0 0;
}

#bpmlp .bpmlptext{
	width:99%;
	position:relative;
	margin:0px auto 10px;
	line-height:30px;
}

#bpmlp .bpmlptext span{
	font-weight:bold;
	color:#25abf8;}


#bpmlp .bpmlptextflex{
	width:100%;
	display:inline;
    padding: 0px;
	margin:0;
}

#form{
	width:100%;
	margin:80px auto 10px;
}

#form h2{
	font-size:2em;
}

}

@media only screen and (max-width: 380px) {
#head .copytext{
	font-size:0.75em;
}
#information .article .more a{
	right:5px;
	top:	0px;
	left:230px;
}
}