*{		margin: 0;
		padding: 0;
		box-sizing: border-box;
}
html{	margin: 0;
		padding: 0;
		box-sizing: border-box;
scroll-behavior: smooth;
font-size: 1.5vw;
}
body {
	width:100vw;
	max-width: 100vw;
	overflow-x: hidden;
  box-sizing : border-box;
	background: #f5f5f5;
  background-image: radial-gradient(#e6e6e6 20%, transparent 0), radial-gradient(#e6e6e6 20%, transparent 0);
  background-position: 0 0, 30px 30px;
  background-size: 10px 10px;
}
a{
	text-decoration: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"] {
 -webkit-appearance: none;
}
.pcimg{
	display: block;
}
.mbimg{
	display: none;
}
.ipadimg{
	display: block;
}
.smartimg{
	display: none;
}
.nav__dot {
 display: none;
}
.nav__dot {
 display: block;
 position: fixed;
 top: calc(50% - 125px);
 right: 20px;
 z-index: 3;
}
.nav__dot li {
	list-style: none;
 width: 10px;
 height: 10px;
 margin: 0 0 30px;
 background: rgba(0, 58, 58, 0.2);
 border-radius: 50%;
 cursor: pointer;
 transition: background 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.nav__dot li.current {
 background: rgba(131, 172, 221, 0.8);
 transition: background 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.nav__dot li:last-child {
 margin: 0;
}
.color1{
	color:#63baab;
}
.color2{
	color: #633d15;
}
.orange{
	color:#ff7900;
}
.bigname{
max-width:150px;
	font-size: 1.2em;
	text-align: center;
	margin: 10px auto 30px;

}
.nmbig{
	font-size: 1.8em;
	vertical-align: -2px;
}
#header{
	position: absolute;
	top:0;
	left: 0;
padding:0px 0px 0px 0px;
width:100%;
}
.inner{
margin:0% auto 0;
width:100%;
height: auto;
}
.h-t{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 20px;
	height: 100vh;
}
.logo{
	width: 100%;
	position: relative;
}
.company-name{
}
.logo-big{
	width: 100%;
}
.logo-big img{
	width: 100%;
	max-width: 300px;
}
h1{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color:#fff;
	font-size: 4vw;
	/*text-shadow: 1px 1px 3px #222;*/
	position: absolute;
margin-top: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
/*background: rgba(75, 96, 154, 0.7);*/
padding: 10px;
}

h1 img{
	width: 100%;
	height: 100%;
	max-width: 768px;
}
.top-info{
	display: flex;
	justify-content: center;
}

.top-info a {
	width: 100%;
}
.top-info  a img{
	max-width:300px;
}
#menu-box{
}
/* ---------------------------------------- ナビ上に関する指定 */
#menu{
	background: #fffcd5;
  width: 80%;
	margin: 0 auto;
  display: flex;
	justify-content: space-around;
  padding: 0;

}
#menu li{
  display: block;
  float: left;
  margin:0 auto;
  padding: 0;
	font-size: 14px;
	font-weight: bold;
}
#menu li a{
  display: block;
  padding: 12px 0 10px;
  color: #000;
  text-align: center;
  text-decoration: none;
  transition: .3s;

}
#menu li a:hover{
}

#toggle{
 display: none;
}
.menu-box2{
	display: none;
}
/*----------------------------------------------------------*/
#wrapper{
}

#top{
	width: 100%;
	height: 100vh;
	background-image: url("img/top.png");
	background-size: cover;
	background-position: bottom;
	text-align: center;
	display: block;
	justify-content: center;
	align-items: center;
	padding: 50px 0;
}
/*-------------------------------------------------------------------*/
.box100{
	width: 100%;
	padding: 20px 10px 10px;
	display: flex;
	justify-content: center;
	background: #4b609a;
}
.report{
	width: 100%;
	max-width: 768px;
	margin: 0px auto;
	display: block;
	justify-content: center;
}
.report h2{
	width: 100%;
	color:#fff;
	background:#ff7900;
	padding:10px 20px;
	text-align: center;
	font-size:20px;
}
.report-in{
	padding: 0px 20px 10px;
	display: flex;
	justify-content: space-between;
}
.ri-left{
}
.ri-left img{
	width: 100%;
}
.ri-right{
	width: 50%;
	display: block;
}
.rir-top{
	width: 100%;
}
.rir-top img{
	width: 100%;
}
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	padding:10px;
}
table.formTable th{
	width:130px;
	font-weight:bold;
	text-align:left;
	font-size: 15px;
	color:#fff;
}
table.formTable td input{
	width:100%;
	height:30px;
	border-radius: 2px;
	border: 1px solid #ddd;
  background: #eaedf2;
	font-size:14px;
}
input[type="image" i]{
	width:100%;
	height: 100%;
}
.form-btn{
	display: flex;
	justify-content: center;
	margin-top:5px;
}
.report-out{
	padding: 10px 20px 10px;
	display: block;
	justify-content:center;
	text-align: left;
	border-top: 1px solid #ddd;
}
.report-out p{
	font-size:12px;
	margin-top: 5px;
	color:#fff;
}
.decorated-btn {
	width: 95%;
  background-color: #c64467;
	color:#fff;
	padding: 2px 10px;
  font-size: 18px;
  border-radius: 5px;
	border: none;
  border-bottom: solid 3px #7b2c41;
  transition: 0.3s;
}

.click-down:active {
  transform: translateY(2px);
  border-bottom: none;
}

