@charset "utf-8";
/*===========================
basic
===========================*/

/* 特別 */
.clear {
	clear: both;
}
div.clear {
	height: 0px;
	line-height: 0;
	font-size: 0;
}

/*===========================
fonts
===========================*/
/*  Fonts  */
.MSPminchouFontClass {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

@media screen and (max-width: 768px) {
  .minchouFontClass {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  }
}
  
/*===========================
general
===========================*/
body {
	font-size: 15px;
	line-height: 1.8em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 640px; /* iPadで横にしたときに背景が切れるバグを回避してレスポ化　*/
  }
  
}

@media only screen and (max-width: 600px) {
  body {
    min-width: 320px; /* iPadで横にしたときに背景が切れるバグ回避してレスポ化　*/
  }
}

  
.wrapper {
	width: 1200px;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1px;
	font-weight: normal;
}
h2 {
	font-size: 2.7em;
	line-height: 1.3em;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 1em;
	font-family: 'Noto Serif JP', serif;
}

h2.h2line:after {
	content: '';
	position: absolute;
	bottom: -17px;
	display: inline-block;
	width: 150px;
	height: 8px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ef6c70;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.content-title-small {
	font-size: 1.6em;
}
h3 {
	position:relative;
	font-size: 2.2em;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0 0.5em 0.3em 0.5em;
	font-weight: normal;
	line-height: 1.2em;
	font-family: 'Noto Serif JP', serif;
}

h3:after {
	content: '';
	position: absolute;
	bottom: 0px;
	display: inline-block;
	width: 120px;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ccc;
}

h3.h3dot {
	font-size: 2.2em;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0 0.5em 0.3em 0.5em;
	font-weight: normal;
	line-height: 1.2em;
	font-family: 'Noto Serif JP', serif;
}

h3.h3dot:after {
	content: none;
}
h4 {
	font-size: 1.4em;
	margin-bottom: 0.5em;
	font-family: 'Noto Serif JP', serif;
}
h4.h4borderB {
	padding-bottom: 0.2em;
}

@media screen and (max-width: 768px) {
  .wrapper, .wrapperWide {
    width: 96%;
    margin: 0 auto;
  }
  .wrapper2 {
    width: 96%;
    margin: 0 auto;
  }
  .wrapper3 {
    width: 94%;
    margin: 0 auto;
  }
  h2 {
    font-size: 1.8em;
    line-height: normal;
    padding: 5px 5px 5px 5px;
    font-weight: normal;
    margin-bottom: 15px;
  }
  h3 , h3.h3dot {
    font-size: 1.3em;
  }
  .catch1 {
    font-size: 1.7em;
    line-height: 1.6em;
  }
  .catch2, .catch2Red, .catch2YG {
    font-size: 1.4em;
    line-height: 1.4em;
  }
  .catchS {
    font-size: 1.2em;
    margin-bottom: 0.4em;
  }
  .content-title-small {
    font-size: 1.2em;
  }
  h4 {
    font-size: 1.1em;
  }
  .imgFloatRightTabletCenter, .imgFloatLeftTabletCenter {
    float: none;
    text-align: center;
  }
  
}

@media only screen and (max-width: 600px) {
	
	  h2 {
    font-size: 1.4em;
    line-height: normal;
    text-align: center;
    padding: 5px 5px 5px 5px;
    font-weight: normal;
    margin-bottom: 15px;
  }
  h2.h2Catch1 {
    font-size: 1.6em;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 0.8em;
  }
  h2.h2Center {
    font-size: 1.4em;
    line-height: normal;
    text-align: left;
    padding: 5px 5px 5px 5px;
    font-weight: normal;
    margin-bottom: 15px
  }
  h3 {
    font-size: 1.1em;
  }
  h3.h3dot {
    font-size: 1.1em;
    text-align: left;
  }
  h3.h3Shop {
    font-size: 1.1em;
  }
  h4 {
    font-size: 1.0em;
    background-position: left 0.5em;
  }
  
}


.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.notes {
	padding: 15px;
	margin-bottom: 1em;
}
.notes ul {
	padding: 0 3px 0 3px;
}
.notes ul li:before {
	margin-right: 0.5em;
	content: " ";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
}
.faxNoLink a {
	text-decoration: none;
}
.telNoDeco a {
	text-decoration: none !important;
	color: #333 !important;
}
.telNoDeco a:hover {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
.telNoDecoWhite a {
	text-decoration: none !important;
	color: #fff !important;
}
.telNoDecoWhite a:hover {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
.txtBnr a {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: normal;
	padding: 0.5em 1.5em 0.5em 1em;
	margin: 0.4em auto;
	width: 176px;
	box-sizing: border-box;
	background-image: url(../img/common/btn_arrow.png);
	background-position: right 0.5em center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

@media only screen and (max-width: 600px) {
  .txtBnr a {
    display: block;
    float: none;
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }
}

.txtBnr2 a {
	text-decoration: none;
	line-height: normal;
	padding: 0.2em 2.5em 0.2em 2em;
	margin: 0.4em 0;
	background-image: url(../img/common/btn_arrow.png);
	background-position: right 0.5em center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.txtBnr3 a {
	text-decoration: none;
	line-height: normal;
	padding: 0.2em 2.5em 0.2em 2em;
	margin: 0.4em 0;
	background-image: url(../img/common/btn_arrow.png);
	background-position: right 0.5em center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.txtBnrInline {
	display: inline-block;
}
.txtBnrInline a {
	display: inline-block;
	text-decoration: none;
	line-height: normal;
	padding: 0.2em 2.5em 0.2em 2em;
	margin: 0;
	background-image: url(../img/common/btn_arrow.png);
	background-position: right 0.5em center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/* contactBtn */
.contactBtnWrap {
	clear: both;
	padding: 0 0 0 0;
	text-align: center;
}
.contactBtn {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	margin: 0 10px 15px 10px;
}
.txtContacBnr a {
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: normal;
	padding: 0.5em 1.5em 0.5em 1em;
	width: 190px;
	box-sizing: border-box;
	background-image: url(../img/common/btn_arrow.png);
	background-position: right 0.5em center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.txtContacBnrPC {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: normal;
	padding: 0.5em 1em 0.5em 1em;
	width: 190px;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*===========================
header
===========================*/
/* header */
#top-head {
	position: fixed;
	width: 100%;
	height: 95px;
	margin: 0 auto;
	line-height: 1;
	min-width: 1200px;
	z-index: 500;
}
#top-head a, #top-head {
	text-decoration: none;
}
#top-head .inner {
	position: relative;
	margin: 0 auto;
}
#top-head .logo {
	float: left;
	padding: 24px 0 0 20px;
}
ul.global-nav {
	list-style: none;
	position: absolute;
	top: 2.2em;
	right: 2em;
}
ul.global-nav li {
	float: left;
	position: relative;
	line-height: 2em;
	font-size: 1em;
}
ul.global-nav li a {
	display: block;
	padding: 0 0.8em;
}
ul.global-nav li a:hover {
	border-bottom: 2px #999 solid;
}
/* slicknav_menu */
.slicknav_menu {
	display: none;
}


@media screen and (max-width: 768px) {
  /* header */
  #top-head {
    position: relative;
    min-width: 320px;
    text-align: center;
    height: auto;
  }
  #top-head .logo {
    float: none;
    padding: 20px 0;
  }
  
  /* gnav */
  #gnav {
    display: none;
  }
  /*Media Queries*/
  .js #menu {
    display: none;
  }
  .js .slicknav_menu {
    display: block;
  }
  
}

@media only screen and (max-width: 600px) {
	  /* header */
  #top-head {
    height: auto;
  }
  #top-head .logo {
    padding: 27px 0;
    margin: 0;
  }
  #top-head .logo img {
    max-width: 300px;
  }
}
/*===========================
slider
===========================*/
.bxslider {
}
/*===========================
mainimage
===========================*/
#mainimage {
	background: url(../img/top/mainimage.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
	height: 750px;
	position: relative;
	background-size: cover;
	min-width: 1220px; /* iPadで横にしたときに背景が切れるバグを回避 bgcolor等のpaddingも考慮　*/
}
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
/*-----  mainCatch 通常 ----- */
/* メイン画像と会うものを利用　*/
/* color とfont-family　適宜変えてOK　*/
#mainCatch {
	padding-top: 22em;
}
#mainCatch p {
	display: block;
	text-align: center;
	font-size: 4em;
	line-height: 1.2em;
	color: #fff;
  font-family: 'Noto Serif JP', serif;
	text-shadow: 0 0 1px #333,0 0 2px #333, 0 0 4px #333, 0 0 6px #333, 0 0 8px #333,0 0 10px #333,0 0 12px #333, 0 0 14px #333, 0 0 16px #333, 0 0 18px #333;
}
.mainCatchPad {
	padding-left: 0.5em;
}
/*----- mainCatch 反転 -----*/
/* 

#mainCatch {
	padding-top:21.5em;
}

#mainCatch p {
	display:inline-block;
	text-align:center;
	font-size:3.4em;
	line-height:1.6em;
	padding:0.5em 1em;
	color:#333;
	background: rgba(255,255,255,.4);
	font-family: 'Noto Serif JP', serif; /* 適宜変えてOK
}
*/
/*-----  mainCatch 下寄せ ----- */
/*
#mainCatch {
	position: absolute;
	bottom: 0;
	width:100%;
}

#mainCatch p {
	text-align:center;
	color: #fff;
	line-height:1.2em;
	letter-spacing:0em;
	background-color: rgba(0, 0, 0, 0.3);
	background-size: 100%;
	padding: 1.3% 0;
	font-size:2vw;
	font-family: 'Noto Serif JP', serif; /* 適宜変えてOK
}
*/
/*-----  mainCatch 下寄せ 反転 -----  */
/*
#mainCatch {
	position: absolute;
	bottom: 0;
	width:100%;
}

#mainCatch p {
	text-align:center;
	color: #333;
	line-height:1.2em;
	letter-spacing:0em;
	background-color: rgba(255, 255, 255, 0.7);
	background-size: 100%;
	padding: 1.3% 0;
	font-size:2vw;
	font-family: 'Noto Serif JP', serif; /* 適宜変えてOK
}
*/
/*-----  mainCatch 左寄せ ----- */
/* color とfont-family　適宜変えてOK　*/


/*#mainCatch {
	padding-top:26em;
}

#mainCatch .mainCatchInner {
	width:1200px;
	margin:0 auto;
	box-sizing: border-box;
	text-align:left;
	font-size:3.4em;
	line-height:1.6em;
	padding:0;
	font-family: 'Noto Serif JP', serif; 
	color: #333;
	text-shadow: 0 0 1px #fff,0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff,0 0 10px #fff,0 0 12px #fff, 0 0 14px #fff, 0 0 16px #fff, 0 0 18px #fff;
}

#mainCatch .mainCatchInner p {
	
}*/


/*-----  mainCatch 右寄せ ----- */
/* color とfont-family　適宜変えてOK　*/
/*
#mainCatch {
	padding-top:24.5em;
}

#mainCatch p {
	display:inline-block;
	width:1200px;
	margin:0 auto;
	box-sizing: border-box;
	text-align:right;
	font-size:3.4em;
	line-height:1.6em;
	padding:0;
	color:#333;
	font-family: 'Noto Serif JP', serif; 
	text-shadow:0px 0px 6px rgba(255,255,255,1);
}

*/

@media screen and (max-width: 768px) {
  #mainimage {
    height: 340px;
    background-attachment: scroll;
    background-position: center top 30px;
    min-width: 640px; /* iPadで横にしたときに背景が切れるバグを回避してレスポ化　*/
  }
  #mainCatch {
    padding-top: 5.5em;
  }
#mainCatch .mainCatchInner {
	width: 100%;
    font-size: 1.2em;
    padding:0 0.5em;
  }
  .mainCatchPad {
    padding-left: 0;
  }
  /*-----  mainCatch 左右寄せ ----- */
  /* color とfont-family　適宜変えてOK　*/
  #mainCatch p {
    
    font-size: 1.6em;
  }
  
}

@media only screen and (max-width: 600px) {
	
	  /* org */
  #mainimage {
    height: 280px;
    background-attachment: scroll;
	background-position: center top 65px;
	background-size:140%;
    min-width: 320px;
  }
  /* 万能用等

#mainimage {
	height:280px;
	background-attachment:scroll;
	background-position:left 54% bottom -10px;
	background-size:160%;
	min-width:320px;

	/* background-position:center bottom -5px; 万能3枚並んだ時
	background-size:154%; 
}

*/
  #mainCatch {
    padding-top: 4em;
  }
  /*-----  mainCatch 左右寄せ ----- */
  /* color とfont-family　適宜変えてOK　*/
  #mainCatch p {
	display: block;
    width: 100%;
    font-size: 1.1em;
    letter-spacing: -0.02em;
	text-shadow: 0 0 1px #333,0 0 2px #333, 0 0 4px #333, 0 0 6px #333, 0 0 8px #333,0 0 10px #333,0 0 12px #333, 0 0 14px #333, 0 0 16px #333, 0 0 18px #333;
  }
}

