@charset "UTF-8";
/*
Theme Name: marukoshi
Author: Airily
Version: 1.0
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

div,
pre,
p,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
figure,
figcaption,
ul,
li {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  display: block;
  margin: 0 auto;
  padding: 0;
  background: #FFF;
  font-size: 16px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  color: #3F1F00;
}

@media screen and (max-width: 460px) {
  body {
    font-size: 14px;
  }
}

* {
  box-sizing: border-box;
}

img {
  vertical-align: bottom;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

@media screen and (max-width: 736px) {
  img {
    max-width: 100%;
    height: auto;
  }
  /*
	a img:hover {
		opacity: .6;
	}
	*/
}

a {
  color: #5C371E;
}

a:hover {
  opacity: .7;
}

a[href^="tel:"] {
  text-decoration: none;
}

@media screen and (min-width: 737px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

p {
  margin-bottom: 1em;
}

/*
---------------------------------------------------------------------------
ベース
---------------------------------------------------------------------------*/
#wrap {
  max-width: 100%;
}

.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10000;
  /*background: #FFF;
	border-bottom: 1px solid #000;*/
}

.clear {
  clear: both;
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (max-width: 736px) {
  .fixed {
    position: static;
  }
}

/*
---------------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------------*/
#header {
  width: 100%;
  margin: 0 auto;
  position: relative;
  /*z-index: 9999;*/
}

#headerIn {
  width: 1200px;
  margin: 0 auto;
  padding: 5px 15px 20px 5px;
  background: url("img/header_bg.png") no-repeat center top;
  position: relative;
}

#headerIn::after {
  content: "";
  display: block;
  clear: both;
}

#headerLogo {
  float: left;
  height: 159px;
  /*height: 126px;*/
  padding: 0 0 0 118px;
  /*padding: 0 0 0 90px;*/
  background: url("img/header_ill.png") no-repeat left top;
}

#headerLogo::after {
  content: "";
  display: block;
  clear: both;
}

#headerLogo img {
  margin-top: 18px;
  /*margin-top: 28px;*/
}

#headerLogo a:hover {
  opacity: 1.0 !important;
}

#headerR {
  float: right;
}

#headerR ul {
  list-style: none;
  position: absolute;
  /*bottom: 35px;*/
  bottom: 40px;
  right: 0;
}

#headerR ul li {
  float: left;
  width: 235px;
  margin-left: 5px;
}

#headerR ul::after {
  content: "";
  display: block;
  clear: both;
}

#headerR ul li img {
  width: 100%;
}

@media screen and (max-width: 736px) {
  #headerIn {
    width: 100%;
    padding: 0;
    background-size: contain;
    text-align: center;
  }
  #headerLogo {
    float: none;
    margin: 0 15px;
    background-size: contain;
    position: relative;
  }
  #headerLogo img {
    margin-top: 0;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
  }
  #headerR {
    float: none;
  }
  #headerR ul {
    position: static;
  }
  #headerR ul li {
    float: none;
    /*margin-left: 0;*/
    margin: auto auto 15px;
  }
}

@media screen and (max-width: 560px) {
  #headerLogo {
    height: 95px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  #headerLogo {
    padding: 0 0 0 70px;
  }
  #headerLogo img {
    position: static;
    transform: inherit;
    margin-top: 10px;
  }
}

/*
---------------------------------------------------------------------------
グローバルナビ
---------------------------------------------------------------------------*/
#gnavi {
  width: 100%;
  height: 65px;
  background: url("img/gnavi_bg.png") repeat-x;
}

#gnavi ul {
  width: 1200px;
  height: 65px;
  margin: auto;
  list-style: none;
}

#gnavi ul::after {
  content: "";
  display: block;
  clear: both;
}

#gnavi ul li {
  height: 65px;
  float: left;
  padding: 0 31px 0 24px;
  line-height: 65px;
  position: relative;
}

#gnavi ul li::after {
  display: inline-block;
  content: url("img/gnavi_line.png");
  position: absolute;
  top: 11px;
  right: 0;
  width: 6px;
  height: 42px;
}

#gnavi ul li a {
  display: block;
  width: 100%;
  color: #13A1CD;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  position: relative;
}

#gnavi ul li a:hover {
  opacity: 1.0;
}

#gnavi ul li a.on::after,
#gnavi ul li a:hover::after {
  content: "";
  width: 66px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 15px;
  margin: 0 auto;
  border-bottom: 2px solid #13A1CD;
  z-index: 1;
}

#gnavi ul li a .pick {
  position: relative;
}

#gnavi ul li a.on::before,
#gnavi ul li a:hover::before {
  content: url("img/gnavi_ov.png");
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}

/*
---------------------------------------------------------------------------
グローバルナビ　モバイル用トグルメニュー
---------------------------------------------------------------------------*/
#mob_gnavi {
  display: none;
}

.drawer-nav {
  z-index: 9999 !important;
}

.drawer-hamburger {
  top: 25px !important;
  width: 3rem !important;
  padding: 10px .75rem 20px !important;
  background-color: rgba(242, 242, 242, 0.6) !important;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  background-color: #13A2CE !important;
}

.drawer-menu li {
  border-bottom: 1px solid #BF9000;
  text-align: center;
}

.drawer-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  text-decoration: none;
}

.drawer-menu li a:hover {
  background-color: #BF9000;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  #gnavi {
    display: none;
  }
  #mob_gnavi {
    display: block;
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  #gnavi {
    display: none;
  }
  #mob_gnavi {
    display: block;
  }
}

/*
---------------------------------------------------------------------------
フッター
---------------------------------------------------------------------------*/
#footer {
  width: 100%;
  background: url("img/footer_bg01.jpg");
  /*padding-bottom: 86px;*/
  /*background: #F2EFE5;*/
}

#footerIn {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0 0 0;
  /*text-align: center;*/
}

#footerBox {
  width: 100%;
  padding: 25px;
  background: #FFF;
  border-radius: 10px;
}

#footerBox::after {
  content: "";
  display: block;
  clear: both;
}

#footerBoxIn {
  /*width: 1045px;*/
  width: 100%;
  margin: auto;
}

#footerLogo {
  float: left;
}

#footerLogo img {
  width: 250px;
  margin-top: 20px;
}

#footerR {
  float: right;
}

#footerR ul {
  list-style: none;
  /*position: absolute;
	bottom: 0;
	right: 0;*/
}

#footerR ul li {
  float: left;
  margin-left: 5px;
}

#footerR ul::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 736px) {
  #footerIn {
    width: 100%;
    text-align: center;
    /*margin-bottom: 20px;*/
    padding: 15px;
  }
  #footerBox {
    padding: 15px;
  }
  #footerBoxIn {
    width: 100%;
  }
  #footerLogo {
    float: none;
    margin-bottom: 15px;
    /*margin: 10px auto 10px auto;
	text-align:center;
	padding:0 15px;*/
  }
  /*
#footerLogo {
	float: none;
	margin: 0 15px;
	background-size: contain;
	position: relative;
}
#footerLogo img {
	margin-top: 0;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-60%);
}
*/
  #footerR {
    float: none;
  }
  /*
	#footerR ul {
		position: static;
	}
	*/
  #footerR ul li {
    float: none;
    /*margin-left: 0;
		margin: auto 0;*/
    margin: auto 0 15px;
  }
  /*
	#footerR ul li {
		margin: auto 0 15px;
	}
	*/
}

/*
#footerIn p {
	margin: 0;
}
#footerIn p > a:first-child {
	margin-right: 25px;
}

#footerLogo {
	margin-bottom: 15px;
}
*/
#fNavi {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 25px 0;
  text-align: center;
}

@media screen and (max-width: 736px) {
  #fNavi {
    width: 100%;
    padding: 20px 0 0;
    text-align: center;
    font-size: 14px;
  }
  #footerIn p > a:first-child {
    display: block;
    margin: 30px auto 15px;
  }
}

#fNavi ul {
  list-style: none;
  display: inline-block;
  font-size: 0;
}

#fNavi > ul {
  width: 100%;
  margin-bottom: 25px;
}