.decorated-btn:hover {
  opacity: 0.8;
}
/*-------------------------------------------------------------------*/
.main01{
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
	display: block;
	background: rgba(255, 252, 212, 0.3);
}
.main02{
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
	display: block;
	background: rgba(212, 246, 255, 0.3);
}
.main03{
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
	display: block;
	background: rgba(212, 255, 212, 0.3);
}
.c-blue{
	color:#536dab;
}
/*-------------------------------------------------------------------*/
.box0{
	width: 100%;
	padding:0px 0 30px;
	text-align:center;
}
.box0 h2{
	width: 100%;
	padding: 20px 0 10px;
	background: #2f4795;
}
.box0 h2 img{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.box0-in{
		width: 90%;
		max-width: 768px;
		margin: 0 auto;
		display: block;
		justify-content: center;
}
img.b0i1-img{
	width: 100%;
	height: 100%;
	max-width: 450px;
	margin:20px auto;
}
.boi1-ul{
text-align: left;
font-size:18px;
list-style: none;
}
.boi1-ul li{
	margin-bottom: 10px;
}
/*-----------------------------------*/
.boxa{
	width: 100%;
	padding:0px 0 30px;
	text-align:center;
}
.boxa h2{
	width: 100%;
}
.boxa h2 img{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.boxa-in{
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		align-items: center;
}
img.bai1-img{
	width: 25%;
	height: 25%;
	margin:20px auto;
}
.bai1-mini{
	width: 65%;
	display: block;
	justify-content: center;
	font-size: 18px;
	text-align: left;
}
img.bai1mini-img{
	width: 100%;
	height: 100%;
}
/*-----------------------------------*/
.boxb{
	width: 100%;
	padding:0px 0 30px;
	text-align:center;
	background-image: url("img/bg-bb.png");
	background-size: contain;
	background-position: top center;
}
.boxb h2{
	width: 100%;
	padding: 20px 0 10px;
	background: #2f4795;
}
.boxb h2 img{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.boxb-in{
		width: 90%;
		max-width: 768px;
		margin: 0 auto;
		display: block;
		justify-content: center;
}
.bb-top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 50px 0 20px;
}
.bbi1-img{
	width: 30%;
	height: 30%;
	max-width: 200px;
}
.bbi1-p{
	width: 65%;
	text-align: left;
	font-size: 18px;
}
.bb-bottom{
	width: 100%;
display: block;
}
.bbb-mini{
	display: flex;
	justify-content: center;
	align-items: center;
}
.bbb-mini img{
	width: 50%;
	height: 50%;
}
/*----------------------------------*/
.boxc{
	width: 100%;
  padding:50px 0 50px;
  background-color: #fff;
}
.boxc-in {
 position: relative;
 margin: 50px auto 0;
 width: 90%;
 max-width: 768px;
 border: 5px solid #344b9e; /* 枠線の太さ・色 */
 padding: 30px;
}
.boxc-in h2 {
	width: 100%;
	max-width: 450px;
	text-align: center;
 position: absolute;
 padding: 0 .5em;
 left: 50%;
 top:-30px;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
}

.boxc-in h2 img{
	width: 100%;
	margin: 0 auto;
}
.bci-top{
	width: 100%;
	font-size: 18px;
	margin-top: 50px;
}
.bci-top figure{
	float: right;
	margin: 0 0 15px 15px;
	width: 30%;
}
.bci-top figure img{
width: 100%;
max-width: 300px;
}
.bcit-img{
	width: 100%;
	max-width: 400px;
}
.bci-bottom{
width: 90%;
max-width: 768px;
padding:20px 30px;
margin: 0px auto 0px;
color:#fff;
	background: #344b9e;
	font-size: 18px;
	font-weight: bold;
}
.cbi-pa{
	width: 100%;
	background: #fff;
	padding:10px 10px;
	border-radius: 10px;
	color:#344b9e;
	text-align: center;
}
.cbi-pa a{
	width: 100%;
}
/*-----------------------------------*/
.box1{
	width: 100%;
	padding:50px 0 30px;
	text-align:center;
}
.box1-in{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
}
.box1-in h2{
	font-size: 30px;
	text-align: center;
}
.box1-in h2 img{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.diff{
	font-weight: bold;
	margin: 30px auto;
	width: 95%;
	max-width: 1200px;
	font-size: 30px;
}
.diff p{
	margin-bottom: 20px;
}
.diff img{
	width: 100%;
	height: 100%;
}
.box1-mini1{
	display: flex;
	justify-content: center;
  position:relative;
  width: 100%;
	margin-top: 30px;
}
.fh1{
	padding-bottom:5vh;
}
.fh2{
	padding-bottom:5vh;
}
.fh3{
	padding-bottom:10vh;
}
.b1m-left{
  position:absolute;
  top:0px;
  left:0px;
	width: 55%;
	font-size: 15px;
	z-index: 2;
	padding: 40px;
	text-align: left;
	background: #fff;
}
 .b1m-left h3{

	 	font-size: 30px;
	 	line-height: 1.5em;
 }
.main01 .b1m-left h3{
	color:#ff7900;
}

.main02 .b1m-left h3{
	color:#4b609a;
}

.main03 .b1m-left h3{
	color:#4aa03c;
}
.b1ml-mini{
	margin: 20px 0 0;
}
.b1ml-mini h4{
font-size: 1.2em;
	border-bottom: 1px solid #000;
}
.b1ul1 li{
	list-style: none;
	margin:10px 0;
	font-size: 1.2em;
}
.b1m-txt{
	margin-top: 20px;
	font-size: 1em;
}
.b1ml-mini2{
	margin: 20px 0 0;
}
.b1ml-mini2 h4{
	border-bottom: 1px solid #000;
}
.b1ul2 li{
	list-style: none;
	margin:10px 0;
}
.b1ml-midashi span{
	background: #9a4b60;
	font-size: 1em;
	color:#fff;
	padding: 1px 10px;
	border-radius: 10px;
}
.b1m-right{
  position:absolute;
  top:35px;
  right:0px;
	width:50%;
  font-size:12px;
	z-index: 1;
}
.b1m-right img{
	width:100%
}
/*-------------------------------------------------------------------*/
.box2{
	width:100%;
	padding:0px 0 30px;
  position: relative;
	margin-top: 50px;
}

.box2 h2{
	width: 100%;
	text-align: center;
	font-size:30px;
}
.box2-in{
	width: 90%;
	max-width: 768px;
	margin: 30px auto 0;
	display: block;
	text-align: center;
}
.box2-in h3{
	font-size: 27px;
	margin:40px auto 30px;
}
.box2-mini{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box2-mini ol {
  counter-reset: my-counter;
  list-style: none;
  padding:30px 0 0;
}

.box2-mini ol li {
  margin-bottom:30px;
  padding-left: 30px;
  position: relative;
	text-align:left;
	font-size: 18px;
}
.box2-mini ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #e57109;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.box2-mini img{
	width:300px;
	height:270px;
}
.box2-comment{
max-width: 768px;
margin: 20px auto;
padding: 0.8em;
text-align: center;
font-weight: bold;
text-decoration: none;
transition: .4s;
font-size:30px;
}
/*-------------------------------------------------------------------*/
.box-voice{
	width:100%;
	margin: 50px 0 50px;
  position: relative;
}

.box-voice h2{
	width: 100%;
	text-align: center;
	font-size:24px;
	padding: 10px 0;
	color:#fff;
	background: #66c06d;
}
.bv-in{
	width: 90%;
	max-width: 768px;
	margin: 0px auto;
	display: block;
	text-align: center;
	background: #fff;
	border: 3px solid #66c06d;
}

.sekoujirei{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.sekoujirei p{
	width: 100%;
	padding: 5px 20px;
	text-align: left;
font-size: 15px;
}
.main01 .sekoujirei p{
	background: #e57109;
}
.main02 .sekoujirei p{
  background: #4b609a;
}
.main03 .sekoujirei p{
	background: #4aa03c;
}
.sekoujirei p a{
	text-decoration: none;
	color:#fff;
}
.sekou-img{
	width: 100%;
	display:flex;
	justify-content: center;
}
.sim-mini{
	width: 50%;
	display:flex;
	justify-content: center;
}
.sim-mini img{
	width: 50%;
	height:100%;
}
.bv-mini{
	padding: 20px 20px 40px;
	font-size: 15px;
    position: relative;
}
.bv-mini p{
	margin-bottom: 20px;
}
.bv-mini p:last-child{
	margin-bottom: 0px;
}
.bv1{
	float: left;
	width: 40%;
	margin: 0 20px 0 0px;
}
.bv1 img{
width: 100%;
max-width: 400px;
}
.bv2{
	float: right;
	width: 40%;
	margin:0 0px 0 20px;
}
.bv2 img{
width: 100%;
max-width: 400px;
margin-left: 20px;
}
.grad-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 148px;
	margin:0px auto 10px;
	z-index: 2;
	font-size: 13px;
	text-align: center;
	padding: 1px 10px;
	border-radius: 20px;
	border: 1px solid #66c06d;
	color:#66c06d;
}
.grad-btn::before {
  content: "＋ 続きを読む";
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 250px; /*隠した状態の高さ*/
	text-align: left;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "✕ 閉じる"; /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
/*--------------------------------------------------------------------*/
.box-blue{
	width: 100%;
	padding:0px 0 30px;
	text-align:center;
}
.box-blue-title{
	background: #4f66b8;
	color:#fff;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-blue-title h2{
	text-align: center;
}
.box-blue-title h2 img{
	max-width: 450px;
	margin: 0 auto;
	display: block;
	vertical-align: bottom;
}
.box-blue-in{
	width: 90%;
	max-width: 768px;
		margin: 0 auto;
}
.box-bluein h2{
	font-size: 30px;
	text-align: center;
}
.box-blue-in h2 img{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.box-blue-mini1{
	display: flex;
	justify-content: space-between;
  width: 100%;
	margin-top: 30px;
}

.box-blue-right{
	width: 70%;
	font-size: 15px;
	z-index: 2;
	text-align: left;
}

.box-blue-txt{
	margin-bottom: 20px;
	font-size: 1em;
}
.box-blue-txt:last-child{
	margin-bottom: 0px;
}
.box-blue-left{
	width:25%;
  font-size:12px;
	z-index: 1;
}
.box-blue-left img{
	width: 100%;

}

/*--------------------------------------------------------------------*/
.box-voice2{
	width:100%;
	margin: 0px 0 20px;
}

.box-voice2 h2{
	width: 100%;
	text-align: center;
	font-size:24px;
	padding: 10px 0;
	color:#fff;
	background: #4f66b8;
}
.bv-in2{
	width: 90%;
	max-width: 768px;
	margin: 0px auto;
	display: block;
	text-align: center;
	background: #fff;
	border: 3px solid #4f66b8;
		font-size: 15px;
}

.bv-mini2{
}
.bv-item2{
	text-align: left;
	padding: 20px 20px 20px;
}
.bv-item2 p{
	margin-bottom: 20px;
}
.bv-item2 p:last-child{
	margin-bottom: 0px;
}
.c-voice{
	text-align: center;
}
.c-voice img{
	width: 100%;
	max-width: 450px;
	margin: 20px auto 0;
}
/*--------------------------------------------------------------------*/
.boxsss{
width:100%;
margin: 20px 0 50px;
position: relative;
}

.boxsss h2{
width: 100%;
text-align: center;
font-size:24px;
margin-bottom: 20px;
}
.boxsss-in{
width: 90%;
max-width:768px;
margin: 0px auto;
display: block;
text-align: center;
}

.boxsss-mini{
width: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content:space-between;
margin-bottom: 4%;
}
.bsm-1{
width: 48%;
display:flex;
justify-content: center;
background: #fff;
padding: 10px;
}
.bsm-tt{
	border-bottom: 1px solid #000;
}
.bsm-1 img{
	width: 40%;
	max-width: 200px;
}

.bsm-1 p{
	font-size: 15px;
	margin-left: 20px;
	text-align: left;
}
/*-------------------------------------------------------------------*/

.box-qa{
	width:100%;
	margin: 50px 0 50px;
  position: relative;
}

.box-qa h2{
text-align: center;
margin-bottom: 20px;
}
.box-qa h2 img{
display: block;
vertical-align: bottom;
width: 100%;
max-width: 450px;
margin:0 auto;
}
.box-qa-in{
	width: 90%;
	max-width: 768px;
	margin: 0px auto;
	display: block;
	font-size: 18px;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab:first-child {
}
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;
	cursor: pointer;
	border-bottom: 1px solid #1b2538;
}
.cp_qa .cp_actab label:hover {
	color: #4b609a;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
background: #ededed;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {
	color:#4b609a;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {
	line-height: 1.6;
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 3em;
	margin-top: -12.5px;
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	text-align: center;
}
.cp_qa .cp_actab input[type=checkbox] + label::after {
	content: '\25BC';
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.answer-red{
	color:#9a4b60;
}
/*-------------------------------------------------------------------*/
.box3{
	width: 100%;
	margin: 0 0 30px;
}
.box3-in{
		width: 90%;
		margin: 0px auto;
		display: block;
		text-align: center;
}

.box3-in a{
	width: 100%;
}

.box3-in a img{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.bgwhite{
	padding-bottom: 20px;
	background: #fff;
}
.box3-txt{
	width: 100%;
	max-width: 600px;
	margin: -10px auto 0;
	padding: 10px;
	border:2px solid #4f66b8;
	background: #fff;
}
.box3-txt p{
	font-size: 14px;
	text-align: left;
}
.box3-txt p a{
	color:#344b9e;
}
/*-------------------------------------------------------------------*/
.box4{
	width: 100%;
	padding: 0px 0px 00px;
	background: #fff;
}
.box4 h2{
	font-size: 30px;
	text-align: center;
	color:#fff;
	padding: 20px 0;
	background: #2f4795;
}
.box4-in{
		width: 90%;
		max-width: 768px;
		margin: 0px auto;
		display: block;
		text-align: center;
}
.box4-in h3{
	color:#2f4795;
	margin: 30px auto;
		font-size: 27px;
}
.box4-in h3 span{
	border-bottom: 3px solid #2f4795;
}
.box4-mini1{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box4-left1{
	width:45%;
}
.box4-right1{
	width: 52%;
	display: block;
	font-size: 15px;
}
.box4-right1 p{
	text-align: left;
	margin-left: 20px;
}
.box4-left1 img{
	width: 100%;
}
.box4-right1 img{
	width: 100%;
}
.box4-mini2{
	width: 100%;
	display: block;
	justify-content:center;
	font-size: 15px;
	text-align: left;
	margin: 20px auto;
}
.box4-mini2 p{
	margin-bottom: 20px;
}
.box4-mini2 p:last-child{
	margin-bottom: 0px;
}
/*--------------------------------------------------------------------*/
.boxc2{
	width: 100%;
  padding:30px 0 30px;
  background-color: #fff;
}
.boxc2-in {
 position: relative;
 margin: 50px auto 0;
 width: 90%;
 max-width: 768px;
 border: 5px solid #d0266e; /* 枠線の太さ・色 */
 padding: 30px;
}
.boxc2-in h2 {
	width: 100%;
	max-width: 450px;
	text-align: center;
 position: absolute;
 padding: 0 .5em;
 left: 50%;
 top:-20px;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
}

.boxc2-in h2 img{
	width: 100%;
	margin: 0 auto;
}
.bc2i-top{
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	display: block;
	justify-content: center;
}
.bc2it-mini-1{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bc2it-mini-1 img{
	width: 32%;
}
.bc2it-mini-2{
	margin: 20px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bc2it-mini-2 img{
	width: 100%;
}
.bc2it-mini-3{
display: block;
justify-content: center;
text-align: left;
font-size: 18px;
}
.bc2it-mini-3 p{
}
/*-------------------------------------------------------------------*/
.box5{
	width: 100%;
	padding: 0px 0px 00px;
}
.box5-in{
		width: 90%;
		max-width: 768px;
		margin: 0px auto;
		display: block;
		padding:2% 3%;
}
.box5-in h2{
	font-size: 24px;
	text-align: left;
}
.box5-mini{
	display: block;
	margin-top: 20px;
	font-size: 15px;
}
.box5-mini figure img{
	float: left;
	width: 35%;
	margin-right: 20px;
	max-width: 200px;
}
.box5-mini p{
	margin-bottom: 20px;
}
.box5-mini p:last-child{
	margin-bottom: 0px;
}
/*-------------------------------------------------------------------*/
.box7{
	width: 100%;
	padding: 100px 0 50px;
	background-image: url("img/box7-bg2.png");
	background-size: cover;
	background-position: top center;
}
.box7 h2{
	width: 90%;
	background:#4b609a;
	max-width: 690px;
	color:#fff;
	padding:10px 20px;
	margin: 0 auto;
	text-align: center;
	font-size:30px;
	border-radius: 5px;
}
.mailform{
	width:90%;
	max-width: 690px;
	margin: 50px auto;
	background: #fff;
	border-radius: 5px;
	padding: 20px;
}
.mailform h3{
text-align: center;
font-size:24px;
margin: 20px auto;
}
.mailform h3 span{
border-bottom: 1px solid #000;
}
.mailform p{
	width:100%;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 14px;
}
.tel-form{
		width:90%;
		max-width: 690px;
		margin: 50px auto;
		background: #fff;
		border-radius: 5px;
		padding: 20px;
}
.tel-form h3{
text-align: center;
font-size:24px;
margin: 20px auto;
}
.tel-form h3 span{
border-bottom: 1px solid #000;
}
.tel-form img{
	width: 100%;
}
.tel-form p{
	font-size: 15px;
	text-align: center;
	margin-top: 20px;
}
/*-------------------------------------------------------------------*/
.fixed-pc {
position: fixed; /* 要素の位置を固定する */
bottom: 0; /* 基準の位置を画面の一番上に指定する */
left: 0; /* 基準の位置を画面の一番左に指定する */
margin: 0; /* 要素の余白を０にする */
 /* 要素内側の余白を指定する */
color:white; /* フォントの色を指定する */
text-align:center;
width: 100%;
display: flex;
justify-content: space-around;
background: rgba(51,51,51,0.8);
padding:10px 0;
z-index: 5;
}
/*
.fixed-pc a{
	width:400px;
	border-radius: 5px;
	color:#fff;
	text-align: center;
	padding:5px 10px;
	font-size: 18px;
}
.fixed-pc a:hover{
border-bottom: none;
}
*/
.btn,
a.btn,
button.btn {
	width: 370px;
  font-size:15px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding:10px 20px 10px 60px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-tag {
  color: #fff;
}
.fpc-left{
background: #c64467;
}
.fpc-right{

	background: #4b6dca;
}
a.btn-tag:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 50px;
  height: 100%;

  content: "";

  border-radius: 0.5rem 0 0 0.5rem;
  background: rgba(0, 0, 0, 0.07);
}

a.btn-tag i {
  font-size: 120%;

  position: absolute;
  top: 0;
  left: 0;

  width: 50px;
  padding: 10px 0;

  text-align: center;
  letter-spacing: 0;
}


/*
.fpc-right{
position: relative;
	  background-image: -webkit-gradient(	linear,	left top,	right top,	color-stop(40%, #ff3cac),	to(#562b7c)	  );
	  background-image: -webkit-linear-gradient(left, #ff3cac 40%, #562b7c 100%);
	  background-image: linear-gradient(90deg, #ff3cac 40%, #562b7c 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);

}
.fpc-left{
position: relative;
		  background-image: -webkit-gradient(	linear,	left top,	right top,	color-stop(40%, #ff3cac),	to(#562b7c)	  );
		  background-image: -webkit-linear-gradient(left, #ff3cac 40%, #562b7c 100%);
		  background-image: linear-gradient(90deg, #ff3cac 40%, #562b7c 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);

}
*/
.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
.fixed-mb{
	display: none;
}
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
footer{
    background: #4b609a;

	color: #fff;
width: 100%;
height:auto;
font-size: 20px;
padding: 20px 0 80px;
}

.f-inner{
	width: 90%;
	margin: 0 auto;
}
.f-info{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 20px 0;
}
.f-info ul{
	width: 100%;
	list-style: none;
	font-size: 15px;
}
.f-info ul li{
	margin-bottom: 10px;
}
.copy{
	width: 100%;
	color: #fff;
	text-align:center;
  margin-top: 10px;
	font-size: 15px;

}

@media only screen and (max-width:900px) {
	.logo{
	}
		h1{
		}
	.logo-big img{
		max-width: 200px;
	}

	#top{
		padding: 0px 0;
	}
}
@media only screen and (max-width:768px) {

	.pcimg{
		display: none;
	}
	.mbimg{
		display: block;
	}
	.nav__dot {
		display: none;
		/*
top: 50%;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 right: 15px;
	 */
	}
	.nav__dot li {
	 width: 10px;
	 height: 10px;
	 margin: 0 0 15px;
	}
	#header{
	width:100%;
	}
	.inner{
	}
	.h-t{
		height: 55vh;
		padding: 0;
	}
	.logo{
		width: 100%;
		position: relative;
	}
	h1{

	}
	.company-name{
	}
	.logo-big{
		padding: 15px;
	}
	.logo-big img{
	}
	.top-info{
	}

	.top-info a {
	}
	.top-info  a img{
		max-width:200px;
	}

	/*----------------------------------------------------------*/
	#wrapper{
	}


	#top{
		height: 50vh;
	}
	/*-------------------------------------------------------------------*/
	.box100{
		padding: 10px 10px 10px;
	}
	.report{
	}
	.report h2{
		font-size:18px;
	}
	.report-in{
		padding: 20px;
		max-width: 450px;
		margin: 0 auto;
		display: block;
		justify-content: center;
	}
	.ri-left{
		width: 100%;
	}
	.ri-left img{
		width: 100%;
	}
	.ri-right{
		width: 100%;
		display: block;
	}
	.rir-top{
		width: 100%;
	}
	.rir-top img{
		width: 100%;
	}
	#formWrap {
		width:100%;
		margin:0 auto;
		color:#555;
		line-height:120%;
		font-size:90%;
	}
	table.formTable{
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
	}
	table.formTable td,table.formTable th{
		padding:5px 0px;
  display:block;
	}
	table.formTable th{
		width:130px;
		font-weight:bold;
		text-align:left;
		font-size: 15px;
		margin-top: 10px;
	}
	table.formTable td input{
		width:100%;
		height:30px;
		border-radius: 2px;
		border: 1px solid #ddd;
	  background: #eaedf2;
		font-size:14px;
	}
	input[type="image" i]{
		width:100%;
		margin-top: 10px;
	}
	.form-btn{
		display: flex;
		justify-content: center;
		margin-top:20px;
	}
	.decorated-btn {
		width: 100%;
		padding:15px 20px;
	  font-size: 18px;
	}
	.report-out{
		padding: 10px 5%;
	}
	/*-------------------------------------------------------------------*/
	.box0{
	padding:0px 0 30px;
}
.box0 h2{
	margin: 0 auto;
	padding: 20px 0 10px;
}
.box0 h2 img{
	width: 90%;
	max-width: 350px;
	margin: 0 auto;
}
.box0-in{
}
img.b0i1-img{
	max-width: 350px;
}
.boi1-ul{
font-size:15px;
}
.boi1-ul li{
}
/*-----------------------------------*/
.boxa{
}
.boxa h2{
}
.boxa h2 img{
	max-width: 600px;
	margin: 0 auto;
}
.boxa-in{
		display: block;
		justify-content:center;
		align-items: center;
}
img.bai1-img{
	width: 100%;
	height:100%;
	max-width: 150px;
	margin:20px auto;
}
.bai1-mini{
	width: 100%;
	font-size: 15px;
}
img.bai1mini-img{
	width: 100%;
	height: 100%;
}
/*-----------------------------------*/

.boxb{
}
.boxb h2{
	width: 100%;
	padding: 20px 0 10px;
	background: #2f4795;
}
.boxb h2 img{
	width:90%;
	margin: 0 auto;
}
.boxb-in{
}
.bb-top{
	margin: 20px 0 20px;
}
.bbi1-img{
}
.bbi1-p{
	font-size: 15px;
}
.bb-bottom{
}
.bbb-mini{
}
.bbb-mini img{
}
/*----------------------------------*/
.boxc{
  padding:40px 0 40px;
}
.boxc-in {
 margin: 30px auto 0;
 padding: 20px;
 border: 3px solid #344b9e; /* 枠線の太さ・色 */
}
.boxc-in h2 {
	width: 90%;
	max-width: 400px;
 padding: 0 .5em;
 left: 50%;
 top:-30px;
}

.boxc-in h2 img{
	width: 100%;
	margin: 0 auto;
}
.bci-top{
	font-size: 15px;
	margin-top: 30px;
}
.bci-top figure{
}
.bci-top figure img{
}
.bcit-img{
}
.bci-bottom{
padding:10px 20px 15px;
	font-size: 16px;
}
.cbi-pa{
	padding:10px 10px;
	border-radius: 7px;
	font-size: 18px;
}
.cbi-pa a{
	font-weight: bold;
}
/*-----------------------------------*/
	.box1{
		padding:30px 0 0px;
	}
	.box1-in{
			width: 90%;
			max-width: 768px;
			margin: 0 auto;
	}
	.box1-in h2{
		font-size:24px;
	}
.box1-in h2 img{
	width: 90%;
	max-width: 300px;
}
	.box1-mini1{
		display: block;
		justify-content: center;
	   position: static;
	  width: 100%;
		margin-top: 10px;
		height: 100%;
	}
	.fh1{
		padding-bottom:0;
	}
	.fh2{
		padding-bottom:0;
	}
	.fh3{
		padding-bottom:0;
	}
	.b1m-left{
	   position: static;
	  top:0px;
	  left:0px;
		width: 100%;
		font-size: 15px;
		padding: 40px;
	}
	.b1m-left h3{
		font-size:24px;
	}
	.b1m-right{
	   position: static;
	  top:35px;
	  right:0px;
		width: 100%;
	}
	.b1m-txt{
	}
	.b1ml-mini{
	}
	.b1ml-mini2{
	}
	.sekou-img{
		width: 100%;
		display: block;
	}
	.sim-mini{
		width: 100%;
		display:flex;
		justify-content: center;
	}
	.sim-mini img{
		width: 50%;
		height:100%;
	}
	/*-------------------------------------------------------------------*/
	.box2{
		width:100%;
		padding:0px 0 10px;
		margin-top: 50px;
	}

	.box2:before {
	}

	.box2 h2{
		font-size:24px;
	}
	.box2-in{
	}
	.box2-in h3{
		font-size:20px;
	}
	.box2-mini{
		width: 100%;
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
	}
	.box2-mini ol {
		max-width: 500px;
		margin: 0;
	  counter-reset: my-counter;
	  list-style: none;
	  padding:0px 0 0;
	}

	.box2-mini ol li {
	  margin-bottom:20px;
	  padding-left: 30px;
		font-size: 15px;
	}
	.box2-mini ol li:before {
	}
	.box2-mini img{
		width:240px;
		height:200px;
	}
	.box2-comment{
	margin: 20px auto;
	padding: 0.8em;
	font-size:24px;
	}
	/*-------------------------------------------------------------------*/
	.box-voice{
		width:100%;
		margin:20px 0 0;
	  position: relative;
	}
	.box-voice h2{
		font-size:18px;
	}
	/*-------------------------------------------------------------------*/
	.box-blue-title h2{
	text-align: center;
}
.box-blue-title h2 img{
	width: 90%;
	max-width: 450px;
	margin: 0 auto;
	display: block;
	vertical-align: bottom;
}
.box-blue-right{
	width: 100%;
}
.mbbbr-img{
	width:150px;
	float: left;
	margin-right: 10px;
}
.box-blue-left img{

}

/*--------------------------------------------------------------------*/
.box-voice2{
}

.box-voice2 h2{
	font-size:20px;
	padding: 10px 0;
}
.c-voice{
	width: 90%;
margin: 20px auto 0;
	text-align: center;
}
.c-voice img{
	max-width: 400px;
	margin: 0px auto 0;
}
	/*-------------------------------------------------------------------*/
	.boxsss h2{
		font-size:24px;
	}

	.boxsss-mini{
	display: block;
	justify-content:center;
	margin-bottom: 0;
	}
	.bsm-1{
	width: 100%;
	display:flex;
	justify-content: flex-start;
	padding: 10px;
	margin-bottom: 10px;
	}
	.bsm-tt{
		border-bottom: 1px solid #000;
	}
	.bsm-1 img{
		width: 30%;
		max-width: 150px;
	}
	/*-------------------------------------------------------------------*/

	.box-qa h2{
	}
	.box-qa h2 img{
	width:85%;
	max-width: 450px;
	}
	.box-qa-in{
		font-size: 15px;
	}
	/*-------------------------------------------------------------------*/
	.box3{

	}

	.box3-txt{
	margin: -5px auto 0;
		padding: 5px;
		border:1.5px solid #4f66b8;
	}
	.box3-txt p{
		font-size: 12px;
	}
	/*-------------------------------------------------------------------*/
	.box4{
		margin: 0;
	}
	.box4 h2{
		font-size: 4vw;
		padding: 10px 5%;
		text-align: left;
	}
	.box4-in{
	}
	.box4-in h3{
		margin: 20px auto;
			font-size: 20px;
	}
	.box4-in h3 span{
		border-bottom: 3px solid #2f4795;
	}
	.box4-mini1{
		align-items: flex-start;
	}
	.box4-left1{
	}
	.box4-right1{
	}
	.box4-right1 p{
	}
	.box4-left1 img{
	}
	.box4-right1 img{
	}
	.box4-mini2{
	}
	.box4-mini2 p{
	}
	.box4-mini2 p:last-child{
	}
	/*-------------------------------------------------------------------*/
	.boxc2{
  padding:20px 0;
}
.boxc2-in {
 position: relative;
 margin: 50px auto 0;
 width: 90%;
 max-width: 768px;
 border: 3px solid #d0266e; /* 枠線の太さ・色 */
 padding: 30px;
}
.boxc2-in h2 {
	width: 85%;
	max-width: 400px;
}

.boxc2-in h2 img{
}
.bc2i-top{
	font-size: 15px;
	margin-top: 10px;
}
.bc2it-mini-1{
}
.bc2it-mini-1 img{
	width: 32%;
}
.bc2it-mini-2{
	margin: 20px auto;
}
.bc2it-mini-2 img{
}
.bc2it-mini-3{
font-size: 15px;
}
.bc2it-mini-3 p{
}
	/*-------------------------------------------------------------------*/
	.box5{
		width: 100%;
		padding-bottom: 30px;
	}
	.box5-in{
			padding:0;
	}
	.box5-in h2{
		font-size: 20px;
		text-align: left;
	}
	.box5-mini{
		margin-top: 20px;
		font-size: 15px;
	}
	.box5-mini figure img{
		width: 30%;
		margin-right: 20px;
		max-width: 150px;
	}
	.box5-mini p{
	}
	.box5-mini p:last-child{
	}
	/*-------------------------------------------------------------------*/
	.box6{
		margin: 30px auto;
		text-align: center;
	}
	.box6-comment {
		width: 400px;
		padding: 0.8em;
		font-size:24px;
	}
	.box6-comment:before {
	}
	.box6-comment:after {
	}
	.box6-in{
		margin: 20px auto;
	}
	.box6-in p{
	font-size: 15px;
	margin: 15px 0;
	}
	/*-------------------------------------------------------------------*/
	.box7{
		width: 100%;
		padding: 50px 0;
		background-image: url("img/form-bg.png");
	}
	.box7 h2{
		padding:10px;
		font-size:24px;
	}
	.mailform{
		margin: 30px auto;
		padding: 20px;
	}
	.mailform h3{
	font-size:18px;
	margin: 10px auto 20px;
	}
	.mailform h3 span{
	border-bottom: 1px solid #000;
	}
	.mailform p{
	}
	.tel-form{
			margin:30px auto;
			padding: 20px;
	}
	.tel-form h3{
	font-size:18px;
	margin: 10px auto;
	}
	.tel-form h3 span{
	}
	.tel-form img{
		width: 100%;
	}
	.tel-form p{
		font-size: 15px;
		text-align: left;
		margin-top: 10px;
	}
	/*-------------------------------------*/
	.fixed-pc {
		display: none;
	}
	.fixed-pc a{
		width:50%;
		border-radius: 0px;
	}
	.fixed-pc a:hover{
	border-bottom: none;
	}
	.fpc-right{
	}
	.fpc-left{
	}
	.fixed-mb{
	position: fixed; /* 要素の位置を固定する */
	bottom: 0; /* 基準の位置を画面の一番上に指定する */
	left: 0; /* 基準の位置を画面の一番左に指定する */
	margin: 0; /* 要素の余白を０にする */
	 /* 要素内側の余白を指定する */
	color:white; /* フォントの色を指定する */
	text-align:center;
	width: 100%;
	display:flex;
	justify-content: center;
	z-index: 5;
	border-top: 1px solid #fff;
	}

	.fixed-mb a{
		width:50%;
		border-radius: 0px;
		font-size: 12px;
	}
	.fixed-mb a:hover{
	border-bottom: none;
	}
	a.btn-tag i{
		width: 40px;
		padding: 18px 0;
	}
	a.btn-tag:before {
		width: 40px;
	}
	.btn, a.btn, button.btn{
		padding: 5px 10px 5px 40px;
	}
}

@media only screen and (max-width:700px) {
	.box3-in h2 {
	}

	.ri-left{
	}
	.ri-right {
}
}
@media only screen and (max-width:560px) {


}

@media only screen and (max-width:550px) {
	.logo-big {
    padding: 10px;
}
h1{
	font-size: 6vw;
}
.h-t{
	height: 60vh;
}
#top{
	height: 60vh;
}
	.box1-in h2 {
    font-size: 20px;
}
.b1m-left {
    padding: 5vw;
}
.b1m-left h3 {
    font-size: 4.5vw;
}
.b1ml-mini h4 {
    font-size: 1em;
}
.b1ul1 li {
    font-size: 1em;
}
.b1ul1 li:last-child {
    font-size: 1em;
		margin-bottom: 0;
}
.bsm-1 img {
    width: 100px;
		height: 75px;
}
.box2 h2 {
    font-size: 20px;
}
	.boxsss h2{
		font-size:18px;
	}
.box2-mini {
    width: 100%;
		max-width: 270px;
    margin: 30px auto 0;
    display: block;
    justify-content:center;
}
.box2-mini img {
	margin-top: 20px;
}
.box-voice {
    width: 100%;
    margin: 30px 0 30px;
    position: relative;
}
	.box-voice h2 {
	    font-size: 18px;
	}

	.cp_qa .cp_actab label {
    padding:20px 40px 20px 10px;
}
/*-----------------------------------------*/
.box7 h2 {
    font-size: 18px;
}
.mailform {
    margin: 30px auto;
    padding:20px 0px;
}
/*-------------------------------------*/

}

@media only screen and (max-width:450px) {
h1{
	width: 98%;
	padding: 5px;
}
	.ipadimg{
		display: none;
	}
	.smartimg{
		display: block;
	}
/*--------------------------*/

.box1-in {
	width: 95%;
}
.bv-in{
	width: 95%;
}
.bv-in2{
	width: 95%;
}
.bv1{
	width: 100%;
	text-align:center;
	float: none;
}
.bv1 img {
    width: 100%;
    max-width: 300px;
}
.bv2{
	width: 100%;
	text-align:center;
	float: none;
	margin: 0;
}
.bv2 img {
    width: 100%;
    max-width: 300px;
		margin: 0 auto;
}
.grad-item {
  height: 410px;
}
/*--------------------------*/
.bb-top{
	display: block;
	justify-content:center;
	margin: 20px 0 10px;
}
.bbi1-img{
	width: 100%;
	height: 100%;
	max-width: 150px;
}
.bbi1-p{
	width: 100%;
	text-align: left;
	margin-top: 10px;
	font-size: 15px;
}
	.bbb-mini{
		display: block;
		justify-content: center;
	}
	.bbb-mini img{
		width: 100%;
		height: 100%;
	}
/*--------------------------*/
.boxc{
  padding:30px 0 0;
}
.boxc-in {
	width: 100%;
 padding: 5%;
}
.boxc-in h2 {
    width: 90%;
    max-width: 400px;
    padding: 0 .5em;
    left: 50%;
    top: -30px;
}
.bci-top {
  margin-top: 20px;
	text-align: center;
}
.bci-top figure {
    float: none;
    margin: 0 auto 10px;
    width: 100%;
		max-width: 350px;
}
.bci-top p{
text-align: left;
}
.bci-bottom {
	width: 100%;
    font-size: 15px;
}

.cbi-pa {
    padding:5px 5%;
    border-radius: 7px;
    font-size: 16px;
		margin-top: 10px;
}
/*-----------------------*/

.mbbbr-img {
    width: 100%;
		max-width: 350px;
    float: none;
		margin: 0 auto 20px;
}
/*-----------------------*/
.box-qa {
    width: 100%;
    margin: 50px 0 20px;
    position: relative;
}
/*-----------------------*/
.box4 h2 {
    font-size: 18px;
    padding: 10px 5%;
}

.box4-mini1 {
    display: block;
		justify-content: center;
}
.box4-left1 {
    width: 100%;
		max-width: 400px;
		margin: 0 auto;
}
.box4-right1 {
    width: 100%;
		margin: 20px auto 0;
}
.box4-right1 img{
  padding-right: 5%;
}
.box4-right1 p {
    text-align: left;
    margin-left: 0px;
}
/*------------------------*/
.boxc2{
  padding:10px 0 0;
}
.boxc2-in {
	width: 100%;
 padding: 5%;
}
.boxc2-in h2 {
    width: 90%;
    max-width: 400px;
    padding: 0 .5em;
    left: 50%;
    top: -10px;
}
.bc2i-top {
  margin-top: 20px;
}
.bc2it-mini-1 {
    display: block;
    justify-content: center;
    align-items: center;
		text-align: center;
}
.bc2it-mini-1 img{
    width: 100%;
		max-width: 300px;
		margin: 0 auto 10px;
}

.bc2it-mini-2 {
    margin: 0px auto 20px;
}
/*--------------------*/
.box5-mini figure{
	text-align: center;
}
.box5-mini figure img {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
  float: none;
}
}
@media only screen and (max-width:340px) {
	.fixed-mb a {
    font-size: 11px;
}
}