/*===========================
pageTitle
===========================*/
#pageTitle {
	/*  background: url(../img/top/mainimage.jpg); */
  background: url(../img/common/page_title.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
	height: 300px;
	background-attachment: scroll;
	position: relative;
	min-width: 1200px;
}
#pageTitleTxt {
}
/*
#pageTitleTxt h1 {
  font-size: 3.4em;
  line-height: 1.3em;
  padding: 170px 0 0 0;
  margin: 0;
  font-family: 'Noto Serif JP', serif;
	color: #fff;
	    text-shadow: 0px 0px 10px #333;
}
*/
#pageTitleTxt h1 {
	font-size: 3.4em;
	line-height: 1.3em;
	padding: 170px 0 0 0;
	margin: 0;
	font-family: 'Noto Serif JP', serif;
	/* color: #fff; */
  color: #333;/* text-shadow: 0px 0px 10px #333; */
}

@media screen and (max-width: 768px) {
  #pageTitle {
    height: 220px;
    background-size: cover;
    background-position: bottom center;
    background-attachment: scroll;
    min-width: 320px;
  }
  #pageTitleTxt {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 65px;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
  }
  #pageTitleTxt h1 {
    font-size: 2.4em;
    line-height: 1.3em;
    padding: 0.4em 0 0 0;
  }
  #pageTitleTxt span {
    font-size: 1.2em;
    line-height: 0.1em;
  }
}

@media only screen and (max-width: 600px) {
	  #pageTitle {
    height: 180px;
    background-position: center;
  }
  #pageTitleTxt {
    bottom: 25px;
    height: 40px;
  }
  #pageTitleTxt h1 {
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 0.4em 0 0 0;
  }
}

/*===========================
main_area
===========================*/
.txt {
	margin-bottom: 1em !important;
}
.txt2 {
	margin-bottom: 2em !important;
}
.txt3 {
	margin-bottom: 4em !important;
}
.txtCenter {
	text-align: center !important;
}
.txtRight {
	text-align: right !important;
}
.txtLeft {
	text-align: left !important;
}
.txtSUP {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
.txtSUB {
	font-size: 75.5%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}
/* マージン */

.mgb1em {
	margin-bottom:1em !important;
}
.mgb2em {
	margin-bottom:2em !important;
}

.mgb3em {
	margin-bottom:3em !important;
}


.mgbS {
	margin-bottom:20px !important;
}

.mgbM {
	margin-bottom:50px !important;
}

.mgbL {
	margin-bottom:100px !important;
}


.mgb1em {
	margin-bottom:1em !important;
}
.mgb2em {
	margin-bottom:2em !important;
}
.mgb3em {
	margin-bottom:3em !important;
}

.mgbM {
	margin-bottom:70px !important;
}
.mgbL {
	margin-bottom:120px !important;
}
.mgb0 {
	margin-bottom:0px !important;
}
.mgb10px {
	margin-bottom:10px !important;
}
.mgb20px {
	margin-bottom:20px !important;
}
.mgb30px {
	margin-bottom:30px !important;
}
.mgb40px {
	margin-bottom:40px !important;
}
.mgb50px {
	margin-bottom:50px !important;
}
.mgb60px {
	margin-bottom:60px !important;
}
.mgb70px {
	margin-bottom:70px !important;
}
.mgb80px {
	margin-bottom:80px !important;
}
.mgb100px {
	margin-bottom:100px !important;
}

.mgbPC0SP20px {
	margin-bottom:0 !important;
}

.mb0 {
	margin-bottom: 0px!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb25 {
	margin-bottom: 25px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.mb70 {
	margin-bottom: 70px!important;
}
.mb80 {
	margin-bottom: 80px!important;
}
.mb90 {
	margin-bottom: 90px!important;
}
.mb100 {
	margin-bottom: 100px!important;
}

@media only screen and (max-width: 600px) {
	  .mgbS {
    margin-bottom: 10px !important;
  }
  .mgbM {
    margin-bottom: 20px !important;
  }
  .mgbL {
    margin-bottom: 50px !important;
  }
  
  .mgbPC0SP20px {
	margin-bottom:20px !important;
}
}


/* padding */
.pt0 {
	padding-top: 0px!important;
}
.pt5 {
	padding-top: 5px!important;
}
.pt10 {
	padding-top: 10px!important;
}
.pt15 {
	padding-top: 15px!important;
}
.pt20 {
	padding-top: 20px!important;
}
.pt25 {
	padding-top: 25px!important;
}
.pt30 {
	padding-top: 30px!important;
}
.pt40 {
	padding-top: 40px!important;
}
.pt50 {
	padding-top: 50px!important;
}
.pt60 {
	padding-top: 60px!important;
}
.pt70 {
	padding-top: 70px!important;
}
.pt80 {
	padding-top: 80px!important;
}
.pt90 {
	padding-top: 90px!important;
}
.pt100 {
	padding-top: 100px!important;
}
.pb0 {
	padding-bottom: 0px!important;
}
.pb5 {
	padding-bottom: 5px!important;
}
.pb10 {
	padding-bottom: 10px!important;
}
.pb15 {
	padding-bottom: 15px!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.pb25 {
	padding-bottom: 25px!important;
}
.pb30 {
	padding-bottom: 30px!important;
}
.pb40 {
	padding-bottom: 40px!important;
}
.pb50 {
	padding-bottom: 50px!important;
}
.pb60 {
	padding-bottom: 60px!important;
}
.pb70 {
	padding-bottom: 70px!important;
}
.pb80 {
	padding-bottom: 80px!important;
}
.pb90 {
	padding-bottom: 90px!important;
}
.pb100 {
	padding-bottom: 100px!important;
}
.pl0 {
	padding-left: 0px!important;
}
.pl5 {
	padding-left: 5px!important;
}
.pl10 {
	padding-left: 10px!important;
}
.pl15 {
	padding-left: 15px!important;
}
.pl20 {
	padding-left: 20px!important;
}
.pl25 {
	padding-left: 25px!important;
}
.pl30 {
	padding-left: 30px!important;
}
.pl40 {
	padding-left: 40px!important;
}
.pl50 {
	padding-left: 50px!important;
}
.pr0 {
	padding-right: 0px!important;
}
.pr5 {
	padding-right: 5px!important;
}
.pr10 {
	padding-right: 10px!important;
}
.pr15 {
	padding-right: 15px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.pr25 {
	padding-right: 25px!important;
}
.pr30 {
	padding-right: 30px!important;
}
.pr40 {
	padding-right: 40px!important;
}
.pr50 {
	padding-right: 50px!important;
}
/* margin top */
.mt0 {
	margin-top: 0px!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mt70 {
	margin-top: 70px!important;
}
.mt80 {
	margin-top: 80px!important;
}
.mt90 {
	margin-top: 90px!important;
}
.mt100 {
	margin-top: 100px!important;
}

.ml0 {
	margin-left: 0px!important;
}
.ml5 {
	margin-left: 5px!important;
}
.ml10 {
	margin-left: 10px!important;
}
.ml15 {
	margin-left: 15px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.ml25 {
	margin-left: 25px!important;
}
.ml30 {
	margin-left: 30px!important;
}
.ml40 {
	margin-left: 40px!important;
}
.ml50 {
	margin-left: 50px!important;
}
.mr0 {
	margin-right: 0px!important;
}
.mr5 {
	margin-right: 5px!important;
}
.mr10 {
	margin-right: 10px!important;
}
.mr15 {
	margin-right: 15px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr25 {
	margin-right: 25px!important;
}
.mr30 {
	margin-right: 30px!important;
}
.mr40 {
	margin-right: 40px!important;
}
.mr50 {
	margin-right: 50px!important;
}

.halfIndent {
	text-indent:-0.5em !important;
}


.fs40p {
	font-size: 40% !important;
}

.fs50p {
	font-size: 50% !important;
}


.fs60p {
	font-size: 60% !important;
}
.fs70p {
	font-size: 70% !important;
}
.fs80p {
	font-size: 80% !important;
}
.fs90p {
	font-size: 90% !important;
}
.fs110p {
	font-size: 110% !important;
}
.fs120p {
	font-size: 120% !important;
	line-height: 1.6em !important;
}
.fs130p {
	font-size: 130% !important;
	line-height: 1.4em !important;
}
.fs140p {
	font-size: 140% !important;
	line-height: 1.4em !important;
}
.fs140pM {
	font-size: 140% !important;
	line-height: 1.8em !important;
}
.fs150p {
	font-size: 150% !important;
	line-height: 1.4em !important;
}
.fs200p {
	font-size: 200% !important;
	line-height: 1.4em !important;
}
.mgr0_5em {
	margin-right: 0.5em !important;
}
.mgl0_5em {
	margin-left: 0.5em !important;
}
.mgt0 {
	margin-top: 0 !important;
}
.halfIndent {
	text-indent: -0.5em !important;
}
/*　蛍光下線　*/
.tx-em {
	background: linear-gradient(transparent 62%, rgba(255, 250, 137, 0.71) 0%);
}
/*　蛍光斜線　*/
.tx-diagoYel {
	margin: 0 2px;
	padding: 2px 5px;
	border-radius: 0 0 3px 9px;
	color: #2f2f2f;
	background-image: linear-gradient(2deg, #fbf8a7, #fbf8a7 25%, transparent 25.1%, transparent);
}
.tx-diagoRed {
	margin: 0 2px;
	padding: 2px 5px;
	border-radius: 0 0 3px 9px;
	color: #2f2f2f;
	background-image: linear-gradient(2deg, #FD86A0, #FD86A0 25%, transparent 25.1%, transparent);
}
.tx-diagoGreen {
	margin: 0 2px;
	padding: 2px 5px;
	border-radius: 0 0 3px 9px;
	color: #2f2f2f;
	background-image: linear-gradient(2deg, #8dedd0, #8dedd0 25%, transparent 25.1%, transparent);
}
.column-layout03-text .tx-em {
	color: #fbff00;
	background: none;
}
/*===========================
onOff
===========================*/
.pcOFFtabletON {
	display: none;
}
.pcONtabletOFF {
}
.pcONtabletOFFspON {
}
.pcOFFspON {
	display: none;
}
.pcOFFsp2ON {
	display: none;
}
.pcONspOFF {
}
.pcONsp2OFF {
}
.txtPCcenterSPLeft, .txtPCcenterTabletLeft {
	text-align: center;
}
.txtPCLeftSPcenter {
	text-align: left;
}
.txtPCRightSPcenter {
	text-align: right;
}

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

.txtPCcenterTabletLeft{
	text-align:left !important;
}

  .pcONtabletOFF {
    display: none;
  }
  .pcOFFtabletON {
    display: block;
  }
  .pcONtabletOFFspON {
    display: none;
  }
  
}

@media only screen and (max-width: 600px) {
	
	  .pcOFFspON {
    display: block;
  }
  .pcONspOFF {
    display: none;
  }
  .pcONtabletOFFspON {
    display: block;
  }
  .txtPCcenterSPLeft {
    text-align: left;
  }
  .txtPCLeftSPcenter {
    text-align: center;
  }
  .txtPCRightSPcenter {
    text-align: center;
  }
  /* other */
  .imgFloatRight, .imgFloatLeft {
    float: none;
    margin: 0 0 1em 0;
    text-align: center;
  }
  /* other */
  .comingsoon2 {
    font-size: 1.2em;
  }
.txtIconM {
	font-size: 1.1em;
}

}
/*===========================
content
===========================*/
.bgcolorBnr {
	padding: 4.3em 10px;
}
.bgcolorBnrs {
	padding: 4.3em 0 0.5em 0;
	padding: 4.3em 10px;
	background-color: #f3f3f3;
}
.bgcolor0 {
	padding: 4.3em 0;
	background-color: none;
}
.bgcolor1 {
	padding: 4.3em 10px;
}
.bgcolor1s {
	padding: 4.3em 0 0.5em 0;
}
.bgcolor2 {
	padding: 4.4em 10px;
}
.bgcolor2s {
	padding: 4.4em 0 0.5em 0;
}
.bgcolor3 {
	padding: 4.4em 10px;
}
.bgcolor3s {
	padding: 4.4em 0 0.5em 0;
}
.bgIdea {
	padding: 4.3em 10px;
	background-image: url(../img/aboutus/catch_back.jpg);
	background-position: center;
	background-size: cover;
}
.bgIdeaBusiness {
	padding: 4.3em 10px;
	background-image: url(../img/aboutus/business_back.jpg);
	background-position: center top;
	background-size: cover;
}
.bgIdeaSupport {
	padding: 4.3em 10px;
	background-image: url(../img/support/catch_back.jpg);
	background-position: center;
	background-size: cover;
}
.fs1_3em {
	font-size: 1.3em;
}
/*===========================
footer
===========================*/
footer {
}
#footerList {
	padding: 0 3% 0 3%;
	padding: 20px 0;
	clear: both;
	e-height: normal;
	position: relative;
	overflow: hidden;
}
#footerList ul {
	float: left;
	left: 50%;
	position: relative;
}
#footerList li {
	float: left;
	left: -50%;
	position: relative;
	padding: 0 1em;
}
#footerList a {
	text-decoration: none;
	color: #fff;
}
#footerList a:hover {
	text-decoration: underline;
}
#footerDataWrap {
	padding: 0 10px;
	clear: both;
}
.footDataArea {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
}
.footDataArea a {
	text-decoration: none;
}
.footDataArea a:hover {
	text-decoration: underline;
}
.footLogo {
	text-align: center;
	margin-bottom: 0.5em;
}
.lay3foot {
	width: 31%;
	float: left;
	margin: 0 3% 2% 0;
}
.lay3footR {
	width: 31%;
	float: left;
	margin: 0 0 2% 0;
}
.lay3footR2 {
	width: 60%;
	float: left;
	margin: 0 0 2% 0;
}
.telIcn {
	background-image: url(../img/footer/icn_tel.png);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	font-size: 2.6em;
	line-height: 1.2em;
	padding: 0.1em 0 0 1.3em;
	margin: 0 0 0.2em 0;
}
.telIcn a {
	text-decoration: none;
}
.telIcn a:hover {
	text-decoration: none;
}
.telSp {
	background-image: url(../img/footer/icn_sp.png);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	font-size: 2.6em;
	line-height: 1.2em;
	padding: 0.1em 0 0 1.3em;
	margin: 0 0 0.2em 0;
	color: #555;
}
.telSp a {
	text-decoration: none;
	color: #555;
}
.telSp a:hover {
	text-decoration: none;
}
.mailContact a {
	display: block;
	margin: 0 0 0 0;
	padding: 0.4em 1em 0.4em 2em;
	text-align: center;
	width: 260px;
	background-image: url(../img/footer/icn_mail.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	font-size: 1.2em;
}
.mailContact a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	text-decoration: none;
}
.companyPlace {
	min-height: 2em;
	background-image: url(../img/footer/icn_list.png);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	padding: 0 0 1em 1em;
}
/* footContactWrap */
.footContactWrap {
	text-align: center;
	margin-bottom: 1em;
}
/* footBnr2div */
ul.footContact {
	clear: both;
	padding: 1em 0 0 0;
	text-align: center;
}
ul.footContact li {
	display: inline-block;
	vertical-align: top;
	line-height: 1.8em;
	margin: 0 1.25em 1.25em 1.25em;
}
/* snsBtn */
#snsBtn {
	clear: both;
	padding: 1.5em 0 0 0;
	text-align: center;
}
#snsBtn div {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
}

.sns {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	align-items: center; /* アイテムを上下中央で配置します */
}

.sns p {
	margin-right:10px;
}

.txtBnrAmeba {
	display: inline-block;
}
.txtBnrAmeba a {
	display: inline-block;
	text-decoration: none;
	line-height: normal;
	padding: 0.8em 2em 0.8em 1.5em;
	margin: 0;
	background-image: url(../img/common/btn_arrow.png);
	background-position: right 0.5em center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#2a8738;
	color:#FFF;
}

.txtBnrAmeba a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.copyright {
	font-size: 92%;
	line-height: 2.8em;
	text-align: center;
	margin: 1em 0 3em;
}

@media screen and (max-width: 768px) {
	
	  footer {}
  #footerList li {
    padding: 0 0.5em;
  }
  .footDataArea {
    clear: both;
    width: 100%;
  }
  .lay3foot, .lay3footR {
    width: 46%;
    float: left;
    margin: 0 2% 3em 2%;
  }
  .lay3footR {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
  }
  .telIcn {
    margin: 0 0 0 0;
    line-height: 1.1em;
    font-size: 2em;
    margin-bottom: 0.5em;
  }
  .mailContact a {
    margin-bottom: 1em;
  }

}

@media only screen and (max-width: 600px) {
	
  footer {}
  #footerDataWrap {
    border-top: 1px solid #eee;
  }
  .footDataArea {
    clear: both;
    width: 100%;
    box-sizing: border-box;
  }
  .lay3foot, .lay3footR {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0;
    padding: 0 10px;
    border: none;
  }
  .telIcn {
    background-position: left 0.4em;
    color: #2657a2;
    font-size: 1.9em;
    padding: 0.5em 0 0 44px;
    margin-bottom: 0.5em;
  }
  .telSp {
    background-position: left 0.3em;
    color: #2657a2;
    font-size: 1.9em;
    padding: 0.5em 0 0 44px;
    margin: 0 0 0 0;
  }
  .mailContact a {
    padding: 0.2em 0.8em;
    width: 260px;
    font-size: 1em;
    margin: 0 0 0 0;
    box-sizing: border-box;
  }
}
/*===========================
other
===========================*/
/* pagetop */
#pagetop {
	position: fixed;
	bottom: 80px;
	right: 10px;
	z-index: 20;
}
#pagetop a {
	display: block;
	background-image: url(../img/footer/btn_pagetop.png);
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
	text-indent: -7777px;
}
#pagetop a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
/* 「※」付きなど用の文字インデント */