#fNavi ul::after {
  content: "";
  display: block;
  clear: both;
}

#fNavi li {
  margin-bottom: 8px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}

#fNavi > ul > li {
  float: left;
  width: 16%;
}

/*
#fNavi > ul > li:first-child {
	width: 120px;
}
#fNavi > ul > li:nth-of-type(2) {
	width: 270px;
}
#fNavi > ul > li:nth-of-type(3) {
	width: 200px;
}
#fNavi > ul > li:nth-of-type(4) {
	width: 260px;
}
#fNavi > ul > li:nth-of-type(5),
#fNavi > ul > li:nth-of-type(6) {
	width: 130px;
}
*/
#fNavi > ul li a {
  position: relative;
  margin-bottom: 8px;
  padding-left: 15px;
  line-height: 1;
}

#fNavi > ul li a::before {
  content: "・";
  /*
	content: url("img/fnavi_ico01.png");
	*/
  position: absolute;
  top: 6px;
  left: 0;
  line-height: 0;
}

#fNavi > ul > li:last-child a::before {
  content: "";
  position: static;
}

#fNavi > ul > li > ul {
  margin-top: 8px;
}

/*
#fNavi > ul > li > ul li {
	padding-left: 18px;
}
#fNavi > ul > li > ul li.par {
	padding-left: 0;
}
*/
#fNavi > ul > li > ul li a {
  margin-bottom: 15px;
}

/*
#fNavi > ul > li > ul li a::before {
	content: url("img/fnavi_ico02.png");
	position: absolute;
	top: 3px;
	left: 0;
	line-height: 0;
}
*/
#fNavi ul li a {
  display: block;
  text-decoration: none;
}

#fNavi ul li a:hover {
  opacity: .7;
}

#fNavi ul li.fnavi_mob {
  display: none;
}

/*
#fNaviIn {
	width:1220px;
	margin:0 auto;
	padding:9px 0 2px 0;
	text-align:center;
}

#fNaviIn ul {
	list-style:none;
	display:inline-block;
}

#fNaviIn ul::after {
	content: "";
	display: block;
	clear: both;
}

#fNaviIn ul li {
	float: left;
}

#fNaviIn ul li::after {
	content:"|";
	display:inline-block;
	margin:0 10px;

}

#fNaviIn ul li:last-child:after {
	display:none;
}

#fNaviIn ul li a {
	text-decoration:none;
	font-size:16px;
	vertical-align:text-top;
}
*/
#copyright {
  width: 100%;
  /*padding: 2px 15px;*/
  text-align: center;
  color: #0068B7;
  font-size: 14px;
}

@media screen and (max-width: 736px) {
  /*
	#footer {
		padding-top: 0;
	}
	*/
  /*
 #copyright {
 font-size: 11px;
}
*/
  #fNavi {
    padding: 0;
  }
  #fNavi ul {
    width: 100%;
    display: block;
  }
  #fNavi li {
    margin-bottom: 0;
  }
  #fNavi > ul > li > ul {
    display: none;
  }
  #fNavi ul li {
    width: 50% !important;
    border-bottom: 1px solid #FFF;
    text-align: center;
  }
  #fNavi ul li:first-child {
    border-top: 1px solid #FFF;
  }
  #fNavi ul li:first-child,
  #fNavi ul li:last-child {
    width: 100% !important;
  }
  #fNavi ul li.fnavi_mob {
    display: block;
  }
  #fNavi ul li:nth-of-type(even) {
    border-right: 1px solid #FFF;
  }
  #fNavi > ul > li:last-child {
    border-bottom: none;
  }
  #fNavi ul li a {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 10px 5px;
    font-size: 14px;
    vertical-align: middle;
  }
  #fNavi ul li a:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  #fNavi > ul li a::before {
    content: none;
  }
}

/*
---------------------------------------------------------------------------
メイン画像
---------------------------------------------------------------------------*/
#mainImgBg {
  width: 100%;
  min-width: 1220px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 736px) {
  #mainImgBg {
    min-width: 0;
    height: auto;
  }
}

.bx-wrapper {
  margin: auto !important;
  box-shadow: none !important;
  border: none !important;
}

.bx-wrapper img {
  height: auto;
}

.bxslider {
  margin: 0px;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
  left: -60px;
}

.bx-wrapper .bx-controls-direction a.bx-next {
  right: -60px;
}

/*
---------------------------------------------------------------------------
スライド上お知らせ
---------------------------------------------------------------------------*/
.newsIn-slideon {
  width: 340px;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 285px;
  transform: translateX(-170%);
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.newsIn-slideon h4 {
  font-size: 2.3rem;
  padding-left: 0;
  padding: 10px;
  margin: 0;
  text-align: center;
}

.newsIn-slideon h4::before {
  content: none;
}

.newsIn-slideon a {
  color: #FFF;
}

.newsIn-slideon .newsCon {
  height: 210px;
  overflow-y: hidden;
}

.newsIn-slideon .newsCon dt {
  border: none;
}

.newsIn-slideon .newsCon dt span {
  background: none;
}

.newsIn-slideon .newsCon dt:first-child {
  border-top: 1px solid #777;
}

.newsIn-slideon .newsCon dd {
  border-bottom: 1px solid #777;
}

.newsIn-slideon .newsList {
  text-align: right;
  margin: 5px;
}

@media screen and (max-width: 736px) {
  .newsIn-slideon {
    display: none;
  }
}

/*---------------------------------------------------------------------------
コロナウイルス感染防止対策について
---------------------------------------------------------------------------*/
.corona {
  border: 2px solid #FF822E;
  border-radius: 10px;
  margin: 0 0 40px;
}

.corona h2 {
  text-align: center;
  margin: 20px;
}

.corona h2 br {
  display: none;
}

.corona > div {
  display: flex;
  margin: 0 20px 20px;
  justify-content: center;
}

.corona > div p img {
  width: 210px;
  height: auto;
  margin-right: 40px;
}

.corona > div div {
  position: relative;
}

.corona > div div a {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 736px) {
  .corona {
    background-image: url(https://www.marukoshigakki.jp/wp/wp-content/uploads/aircleener.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.7);
    background-blend-mode: lighten;
  }
  .corona h2 {
    margin: 20px auto 20px;
  }
  .corona h2 br {
    display: block;
  }
  .corona h2 span {
    display: none;
  }
  .corona > div {
    margin: 0 auto 20px;
  }
  .corona > div p img {
    display: none;
  }
  .corona > div > div {
    padding-bottom: 20px;
  }
}

/*
---------------------------------------------------------------------------
パンくずリスト
---------------------------------------------------------------------------*/
#topicPath {
  width: 1135px;
  margin: 10px auto;
  /*padding-bottom: 30px;*/
}

#topicPath ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#topicPath ol li {
  display: inline;
  /* margin-left: 10px; 
	margin-right: 10px;*/
  font-size: 14px;
}

#topicPath ol li:first-child {
  margin-left: 0;
}

#topicPath ol li a {
  padding-right: 10px;
  /**/
  background: url(img/topicpath_arrow.png) no-repeat right center;
  text-decoration: none;
  color: #5C371E;
}

#topicPath ol li a:hover {
  text-decoration: underline;
}

#pagePath {
  width: 100%;
  padding-top: 25px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  bottom: 65px;
  left: 50%;
  transform: translate(-50%);
}

#pagePath a {
  padding-right: 50px;
  padding-left: 15px;
  background: url(img/arrow_btn-01.png) no-repeat;
  background-position: left center;
  text-decoration: none;
  color: #5C371E;
}

#pagePath a:hover {
  text-decoration: underline;
}

#pagePath a:last-child {
  padding-right: 0;
}

@media screen and (max-width: 736px) {
  #topicPath {
    padding-bottom: 0;
  }
  #pagePath {
    display: none;
  }
}

/*サイド
---------------------------------------------------------------------------*/
#layout1 {
  width: 1220px;
  margin: 0 auto;
  padding-top: 70px;
}

#layout1::after {
  content: "";
  display: block;
  clear: both;
}

