#contents .mainArea {
  width:950px;
  margin:0 auto;
  padding:0;
  background:#fff;
}
.mainvisual {
  height: 139px;
  width: 950px;
  padding-top: 357px;
  background-image: url("../images/img_01.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}
.btn {
  text-align:center;
}
.btn a {
  background-color: #f67c10;
  padding: 15px 60px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 100px;
}
h1 {
  font-size: 27px;
  font-weight:900;
  text-align: center;
  text-shadow: none;
}
#wrapper h1 strong {
  font-size: 27px;
  font-weight: 900;
}
#contents .mainArea strong {
  color: #083b8b;
  text-shadow: none;
}
#contents .mainArea .inner {
  margin: 60px auto;
}
#contents .mainArea h2 {
  font-size: 24px;
  font-weight:900;
  text-align: center;
  text-shadow: none;
  color: #333;
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#wrapper h2 strong {
  font-size: 24px;
  font-weight: 900;
}
.logo-area {
  text-align: center;
}
.logo-area p {
  font-size: 16px;
  font-weight: 900;
}
.cta-area {
  background-color: #083b8b;
  text-align: center;
  padding: 35px 0 45px;
  color: #fff;
}
.cta-area p {
  font-size: 16px;
  line-height: 1.8;
}
#contents .mainArea h2.head30 {
  font-size: 30px;
  margin-bottom: 20px;
}
#contents .mainArea .test16 {
  font-size: 16px;
}
#contents .mainArea .center {
  text-align: center;
}
.flex-01 {
  display: flex;
  margin: 60px auto;
  justify-content: space-around;
}
.flex-01 .img-area img {
  width: 344px;
  height: 356px;
}
.flex-01 .text-area {
  font-size: 16px;
  font-weight: bold;
}
.flex-01 .text-area .c01 {
  color: #fdae48;
}
.flex-01 .text-area .c02 {
  color: #479fdc;
}
.flex-01 .text-area .c03 {
  color: #f37e5f;
}
.service-block {
  background-color: #f6f6f6;
  padding: 50px 60px;
}
#contents .mainArea .service-block h3 {
  background-color: #f6f6f6;
  border: none;
  color: #083b8b;
  font-size: 20px;
  line-height: 1.7;
  padding-left: 0;
  margin-top: 10px;
}
#contents .mainArea .service-block p {
  line-height: 1.7;
}
.service-block .img-area img {
  width: 320px;
  height: 226px;
}
.service-block .flex-02 {
  display: flex;
  margin: 20px auto;
  justify-content: space-around;
}
.block2 {
  background-color: #d6e3eb;
  padding: 60px 0 50px;
  text-align: center;
  margin-top: 40px;
}
.block2 .img-area img {
  width: 753px;
  height: 269px;
}
#contents .mainArea .block2 h2 {
  font-size: 20px;
  color: #083b8b;
  margin: 50px 0 0;
  font-weight: bold;
}
.block3 {
  text-align: center;
}
.block3 .img-area img {
  width: 646px;
  height: 184px;
}
.menu-area .flex-03 {
  display: flex;
  margin: 40px auto;
  justify-content: space-around;
}
.menu-area .flex-03 .text-area {
  background-color: #eaf6fd;
  padding: 40px 40px 20px;
  width: 520px;
}
.menu-area .flex-03 .img-area {
  width: 350px;
  text-align: center;
}
#contents .mainArea .menu-area .flex-03 .text-area h3 {
  background-color: #eaf6fd;
  border: none;
  padding: 0;
  margin: 0 0 20px;
  font-size: 20px;
  color: #083b8b;
}
#contents .mainArea .menu-area .flex-03 .text-area p {
  line-height: 1.8;
}
#contents .mainArea .menu-area .flex-03 .text-area p strong {
  color: #222;
  font-weight: bold;
}
.menu-area .flex-03 img.img_06 {
  width: 176px;
  height: 224px;
}
.menu-area .flex-03 img.img_07 {
  width: 204px;
  height: 215px;
}
.menu-area .flex-03 img.img_08 {
  width: 193px;
  height: 203px;
}
.menu-area .flex-03 img.img_09 {
  width: 207px;
  height: 229px;
}
#contents .mainArea .block4 h4 {
  background-color: #fff;
  border: none;
  color: #333;
  font-size: 20px;
  line-height: 1.7;
  padding: 0;
  margin: 30px auto 30px;
  text-align: center;
}
#contents .mainArea .block4 h5 {
  font-size: 16px;
  color: #083b8b;
  line-height: 1.7;
  margin: 20px auto;
  text-align: center;
  font-weight: bold;
}
.block4 h4,
.block4 h5,
.block4 p {
  width: 720px;
  margin: auto;
}
.block4 p span {
  font-weight: bold;
}

.x-scroll {
	width: 100%;
	overflow: hidden;
}
.x-scroll_inner {
	display: flex;
	animation: 60s linear infinite xScroll;
}
@keyframes xScroll {
	0%     { transform: translateX(0);}
	100% { transform: translateX(-3320px);} /* .x-scroll_block 1つ分の幅だけ動かす */
}
.x-scroll_inner.reverse {
	display: flex;
	animation: 120s linear infinite xScroll2;
}
@keyframes xScroll2 {
	0% { transform: translateX(-6900px);}
	100%     { transform: translateX(0);}
}
.x-scroll_inner.fl {
	display: flex;
	animation: 60s linear infinite xScroll3;
}
@keyframes xScroll3 {
	0%     { transform: translateX(0);}
	100% { transform: translateX(-3770px);} 
}

.x-scroll_block {
	display: flex;
	width: 3320px;
}
.x-scroll_block.reverse {
	display: flex;
	width: 6900px;
}
.x-scroll_block.fl {
	display: flex;
	width: 3770px;
}
.x-scroll_item {
	height: 40px;
}
.x-scroll_item img {
	height: 40px;
  padding: 0 20px;
}
.x-scroll_block.fl .x-scroll_item {
	height: 300px;
}
.x-scroll_block.fl .x-scroll_item img {
	height: 300px;
  padding: 0 20px;
}