.txtInd {
	padding-left:1em;  
	text-indent:-1em; 
}

.txtIcon {
	display:inline-block;
	color:#FFF;
	text-align:center;
	line-height:normal;
	padding:0.2em 2.5em 0.2em 2.5em;
	background-color:#FABF67;
	margin:0 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}

.txtIconBlock {
	display:block;
	color:#FFF;
	text-align:center;
	line-height:normal;
	padding:0.2em 2.5em 0.2em 2.5em;
	background-color:#74675f;
	margin:0 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	font-size: 1.1rem;
}

.txtIconPoint {
	display:block;
	color:#FFF;
	text-align:center;
	line-height:normal;
	font-size:1.2em;
	padding:0.2em 1.2em 0.2em 1.2em;
	background-color:#ABC853;
	border-radius: 1.1em;
	-webkit-border-radius: 1.1em; 
	-moz-border-radius: 1.1em;
	margin-bottom:5px;
}

.txtBA {
	display:block;
	text-align:center;
	font-size:1em;
	line-height:normal;
	padding:0.2em 1em 0.2em 1em;
	margin:0.2em auto 0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	color:#fff;
	background-color:#9DBC41;
	width:8em;
}

.txtIconM {
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	line-height: normal;
	padding: 0.4em 1em 0.5em 1em;
	background-color:#1a54a5;
	margin: 0 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.dataArea {
	padding: 40px 0 40px 0;
	clear: both;
}
.topData {
	border-top: none;
}
.dataArea .data {
	float: left;
	margin-right: 20px;
}
.pdf {
	background-image: url(../img/common/icn_pdf.png);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-left: 21px;
}
.external {
	background-image: url(../img/common/icn_externallink.png);
	background-position: right 4px;
	background-repeat: no-repeat;
	padding-right: 15px;
}
.catch1 {
	font-size: 2.8em;
	margin-bottom: 0.6em;
	line-height: 1.8em;
}
.catch2 {
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 1.8em;
}
.catch2Red {
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 1.8em;
}
.catch2YG {
	font-size: 2em;
	margin-bottom: 0.6em;
	line-height: 1.8em;
}
.catchS {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}
.hoverTrans a:hover {
	cursor: pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.hoverTrans Ex img {
	transition: 0.3s;
}
.hoverTransEx img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.comingsoon {
	font-size: 3em;
	text-align: center;
	padding: 20% 0;
	line-height: normal;
	margin-bottom: 2em;
}
.comingsoon2 {
	font-size: 2em;
	text-align: center;
	padding: 20% 0;
	line-height: normal;
	margin-bottom: 2em;
	border: #ececec 1px solid;
}

@media screen and (max-width: 768px) {
	
	  .pagetop {
    position: fixed;
    bottom: 30px;
    right: 1%;
  }
  .pagetop img {
    width: 80%;
  }
  .dataArea {
    padding: 20px 0 30px 0;
  }
  .dataArea .data {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  
    /*===========================
top
===========================*/
  .bnrUl {
    margin: 0 auto;
    width: 510px;
  }
  .topContent1 {
    padding: 20px 0 0 0;
  }
  .topContent1 ul li {
    width: 100%;
    float: left;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .topContent1 ul li.pic1 p, .topContent1 ul li.pic2 p {
    width: 100%;
    padding: 10px 0 10px 0;
    background-color: rgba(17, 89, 144, 0.8);
    color: #FFF;
    font-size: 16px;
    margin-top: 30%;
    text-align: center;
  }
  .btn {
    text-align: center;
  }
  .sp {
    display: block;
  }
  .topContent2 .news {
    width: 96%;
    float: none;
    margin: 0 0;
  }
  .topContent2 .news dl {
    width: 100%;
    height: auto;
    overflow: visible;
  }
  .topContent2 .news dl dt {
    float: none;
    padding: 1em 0 0.2em 0;
    clear: both;
    width: auto;
  }
  .topContent2 .news dl dd {
    padding: 0 0 1em 0;
    border-bottom: 1px solid #1f6ca6;
    margin-right: 0;
  }
  .topContent2 .photo {
    width: 100%;
    float: none;
    margin: 0 0%;
  }
  .topContent2 .photo p {
    width: 50%;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
  }
  .btn1 {
    display: none;
  }
  .arrow {}
  .externalBnrWrap {
    width: 100%;
  }

}


/*===========================
content
===========================*/
.contPad0 {
	padding: 0;
}
.contPad {
	padding: 0 10px;
}
.contPadMB {
	padding: 0 10px;
	margin-bottom: 2em;
}
.contPadMB2 {
	padding: 0 10px;
	margin-bottom: 4em;
}
.contPad0MB3 {
	padding: 0;
	margin-bottom: 2em;
}
.contPad2 {
	padding: 10px 0;
}
.contPad3 {
	padding: 0 20px;
}
.contPad4 {
	padding: 0 5px;
}
.contPad5 {
	width: 70%;
	margin: 0 auto;
}
.contPad90p {
	width: 90%;
	margin: 0 auto;
}
.contPad80p {
	width: 80%;
	margin: 0 auto;
}
.contPad70p {
	width: 70%;
	margin: 0 auto;
}
.contPad60p {
	width: 60%;
	margin: 0 auto;
}
.contPad50p {
	width: 50%;
	margin: 0 auto;
}
/* lay1  */
.lay1 {
	width: 100%;
	padding: 1.8em 0;
}
.floatr {
	float: right;
	margin: -0.2em 1em 1em 3.5em;
}
.floatl {
	float: left;
	margin: 0.2em 3.5em 1em 1em;
}
.half img {
	width: 46%;
}
.oneThird img {
	width: 30%;
}

/* Flexboxレイアウト */ 

.f-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch; /* アイテムを上揃えで配置します */
}

.f-wrap-AC {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center; /* アイテムを上下中央で配置します */
}

.f-wrap-HU {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	 /* アイテムの高さを揃える */
}

.f-wrap-cen {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.f-wrap-even {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.f-wrap-even-cen {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: center; /* アイテムを上下中央で配置します */
}


.f-item1 {
	box-sizing: border-box;
	width: 100%;
	margin-bottom:30px;
}

.f-item1-2 {
	box-sizing: border-box;
	width: 47%;
	margin-bottom:30px;
}

.f-item1-2-t1 {
	box-sizing: border-box;
	width: 47%;
	margin-bottom:30px;
}

.f-item1-3 {
	box-sizing: border-box;
	width: 31%;
	margin-bottom:30px;
}

.f-item1-3-t1 {
	box-sizing: border-box;
	width: 31%;
	margin-bottom:30px;
}

.f-item1-3n2 {
	box-sizing: border-box;
	width: 30%;
}

.f-item2-3 {
	box-sizing: border-box;
	width: 64%;
	margin-bottom:30px;
}

.f-item2-3-t1 {
	box-sizing: border-box;
	width: 64%;
	margin-bottom:30px;
}


.f-item1-4 {
	box-sizing: border-box;
	width: 23%;
	margin-bottom:30px;
}

.f-item3-4 {
	box-sizing: border-box;
	width: 72%;
	margin-bottom:30px;
}

.f-item1-4-t1 {
	box-sizing: border-box;
	width: 23%;
	margin-bottom:30px;
}

.f-item3-4-t1 {
	box-sizing: border-box;
	width: 72%;
	margin-bottom:30px;
}

.f-item1-5 {
	box-sizing: border-box;
	width: 19%;
	margin-bottom:30px;
}

.f-item1-5-t1 {
	box-sizing: border-box;
	width: 19%;
	margin-bottom:30px;
}

.f-item2-5 {
	box-sizing: border-box;
	width: 38%;
	margin-bottom:30px;
}

.f-item2-5-t1 {
	box-sizing: border-box;
	width: 38%;
	margin-bottom:30px;
}

.f-item3-5 {
	box-sizing: border-box;
	width: 57%;
	margin-bottom:30px;
}

.f-item4-5 {
	box-sizing: border-box;
	width: 76%;
	margin-bottom:30px;
}

.f-item4-5-t1 {
	box-sizing: border-box;
	width: 76%;
	margin-bottom:30px;
}

.f-item3-5-t1 {
	box-sizing: border-box;
	width: 57%;
	margin-bottom:30px;
}

.f-item1-6 {
	box-sizing: border-box;
	width: 15%;
	margin-bottom:30px;
}

.f-item1-6-t1 {
	box-sizing: border-box;
	width: 15%;
	margin-bottom:30px;
}

.f-Vcenter {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	box-sizing: border-box;
}

.f-row-reverse {
	flex-flow: row-reverse wrap;
}

/* 最後のコンテンツを左寄せにする指定 */
.f-wrap:after {
    content: "";
    display: block;
    width: 24%;  /* f-itemに指定したwidthと同じ幅を指定する */
    height: 0;
}

/* 画像の上にテキストを重ねる */

.waterMright {
	background: rgba(255,255,255,.6);
	z-index:10;
	padding:2em;
	margin-left:-15%;	
}

.waterMleft {
	background: rgba(255,255,255,.6);
	z-index:10;
	padding:2em;
	margin-right:-15%;		
}


.boxDummy {
	text-align:center;
	background-color: #CCC;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	box-sizing: border-box;
	padding:1em;
}

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

.f-item1-2-t1 , .f-item1-3-t1 , .f-item2-3-t1 , .f-item1-4-t1 , .f-item3-4-t1 , .f-item1-5-t1 , .f-item2-5-t1 , .f-item3-5-t1 , .f-item4-5-t1 , .f-item1-6-t1 {
	width: 100%;
}

/*
.f-item1-4 , .f-item1-5 , .f-item1-6 {
	width: 49%;
}
*/
}

@media only screen and (max-width: 600px) {
.f-item1-2 , .f-item1-3 , .f-item1-3n2 , .f-item2-3 , .f-item1-4 , .f-item3-4 , .f-item1-5 , .f-item2-5 , .f-item3-5 , .f-item4-5 , .f-item1-6 {
	width: 100%;
	margin-bottom:30px;
}

.waterMright {
	background: rgba(255,255,255,.8);
	padding:1.5em 1em;
	margin-left:0;	
}

.waterMleft {
	background: rgba(255,255,255,.8);
	padding:1.5em 1em;
	margin-right:0;	
}

.spOrder1 {
	order:1;
}

.spOrder2 {
	order:2;
}

.spOrder3 {
	order:3;
}

.spOrder4 {
	order:4;
}

.spOrder5 {
	order:5;
}

.spOrder6 {
	order:6;
}

}


/* 2カラム */
.lay2 {
	width: 47%;
	float: left;
	margin: 0 6% 2em 0;
}
.lay2R {
	width: 47%;
	float: left;
	margin: 0 0 0 0;
}
/* 3カラム */
.lay3 {
	width: 31%;
	float: left;
	margin: 0 3% 2% 0;
}
.lay3R {
	width: 31%;
	float: left;
	margin: 0 0 2% 0;
}
.lay3Tablet {
	width: 31%;
	float: left;
	margin: 0 3% 2% 0;
}
.lay3TabletR {
	width: 31%;
	float: left;
	margin: 0 0 2% 0;
}
/* 2カラム　複数 */
.lay2Plural {
	width: 46%;
	float: left;
	margin: 0 2% 3em 2%;
}
.lay2Plural2 {
	width: 46%;
	float: left;
	margin: 0 2% 1em 2%;
}
.lay2PluralTablet2 {
	width: 46%;
	float: left;
	margin: 0 2% 1em 2%;
}
.lay2Inline {
	width: 45%;
	display: inline-block;
	margin: 0 2% 1em 2%;
	vertical-align: top;
	box-sizing: border-box;
}
/* 3カラム　複数 */
.lay3Plural {
	width: 29%;
	float: left;
	margin: 3% 2%;
	text-align: center;
	position: relative;
}
.lay3Plural2 {
	width: 31.3%;
	float: left;
	margin: 0 1% 4% 1%;
	position: relative;
}
.lay3Plural3 {
	width: 31.3%;
	float: left;
	margin: 0 1% 0 1%;
	text-align: left;
	position: relative;
}
/* 3カラム　複数 */
.lay3Plural {
	width: 29%;
	float: left;
	margin: 3% 2%;
	text-align: center;
}
.lay3Plural2 {
	width: 31.3%;
	float: left;
	margin: 0 1% 4% 1%;
}
.lay3Plural3 {
	width: 31.3%;
	float: left;
	margin: 0 1% 0 1%;
	text-align: left;
}
.lay3Inline {
	width: 28%;
	display: inline-block;
	margin: 0 2% 30px 2%;
	vertical-align: top;
	box-sizing: border-box;
}
.lay3Inline2 {
	width: 29%;
	display: inline-block;
	margin: 0 1% 30px 1%;
	vertical-align: top;
	box-sizing: border-box;
}
* 3カラム 複数 inlineB */ .inlineB3 {
 width: 100%;
 font-size: 0px;
 text-align: center;
}
.inlineB3 li {
	width: 310px;
	margin: 0 15px;
	display: inline-block;
	text-align: center;
}
/* 4カラム　複数 */
.lay4Plural2 {
	width: 23.8%;
	float: left;
	margin: 0 0.6% 15px 0.6%;
	text-align: center;
}
.lay4Inline {
	width: 21.25%;
	display: inline-block;
	margin: 0 1.5% 1em 1.5%;
	vertical-align: top;
	box-sizing: border-box;
}
/*　1：2　*/
.lay1-2_1 {
	float: left;
	width: 32%;
	margin: 0 2% 1em 2%;
}
.lay1-2_2 {
	float: left;
	width: 60%;
	margin: 0 2% 1em 2%;
}
.layInline1-2_1 {
	display: inline-block;
	;
	width: 32%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}
.layInline1-2_2 {
	display: inline-block;
	width: 58%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}
/*　2：1　*/
.lay2-1_1 {
	float: left;
	width: 60%;
	margin: 0 2% 1em 2%;
}
.lay2-1_2 {
	float: left;
	width: 32%;
	margin: 0 2% 1em 2%;
}
.layInline2-1_1 {
	display: inline-block;
	width: 58%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}
.layInline2-1_2 {
	display: inline-block;
	width: 32%;
	margin: 0 2% 1em 2%;
	vertical-align: top;
}
/*circle-number*/
.circle-big {
	padding-top: 6rem;
}
.circle-big::before {
 position: absolute;
 content: '';
 width: 5.4rem;
 height: 5.4rem;
 left: 50%;
 margin-left: -2.7rem;
 top: -0.5rem;
 border-radius: 2.7rem;
}
.circle-big.no1::before {
 content: '1';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no2::before {
 content: '2';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no3::before {
 content: '3';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no4::before {
 content: '4';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no5::before {
 content: '5';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no6::before {
 content: '6';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no7::before {
 content: '7';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no8::before {
 content: '8';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
.circle-big.no9::before {
 content: '9';
 font-size: 3rem;
 padding: 1.3rem 0 0;
 line-height: 1;
 box-sizing: border-box;
}
/* autoカラム　複数 */
.layAuto {
	display: inline-block;
	text-align: center;
	margin: 0 4px 10px 4px;
}
/* column  */
.column1_100p {
	width: 100%;
	margin: 0 auto 20px auto;
	box-sizing: border-box;
	padding: 2em 3em;
}
.column1_80p {
	width: 80%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
}
.column1_60p {
	width: 60%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
}
.column2_80p {
	width: 80%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
	border: 3px double #FCB803;
}
.column2_60p {
	width: 60%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
	border: 3px double #FCB803;
}
.column3_80p {
	width: 80%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
	border: 4px dashed #e94418;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.column3_60p {
	width: 60%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
	border: 4px dashed #e94418;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.column4_80p {
	width: 80%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
	border: 4px dashed #0e7a38;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.column4_60p {
	width: 60%;
	margin: 0 auto 20px auto;
	padding: 2em 3em;
	border: 4px dashed #0e7a38;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.frameLine {
	border: 1px solid #e1e1e1;
	background: rgba(255, 255, 255, .9);
	box-sizing: border-box;
	padding: 1em 1.2em
}
/* table */
.nowrap {
	white-space: nowrap;
}
.tdW90p {
	width: 90%;
	box-sizing: border-box;
}
.tdW80p {
	width: 80%;
	box-sizing: border-box;
}
.tdW70p {
	width: 70%;
	box-sizing: border-box;
}
.tdW60p {
	width: 60%;
	box-sizing: border-box;
}
.tdW50p {
	width: 50%;
	box-sizing: border-box;
}
.tdW40p {
	width: 40%;
	box-sizing: border-box;
}
.tdW30p {
	width: 30%;
	box-sizing: border-box;
}
.tdW20p {
	width: 20%;
	box-sizing: border-box;
}
.tdW10p {
	width: 10%;
	box-sizing: border-box;
}
/* 背景画像の上に使うtable */
table.table1 {
	border-collapse: collapse;
	border-top: 1px #cccccc solid;
}
table.table1 th {
	padding: 7px;
	border-bottom: 1px #cccccc solid;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.table1 td {
	padding: 7px;
	border-bottom: 1px #cccccc solid;
	font-weight: normal;
}
/* 背景画像の上に使うtable */
table.table1_2 {
	width: 100%;
	padding: 0 30px 30px 30px;
	border-collapse: collapse;
}
table.table1_2 tr {
}
table.table1_2 th {
	padding: 7px;
	border-bottom: 1px #cccccc solid;
	font-weight: normal;
	text-align: left;
}
table.table1_2 td {
	padding: 5px;
	border-bottom: 1px #cccccc solid;
	font-weight: normal;
}
/* 普通のtable */
table.table2 {
	width: 100%;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-collapse: collapse;
	color: #444;
	box-sizing: border-box;
}
table.table2 th {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	color: #FFF;
	letter-spacing: 0;
	font-weight: normal;
	vertical-align: middle;
}
table.table2 td {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	font-weight: normal;
	letter-spacing: 0;
}
table.table2 td.tdBgC01 {
	text-align: center;
	vertical-align: middle;
}
table.table2 td.tdBgC02 {
	text-align: center;
	vertical-align: middle;
}
table.table2 td.tdBgC03 {
	text-align: center;
	vertical-align: middle;
}
table.table2 td.tdBgC04 {
	text-align: center;
	vertical-align: middle;
}
table.table2 td.tdBgC05 {
	text-align: center;
	vertical-align: middle;
}
.tdCenter {
	text-align: center !important;
	vertical-align: middle !important;
}
/* 縦に並ぶtable */
table.table3 {
	width: 100%;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-collapse: collapse;
	margin-bottom: 1.5em;
	box-sizing: border-box;
}
table.table3 th {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	letter-spacing: 0;
	font-weight: normal;
	/*	white-space: nowrap; */
  text-align: center;
	vertical-align: middle;
}
table.table3 .table3w30p {
	width: 30%;
}
table.table3 .table3w50p {
	width: 50%;
}
table.table3 td {
	padding: 0.35em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	font-weight: normal;
	letter-spacing: 0;
	background-color: #FFF;
}
/* フロー */
/* フローCenter */
.area_flowC {
	padding: 0 5em;
}
.area_flowC2 {
	padding: 0 1em;
}
.area_flowC .inner_flow {
	border: 1px solid #E1E1E1;
	padding: 24px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-height: 1em;
}
.area_flowC .inner_flow .largeTxt {
	font-size: 1.6em;
	text-align: center;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
}
.area_flowC .inner_flow .txtWrap {
	/* padding:24px 30px; */
  padding: 0 2em;
}
.area_flowC .inner_flow p.flowImg {
	text-align: center;
	margin: 0.5em auto;
}
.area_flowC .arrow {
	margin: 5px auto;
	display: block;
	width: 40px;
	height: 26px;
	background: url(../img/common/arrow_down_s.png) center bottom no-repeat;
	text-indent: -9999px;
	margin-top: 0px;
}
/* フローSmall */
.area_flowS {
	padding: 0 0px;
}
.area_flowS .inner_flow {
	padding: 2px 4px;
	border-radius: 5px; /* CSS3草案 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	min-height: 1em;
}
.area_flowS .inner_flow .largeTxtOra {
	font-size: 1.1em;
	text-align: center;
}
.area_flowS .inner_flow .largeTxtGre {
	font-size: 1.1em;
	text-align: center;
}
.area_flowS .inner_flow .txtWrap {
}
.area_flowS .arrow {
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 26px;
	background: url(../img/common/arrow_down_s.png) center bottom no-repeat;
	text-indent: -9999px;
	margin-top: 0px;
}
/* 単語フロー */
.flowTxt {
	display: block;
	float: left;
	margin: 0 10px 10px 10px;
	border: 1px solid #CCC;
	padding: 0.5em 2em;
}
.flowTxtArrow {
	display: block;
	float: left;
	background-image: url(../img/common/flowtxt_arrow.png);
	width: 8px;
	height: 2.5em;
	background-position: center;
	text-indent: -7777px;
	background-repeat: no-repeat;
}
/* リスト追加 */
.admit {
	border: 2px #c9d4dc solid;
	padding: 30px;
}
.admit li {
	float: left;
	width: 25%;
	line-height: 2.5em
}
.admit li span {
	width: 80px;
	display: block;
	float: left;
}
ul.liReseter {
	line-height: 1.8em;
	margin-left: 15px;
}
ul.liReseterMB li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
}
ul.liReseterMB {
	line-height: 1.8em;
	margin: 0 0 2em 15px;
}
ul.liReseter li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
}
ul.liReseter2 {
	line-height: 1.8em;
	margin: 0 0 12px 30px;
}
ul.liReseter2 li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
}
ul.liReseterFloat {
	line-height: 1.8em;
	margin-left: 15px;
}
ul.liReseterFloat li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
	float: left;
	padding-right: 3em;
}
ul.liReseterFloat3Div {
	line-height: 1.8em;
	margin-left: 2em;
}
ul.liReseterFloat3Div li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: -10px;
	float: left;
	padding-right: 1em;
	width: 31%;
}
ol.liReseter {
	line-height: 1.8em;
	margin-left: 20px;
}
ol.liReseter li {
	display: list-item;
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: -10px;
}
ol.liReseter2 {
	line-height: 1.8em;
	margin: 0 0 20px 50px;
}
ol.liReseter2 li {
	display: list-item;
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: -10px;
}
/*チェックボックス*/
ul.check, ul.check2, ul.check3 {
	position: relative;
}
ul.check li {
	padding: 0 0 0.5em 2em;
}
ul.check li::before {
 color: #fff;
}
ul.check li::before {
 position: absolute;
 content: "\f14a";
 font-family: FontAwesome;
 left: 0.3em;
 font-size: 1.3em;
}
ul.check2 li {
	float: left;
	width: 44%;
	padding: 0 0 0.5em 1.8em;
	margin: 0 1% 0.5em;
	border-bottom: 1px dashed #CCC;
}
ul.check2 li::before {
 display: block;
 position: absolute;
 content: "\f14a";
 font-family: FontAwesome;
 font-size: 1.3em;
 margin-left: -1.2em;
}
ul.check3 li {
	float: left;
	width: 30%;
	margin: 0 1.5% 0.5em;
	padding-bottom: 0.5em;
}
ul.check3 li::before {
 display: block;
 position: absolute;
 content: "\f14a";
 font-family: FontAwesome;
 font-size: 1.3em;
 margin-left: -1.2em;
}

ul.liCheck , ul.liCheckInline , ul.liCheck2Div , ul.liCheck3Div  , ul.liCheck4Div {
	padding-left: 1em;
}

ul.liCheck li , ul.liCheckInline li  , ul.liCheck2Div li  , ul.liCheck3Div li , ul.liCheck4Div li {
	position: relative;
	padding-left: 0.4em;
}

ul.liCheck li:before , ul.liCheckInline li:before , ul.liCheck2Div li:before , ul.liCheck3Div li:before , ul.liCheck4Div li:before {
	font-family: "Font Awesome 5 Free";
 	content: '\f14a';
	color:#ED8D18;
	position: absolute;
	left: -1em;
	top: 0;
}

ul.liCheckInline li {
	display:inline-block;
	margin-right:1.5em;
	vertical-align:top;
}

ul.liCheck2Div li {
	display:inline-block;
	width:48%;
	vertical-align:top;
}

ul.liCheck3Div li {
	display:inline-block;
	width:30%;
	vertical-align:top;
}

ul.liCheck4Div li {
	display:inline-block;
	width:22%;
	vertical-align:top;
}

ul.liCircle {
	margin-left: 0;
}
ul.liCircle li {
	padding: 0 0 0 20px;
	font-size: 110%;
	position: relative;
}
ul.liCircle li::before {
 position: absolute;
 content: '';
 width: 10px;
 height: 10px;
 left: 3rem;
 margin-left: -3rem;
 top: 7px;
 padding: 0;
 border-radius: 5px;
}
ul.liCircle2 {
	margin: 0 0 20px 20px;
}
ul.liCircle2 li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 10px 20px;
	background-image: url(../img/common/clip_li_orange.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	line-height: 2em;
	font-size: 110%;
}
ul.liOrangeFlaot {
	margin-left: 0;
}
ul.liOrangeFlaot li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 20px;
	background-image: url(../img/common/clip_li_orange.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	float: left;
	padding-right: 30px;
}
ul.liWoodFlaot {
	margin-left: 0;
	text-align: center;
}
ul.liWoodFlaot li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0.2em 2em 0.2em 1.2em;
	font-size: 1.2em;
	background-image: url(../img/common/icn_wood.png);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	display: inline-block;
	text-align: center;
}
ul.liKimidoriFlaot {
	margin-bottom: 50px;
}
ul.liKimidoriFlaot li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 30px 0 20px;
	background-image: url(../img/common/clip_li_kimidori.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	float: left;
	font-size: 1.2em;
}
ul.liBlue {
	margin-bottom: 15px;
}
ul.liBlue li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 20px;
	background-image: url(../img/common/clip_li_blue.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-right: 10px;
	line-height: 2em;
}
ul.liBlue3 {
	margin-bottom: 30px;
}
ul.liBlue3 li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 10px 0 20px;
	background-image: url(../img/common/clip_li_blue.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	line-height: 2em;
}
ul.liBlueFlaot {
	margin-bottom: 15px;
}
ul.liBlueFlaot li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 30px 0 20px;
	background-image: url(../img/common/clip_li_blue.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	float: left;
	line-height: 2em;
}
ul.liBlueLarge {
	margin-bottom: 15px;
}
ul.liBlueLarge li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 2px 24px;
	background-image: url(../img/common/li_large_blue.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-right: 10px;
	line-height: 1.8em;
	font-size: 1.3em;
}
ul.liBlueLarge2 {
	margin: 0 0 20px 20px;
}
ul.liBlueLarge2 li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 2px 24px;
	background-image: url(../img/common/li_large_blue.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-right: 10px;
	line-height: 1.8em;
	font-size: 1.3em;
}
ul.liBlueLarge3 {
	margin-bottom: 30px;
}
ul.liBlueLarge3 li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 2px 24px;
	background-image: url(../img/common/li_large_blue.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-right: 10px;
	line-height: 1.8em;
	font-size: 1.3em;
}
ul.businessMark {
	margin-bottom: 15px;
}
ul.businessMark li {
	list-style-type: none;
	list-style-position: outside;
	padding: 2px 0 2px 24px;
	background-image: url(../img/common/li_mark.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-right: 10px;
	color: #1d6215;
	font-size: 18px;
}
ul.businessMark li p {
	color: #444444;
	font-size: 14px;
	margin-bottom: 10px;
}
ul.liOrangeFlaot {
	margin-left: 0;
}
ul.liPDFFloat {
	margin-bottom: 10px;
}
ul.liPDFFloat li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 30px 0 20px;
	background-image: url(../img/common/pdficon_small.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	float: left;
}
ul.liPageAnch li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 20px;
	background-image: url(../img/common/icn_page_anch.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	float: left;
	padding-right: 30px;
}
ul.liInline {
}
ul.liInline li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
}
ul.liInline li::before {
 position: absolute;
 content: '';
 width: 10px;
 height: 10px;
 left: 3rem;
 margin-left: -3rem;
 top: 7px;
 padding: 0;
 border-radius: 5px;
 background: #F3AC56;
}
ul.liInline2Div {
}
ul.liInline2Div li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
	width: 48%;
	box-sizing: border-box;
	vertical-align:top;
}
ul.liInline2Div li::before {
 position: absolute;
 content: '';
 width: 10px;
 height: 10px;
 left: 3rem;
 margin-left: -3rem;
 top: 7px;
 padding: 0;
 border-radius: 5px;
 background: #F3AC56;
}
ul.liInline3Div {
}
ul.liInline3Div li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
	width: 31%;
	box-sizing: border-box;
	vertical-align:top;
}
ul.liInline3Div li::before {
 position: absolute;
 content: '';
 width: 10px;
 height: 10px;
 left: 3rem;
 margin-left: -3rem;
 top: 7px;
 padding: 0;
 border-radius: 5px;
 background: #F3AC56;
}
ul.liInline4Div {
}
ul.liInline4Div li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
	width: 24%;
	box-sizing: border-box;
	vertical-align:top;
}
ul.liInline4Div li::before {
 position: absolute;
 content: '';
 width: 10px;
 height: 10px;
 left: 3rem;
 margin-left: -3rem;
 top: 7px;
 padding: 0;
 border-radius: 5px;
 background: #F3AC56;
}
ul.liInline120p {
}
ul.liInline120p li {
	display: inline-block;
	padding: 0 1.5em 0 20px;
	position: relative;
	font-size: 120%;
	vertical-align:top;
}
ul.liInline120p li::before {
 position: absolute;
 content: '';
 width: 10px;
 height: 10px;
 left: 3rem;
 margin-left: -3rem;
 top: 7px;
 padding: 0;
 border-radius: 5px;
 background: #F3AC56;
}
ol.liFeature li {
	list-style-type: none;
	list-style-position: outside;
	padding: 12px 0 12px 55px;
	margin-bottom: 7px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 1.2em;
	font-size: 1.3em;
	position: relative;
}
ol.liFeature li::before {
 position: absolute;
 content: '';
 width: 2.7rem;
 height: 2.7rem;
 left: 3rem;
 margin-left: -2.7rem;
 top: 0;
 border-radius: 2.7rem;
 font-size: 1.8rem;
 padding: 0.5rem 0.8rem 0;
 line-height: 1;
 box-sizing: border-box;
}
ol.liFeature .no1::before {
 content: '1';
}
ol.liFeature .no2::before {
 content: '2';
}
ol.liFeature .no3::before {
 content: '3';
}
ol.liFeature .no4::before {
 content: '4';
}
ol.liFeature .no5::before {
 content: '5';
}

ol.liNum {
	counter-reset:number;
	list-style-type: none;
}
ol.liNum li {
	border-bottom: dotted 1px #ccc;
	position: relative;
	padding: 0.5em 0.5em 0.5em 34px;
	line-height: 1.5em;
	font-size:1.2em;
}
ol.liNum li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background:#EEB853;
	color: white;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top:0.8em;/*以下 上下中央寄せのため
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
ol.liNum li:last-of-type {
	border-bottom: none; /*最後のliの線だけ消す*/
}

.plusUnderLine {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 12px;
}
/* faq */
dl.faq dt {
	padding: 5px 0 10px 38px;
	font-size: 1.2rem;
	;
	position: relative;
}
dl.faq dd {
	padding: 0 15px 20px 38px;
	color: #444;
	position: relative;
}
dl.faq dt::before {
 position: absolute;
 content: 'Q.';
 font-style: oblique;
 width: 1.8rem;
 height: 1.8rem;
 left: 2rem;
 padding: 0.15rem 0 0 0.3rem;
 margin-left: -1.8rem;
 top: 0.15rem;
 border-radius: 0.9rem;
 color: #FFF;
 background: #F18B54;
 box-sizing: border-box;
 font-size: 1rem;
}
dl.faq dd::before {
 position: absolute;
 content: 'A.';
 font-style: oblique;
 width: 1.8rem;
 height: 1.8rem;
 left: 2rem;
 padding: 0.15rem 0 0 0.45rem;
 margin-left: -1.8rem;
 top: 0.15rem;
 border-radius: 0.9rem;
 color: #FFF;
 background: #B6BFEF;
 box-sizing: border-box;
 font-size: 1rem;
}
dl.info {
	/*height: 250px;*/
  overflow: auto;
}
dl.info dt {
	float: left;
	clear: left;
	width: 6em;
	margin: 0;
	padding: 1.2em 0 1.2em 0.5em;
}
dl.info dd {
	margin: 0;
	padding: 1.2em 0 1.2em 6.5em;
}
dl.info dt:last-child {
	border-bottom: none;
}
dl.info dd:last-child {
	border-bottom: none;
}
dl.history dt {
	float: left;
	clear: left;
	width: 110px;
	margin: 0;
	padding: 7px 0 8px 4px;
}
dl.history dd {
	margin: 0;
	padding: 7px 0 8px 114px;
}
dl.history2 dt {
	float: left;
	clear: left;
	width: 100px;
	margin: 0;
	padding: 7px 0 8px 4px;
}
dl.history2 dd {
	margin: 0;
	padding: 7px 0 8px 104px;
}
.imgFloatRight {
	float: right;
	margin: 0 0 1em 2em;
}
.imgFloatRightTabletCenter {
	float: right;
	margin: 0 0 1em 2em;
}
.imgFloatLeft {
	float: left;
	margin: 0 2em 1em 0;
}
.imgFloatLeftTabletCenter {
	float: left;
	margin: 0 2em 1em 0;
}
/*事例 before after*/
.img_before, .img_after {
	position: relative;
	z-index: 0;
}
.img_before::before {
 content: 'Before';
 color: #f1b500;
 background-color: rgba(255, 255, 255, .9);
}
.img_before::before, .img_after::before {
 font-size: 1.5em;
 border: 2px solid #f1b500;
 width: 3.8em;
 height: 3.8em;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 right: 10px;
 bottom: 10px;
 z-index: 10;
}
.img_after::before {
 content: 'After';
 color: #fff;
 background-color: rgba(241, 181, 0, .5);
}
.telBig {
	font-size: 2em;
}

@media screen and (max-width: 768px) {
	
	  .bgcolor1, .bgcolorBnr, .bgIdea, .bgIdeaBusiness, .bgIdeaSupport {
    box-sizing: border-box;
    padding: 20px 15px;
    min-width: 320px;
  }
  .bgcolor1s, .bgcolorBnrs {
    box-sizing: border-box;
    padding: 20px 15px 5px 15px;
    min-width: 320px;
  }
  .bgcolor2 {
    box-sizing: border-box;
    padding: 20px 15px;
    min-width: 320px;
  }
  .bgcolor2s {
    box-sizing: border-box;
    padding: 20px 15px 5px 15px;
    min-width: 320px;
  }
  .bgcolor2s2 {
    box-sizing: border-box;
    padding: 20px 15px 5px 15px;
    min-width: 320px;
  }
  .bgcolorNews {
    box-sizing: border-box;
    padding: 20px 15px;
    min-width: 320px;
  }
  .bgcolorNews_s {
    box-sizing: border-box;
    padding: 20px 15px 5px 15px;
    min-width: 320px;
  }
  .bgcolor3 {
    box-sizing: border-box;
    padding: 20px 15px;
    min-width: 320px;
  }
  .bgcolor3s {
    box-sizing: border-box;
    padding: 20px 15px 5px 15px;
    min-width: 320px;
  }
  .bgcolor4 {
    box-sizing: border-box;
    padding: 20px 15px;
    min-width: 320px;
    background-color: #e9eff5;
  }
  .bgcolor4s {
    box-sizing: border-box;
    padding: 20px 15px;
    min-width: 320px;
    background-color: #e9eff5;
  }
  .contPad5 {
    width: 90%;
    margin: 0 auto;
  }
  .w80p, .w70p {
    width: 100%;
  }
  /* 1カラム */
  .lay1 {
    width: 100%;
    padding: 1em 0;
  }
  .half img {
    width: 100%;
  }
  .oneThird img {
    width: 100%;
  }
  /* 2カラム */
  .lay2, .lay2R {
    width: 100%;
    float: none;
    margin: 0 0 2em 0;
  }
  .partition_even {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  /* 3カラム */
  .lay3, .lay3R {
    width: 100%;
    float: none;
    margin: 2em 0;
    padding: 0;
    border: none;
  }
  .floatr {
    float: none;
    margin: 0 0 1em 0;
    text-align: center;
  }
  /* 2カラム　複数 */
  .lay2PluralTablet2 {
    float: none;
    width: 96%;
    margin: 0 0 1em 0;
    text-align: center;
  }
  /* 3カラム　複数 inlineB */
  .inlineB3 {
    width: 100%;
    font-size: 0px;
    text-align: center;
  }
  .inlineB3 li {
    width: 310px;
    margin: 10px;
    display: inline-block;
    text-align: center;
  }
  /* talbe */
  table.table1 {
    width: 100%;
    margin: 0 0 3% 0;
    padding: 10px
  }
  table.table1 tr {
    display: block;
  }
  table.table1 th {
    display: list-item;
    padding: 0;
    border-bottom: none;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    width: 100%;
    line-height: 1em;
    font-weight: bold;
    color: #25456d;
  }
  table.table1 td {
    display: list-item;
    width: 100%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    border-bottom: 1px #25456d solid;
    font-weight: normal;
    padding: 5px 0 3% 0;
  }
  /* table1の変更バージョン */
  table.table1_2 {
    width: 100%;
    padding: 0 30px 30px 30px;
    border-collapse: collapse;
  }
  table.table1_2 tr {}
  table.table1_2 th {
    padding: 7px;
    border-bottom: 1px #cccccc solid;
    font-weight: normal;
    text-align: left;
    font-weight: bold;
    color: #155E9F;
  }
  table.table1_2 td {
    padding: 5px;
    border-bottom: 1px #cccccc solid;
    font-weight: normal;
  }
  /* 幅46％のtable */
  table.table2_46p {
    width: 100%;
    border-top: 1px #c9d4dc solid;
    border-left: 1px #c9d4dc solid;
    color: #25456d;
    margin-bottom: 20px;
  }
  table.table2_46p th {
    padding: 6px 3px 6px 3px;
    border-bottom: 1px #c9d4dc solid;
    border-right: 1px #c9d4dc solid;
    font-weight: bold;
    background-color: #FEFAE9;
    color: #F26D00;
    letter-spacing: 0;
    text-align: left;
  }
  table.table2_46p td {
    padding: 4px 3px 4px 3px;
    border-bottom: 1px #c9d4dc solid;
    border-right: 1px #c9d4dc solid;
    font-weight: normal;
    background-color: #FFFFFF;
    letter-spacing: 0;
    text-align: left;
  }
  /* 幅60％のtable */
  table.table2_60p {
    width: 100%;
    border-top: 1px #c9d4dc solid;
    border-left: 1px #c9d4dc solid;
    color: #25456d;
    margin-bottom: 20px;
  }
  table.table2_60p th {
    padding: 6px 3px 6px 3px;
    border-bottom: 1px #c9d4dc solid;
    border-right: 1px #c9d4dc solid;
    font-weight: bold;
    background-color: #FEFAE9;
    color: #F26D00;
    letter-spacing: 0;
  }
  table.table2_60p td {
    padding: 4px 3px 4px 3px;
    border-bottom: 1px #c9d4dc solid;
    border-right: 1px #c9d4dc solid;
    font-weight: normal;
    background-color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
  }
  /* フロー */
  /* フローCenter */
  .area_flowC {
    padding: 0 1em;
  }
  .area_flowC .inner_flow {
    padding: 1em 2em;
  }
  .area_flowC .inner_flow .largeTxt {
    font-size: 1.4em;
    padding-bottom: 0.2em;
    margin-bottom: 0.4em;
  }
  .area_flowC .inner_flow .txtWrap {
    /* padding:24px 30px; */
    padding: 0 1em;
  }
  .area_flowC .inner_flow p.flowImg {
    text-align: center;
    margin: 0.5em auto;
  }
  .area_flowC .arrow {}
  /* リスト追加 */
  ul.liReseterFloat3Div {
    line-height: 1.8em;
    margin-left: 2em;
  }
  ul.liReseterFloat3Div li {
    width: 46%;
  }
  dl.info dt {
    width: 8em;
    padding: 1.4em 0 1.4em 0.5em;
  }
  dl.info dd {
    padding: 1.4em 0 1.4em 8.5em;
  }
  ul.liWoodFlaot {
    margin-left: 0;
  }
  ul.liWoodFlaot li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0.2em 2em 0.2em 1.2em;
    font-size: 1.1em;
    background-position: 0 0.4em;
    float: left;
    text-align: left;
  }
  /* BeforeAfter */
  .BeforeAfter {
    width: 55%;
    height: auto;
    margin: 0 auto 3em auto;
  }
  .baDiv {
    width: 100%;
    float: none;
    margin: 0 1% 2% 1%;
    text-align: center;
  }
  .baArrowWrap {
    width: 100%;
    float: none;
    margin: 0 auto 2% auto;
  }
  .baArrow {
    background-image: url(../img/common/arrow_down.png);
    width: 80px;
    height: 52px;
    text-indent: -7777px;
    background-repeat: repeat;
    margin: 0 auto;
  }
  /* アクセス */
  #map_canvas {
    width: 96%;
    height: 250px;
    margin: 0 auto;
    padding: 0 0 0 0;
    margin-bottom: 0;
  }
  #map_area .inner {
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative;
    top: 0;
    z-index: 0;
  }
  #map_area .map_data {
    padding: 1em;
    position: relative;
  }
  #map_area .map_data h3, #map_area .map_data h4, #map_area .map_data .address {
    display: none;
  }
  dl.history dt {
    width: 8em;
    padding: 7px 0 8px 0.5;
  }
  dl.history dd {
    padding: 7px 0 8px 8.5em;
  }
  .telBig {
    font-size: 1.6em;
  }
  .catchCopy {
    text-align: center;
    font-size: 1.2em;
    line-height: 2em;
  }

}