#layout1 #main {
  float: left;
  width: 900px;
  padding-top: 0;
}

#side {
  float: right;
  width: 270px;
}

.sideIn {
  margin-bottom: 20px;
  padding-left: 20px;
}

#side ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#side li {
  margin-bottom: 5px;
}

#side li a {
  display: block;
  width: 100%;
  padding: 5px 0 5px 54px;
  border: 1px solid #BFBFBF;
  text-decoration: none;
  position: relative;
}

#side li a::before {
  content: url(./img/arrow_btn-01.png);
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
  line-height: 0;
}

.calendar-archives.arw-theme2 {
  border: 1px solid #BFBFBF;
}

@media screen and (max-width: 736px) {
  #layout1 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  #side {
    float: none;
    margin: auto;
  }
}

/*
---------------------------------------------------------------------------
コンテンツ
---------------------------------------------------------------------------*/
.bg_wht {
  width: 100%;
  padding: 60px 0;
}

.bg_wht::after {
  content: "";
  display: block;
  clear: both;
}

.bg_yel {
  width: 100%;
  background: url("img/bg_yel.jpg");
}

.bg_yel::after {
  content: "";
  display: block;
  clear: both;
}

.bgIn {
  padding: 60px 0;
}

.catchIn {
  width: 1200px;
  margin: auto;
  padding: 20px 0 20px 25px;
}

.catchIn::after {
  content: "";
  display: block;
  clear: both;
}

.catchTitBg {
  background: url("img/catch_tit_bg.png") no-repeat;
  padding: 30px 0 35px 45px;
}

.catchTitBg img {
  margin: 0 0 25px 10px;
}

@media screen and (max-width: 736px) {
  .catchIn {
    width: 100%;
    padding: 20px 15px;
  }
  .catchIn .boxL {
    text-align: center;
  }
  .catchIn .boxL img {
    width: 150px;
  }
  .catchTitBg {
    padding: 30px 0;
  }
  .catchTitBg img {
    margin: 0;
  }
}

.inner {
  width: 1200px;
  margin: auto;
  overflow: hidden;
  *zoom: 1;
}

@media screen and (max-width: 736px) {
  .inner {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.menu-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
}

@media screen and (max-width: 736px) {
  .menu-list {
    display: block;
  }
}

.menu-list li {
  width: 380px;
  margin: 0 30px 0 0;
  padding: 0 0 60px;
  position: relative;
  border-radius: 12px;
}

.menu-list li:last-child {
  margin-right: 0;
}

.menu-list li .titBg {
  height: 92px;
  background-position: left top;
  background-repeat: no-repeat;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.menu-list li .titBg img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-list li .titBg .titIn {
  width: 260px;
  height: 100%;
  margin: 0 10px 0 auto;
  position: relative;
}

.menu-list li .btnBox {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
}

.menu-list li figure {
  padding-bottom: 20px;
}

.menu-list li figure img {
  width: 376px;
  margin-bottom: 10px;
}

.menu-list li figcaption {
  padding: 0 10px;
}

.menu-list li#menu01 {
  border: 2px solid #25C3FF;
}

.menu-list li#menu02 {
  border: 2px solid #FF9999;
}

.menu-list li#menu03 {
  border: 2px solid #213895;
}

.menu-list li#menu01 .titBg {
  background-image: url("img/menu_kind01.png");
}

.menu-list li#menu02 .titBg {
  background-image: url("img/menu_kind02.png");
}

.menu-list li#menu03 .titBg {
  background-image: url("img/menu_kind03_t2.png");
}

.menu-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 736px) {
  .menu-list li {
    float: none;
    width: 330px;
    margin: 0 auto 20px;
  }
  .menu-list li figure img {
    width: 326px;
  }
  .menu-list li .titBg {
    height: 80px;
    background-size: contain;
  }
  .menu-list li .titBg .titIn {
    width: 200px;
    margin-right: 20px;
  }
  .menu-list li#menu01 .titBg .titIn {
    width: 210px;
  }
  .menu-list li#menu02 .titBg .titIn img {
    width: 90%;
  }
  .menu-list li:last-child {
    margin-right: auto;
  }
  .menu-list li .btnBox img {
    max-width: inherit;
  }
}

/**/
#inner {
  width: 100%;
  padding-bottom: 30px;
}

#main {
  width: 1200px;
  width: 100%;
  /*margin: auto;*/
  padding: 55px 0 0;
}

#inner::after,
.inner::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 736px) {
  #inner {
    padding-bottom: 30px;
  }
  #main {
    width: 100%;
    padding: 30px 15px 0;
  }
}

