@charset "euc-jp";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

a.white:link {
color : #ffffff; 
}
a.white:visited {
color : #ffffff; 
}
a.white:active {
text-decoration : underline; 
color : #ffffff; 
}
a.white:hover {
text-decoration : underline; 
color : #ffffff; 
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */
.swiper {
  width: 100%;
  height: 550px;
 background-color: #F7F8F7;
}

.slide-point{
	font-size: 1.6em;
	color:#15AAB1;
	font-weight: bold;
	margin-top: 10px;
}
.slide-title{
	font-size: 1.2em;
	font-weight: bold;
	color:#15AAB1;
}

.allbox {
	font-family: "monospace","游明朝 Medium", "serif";
	width:100%;
}

.p-hero__textA {
	text-align: left;
  font-size: 26px;
	margin-top: 20px;
  margin-bottom: -20px;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
}
.p-hero__textA .color {
  color: #00b3bb;
  font-size: 101px;
  font-size: clamp(64px, 9.3518518519vw, 101px);
  font-weight: 700;
}
.p-hero__textB {
	text-align: left;
  font-size: 28px;
  font-size: clamp(36px, 6.2962962963vw, 68px);
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.p-hero__textC {
	text-align: left;
  font-size: 15px;
  font-size: clamp(16px, 2.4074074074vw, 26px);
  font-size: clamp(16px, 2vw, 26px);
  line-height: 1.4em;
  margin-bottom: 64px;
  position: relative;
  z-index: 1;
}

.p-hero img{
	width: 150px;
	margin: 10px auto;
}
.midashi-blue{
	font-size:1.5em;
	font-weight: bold;
	color:#15AAB1;
	text-align: center;
	margin-top: 30px;
}

.topbn{
	background-image:url("img/img_hero-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 10px 0;
}

.intro{
	align-items: center;
	text-align: left; 
	width: 80%;
	font-size: 20px;
	line-height: 200%;
}
.intro img{
	width: 70%;
}
.intro span{
	font-size: 50px;
}
.intro p{
	font-size: 1.3em;
	text-align: left; 
}

.hojokin{
	display: block;
    padding: 10px 0;
    background-color: #00b3bb;
    text-decoration: none;
}

.hojokin__copy {
    font-size: 16px;
    color: white;
    text-align: center;
    margin-bottom: 5px;
	font-weight: bold;
}
.hojokin__large {
    font-size: 22px;
	font-weight: bold;
}
.hojokin__kochira {
    font-size: 14px;
    text-align: center;
    color: white;
}
.hojokin__triangle {
    box-sizing: border-box;
    display: inline-block;
    width: 8px;
    height: 12px;
    background-color: white;
    border-left: 8px solid white;
    border-top: 6px solid #00b3bb;
    border-bottom: 6px solid #00b3bb;
}
.about-meohatoch{
}

.about-meohatoch img{
	width: 400px;
	margin: 0 auto;
}

.p-sectFlow {
  line-height: 1.88em;
}
.p-sectFlow .c-title {
  margin-bottom: 56px;
}
.p-sectFlow .l_row {
  display: flex;
  justify-content: space-between;
	padding: 0;
}
.p-sectFlow h3 {
  font-size: 16px;
	font-weight: bold;
  text-align: center;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
	margin-top: 0;	
}
  .p-sectFlow ol {
    flex-direction: column;
    margin-top: 28px;
  }
.p-sectFlow ol li {
    width: 100%;
  background: #fff;
  border: 1px solid #dfdfdf;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 25px 25px 25px;
  margin-bottom: 40px;	
  position: relative;
}

.p-sectFlow ol li:after {
  content: '';
  width: 12px;
  height: 12px;
  border-top: 2px solid #00b3bb;
  border-right: 2px solid #00b3bb;
  font-size: 0;
  position: absolute;
  left: 106%;
  left: calc(50% - 6px);
  top: calc(100% + 10px);
  transform: rotate(135deg);
}

.p-sectFlow ol li:last-child:after {
  display: none;
}
.p-sectFlow ol li span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00b3bb;
  color: #fff;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  margin: 0 auto 16px;
}	

.l-container{
	margin: 0 auto;
	position: relative;
}	
.l_row {
  display: flex;
  justify-content: space-between;
  margin: 80px 0 0;	
}

.c-button a {
    width: 80%;
	  background: #00b3bb;
  color: #fff;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  padding: 30px;
  font-size: 20px;
  font-size: clamp(14px, 4.4vw, 20px);
  letter-spacing: 0;
	text-decoration: none;
	text-align: center;
  }
.c-button a:hover {
  opacity: 0.5;
  font-size: 20px;
  color: #fff;
}

.clearfix {
  display: block;
  clear:both;
}
.br-sp {
	display: inline;
}
.br-pc {
	display: none;
}
/* 以下IT補助金ページ。 */

.tryhatch-contents{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Segoe UI", "メイリオ", "Meiryo", sans-serif;
}
.topbn2{
	position: relative;
	height:160px;
	background: rgb(10,125,145);
	background: linear-gradient(90deg, rgba(10,125,145,1) 0%, rgba(58,153,108,1) 35%, rgba(106,177,75,1) 100%);
}
.topbn2 p{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Segoe UI", "メイリオ", "Meiryo", sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	display: flex;
    align-items: center; /* 縦方向の中央揃え */
    justify-content: center; /* 横方向の中央揃え */
    font-size: 22px;
}

.tryhatch-box1{
	border-top: solid 2px #049c9c;
	border-bottom: solid 2px #049c9c;
	padding: 15px 0;
}

.box-text1{
	font-size: 14px;
}

.tate-center{
	position: relative;
} 

.tate-center p{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
    align-items: center; /* 縦方向の中央揃え */
    justify-content: center; /* 横方向の中央揃え */
}

.midashi{
	text-align: center; 
	line-height:1.6; 
	letter-spacing:0.05em; 
	font-size: 22px; 
	font-weight: bold;
	color:#333333;
}
.triangle {
	margin: 25px auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 40px solid #e5e7e7;
  border-bottom: 0;
}
.kakomiwaku-white {
	display: inline-block;
	border:solid 2px #333333;
	padding: 5px;
	font-size: 16px;
	color: #333333;
	margin: 0 auto;
	text-align: center;
	font-weight: bold
}
.kakomiwaku-black {
	background-color: #333333;
	padding: 5px 10px;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	font-weight: bold
}
.font-red{
	color:#dc3545;
}


.midashi-design {
  border-bottom: solid 3px #3bcebe;
  position: relative;
	margin:48px 0 40px;
	padding: 12px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.midashi-design:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #333333;
  bottom: -3px;
  width: 20%;
}
.img-logo{
	padding: 0 20px;
}

.flex-re{
	display: flex;
	flex-direction: row-reverse;
}
.title-green{
	color:#049c9c;
	font-size: 20px;
	font-weight: bold;
}

.faq-line{
	    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    line-height: 28px;
}
.faq-label{
	display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    width: 28px;
    height: 28px;
	 border-radius: 50%;
	margin-right: 10px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
.faq-a{
	width: 85%;
}
/* デスクトップレイアウト : 769 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
	
.swiper {
  width: 100%;
  height: 350px;
 background-color: #F7F8F7;
 display: flex;
}
.slide-point{
	font-size: 3em;
	color:#15AAB1;
	font-weight: bold;
}
.slide-title{
	font-size: 1.2em;
	font-weight: bold;
	color:#15AAB1;
}	
.allbox {
	font-family: "游明朝 Medium", "serif";
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	padding-top: 0px;
}
.topbn{
	padding: 20px 20px 0;
}
	
.p-hero__textA {
  font-size: 56px;
	margin-top: 20px;
  margin-bottom: -30px;
}
  .p-hero__textB {
    font-size: 60px;
}
  .p-hero__textC {
    font-size: 26px;
}
  .p-hero__textC br {
    display: none;
}

.p-hero__textC br.-sp {
  display: none;
}
.p-hero img{
	width: 80%;
	margin: 10px auto;
}
.hojokin{
	display: block;
    padding: 10px 0;
    background-color: #00b3bb;
    text-decoration: none;
}

.hojokin__copy {
    font-size: 22px;
    color: white;
    text-align: center;
    margin-bottom: 5px;
}
.hojokin__large {
    font-size: 30px;
}
.hojokin__kochira {
    font-size: 16px;
    text-align: center;
    color: white;
}
.hojokin__triangle {
    box-sizing: border-box;
    display: inline-block;
    width: 8px;
    height: 12px;
    background-color: white;
    border-left: 8px solid white;
    border-top: 6px solid #00b3bb;
    border-bottom: 6px solid #00b3bb;
}
.midashi-blue{
	font-size:2.5em;
	font-weight: bold;
	color:#15AAB1;
	text-align: center;
	margin-top: 30px;
}
.p-sectFlow {
  line-height: 1.88em;
}
.p-sectFlow .c-title {
  margin-bottom: 56px;
}
.p-sectFlow .l_row {
  display: flex;
  justify-content: space-between;
}
.p-sectFlow h3 {
  font-size: 16px;
	font-weight: bold;	
  text-align: center;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
	margin-top: 0;
}
.p-sectFlow ol {
 flex-direction: row;	
  margin-top: 40px;
}
.p-sectFlow ol li {
  width: 22%;
  background: #fff;
  border: 1px solid #dfdfdf;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 25px 25px 25px;
	  margin-bottom: 0px;	
  position: relative;
}
.p-sectFlow ol li:after {
  content: '';
  width: 12px;
  height: 12px;
  border-top: 2px solid #00b3bb;
  border-right: 2px solid #00b3bb;
  font-size: 0;
  transform: rotate(45deg);
  position: absolute;
  left: 106%;
  top: calc(50% - 16px);
}
.p-sectFlow ol li:last-child:after {
  display: none;
}
.p-sectFlow ol li span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00b3bb;
  color: #fff;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  margin: 0 auto 16px;
}	

.l-container{
	margin: 0 auto;
	position: relative;
}	
.l_row {
  display: flex;
  justify-content: space-between;
  margin: 80px 0;	
}
	
.br-sp {
	display: none;
}
.br-pc {
	display: inline;
}
/* 以下IT補助金ページ。 */

.topbn2{
	height:250px;
}
.topbn2 p{
	font-size: 32px;
}

.tryhatch-box1{
	padding: 15px 0;
}

.box-text1{
	font-size: 14px;
}


.midashi{
	line-height:1.6; 
	letter-spacing:0.05em; 
	font-size: 26px; 
}
	
.triangle {
	margin: 25px auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 40px solid #e5e7e7;
  border-bottom: 0;
}
.kakomiwaku-white {
	padding: 20px;
	font-size: 22px;
}
.kakomiwaku-black {
	padding: 8px 12px;
	font-size: 22px;
}

.midashi-design {
  border-bottom: solid 3px #3bcebe;
  position: relative;
	margin:48px 0 40px;
	padding: 12px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.midashi-design:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #333333;
  bottom: -3px;
  width: 20%;
}
.img-logo{
	padding: 0 20px;
}

.flex-re{
	display: flex;
	flex-direction: row-reverse;
}
.title-green{
	font-size: 20px;
}

.faq-line{
	padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    line-height: 32px;
}
.faq-label{
	display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    width: 32px;
    height: 32px;
	 border-radius: 50%;
	margin-right: 16px;
    font-size: 16px;
    font-family: Arial, sans-serif;
}
.faq-a{
	width: 93%;
}	
}