@media only screen and (max-width: 600px) {
	
	  .contPad {
    padding: 0 5px;
  }
  .contPadMB {
    padding: 0 5px;
  }
  .contPadMB2 {
    padding: 0 5px;
  }
  .contPad3 {
    padding: 0 5px;
  }
  .contPadMB2 {
    margin-bottom: 2em;
  }
  .contPad5, .contPad90p, .contPad80p, .contPad70p, .contPad60p, .contPad50p {
    width: 100%;
    margin: 0 auto;
  }
  .catch2, .catch2Red, .catch2YG {
    font-size: 1.1em;
    line-height: 1.1em;
  }
  .price {
    color: #F9A339;
    font-size: 1.6em;
    margin: 0 0 1em 1em;
    line-height: normal;
  }
  .catchS {
    font-size: 1em;
  }
  .bnrLi, .bnrLiLast, .externalBnr {
    float: none;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
  }
  /*circle-number*/
  .circle-big {
    padding-top: 4rem;
  }
  .circle-big::before {
    width: 3rem;
    height: 3rem;
    margin-left: -1.5rem;
    top: 0;
    border-radius: 1.5rem;
  }
  .circle-big.no1::before {
    content: '1';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no2::before {
    content: '2';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no3::before {
    content: '3';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no4::before {
    content: '4';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no5::before {
    content: '5';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no6::before {
    content: '6';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no7::before {
    content: '7';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no8::before {
    content: '8';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  .circle-big.no9::before {
    content: '9';
    font-size: 2rem;
    padding: 0.5rem 0 0;
  }
  /* Table */
  .tdW90p, .tdW80p, .tdW70p, .tdW60p, .tdW50p, .tdW40p, .tdW30p, .tdW20p {
    width: 100%;
  }
  /* TableScroll */
  .tableScrollWrap {
    border-right: 2px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  /* table1の変更バージョン */
  table.table1_2 {
    width: 100%;
    margin: 0 0 3% 0;
    padding: 10px
  }
  table.table1_2 tr {
    display: block;
  }
  table.table1_2 th {
    display: list-item;
    padding: 0;
    border-bottom: none;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    width: 100%;
    line-height: 1em;
    font-weight: bold;
  }
  table.table1_2 td {
    display: list-item;
    width: 100%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    font-weight: normal;
    padding: 5px 0 3% 0;
  }
  /* 縦に並ぶtable */
  table.table3 {
    width: 100%;
    margin: 0 0 3% 0;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #EBEBEB;
  }
  table.table3 tr {}
  table.table3 th {
    display: list-item;
    padding: 1em;
    border: none;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    width: auto;
    line-height: 1em;
    background-color: #EEB14D;
    color: #FFF;
  }
  table.table3 .table3w30p {
    width: auto;
  }
  table.table3 .table3w50p {
    width: auto;
  }
  table.table3 td {
    display: list-item;
    width: auto;
    border: none;
    font-weight: normal;
    padding: 1em;
  }
  /* 2カラム */
  .lay2Plural, .lay2Plural2 {
    width: 100%;
    float: none;
    margin: 2em 0;
  }
  /* 3カラム */
  .lay3Plural, .lay3PluralBorder, .lay3Plural2, .lay3Plural3, .lay3W320, .lay3W320R, .lay4W235, .lay4W235R, .lay3Tablet, .lay3TabletR {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin: 0.5em 0 1.5em 0;
    padding: 0;
    border: none;
    text-align: left;
  }
  .lay3W320, .lay3W320R, .lay4W235, .lay4W235R, .lay4Plural2 {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin: 0.5em 0 1.5em 0;
    padding: 0;
    border: none;
    text-align: center;
  }
  /*　2：1　*/
  .lay2-1_1 {
    float: none;
    width: 100%;
    margin: 0 0 1em 0;
  }
  .lay2-1_2 {
    float: none;
    width: 100%;
    margin: 0 0 1em 0;
  }
  /*　1：2　*/
  .lay1-2_1 {
    float: none;
    width: 100%;
    margin: 0 0 1em 0;
  }
  .lay1-2_2 {
    float: none;
    width: 100%;
    margin: 0 0 1em 0;
  }
  .layInline2-1_1, .layInline2-1_2, .layInline1-2_1, .layInline1-2_2 {
    float: none;
    width: 100%;
    margin: 0 0 1em 0;
  }
  /* 3カラム　複数 inlineB */
  .inlineB3 {
    width: 96%;
    font-size: 0px;
    text-align: center;
  }
  .inlineB3 li {
    width: 96%;
  }
  /* コラム */
  .column1_80p, .column1_60p, .column2_80p, .column2_60p, .column3_80p, .column3_60p, .column4_80p, .column4_60p, .column5_80p, .column5_60p, .column6_80p, .column6_60p, column7_80p, column7_60p {
    box-sizing: border-box;
    width: 100%;
    padding: 1em 1em;
  }
  .column7_100p {
    margin: 0 auto;
  }
  /* インラインレイアウト */
  .lay2Inline, .lay3Inline, .lay3Inline2, .lay4Inline {
    width: 100%;
    margin: 0 0 2em 0;
  }
  
  dl.history dt {
    width: 110px;
    padding: 7px 0 8px 4px;
  }
  dl.history dd {
    padding: 7px 0 8px 114px;
  }
  /* フロー */
  /* フローCenter */
  .area_flowC {
    padding: 0;
  }
  .area_flowC .inner_flow {
    padding: 0.5em 1em;
  }
  .area_flowC .inner_flow .largeTxt {
    font-size: 1.2em;
    padding-bottom: 0.1em;
    margin-bottom: 0.2em;
  }
  .area_flowC .inner_flow .txtWrap {
    padding: 0 0.5em;
  }
  .area_flowC .inner_flow p.flowImg {
    text-align: center;
    margin: 0.3em auto;
  }
  .area_flowC .arrow {}
  /* リスト追加 */
  ul.liReseterFloat3Div {
    line-height: 1.8em;
    margin-left: 2em;
  }
  ul.liReseterFloat3Div li {
    float: none;
    width: 94%;
  }
  ul.liInline2Div li, ul.liInline3Div li, ul.liInline4Div li {
    width: 100%;
  }
  ol.liFeature li {
    background-size: 30px;
    padding: 8px 0 8px 40px;
    margin-bottom: 7px;
    line-height: 1.1em;
    font-size: 1.1em;
  }
  ol.liFeature li::before {
    position: absolute;
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    left: 2.4rem;
    margin-left: -2.7rem;
    top: 0;
    border-radius: 2.7rem;
    font-size: 1.2rem;
    padding: 0.4rem 0.6rem 0 0.5rem;
  }

  ol.liNum {
}
ol.liNum li {
	padding: 0.7em 0.5em 0.5em 34px;
	line-height: 1.5em;
	font-size:1em;
}
ol.liNum li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background:#4E88C2;
	color: white;
	font-size: 12px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top:0.8em;/*以下 上下中央寄せのため
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
  .videoSize2 {
    width: 100%;
    margin: 0 auto;
  }
  .catchCopy {
    text-align: center;
    font-size: 1em;
    line-height: normal;
  }
  
  dl.info dt {
    float: none;
    margin: 0;
    padding: 0.3em 0 0.3em 0;
  }
  dl.info dd {
    margin: 0;
    padding: 0 0 0.3em 0;
    border-bottom: #ccc dotted 1px;
    margin-bottom: 0.5em;
  }
  dl.history dt {
    float: none;
    margin: 0;
    padding: 0 0 0.2em 0;
  }
  dl.history dd {
    margin: 0;
    padding: 0 0 0 0;
    border-bottom: #2B60AE dotted 1px;
    margin-bottom: 7px;
  }
  dl.history2 {
    border-top: #294DA9 dotted 1px;
    padding-top: 0.2em;
  }
  dl.history2 dt {
    float: none;
    margin: 0;
    padding: 0.2em 0 0.2em 0;
    color: #060;
    font-weight: bold;
  }
  dl.history2 dd {
    margin: 0;
    padding: 0 0 0 0;
    border-bottom: #767676 dotted 1px;
    margin-bottom: 7px;
  }
}

/*===========================
index
===========================*/
h2.bnrContTit {
	font-size: 2.2em;
	line-height: 1.2em;
	border: none;
	text-align: center;
	margin: 0 0 0.2em 0;
}
.bnr_details {
	text-align: center;
	margin: 20px 0;
}
.bnr_details a {
	color: #FFF;
	display: block;
	background: #999;
	border-radius: 14px;
	padding: 3px;
	width: 176px;
	text-decoration: none;
	margin: auto;
	position: relative;
}
.bnr_details a::after {
 position: absolute;
 content: '';
 width: 6px;
 height: 6px;
 border-top: solid 1px #FFF;
 border-right: solid 1px #FFF;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 50%;
 right: 20px;
 margin-top: -3px;
}
h2.h2Info {
	font-size: 2.7em;
	line-height: 1.3em;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 0.5em;
}
.snsBnrArea {
	margin: 0.5em 0;
}
.snsBnr {
	float: left;
	margin: 0 1em 0 0;
}

@media screen and (max-width: 768px) {
	
	  h2.bnrContTit {
    font-size: 1.1em;
    line-height: 1.2em;
    text-align: left;
    margin: 0 0 0.2em 0;
  }
  h2.pickUpFree {
    font-size: 2em;
  }
  .pickUpFreeTxtWrap {}
  
    /*===========================
support
===========================*/
  ul.supportCont {}
  ul.supportCont li {
    width: 70%;
  }

}


@media screen and (max-width: 600px) {
	
  h2.bnrContTit {
    font-size: 1.4em;
    line-height: 1.2em;
    text-align: center;
    margin: 0 0 0.2em 0;
  }
  h2.h2Info {
    font-size: 1.6em;
  }
  .pickUpFreetxtWrap {
    float: none;
    width: 100%;
  }
}


/*===========================
ページ内リンク直し
===========================*/
#anch01, #anch02, #anch03, #anch04, #anch05, #anch06, #anch07, #anch08, #anch09, #anch10 {
	margin-top: -95px;
	padding-top: 95px;
}

@media screen and (max-width: 768px) {
	
#anch01, #anch02, #anch03, #anch04, #anch05, #anch06, #anch07, #anch08, #anch09, #anch10 {
    margin-top: 0;
    padding-top: 0;
  }

}


/*===========================
contact
===========================*/
.contactTel {
	display: block;
	background-image: url(../img/contact/tel.png);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	color: #0d7e37;
	font-size: 3.8em;
	line-height: 1.2em;
	padding: 0 0 0 1.3em;
	margin: 0.6em auto 0.6em auto;
	width: 10em;
}
.contactTel a {
	text-decoration: none;
}
.contactTel a:hover {
}
.contact table {
	width: 100%;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-collapse: collapse;
	color: #444;
	margin-bottom: 1.5em;
}
.contact table th {
	padding: 0.5em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	letter-spacing: 0;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
.contact table td {
	padding: 0.5em 0.5em;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	font-weight: normal;
	background-color: #FFFFFF;
	letter-spacing: 0;
}
.contact table td .select {
	margin-bottom: 0.5em;
}
.contact table td .select li {
	float: left;
	margin-right: 20px;
}
.contact table td .select li input {
	vertical-align: middle;
}
.contact table td label {
	padding: 0 0 0px 5px;
}
.contact table input {
	margin: 2px 0 2px 0;
	height: 1.6em;
	border: 1px solid #CCC;
}
.contact .formBtn {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.contact .btnSend {
	background-color: #999999;
	color: #FFF;
	padding: 8px 0;
	margin: 0 5px 0 5px;
	border: 0;
	width: 160px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contact .btnReset {
	background-color: #FFF;
	color: #333;
	padding: 7px 0;
	margin: 0 5px 0 5px;
	border: 0;
	border: 1px solid #cccccc;
	width: 160px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contact .forml {
	width: 90%;
}
.contact .formm {
	width: 50%;
}
.contact .noborder {
	border: none;
}
.contact label {
}
.contact .checkBox {
	margin: 2px 0 4px 0;
	vertical-align: middle;
}
/*  privacy */
.privacy h3 {
	font-size: 1.4em;
	color: #444;
	border: none;
	padding: 0.6em 0 0.5em 0;
	margin: 0;
	background-image: none;
	font-family: 'Noto Serif JP', serif;
	text-align: left;
}

.privacy h3::after {
	content: none;
}
.privacy p {
	padding: 0 0.3em 1em 0.3em;
}
/*index moreボタン*/
/*top1が黒　top2が白*/
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;/*font-size: 62.5%;*/
}
.top1 .btn, .top1 a.btn, .top1 button.btn, .top2 .btn, .top2 a.btn, .top2 button.btn {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	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;
}
.top1 a.btn-svg, .top2 a.btn-svg {
	font-weight: 700;
	line-height: 48px;
	width: 204px;
	height: 54px;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	background-color: transparent;
}
.top1 a.btn-svg svg, .top2 a.btn-svg svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top2 a.btn-svg svg rect {
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	stroke: #fff;
	stroke-width: 2;
	stroke-dasharray: 200px, 16px;
	stroke-dashoffset: 70px;
}
.top1 a.btn-svg svg rect {
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	stroke: #333;
	stroke-width: 2;
	stroke-dasharray: 200px, 16px;
	stroke-dashoffset: 70px;
}
.top1 a.btn-svg:hover svg rect, .top2 a.btn-svg:hover svg rect {
	stroke-dashoffset: 284px;
}
.top2 a.btn-svg span {
	color: #fff;
	font-size: 1rem;
}
.top1 a.btn-svg span {
	color: #333;
	font-size: 1rem;
}
.infobox {
	padding: 3em;
	background-color: #fff;
	box-shadow: 0px 0px 5px #bbb;
}
/*footer*/
.footerarea {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
}
.companylink {
	padding: 3em 3em 0 3em;
}
.companydata {
	padding: 3em 3em 0 3em;
}
.footerlogo {
	margin-bottom: 1em;
}
.form {
	margin-bottom: 1em;
}
.form a {
	padding: 0.5em 3vw 0.5em 5vw;
	text-decoration: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #FFF;
	background-color: #00aa9f;
	display: block;
	text-align: center;
}
.form a:before {
	content: url("../img/footer/icn_mail.png");
	left: -1.4vw;
	top: 1px;
	position: relative;
}
/* 疑似要素は上書きできない　#efda8a用
.form a:before {
  content: url("../img/footer/icn_mail_gray.png");
  left: -1.4vw;
  top: 1px;
  position: relative;
}
*/
/*交互max*/
.content_column {
	max-width: 100%;
}
.column-layout03 {
	background: #00aa9f;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #fff;
}
.column-layout03-item {
	box-sizing: border-box;
	width: 50%;
	vertical-align: middle;
}
.column-layout03-title {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6;
	margin: 0 auto;
	margin-bottom: 1em;
	max-width: 500px;
	width: 96%;
	margin-top: 0.5em;
	font-family: 'Noto Serif JP', serif;
}
.column-layout03-text {
	margin: 0 auto;
	max-width: 500px;
	width: 96%;
}
.column-layout03-text {
	line-height: 1.6em;
}
.column-layout03-text p {
	font-size: 16px;
	line-height: 2.1;
}
.column-layout03-image {
	height: auto;
	width: 100%;
}
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}
/*about説明*/
.section_pdg {
	position: relative;
}
.align-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.displayflex {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.inner {
	position: relative;
}
.first .lft {
	position: relative;
	width: calc(55% - 40px);
	margin-right: 40px;
}
.first .lft::before {
 content: '';
 position: absolute;
 top: 72px;
 left: 72px;
 width: 120%;
 height: 100%;
 background-color: #fff;
 background-image: -webkit-linear-gradient(-45deg, transparent 25%, #c0f3f0 25%, #c0f3f0 50%, transparent 50%, transparent 75%, #c0f3f0 75%, #c0f3f0);
 background-image: -moz-linear-gradient(-45deg, transparent 25%, #c0f3f0 25%, #c0f3f0 50%, transparent 50%, transparent 75%, #c0f3f0 75%, #c0f3f0);
 background-image: -o-linear-gradient(-45deg, transparent 25%, #c0f3f0 25%, #c0f3f0 50%, transparent 50%, transparent 75%, #c0f3f0 75%, #c0f3f0);
 background-image: linear-gradient(-45deg, transparent 25%, #c0f3f0 25%, #c0f3f0 50%, transparent 50%, transparent 75%, #c0f3f0 75%, #c0f3f0);
 background-size: 3px 3px;
 z-index: -1;
}
.first .rgt {
	width: calc(45% - 40px);
}
.txt-jtf {
	text-align: justify;
}
.pdb83 {
	padding-bottom: 8.3em;
}
/*事業説明*/
.flex-a-ctr {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-a-start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.layout_square_imgright .txt, .layout_square_imgleft .txt {
	position: relative;
	width: 640px;
	padding: 3em;
	background-color: #00aa9f;
	color: #fff;
}
.layout_square_imgright .txt--in, .layout_square_imgleft .txt--in {
	flex: 1;
}
.layout_square_imgright .img1, .layout_square_imgleft .img1, .layout_square_imgright .img2, .layout_square_imgleft .img2, .layout_square_imgright .img3, .layout_square_imgleft .img3, .layout_square_imgright .img4, .layout_square_imgleft .img4 {
	width: 60%;
	height: 500px;
	background-size: cover;
	background-position: center;
}
.flex-reverse {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.txt_title {
	font-size: 1.4em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #fff;
	margin-bottom: 0.5em;
}
/*画像右側*/
.layout_square_imgright {
	margin-bottom: 2em;
}
.layout_square_imgright .txt {
	margin-right: -10%;
}
/*右側画像指定*/
.layout_square_imgright .img1 {
	background-image: url("../img/content/7.jpg");
}
.layout_square_imgright .img2 {
	background-image: url("../img/content/9.jpg");
}
.layout_square_imgright .img3 {
	background-image: url("../img/content/9.jpg");
}
.layout_square_imgright .img4 {
	background-image: url("../img/content/10.jpg");
}
/*画像左側*/
.layout_square_imgleft {
	margin-bottom: 2em;
}
.layout_square_imgleft .txt {
	margin-left: -10%;
}
/*左側画像指定*/
.layout_square_imgleft .img1 {
	background-image: url("../img/content/5.jpg");
}
.layout_square_imgleft .img2 {
	background-image: url("../img/content/10.jpg");
}
.layout_square_imgleft .img3 {
	background-image: url("../img/content/11.jpg");
}
/* メモ　クリップ */
.clip-box {
	position: relative;
	margin: 2em auto 0;
	padding: 3em 2em 3em 2em;
	background-color: #fff; /* ボックス背景色 */
	color: #555555; /* 文章色 */
	border: 1px solid #ccc; /* 枠線 */
	box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.clip-box::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px;
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}
h3.no_border {
	border-bottom: none;
	padding-left:0;
	padding-right:0;
}

h3.no_border::after {
 content:none;
}

.txtbold {
	font-weight: bold;
}
.CEOname {
	font-size: 1.3em;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}
.flex-wrap {
	flex-wrap: wrap;
	justify-content: center;
}
.anch_button a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.5em;
	padding: 0.5em 1em 0.5em 1em;
	width: 250px;
	color: #00aa9f;
	font-size: 16px;
	border: 2px solid #00aa9f;
	text-decoration: none;
}
.anch_button a::after {
 content: '';
 width: 10px;
 height: 10px;
 border-top: 2px solid #00aa9f;
 border-right: 2px solid #00aa9f;
 transform: rotate(45deg);
}
.anch_button a:hover {
	opacity: 0.6;
}
.white {
	color: #fff;
}
.pdl0 {
	padding-left: 0;
}
.inline {
	display: inline-block;
	margin-right: 1em;
}

@media screen and (max-width: 768px) {
	
	 /*  privacy */
  .privacy h3 {
    font-size: 1.2em;
  }
  .privacy p {
    padding: 0 0.2em 1em 0.2em;
  }
  .companydata {
    padding: 3em 3em 0 0em;
  }
  /*事業説明*/
  .first .lft {
    width: 100%;
    margin: 0 auto 1em;
  }
  .first .lft::before {
    top: 46px;
    left: 46px;
    width: calc(100% - 48px + 5%);
  }
  .first .lft {
    margin-bottom: 16px;
    margin-right: 0;
  }
  .inner {
    width: 90%;
    margin: 0 auto;
  }
  .first .rgt {
    width: 100%;
  }
  .pdb83 {
    padding-bottom: 0;
  }
  /*交互MAX*/
  .column-layout03-wrapper {
    background: #00aa9f;
    padding: 6.89655% 6.11111% 0;
  }
  .column-layout03:nth-of-type(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .column-layout03 {
    background: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
  .column-layout03-wrapper .column-layout03-content {
    padding-left: 0;
    padding-right: 0;
  }
  .column-layout03-item:first-child {
    margin-right: 0;
  }
  .column-layout03-item {
    width: 100%;
  }
  .column-layout03-content {
    background: #00aa9f;
    padding: 30px 6.11111%;
  }
  .column-layout03-title {
    font-size: 19px;
    margin-bottom: 0.77778em;
    width: 100%;
    max-width: initial;
  }
  .column-layout03-text {
    width: 100%;
    max-width: initial;
  }
  .column-layout03-text p {
    font-size: 14px;
    line-height: 2;
  }
  .vis3 .catch {
    margin-left: 0% !important;
  }
  .halfsz {
    width: 100%;
    display: block;
  }
  .scroll {
    overflow: auto;
    white-space: nowrap;
    width: 100% !important;
    box-sizing: border-box;
    overflow-x: scroll;
  }
	/*about説明*/
  .layout_square_imgright .txt {
    margin-right: 0;
  }
  .layout_square_imgleft .txt {
    margin-left: 0;
  }
  .layout_square_imgright .txt, .layout_square_imgleft .txt {
    width: 100%;
    padding: 40px 5% 24px;
  }
  .layout_square_imgright, .layout_square_imgleft {
    display: block;
  }
  .txt_title {
    font-size: 1.1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #fff;
    margin-bottom: 0.5em;
  }
  .layout_square_imgright .img1, .layout_square_imgleft .img1, .layout_square_imgright .img2, .layout_square_imgleft .img2, .layout_square_imgright .img3, .layout_square_imgleft .img3, .layout_square_imgright .img4, .layout_square_imgleft .img4 {
    width: 100%;
    height: 400px;/*画像サイズに合わせて調整*/
  }
	/*footer*/
  .footerarea {
    display: block;
  }
  .footerlogo {
    text-align: center;
  }
  .companylink {
    padding: 2em 2em 1em 2em;
  }
  .maintel {
    text-align: center;
  }
  .telIcn {
    display: inline-block;
    margin-bottom: 0.5em;
  }
  .companydata {
    padding: 0 2em 0 2em;
    text-align: center;
  }
  .sns {
	justify-content: center;
	align-items: center; /* アイテムを上下中央で配置します */
}

.sns p {
	margin:0 10px 10px;
}

}

@media only screen and (max-width: 600px) {
	
	  .contactTel {
    background-image: url(../img/footer/icn_tel.png);
    background-position: left 5px top 0.4em;
    color: #2657a2;
    font-size: 2em;
    line-height: 34px;
    padding: 0.5em 0 0 60px;
    margin: 0.2em auto 0 auto;
  }
  .contactTel a {
    color: #0d7e37;
    text-decoration: none;
  }
  .contactTel a:hover {
    color: #0d7e37;
  }
  .contact table {
    width: 96%;
    margin: 0 0 3% 0;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #EBEBEB;
  }
  .contact table tr {
    display: block;
  }
  .contact table th {
    display: list-item;
    padding: 1em;
    border: none;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    width: auto;
    line-height: 1em;
  }
  .contact table td {
    display: list-item;
    width: auto;
    border: none;
    font-weight: normal;
    padding: 1em;
  }
  .contact .forml {
    width: 96%;
  }
  .contact .formm {
    width: 96%;
  }
  .contact .btnSend {
    width: 100px;
  }
  .contact .btnReset {
    width: 100px;
  }

}

@media only screen and (max-width: 400px) {
  /*===========================
header
===========================*/
  /*===========================
mainimage
===========================*/
  #mainimage {}
  /*===========================
general
===========================*/
  .pcOFFsp2ON {
    display: block;
  }
  .pcONsp2OFF {
    display: none;
  }
  .content-title-small {
    font-size: 1em;
  }
  .wrapper2 .wrap2ContPad {
    padding: 1em 2em;
  }

  /* BeforeAfter */
  .BeforeAfter {
    width: 90%;
    height: auto;
  }
  .baDiv {
    width: 100%;
    float: none;
    margin: 0 1% 2% 1%;
    text-align: center;
  }
  .baArrowWrap {
    width: 100%;
    float: none;
    margin: 0 auto 2% auto;
  }
  .baArrow {
    background-image: url(../img/common/arrow_down.png);
    width: 80px;
    height: 52px;
    text-indent: -7777px;
    background-repeat: repeat;
    margin: 0 auto;
  }
  /*===========================
footer
===========================*/
  .lay3footLogo {
    width: 96%;
    margin: 0 0;
    padding: 0 10px;
    border: none;
  }
  .telIcn {
    background-position: left 0.4em;
    color: #2657a2;
    font-size: 2em;
    line-height: 34px;
    padding: 0.5em 0 0 44px;
    margin-bottom: 0.5em;
  }
  /*===========================
index
===========================*/
  /*===========================
recruit
===========================*/
  .recruitFirst {
    padding: 30px 0;
    background: url(../img/recruit/back.jpg);
    background-position: center top;
    background-repeat: no-repeat;
  }
  .catchRecruit1 {
    font-size: 1.6em;
    margin-bottom: 0.6em;
  }
  .catchRecruit2 {
    font-size: 1.5em;
    margin-bottom: 0.4em;
    line-height: 1.2em;
  }
  .companydata {
    padding: 0 2em 0 2em;
    text-align: center;
  }
  
}



/* 右フローティングバナー  */

ul.fixRightBnr {
	position: fixed;
	z-index: 777;
	top: 10vmin; 
	right: 0;
}

ul.fixRightBnr li {
	display:block;
}

ul.fixRightBnr li a {
	display:block;	
	background-color:#999;
	opacity: .9;
	font-size:4.6vmin;
	box-sizing: border-box;
	width:100%;
	padding:1.8vmin 1.2vmin;
	/*
	padding:1.8vmin 1.8vmin;
	*/
	margin-bottom:0.6vmin;
	color:#fff;
	text-decoration:none;
	text-align:center;
}

ul.fixRightBnr li span {
	display:block;
	box-sizing: border-box;
	margin-top:10px;
	font-size:1.6vmin;
	line-height:1em;
}

ul.fixRightBnr li a:hover {
opacity: .7;
}

ul.fixRightBnr li.insta a {
	/* background-color:#CF2E92; */
	 background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}

ul.fixRightBnr li.twitter a {
	background-color:#0f1419;
}

ul.fixRightBnr li.facebook a {
	background-color:#1877f2;
}

ul.fixRightBnr li.youtube a {
	background-color:#da1725;
}

ul.fixRightBnr li.line a {
	background-color:#00B900;
}

ul.fixRightBnr li.tictok a {
	background-color:#000;
}

ul.fixRightBnr li.ameba a {
	background-color:#298737;
}





@media screen and (max-width: 768px) {
	
ul.fixRightBnr {
	top: 14vmin; 
}
	
}

@media only screen and (max-width: 600px) {
	
ul.fixRightBnr {
	top: 45vmin; 
}

	
}