/*
---------------------------------------------------------------------------
レスポンシブ枠
---------------------------------------------------------------------------*/
.box1 {
  width: 100%;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.bord {
  border-bottom: 1px solid #CCC;
  margin-bottom: 80px;
}

.boxH3 {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 25px;
  overflow: hidden;
}

.boxH4 {
  margin-bottom: 50px;
  padding-right: 15px;
  padding-left: 15px;
  /*padding-bottom: 50px;
	border-bottom: 1px solid #CCC;*/
  /*padding-left: 30px;*/
}

/*
.pic_2col {
	width: 570px;
}

.mg-r {
	margin: 0 0 0 auto;
}

.pic_2col .boxH4 figure img {
	margin-bottom: 10px;
}

.col2 + .col2 > .halfBox {
	margin-top: 50px;
}
*/
/*
@media screen and (max-width:768px) {
.col2 + .col2 > .halfBox {
	margin-top: 0;
}
	.col2 + .col2 {
		margin-top: 50px;
	}
}
*/
/*
.boxH4.non {
	padding-left: 0;
}

.box1 .col2:last-child .boxH4 {
	margin-bottom: 0;
}
*/
.boxH3::after,
.boxH4::after,
.col2::after {
  content: "";
  display: block;
  clear: both;
}

.boxL {
  float: left;
}

.boxR {
  overflow: hidden;
  *zoom: 1;
}

/*
.col2.facility .boxR,
.col2.recruit .boxR {
	padding-left: 30px;
}
.col2.facility + .col2.facility {
	margin-top: 30px;
}
*/
/*
@media screen and (max-width:736px) {
	.col2.facility .boxL {
		margin-bottom: 20px;
		text-align: center;
	}
	.col2.facility .boxR {
		padding-left: 0;
	}
}
*/
.boxL2 {
  overflow: hidden;
  *zoom: 1;
}

.boxR2 {
  float: right;
  margin-left: 35px;
  /**/
}

.boxR2.picRig img {
  margin-bottom: 20px;
}

/*
.company .boxR2 figure {
	text-align: center;
}
.company .boxR2 figure img {
	display: block;
	margin: 0 auto 10px;
}
.company .boxR2 figcaption {
	display: inline-block;
	font-weight: bold;
	font-size: 19px;
	font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho","MS 明朝", "HiraMinProN-W6", serif ;
}
.company .boxR2 figcaption .txt01 {
	font-size: 22px;
}
*/
.halfBox {
  float: left;
  width: 50%;
}

/*
.systemWrap .halfBox:nth-of-type(odd) {
	padding-right: 20px;
}
.systemWrap .halfBox:nth-of-type(even) {
	padding-left: 20px;
}

@media screen and (max-width:768px) {
.systemWrap .halfBox:nth-of-type(odd) {
	padding-right: 0;
}
.systemWrap .halfBox:nth-of-type(even) {
	padding-left: 0;
}
}
*/
.halfBoxLR {
  float: left;
}

.halfBoxLR:nth-of-type(even) {
  float: right;
}

.halfBoxLR.between {
  width: 580px;
}

@media screen and (max-width: 736px) {
  .box1 {
    width: 100%;
  }
  .boxH3 {
    margin-bottom: 30px;
    padding: 0;
  }
  .boxH4 {
    padding-right: 0;
    padding-left: 0;
  }
  .boxL {
    float: none;
  }
  .boxR {
    padding-left: 0px;
  }
  .boxL img {
    max-width: 100%;
    height: auto;
  }
  .boxR2 {
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
  }
  /*
.halfBox {
	width:100%;
}
	.halfBoxLR,
	.halfBoxLR:nth-of-type(even) {
	float: none;
}
	.boxH4 {
		padding-left: 0;
	}
	
	.pic_2col {
	width: 100%;
}

	.halfBoxLR.between {
	width: 100%;
		margin-bottom: 30px;
}
	.col2 .halfBoxLR.between:last-child {
		margin-bottom: 0;
	}

	.box1 .col2 .halfBox:last-child .boxH4 {
		margin-bottom: 0;
	}
*/
}

.box1 img,
.boxH3 img {
  height: auto;
}

@media screen and (max-width: 460px) {
  .boxH3 {
    padding: 0;
  }
}

/*
.courseWrap {
	width: 980px;
	margin: auto auto 30px;
}

@media screen and (max-width:736px) {
	.courseWrap {
		width: 100%;
	}
}
*/
/* 記事枠 */
.article {
  width: 100%;
}

.article .titWrap {
  width: 100%;
  margin-bottom: 25px;
  padding: 15px 10px;
  background: #D9F0FB;
}

.article .titWrap > .day {
  display: inline;
  padding-right: 15px;
}

.article .titWrap > img {
  vertical-align: middle;
}

.article .titWrap > .tit {
  padding: 10px 0 0;
  font-size: 22px;
}

.article .contents {
  width: 100%;
  padding: 0 10px 30px;
}

.article .contents img {
  margin-right: 15px;
  margin-bottom: 20px;
}

/*
h*
---------------------------------------------------------------------------*/
h1 {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  color: #13A2CE;
  text-align: right;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/*
h1 a {
	color: #FFF;
}
*/
@media screen and (max-width: 736px) {
  h1 {
    width: auto;
    padding: 5px 15px;
    /*
	position: absolute;
	left: 0;
	bottom: 0;*/
    text-align: center;
    font-size: 10px;
  }
  h1 span {
    display: inline;
  }
}

/*
.h2HomeWrap {
	width: 1220px;
	margin: 0 auto 60px;
	text-align: center;
}
.h2HomeWrap h2 {
	padding-bottom: 17px;
	font-weight: bold;
	font-size: 37px;
	position: relative;
}
.h2HomeWrap h2::after {
	content: "";
	width: 80px;
	border-bottom: 2px solid #FF165D;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0 auto 17px;
}
.h2HomeWrap p {
	margin-bottom: 0;
}
@media screen and (max-width:768px) {
	.h2HomeWrap {
		width: 100%;
		margin-bottom: 30px;
		padding: 0 15px;
	}
	.h2HomeWrap h2 {
		width: 100%;
		font-size: 24px;
	}
}
*/
.box1 .h3Wrap {
  position: relative;
  margin-bottom: 50px;
}

.box1 h3 {
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}

.h3Txt {
  margin-bottom: 25px;
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 736px) {
  .box1 .h3Wrap {
    margin-bottom: 30px;
  }
  .box1 h3.typ02 {
    top: 43%;
  }
  .box1 h3.typ01 img {
    height: 80px;
    width: auto;
    max-width: none;
  }
  .box1 h3.typ03 img {
    height: 66px;
    width: auto;
    max-width: none;
  }
  /*.box1 h3.typ02 {
		top: 50%;
	}*/
}

/*
.box1 h3.h3-ptn2 {
	margin-bottom: 37px;
}
*/
/*
.box1 h3::after {
	content: "";
	width: 80px;
	border-bottom: 2px solid #FF165D;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0 auto;
}

h3 a {
	text-decoration: none;
}

.h3Txt {
	margin-bottom: 25px;
	text-align: center;
}
*/
#h2BgWrap {
  width: 100%;
  height: 310px;
  background: url("img/bg_yel.jpg");
  /*background-color: #F8F8F8;
	background-color: #f2f2f2;*/
  background-position: center top;
  /*background-repeat: no-repeat;
	color: #FFF;*/
  overflow: hidden;
}

#h2Con {
  width: 1200px;
  height: 310px;
  margin: 0 auto;
  background-position: center top;
  background-repeat: no-repeat;
  /*padding-top: 20px;
	padding-left: 10px;*/
  position: relative;
}

#h2Con > h2 {
  width: 100%;
  color: #13A2CE;
  text-align: center;
  font-weight: normal;
  font-size: 48px;
  /*font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho","MS 明朝", "HiraMinProN-W6", serif ;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 736px) {
  #h2BgWrap {
    height: auto !important;
    background-size: cover;
  }
  #h2Bg {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgba(255, 255, 255, 0.4);
  }
  #h2Con {
    width: 100%;
    height: 150px;
    padding: 10px 15px;
    background-position: center 50px;
    background-size: contain;
  }
  #h2Con > h2 {
    width: 100%;
    padding: 0 15px;
    font-size: 24px;
    top: 60%;
  }
}

@media screen and (max-width: 736px) {
  /*
	.box1 h3 {
		font-size: 20px;
		margin-bottom: 50px;
	}
	*/
}

h4 {
  clear: both;
  width: 100%;
  font-size: 28px;
  font-weight: normal;
  position: relative;
  margin-bottom: 20px;
  padding-left: 48px;
  /*color: #000;*/
}

h4.pnk16,
h4.red16 {
  padding-left: 48px;
}

h4.org4 {
  padding-left: 35px;
}

h4::before {
  content: "";
  background: url("img/h4_bg.png") repeat-x left bottom;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 8px;
}

h4::after {
  /*content: url("img/h4_ico_pnk-16.png");*/
  position: absolute;
  top: 0;
  left: 8px;
}

h4.pnk16::after {
  content: url("img/h4_ico_pnk-16.png");
}

h4.red16::after {
  content: url("img/h4_ico_red-16.png");
}

h4.org4::after {
  content: url("img/h4_ico_org-4.png");
}

/*
.inner .box h4 {
	font-size: 25px;
}
*/
@media screen and (max-width: 736px) {
  h4 {
    min-height: 42px;
    margin-bottom: 10px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 18px;
  }
  /*
	h4::before {
		top: 3px;
	}
	.inner .box h4 {
		font-size: 18px;
	}
	*/
}

/*
.compTit {
	font-weight: bold;
	font-size: 22px;
	font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho","MS 明朝", "HiraMinProN-W6", serif ;
}
.compTit.typ02 {
	margin-top: -10px;
	margin-bottom: 20px;
	text-align: center;
}

@media screen and (max-width:736px) {
	.compTit {
		font-size: 18px;
	}
}

.rinen {
	display: inline-block;
	font-weight: bold;
	font-size: 22px;
	font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho","MS 明朝", "HiraMinProN-W6", serif ;
}

@media screen and (max-width:736px) {
	.rinen {
		font-size: 18px;
	}
}
*/
/**/
h5 {
  clear: both;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 25px;
  font-weight: bold;
  font-size: 20px;
  position: relative;
}

h5::after {
  content: url("img/h4_ico_org-4.png");
  position: absolute;
  top: 0;
  left: 0;
}

h5.typ02 {
  padding-bottom: 5px;
  border-bottom: 1px solid #25C3FF;
}

@media screen and (max-width: 768px) {
  h5 {
    font-size: 18px;
  }
}

/*
.sogo h5 {
	color: #00B0F0;
}
.reform h5 {
	color: #BF9000;
}
.fudosan h5 {
	color: #00B050;
}

.sogo h5::before,
.fudosan h5::before {
	content: "～";
}
.sogo h5::after,
.fudosan h5::after {
	content: "～";
}
*/
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
サブページ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.anc {
  padding-top: 200px;
  margin-top: -200px;
}

@media screen and (max-width: 736px) {
  .txtBr {
    display: block;
  }
}

.newsWrap {
  width: 100%;
  padding: 15px 24px;
  background: #FFF;
  border-radius: 10px;
}

.newsWrap::after {
  content: "";
  display: block;
  clear: both;
}

.newsIn {
  float: left;
  width: 555px;
  /*height: 350px;*/
}

.newsIn::after {
  content: "";
  display: block;
  clear: both;
}

.newsIn + .newsIn {
  float: right;
}

@media screen and (max-width: 736px) {
  .newsWrap {
    padding: 15px;
  }
  .newsIn {
    width: 100%;
    float: none;
  }
  .newsIn + .newsIn {
    float: none;
  }
}

.newsCon {
  width: 100%;
  height: 470px;
  margin: 0 auto;
  overflow: scroll;
  overflow-x: hidden;
}

/*
table.newsTbl {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #D9D9D9;
}
table.newsTbl tr td {
	padding: 10px 0;
}
table.newsTbl tr td:nth-of-type(2) {
	border-bottom: 1px solid #D9D9D9;
}
table.newsTbl .dayBg01 {
	padding: 3px 5px;
	background: #FFEFBF;
}
*/
.newsCon dl,
.newsCon dt,
.newsCon dd {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.newsCon dl > dt {
  margin-bottom: 10px;
  /*padding-top: 10px;*/
  padding: 15px 5px 0;
  border-top: 1px solid #D9D9D9;
}

/*
.newsCon dl > dt {
	padding-top: 10px;
	padding: 10px 5px 0;
}
.newsCon dl > dt img {
	margin-left: 15px;
}
*/
.newsCon dd {
  border-bottom: 1px solid #D9D9D9;
  position: relative;
  padding: 0 5px 0 15px;
}

/*
.newsCon dd::before {
	content: url("img/topics_btn_arrow.png");
	position: absolute;
	top: 0;
	left: 5px;
	line-height: 1.2;
}
*/
.dayBg01 {
  padding: 3px 5px;
  background: #FFEFBF;
}

.dayBg02 {
  padding: 3px 5px;
  background: #E5FF99;
}

@media screen and (max-width: 768px) {
  .newsCon {
    height: 300px;
  }
}

/*
.newsTit {
	padding-left: 5px;
}
.newsTit a {
	text-decoration: none;
	color: #333333;
}

.newsTit a:hover {
	text-decoration: underline;
}

.newsIcon {
	margin-left: 15px;
	vertical-align: middle;
}
*/
@media screen and (max-width: 736px) {
  /*
.newsCon td {
	display: block;
}
.newsCon > .newsTbl tr td:first-child {
	width: 100%;
	border-bottom: none;
	padding-bottom: 10px;
}
.newsCon > .newsTbl tr td:nth-of-type(2) {
	padding: 0 15px 20px;
}
	*/
}

dl.topics-list {
  margin: 0;
  padding: 0;
}

dl.topics-list dt {
  margin-bottom: 10px;
}

dl.topics-list dd {
  margin-bottom: 30px;
  margin-left: 10px;
}

.topics-details img {
  width: auto;
  max-width: 100%;
  margin-right: 20px;
  margin-bottom: 20px;
}

.topics-details .dayBg01 {
  display: inline-block;
  padding: 3px 10px;
}

.topics-con {
  margin-right: 20px;
  margin-bottom: 20px;
}

/*
ul,dl
---------------------------------------------------------------------------*/
ul.ul-std {
  margin: 0 0 30px 25px;
}

ul.ul2col {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.ul2col::after {
  content: "";
  display: block;
  clear: both;
}

ul.ul2col li {
  width: 50%;
  float: left;
}

ul.ul2col li:nth-of-type(even) {
  /*padding-left: 20px;*/
  text-align: right;
}

ul.ul2col.typ01 {
  margin-bottom: 30px;
}

ul.ul2col.typ01 li {
  width: auto;
}

ul.ul2col.typ01 li:nth-of-type(odd) {
  padding-right: 5px;
  /**/
}

ul.ul2col.typ01 li:nth-of-type(even) {
  padding-left: 5px;
}

@media screen and (max-width: 736px) {
  ul.ul2col.btnUl li {
    width: 100%;
    float: none;
  }
  ul.ul2col.btnUl li:first-child {
    margin-bottom: 20px;
  }
  ul.ul2col.typ01 li {
    float: none;
    text-align: center;
    margin-bottom: 15px;
  }
  ul.ul2col.typ01 li:nth-of-type(odd) {
    padding-right: 0;
  }
  ul.ul2col.typ01 li:nth-of-type(even) {
    padding-left: 0;
  }
}

ul.ul2colb {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.ul2colb li {
  width: 33.3%;
}

ul.ul2colb li:nth-last-of-type(1) {
  margin-right: auto;
}

ul.ul2colb.typ01 {
  margin-bottom: 30px;
}

ul.ul2colb.typ01 li img {
  width: 98%;
  height: auto;
}

@media screen and (max-width: 736px) {
  ul.ul2colb {
    display: block;
  }
  ul.ul2colb li {
    width: 100%;
    margin: 0 auto 20px;
  }
}

ul.ul3col {
  margin: 0;
  padding: 0 !important;
  list-style: none;
}

ul.ul3col::after {
  content: "";
  display: block;
  clear: both;
}

ul.ul3col.home-ul3 {
  margin: 0 0 115px;
}

ul.ul3col.pic-ul3 {
  margin: 0 0 30px;
}

ul.ul3col.kojin {
  margin-top: 30px;
  border-left: 1px solid #ADE1F8;
}

ul.ul3col li {
  float: left;
  width: 380px;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 20px;
}

ul.ul3col.ptn01 li {
  width: 32%;
  margin-bottom: 30px;
  margin-right: 15px;
}

ul.ul3col.ptn01 li figure img {
  width: 100%;
  margin-bottom: 10px;
}

ul.ul3col.ptn01 li figcaption {
  text-align: center;
  font-size: 20px;
}

ul.ul3col.ptn01 li figcaption a {
  text-decoration: none;
  position: relative;
}

ul.ul3col.ptn01 li figcaption {
  font-size: 18px;
}

ul.ul3col.ptn01 li figcaption span {
  position: relative;
}

ul.ul3col.ptn01 li figcaption span::before {
  position: absolute;
  /*margin-right: 6px;*/
  content: url(img/arrow_btn-01.png);
  left: -13px;
}

ul.ul3col.ptn01 li figcaption a::before {
  position: absolute;
  /*margin-right: 6px;*/
  content: url(img/arrow_btn-01.png);
  left: -13px;
}

ul.ul3col.kojin li {
  width: 33%;
  padding: 15px;
  border-right: 1px solid #ADE1F8;
  text-align: center;
}

ul.ul3col.kojin li figure img {
  margin-bottom: 35px;
}

ul.ul3col.kojin li figcaption .tit {
  margin-bottom: 20px;
  font-size: 20px;
}

ul.ul3col.kojin li figcaption .tim {
  color: #B28500;
}

ul.ul3col li:nth-child(3n) {
  margin-right: 0;
}

/*
ul.ul3col li .tit {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 22px;
}

ul.ul3col li figure img {
	margin-bottom: 10px;
}

ul.ul3col li figcaption {
	text-align: center;
}
ul.ul3col.typ02 li figcaption {
	text-align: left;
}
ul.ul3col li figcaption a {
	color: #404040;
	text-decoration: none;
	font-weight: bold;
	font-size: 17px;
	font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho","MS 明朝", "HiraMinProN-W6", serif ;
}
ul.ul3col li figcaption a:hover {
	text-decoration: underline;
}
ul.ul3col li figcaption a::before {
	margin-right: 6px;
	content: url(img/arrow_btn-01.png);
	vertical-align: text-bottom;
}
*/
@media screen and (max-width: 736px) {
  ul.ul3col,
  ul.ul3col.home-ul3 {
    margin-bottom: 50px;
  }
  ul.ul3col li figcaption a {
    font-size: 16px;
  }
  ul.ul3col li {
    width: 32%;
    margin-right: 2%;
  }
  ul.ul3col.kojin {
    border-left: none;
  }
  ul.ul3col.kojin li {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ADE1F8;
  }
  ul.ul3col.ptn01 li {
    width: 100%;
    margin-right: 0;
  }
  ul.ul3col.ptn01 li figcaption a::before {
    top: 2px;
  }
}

@media all and (-ms-high-contrast: none) {
  ul.ul3col li figcaption a {
    position: relative;
  }
  ul.ul3col li figcaption a::before {
    position: absolute;
    top: 0;
    left: -15px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 460px) {
  ul.ul3col li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  ul.ul3col li:nth-last-of-type(1) {
    margin-bottom: 0;
  }
}

ul.ul3col-std {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 0 -2%;
  padding: 0;
}

ul.ul3col-std::after {
  content: "";
  display: block;
  clear: both;
}

ul.ul3col-std li {
  margin-bottom: 30px;
  margin-left: 2%;
  width: -webkit-calc(100% / 3 - 2%);
  width: calc(100% / 3 - 2%);
}

ul.ul3col-std li img {
  max-width: 100%;
}

@media screen and (max-width: 736px) {
  ul.ul3col-std {
    margin: 0;
  }
  ul.ul3col-std li {
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
}

ul.ul4col {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.ul4col::after {
  content: "";
  display: block;
  clear: both;
}

ul.ul4col li {
  float: left;
  width: 285px;
  margin-right: 18px;
}

ul.ul4col li:nth-of-type(4n) {
  margin-right: 0;
}

ul.ul4col.homeMenu {
  margin-bottom: 60px;
}

ul.ul4col.homeMenu li figcaption {
  padding: 15px 15px 0;
}

@media screen and (max-width: 736px) {
  ul.ul4col li {
    width: 48%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
  ul.ul4col li:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 1%;
  }
  ul.ul4col.homeMenu li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  ul.ul4col.homeMenu li:nth-of-type(2n) {
    margin-left: 0;
  }
  ul.ul4col.homeMenu li figure img {
    display: block;
    margin: auto;
  }
  ul.ul4col.homeMenu li figcaption {
    padding: 5px 25px;
    text-align: center;
  }
}

ul.ul-course {
  list-style: none;
  margin: 0 0 0 -1%;
  padding: 0;
}

ul.ul-course::after {
  content: "";
  display: block;
  clear: both;
}

ul.ul-course li {
  float: left;
  margin-bottom: 10px;
  margin-left: 1%;
  width: -webkit-calc(100% / 4 - 1%);
  width: calc(100% / 4 - 1%);
}

ul.ul-course li div {
  padding: 20px 5px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  /*position: relative;*/
}

ul.ul-course li div .courseTxt {
  vertical-align: middle;
}

ul.ul-course li div .courseTxt::before {
  /*position: absolute;*/
  content: url("img/arrow_btn-02.png");
  margin-right: 3px;
  vertical-align: middle;
  /*top: 0;
	left: 0;*/
}

ul.ul-course li a {
  display: block;
  width: 100%;
  height: auto;
  text-decoration: none;
}

@media screen and (max-width: 736px) {
  ul.ul-course {
    list-style: none;
    margin: 0 0 0 -2%;
  }
  ul.ul-course li {
    margin-bottom: 5px;
    margin-left: 2%;
    width: -webkit-calc(100% / 2 - 2%);
    width: calc(100% / 2 - 2%);
  }
}

ul.ul-course-ico {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.ul-course-ico::after {
  content: "";
  display: block;
  clear: both;
}

ul.ul-course-ico li {
  float: left;
  margin-right: 10px;
  line-height: 1;
}

dl.dl-teacher {
  margin: 0 0 50px;
  padding: 0;
}

dl.dl-teacher::after {
  content: "";
  display: block;
  clear: both;
}

dl.dl-teacher dt {
  float: left;
  clear: left;
  width: 260px;
  margin-bottom: 30px;
}

dl.dl-teacher dd {
  float: left;
  margin: 0;
  margin-bottom: 30px;
  width: 860px;
}

/*
dl.dl-teacher dd .name {
	font-size: 20px;
}
*/
@media screen and (max-width: 736px) {
  dl.dl-teacher dt {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  dl.dl-teacher dd {
    float: none;
    width: 100%;
  }
}

dl.dl-faq {
  margin: 40px 0 0;
  padding: 0;
}

dl.dl-faq dt {
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
  padding-left: 60px;
}

dl.dl-faq dt::before {
  content: url("img/ico_q.png");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

dl.dl-faq dd {
  margin: 0;
  padding: 0;
  padding-left: 60px;
  position: relative;
}

dl.dl-faq dd::before {
  content: url("img/ico_a.png");
  position: absolute;
  top: 0;
  left: 0;
}

/*
dl.dl-facility {
	margin: 0;
	padding: 0;
}
dl.dl-facility dt {
	font-weight: bold;
	line-height: 1;
	position: relative;
}
dl.dl-facility > dt {
	margin-bottom: 20px;
	padding: 0 0 0 20px;
	font-size: 19px;
}
dl.dl-facility > dt::before {
	content: url("img/ico_tit01.png");
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

dl.dl-facility dd {
	margin: 0;
	font-size: 14px;
}
dl.dl-facility > dd dt {
	margin-bottom: 8px;
}
dl.dl-facility > dd dt::before {
	content: "■";
}
dl.dl-facility > dd dd {
	margin-bottom: 5px;
}

@media screen and (max-width:736px) {
	dl.dl-facility > dt {
		line-height: 1.2;
	}
dl.dl-facility > dt::before {
	top: 0;
	transform: translateY(0);
}
}
*/
dl.privacy {
  margin: 0;
  padding: 0;
}

dl.privacy dt {
  counter-increment: title;
  font-weight: bold;
}

dl.privacy dt::before {
  content: counter(title) "．";
}

dl.privacy dd {
  margin: 0 0 30px 25px;
}

.sitemap {
  text-align: center;
}

.sitemap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  text-align: left;
}

.sitemap ul li {
  margin-left: 30px;
  margin-bottom: 15px;
  /*
	background-image:url("img/h4_ico_sblu-8.png");
	background-repeat:no-repeat;
	background-position:left center;
	*/
  padding-left: 25px;
  position: relative;
}

.sitemap ul li::before {
  content: url("img/ico_sitemap.png");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.sitemap ul li:first-child {
  margin-left: 0;
  padding-top: 10px;
}

/*
.sitemap > ul > li {
	background-position:left 6px;
}
*/
.sitemap > ul > li a {
  margin-bottom: 10px;
}

/*
ul.sitemap li:first-child { margin-left:0; }
*/
.sitemap li a {
  display: block;
}

ul.ul-nom {
  margin-left: 25px;
}

/*
table
---------------------------------------------------------------------------*/
table.table01 {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #D9D9D9;
}

table.table01.typ02 {
  margin-left: 10px;
}

/*
.tableWrap table.table01 {
	border-top: 1px solid #D9D9D9;
}
*/
table.table01 th,
table.table01 td {
  padding: 10px 20px;
  border-bottom: 1px solid #D9D9D9;
  vertical-align: top;
  text-align: left;
}

table.table01.typ01 th,
table.table01.typ01 td {
  text-align: center;
}

/*
table.table01.brd01 th, table.table01.brd01 td {
	padding: 10px 40px;
}

table.table01.brd01 th {
	text-align: center;
}
*/
table.table01.typ01 th:first-child {
  width: 225px;
}

table.table01.typ01 th:nth-of-type(2) {
  width: 370px;
}

table.table01.typ01 td:nth-of-type(3) {
  padding-left: 66px;
  text-align: left;
}

table.table01.typ02 th {
  width: 140px;
  padding: 10px 10px 10px 20px;
  font-weight: normal;
}

table.table01.typ03 th {
  width: 240px;
  padding: 10px 50px;
  font-weight: normal;
}

table.table01.typ03 td {
  padding: 10px 50px;
}

@media screen and (max-width: 736px) {
  table.table01.typ02 {
    margin-left: 0;
  }
  table.table01.typ02 th,
  table.table01.typ02 td,
  table.table01.typ03 th,
  table.table01.typ03 td {
    display: block;
    padding: 10px;
  }
  table.table01.typ02 th,
  table.table01.typ03 th {
    width: 100%;
    padding-bottom: 0;
    border-bottom: none;
    font-weight: bold;
  }
}

table.table02 {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #BFBFBF;
}

table.table02 th,
table.table02 td {
  border: 1px solid #BFBFBF;
  /**/
  /*vertical-align: top;
	text-align: left;*/
  font-weight: normal;
}

table.table02 th {
  padding: 1px 5px;
  background: #F2F2F2;
  /*text-align: center;*/
}

table.table02 td {
  padding: 5px 12px;
}

table.table02 td:first-child {
  width: 50px;
  text-align: center;
}

table.table02 td:nth-of-type(2) {
  width: 210px;
}

table.table02 td:nth-of-type(3) {
  width: 160px;
}

table.table02 td:nth-of-type(4),
table.table02 td:nth-of-type(5),
table.table02 td:nth-of-type(6) {
  width: 100px;
  text-align: center;
}

table.table02 td:nth-of-type(7) {
  width: 170px;
}

table.table02 td:nth-of-type(8) {
  width: 60px;
  text-align: center;
}

table.table-course {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #25C3FF;
  margin-bottom: 30px;
}

table.table-course th,
table.table-course td {
  padding: 10px;
  border: 1px solid #25C3FF;
}

table.table-course th {
  background: #25C3FF;
  border-right: 1px solid #FFF;
  color: #FFF;
  font-weight: normal;
}

table.table-course th:first-child {
  text-align: left;
}

table.table-course th:last-child {
  border-right: 1px solid #25C3FF;
}

table.table-course td {
  /*text-align: center;*/
  text-align: left;
}

/*
table.table-course td:first-child {
	text-align: left;
}
*/
table.table-course td:nth-last-of-type(1),
table.table-course td:nth-last-of-type(2),
table.table-course td:nth-last-of-type(3) {
  text-align: center;
}

/*コース表中身*/
table.table-course td .tit {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 20px;
}

table.table-course td .tit .tim {
  color: #B28500;
}

table.table-course td .details {
  margin-left: 3px;
  padding-left: 10px;
  border-left: 3px solid #F00;
  line-height: 1.8;
}

/*
.tableWrap table.table01 th {
	width: 150px;
	font-weight: normal;
}

.tableWrap table.table01 td p:last-child {
	margin-bottom: 0;
}
*/
/*
table.table01.sp {
	margin-bottom: 30px;
}
*/
@media screen and (max-width: 736px) {
  .table-scr {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    margin-bottom: 30px;
  }
  .table-scr::-webkit-scrollbar {
    height: 10px;
  }
  .table-scr::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px;
  }
  .table-scr::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
  /*
table.table01 th, table.table01 td {
	display: block;
}

table.table01 th {
	width: auto;
	padding-bottom: 0;
	padding-left: 20px;
	border-bottom: 0;
	font-weight: bold;
}
	.tableWrap table.table01 th {
	font-weight: bold;
}

table.table01 td {
	padding-right: 20px;
}
	table.table01.brd01 td {
		padding: 10px;
		font-size: 16px;
	}
	table.table01.brd01 td:nth-of-type(3) {
		text-align: left;
	}

	table.table01.rireki th {
		display: none;
	}
	
	table.table01.rireki td:before {
		content: attr(data-label);
		display: block;
		font-weight: bold;
		color: #333;
		font-size: 14px;
		padding: 1px 3px;
		background: rgba(112,200,245,.2);
	}
	table.table01.rireki tr td:first-child,
	table.table01.rireki tr td:nth-of-type(2) {
		border-bottom: none;
		padding-bottom: 0 !important;
	}
*/
}

/*pagetop
---------------------------------------------------------------------------*/
.pagetop {
  margin: 20px 0 0 0;
  padding-right: 10px;
  padding-bottom: 25px;
  border-bottom: 1px #814F1A solid;
  text-align: right;
  font-size: 12px;
}

/*
#inner .pagetop:nth-last-of-type(1) {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.pagetopIn {
	width: 1200px;
	margin: 0 auto;
}
*/
.pagetop a {
  color: #BFBFBF;
}

.s2v {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.pageNum {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 736px) {
  .pagetopIn {
    width: 100%;
  }
}

/* pagination */
.pagination a {
  padding: 5px 10px;
  display: inline-block;
  border: solid 1px #cccccc;
  color: #000000;
  background-color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}

.pagination a:hover {
  background-color: #e8e8e8;
}

.pagination span {
  padding: 5px 10px;
  display: inline-block;
}

.pagination span.current {
  padding: 5px 10px;
  display: inline-block;
  border: solid 1px #cccccc;
  color: #000000;
  background-color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}

.pagination {
  overflow: hidden;
  text-align: center;
  clear: both;
  background-color: transparent;
}

.pagination h2 {
  margin: 0;
  padding: 0;
  font-size: 0;
}

/*wp*/
.alignright {
  margin: 0 0 0 auto;
  text-align: right;
}

/* 配置位置 右 */
.alignleft {
  display: block;
  margin: 0 auto 0 0;
}

/* 配置位置 左 */
.aligncenter {
  display: block;
  margin: 0 auto;
}

/* 配置位置 中央 */
img.aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/*text
---------------------------------------------------------------------------*/
.con-c {
  text-align: center;
}

.txt-col-blk {
  color: #000;
}

.colr_course01 {
  background: #F8C95F;
  border: 1px solid #F8C95F;
}

.colr_course02 {
  background: #F3A53B;
  border: 1px solid #F3A53B;
}

.colr_course03 {
  background: #F3723B;
  border: 1px solid #F3723B;
}

.colr_course04 {
  background: #0DAA35;
  border: 1px solid #0DAA35;
}

.colr_course05 {
  background: #94D1FE;
  border: 1px solid #94D1FE;
}

.colr_course06 {
  background: #FFF;
  border: 1px solid #3AAAFE;
  color: #3AAAFE !important;
}

.colr_course07 {
  background: #F33B5D;
  border: 1px solid #F33B5D;
}

.colr_course08 {
  background: #9A9ACE;
  border: 1px solid #9A9ACE;
}

.colr_course09 {
  background: #0D65AA;
  border: 1px solid #0D65AA;
  /*color: #9AB613 !important;*/
}

.colr_course10 {
  background: #3BB5F3;
  border: 1px solid #3BB5F3;
}

.colr_course11 {
  background: #aa150b;
  border: 1px solid #aa150b;
}

.colr_course12 {
  border: 1px solid #ff8725;
  background: #ff8725;
}

.ico_course01,
.ico_course02,
.ico_course03,
.ico_course04,
.ico_course05,
.ico_course06,
.ico_course07,
.ico_course08,
.ico_course09,
.ico_course10,
.ico_course11,
.ico_course12 {
  font-weight: bold;
  font-size: 200%;
  vertical-align: middle;
}

.ico_course01 {
  color: #F8C95F;
}

.ico_course02 {
  color: #F3A53B;
}

.ico_course03 {
  color: #F3723B;
}

.ico_course04 {
  color: #0DAA35;
}

.ico_course05 {
  color: #94D1FE;
}

.ico_course06 {
  color: #3AAAFE;
  font-size: 170%;
}

.ico_course07 {
  color: #F33B5D;
}

.ico_course08 {
  color: #0D65AA;
}

.ico_course09 {
  color: #9AB613;
  font-size: 170%;
}

.ico_course10 {
  color: #3BB5F3;
}

.ico_course11 {
  color: #aa150b;
}

.attention {
  margin-bottom: 50px;
}

/*
.txt-few_large {
	font-size: 19px;
}

.txt-bold {
	font-weight: bold;
}

@media screen and (max-width:736px) {
.txt-few_large {
	font-size: 16px;
}
}
*/
.contactTelWrap {
  margin-bottom: 1em;
  text-align: center;
  color: #0070C0;
  font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
  font-size: 25px;
  line-height: 1.3;
}

.contactTelWrap a {
  color: #0070C0;
}

.contactTelNum {
  font-size: 37px;
}

.contactTelTim {
  font-size: 14px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

/* 企業情報 */
/*
.aisatsu {
	font-size: 19px;
}
.aisatsu p {
	text-indent: 1em;
}
.aisatsu .pre {
	text-align: right;
}
.aisatsu .name {
	font-size: 25px;
	font-weight: bold;
	font-family:"游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
}
.aisatsu .shikaku {
	margin-bottom: 1em;
	font-size: 15px;
}

@media screen and (max-width:768px) {
.aisatsu {
	font-size: 16px;
}
	.aisatsu .name {
		font-size: 18px;
	}
}
*/
/* 施工実績 */
/*
.case {
	padding: 0 19px;
}
.case ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}

.case ul.menu li {
	display: inline-block;
	width: 362px;
	height: 112px;
	margin-right: 38px;
	margin-bottom: 18px;
	border: 2px solid #BFBFBF;
	line-height: 1;
	position: relative;
}
.case ul.menu li:nth-of-type(3n) {
	margin-right: 0;
}
.case ul.menu li::before {
	content: url("img/arrow_btn-01.png");
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
}
.case ul.menu li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px;
	color: #404040;
	font-size: 19px;
}
.case ul.menu li a:hover {
	background: rgba(68,114,196,.3)
}
.case ul.menu li a img {
	float: right;
}
.case ul.menu li a .txt {
	display: inline-block;
	width: 250px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	padding-left: 35px;
	font-size: 19px;
	font-weight: bold;
	font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
	line-height: 1.3;
}

@media screen and (max-width:768px) {
	.case {
		padding: 0;
	}
	.case ul.menu li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.case ul.menu li a .txt {
		width: 100%;
		padding-right: 120px;
		font-size: 16px;
	}
}

.case ul.caseList {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}

.case ul.caseList li {
	display: inline-block;
	width: 362px;
	margin-right: 38px;
	margin-bottom: 30px;
	font-size: 17px;
}
.case ul.caseList li:nth-of-type(3n) {
	margin-right: 0;
}
.case ul.caseList li figure .imgWrap {
	width: 100%;
	height: 311px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #BFBFBF;
	position: relative;
}
.case ul.caseList li figure .imgWrap img {
	max-height: 290px;
	max-width: 342px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.case ul.caseList li figcaption {
	text-align: center;
}

@media screen and (max-width:768px) {
	.case ul.caseList li {
		width: 100%;
		margin-right: 0;
	}
}
*/
/* 事業内容 */
/*
#ct01In .boxH4 {
	padding-right: 30px;
}

@media screen and (max-width:768px) {
	#ct01In .boxH4 {
		padding-right: 0;
	}
	
	#ct01In .boxH3 > .boxH4:last-child {
		margin-bottom: 0;
	}
}

#ct01In .case {
	padding: 0;
}
#ct01In .case li {
	margin-right: 27px;
}
#ct01In .case li:nth-of-type(3n) {
	margin-right: 0;
}

@media screen and (max-width:768px) {
	#ct01In .case ul.menu li {
		margin-bottom: 10px;
	}
}

ul.ul4col.sp-jigyo {
	margin-bottom: 2em;
}

.jigyo-sp {
	margin-bottom: 2em;
	line-height: 1.3;
}

@media screen and (max-width:768px) {
	.jigyo-sp {
		margin-bottom: 1em;
	}
}

.jigyo-txt {
	line-height: 1.3;
}

.flowWrap {
	margin-top: 1.2em;
}
.flowWrap .caption {
	color: #8FAADC;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: .5em;
}

ul.flow {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}
ul.flow li {
	display: inline-block;
	width: 210px;
	min-height: 183px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #F2F2F2;
	font-size: 14px;
	vertical-align: top;
}
ul.flow li:nth-of-type(5n) {
	margin-right: 0;
}
ul.flow li .tit {
	width: 100%;
	padding: 5px 0;
	background: #8FAADC;
	color: #FFF;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
ul.flow li .txt {
	padding: 5px;
}

@media screen and (max-width:768px) {
	ul.flow li {
		width: 100%;
		min-height: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
}

.system .caption {
	color: #70AD47;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: .5em;
}

.system dl {
	margin: 0;
	padding: 0;
}
.system dt,
.system dd {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.system dt {
	float: left;
}
.system dt .titWrap {
	width: 100px;
	height: 100px;
	background: #A9D18E;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 19px;
	position: relative;
}
.system dt .tit {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	width: 100px;
}

.system dd {
	height: 100px;
	margin-left: 115px;
	line-height: 1.3;
	position: relative;
}
.system dd .txt {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.systemWrap .boxR dl,
.systemWrap .boxR dt,
.systemWrap .boxR dd {
	margin: 0;
	padding: 0;
}

.systemWrap .boxR dl {
	border: 1px solid #A9D18E;
	margin-bottom: 10px;
	padding: 10px;
	line-height: 1.3;
}

.systemWrap .boxR dt {
	color: #70AD47;
	font-weight: bold;
}

.systemWrap .boxR dd p {
	margin-bottom: 5px;
}

#ct01In .systemWrap .halfBox .boxH4 {
	padding-right: 0;
}
.systemWrap .halfBox .imgWrap {
	width: 460px;
	margin: auto;
	border: 1px solid #A9D18E;
	padding: 10px;
	text-align: center;
	position: relative;
}

.systemWrap .halfBox .imgWrap::after {
	content: "";
	display: block;
	clear: both;
}

.systemWrap .halfBox .imgWrap .imgR {
	float: right;
}

.systemWrap .halfBox .imgWrap .txt {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	text-align: left;
	color: #262626;
	line-height: 1.3;
}

@media screen and (max-width:768px) {
	.systemWrap .halfBox .imgWrap {
		width: 100%;
	}
	.systemWrap .halfBox .imgWrap .imgR {
		float: none;
		margin-bottom: 10px;
	}
	.systemWrap .halfBox .imgWrap .txt {
		position: static;
		top: 0;
		transform: translateY(0);
		display: inline-block;
		text-align: left;
	}
}
*/
.btnLink {
  width: 500px;
  margin: auto;
  border-radius: 50px;
  text-align: center;
  line-height: 1;
  /*position: relative;*/
}

.btnLink.sblu {
  background: #25C3FF;
}

.btnLink.pnk {
  background: #FF4D4D;
}

.btnLink.blu {
  background: #213895;
}

.btnLink a {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px 0;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
}

.btnLink a .btnTxt {
  display: block;
  width: 100%;
  position: relative;
}

.btnLink a .btnTxt::before {
  content: url("img/ico_arrow01.png");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -15px;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .btnLink {
    width: 100%;
  }
  .btnLink a {
    font-size: 18px;
  }
  .btnLink a .btnTxt {
    width: 70%;
    /**/
    margin: auto;
    text-align: left;
  }
  /*
	.btnLink img {
		width: 70%;
	}
	*/
}

/**/
.iframe-box {
  position: relative;
  width: 100%;
  margin: 0 auto 100px;
  padding: 49.5% 0 0 0;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .iframe-box {
    height: 700px;
  }
}

.iframe-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .iframe-box iframe {
    left: 0;
  }
}

.iframe-box2 {
  height: 750px;
}

/* add-style 20200129 */
.access-info {
  margin: 40px auto 15px;
  text-align: center;
  font-size: 36px;
}

@media only screen and (max-width: 768px) {
  .access-info {
    margin: 30px auto 5px;
    font-size: 20px;
  }
}

.access-info + hr {
  width: 50%;
  margin: 0 auto 40px;
  border: none;
  border-bottom: solid 2px red;
}

@media only screen and (max-width: 768px) {
  .access-info + hr {
    margin: 0 auto 20px;
  }
}

.col3-shop {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto 40px;
}

.col3-shop p {
  width: 100%;
  max-width: 380px;
  margin: 0 auto 15px;
}

@media only screen and (max-width: 768px) {
  .col3-shop {
    display: block;
    width: 80%;
    margin: 0 auto 30px;
  }
}

/* 20200217 add-style */
.pic2-ad p {
  width: 100%;
  max-width: 380px;
}

.pic2-ad p img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .pic2-ad {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .pic2-ad p {
    width: 49%;
  }
}